/* CSS Document *//* General  ----------------------------------------------------------------- */html, body {	margin: 0;	padding: 0;	text-align: center;}body {	background-color: #000000;	font-family: Verdana, Tahoma, georgia, Arial, lucida, Helvetica, "Trebuchet MS", sans-serif;	font-size: 8pt;	color: #b0b0b0;}table {	font-family: Verdana, Tahoma, georgia, Arial, lucida, Helvetica, "Trebuchet MS", sans-serif;}h1 {	font-size: 10pt;	font-weight: bold;}h2 {	font-size: 11pt;	font-weight: bold;}a:link, a:visited {	color: #b0b0b0;	text-decoration: none;}a:hover {	color: #0099ff;}.submit      { background-image: url('images/bouton.jpg'); background-repeat: repeat;                background-attachment: scroll; width: 139px; height: 23px;                font-size: 8pt; color: #b0b0b0; border-style: none;                border-width: medium; background-position: 0% 50% }hr{  width:100%;  background-color: #b0b0b0;  color: #b0b0b0;  border-color: #b0b0b0;  height: 1px;  border: 0;}/* Conteneur page ----------------------------------------------------------- */#blockpage {	text-align: left;	width: 910px;	margin: 10px auto;	min-height: 400px;	background-color: #242424;	border: 1px #333333 solid;}/* Conteneur en tete -------------------------------------------------------- */#blocktop {	height: 122px;	width: 910px;	/*background: url(graphiques/page-top.gif) no-repeat;*/}/* Conteneur image en tete -------------------------------------------------- */#blockimagetop { position: relative; top: 15px; left: 15px; width: 880px; height: 85px;                background-image:                url('http://pagesperso-orange.fr/roncelesbains/styles/graphiques/banniere.jpg');                background-repeat: no-repeat; background-attachment: scroll;                background-position: 0% }/* Conteneur des albums, vignettes, formulaires... -------------------------- */#blockcontent {	min-height: 400px;	width: 880px;	background-color: #242424;	padding-top: 10px;	padding-left: 15px;	padding-right: 15px;	padding-bottom: 5px;}/* Conteneur barre de lien en tete ------------------------------------------ */#blocksidebar { position: relative; top: 15px; left: 15px; height: 18px; width: 878px;                font-size: 8pt; background-image: url('images/sidebar.gif');                background-repeat: repeat-x; background-attachment: scroll;                text-align: left; color: #b0b0b0; padding-left: 2px;                padding-top: 3px; padding-bottom: 1px; background-position:                0% 50% }#blocksidebar a:link {	color: #d0d0d0;}#blocksidebar a:visited {	color: #d0d0d0;}#blocksidebar a:hover {	color: #0099ff;}/* Conteneur Menu gauche ---------------------------------------------------- */#block-left-menu { float: left; width: 190px; font-size: 8pt; background-image:                url('images/arabesque.jpg'); background-repeat: no-repeat;                background-attachment: scroll; padding-left: 5px;                padding-right: 5px; padding-top: 0px; padding-bottom: 50px;                background-position: center bottom }.titre-rubrique-menu { display: block; font-size: 9pt; font-weight: bold; background-image:                url('images/onglet.gif'); background-repeat: no-repeat;                padding-left: 20px; background-position: 0% 50% }.titre-article-menu { display: block; font-size: 9pt; font-weight: bold; background-image:                url('images/onglet.gif'); background-repeat: no-repeat;                padding-left: 20px; background-position: 0% 50% }.item-left-rubrique {	display: block;	font-size: 8pt;	border: 1px #666666 solid;	background-color: #474747;	padding: 5px;}.item-left-menus {	display: block;	font-size: 8pt;	border: 1px #666666 solid;	background-color: #474747;	padding: 5px;}.item-left-page-articles {	display: block;	font-size: 8pt;	border: 1px #666666 solid;	background-color: #474747;	padding: 5px;}.item-left-pagearticles-select {	display: block;	font-size: 8pt;	border: 1px #666666 solid;	background-color: #666666;	padding: 5px;}/*Page d'accueil ------------------------------------------------------------ */#blockaccueil {	float: right;	width: 665px;	border-left: 1px #333333 solid;	padding-left: 5px;	padding-right: 5px;	padding-top: 0px;	padding-bottom: 0px;	margin-bottom: 5px;}/*contenu fictif pour forcer le content à aller au dessous du bloc accueil pour mozilla*/.spacer {	clear: both;}/*Page Articles ------------------------------------------------------------- */#blockarticle {	float: right;	width: 660px;	padding-left: 5px;	padding-right: 5px;	padding-top: 5px;	padding-bottom: 5px;	margin-bottom: 5px;	background-color: #474747;}/* Conteneur des commentaires utilisateurs article -------------------------- */#blockpostarticle {	width: 650px;	/*background-color: #ffffff;*/	border-top: 1px dotted #b0b0b0;	padding-top: 5px;	padding-bottom: 5px;		margin-bottom: 5px;	margin-left: auto;	margin-right: auto;	text-align: left;}/* Conteneur des news ------------------------------------------------------- */#blockpostnews {	width: 650px;	background-color: #474747;	padding: 5px;	margin-top: 10px;	margin-left: auto;	margin-right: auto;	text-align: left;}/* Rubrique News ------------------------------------------------------------ */.titre-news  { display: block; font-size: 8pt; font-weight: bold; background-image:                url('images/onglet.gif'); background-repeat: no-repeat;                margin-top: 10px; padding-left: 20px; padding-top: 5px;                padding-bottom: 5px; background-position: 0% 40% }/* Rubrique Article ------------------------------------------------------------ */.titre-articles { display: block; font-size: 10pt; font-weight: bold; background-image:                url('images/article.gif'); background-repeat: no-repeat;                margin-bottom: 5px; padding-left: 18px; background-position:                0% 100% }/* Conteneur des commentaires guestbook ------------------------------------- */#blockpostguestbook {	width: 100%;	border-bottom: 1px dotted #b0b0b0;	padding-top: 5px;	padding-bottom: 5px;		margin-bottom: 5px;	margin-left: auto;	margin-right: auto;	text-align: left;}/* Conteneur des informations et posts utilisateur des images --------------- */#blockpostimage {	width: 750px;	/*background-color: #ffffff;*/	border-bottom: 1px dotted #b0b0b0;	padding-top: 5px;	padding-bottom: 5px;	margin-top: 10px;	margin-left: auto;	margin-right: auto;	text-align: left;}/* Conteneur formulaire ----------------------------------------------------- */#blockformulaire {	width: 710px;	border: 1px solid #000000;	margin-top: 20px;	margin-left: auto;	margin-right: auto;	padding: 15px;		background-color: #efefef;	color: #666666;}#blockformat {	width: 705px;	background-color: #cccccc;	border: 1px solid #999999;}.textareastyle {	width: 705px;	border: 1px solid #999999;}.inputgeneral {	width: 705px;	border: 1px solid #999999;}.inputconnect {	width: 280px;	border: 1px solid #999999;}.inputgestion {	width: 475px;	border: 1px solid #999999;}/* Conteneur Images Medias -------------------------------------------------- */.submitdelete { background-image: url('images/bouton.jpg'); background-repeat: repeat;                background-attachment: scroll; width: 141px; height: 25px;                font-size: 8pt; color: #b0b0b0; border-style: none;                border-width: medium; background-position: 0% 50% }/*table gestion des users*/.tableusers {	border: thin #e7e7e7 solid;	background-color: #FFFFFF;}.rowusers {	background-color: #e7e7e7;	font-weight: bold;	padding: 3px;}.cellusers {	border-bottom: thin #e7e7e7 solid;	padding: 3px;}/*table de gestion des images du dossier "medias"*/.tablemedias {	border: thin #e7e7e7 solid;	background-color: #FFFFFF;}/* Liste des albums  -------------------------------------------------------- */ul#album {	float: left;}ul#album, ul#album li {	list-style: none;	margin: 3px;	padding: 0px;}ul#album li {	float: left;	display: inline;}ul#album img {	display: inline;	float: left;	border: 0px;	margin-right: 5px;	padding: 5px;}ul#album a {	display: block;	width: 420px;	height: 113px;	padding: 2px;	background: #c0c0c0;	color: #444444;	border: 1px solid #d5d5d5;	text-align: justify;	font-size: 8pt;	text-decoration: none;}ul#album a:hover {	background: #939393;	color: #222222;	border: 1px solid #d5d5d5;	text-decoration: none;}/* Conteneur des vignettes -------------------------------------------------- */#thumb {	float: left;}#thumb a {	display: block;	padding: 9px;	margin: 2px;	border: 1px solid #d5d5d5;	background: #c0c0c0;	color: #444444;}#thumb a:visited {	border: 1px solid #d5d5d5;	background: #c0c0c0;	color: #444444;}#thumb a:hover {	border: 1px solid #d5d5d5;	background: #939393;	color: #222222;}/* Classe des images agrandies ---------------------------------------------- */#images {	display: block;	margin-top: 10px;}#images img {	background: #efefef;	border: 1px solid #B5AEA4;	border-top: 1px solid #eee;	border-left: 1px solid #eee;	padding: 14px;}/* Titre de  l'album page des vignettes  ------------------------------------ */#titlealbum {	font-size: 10pt;	font-weight: bold;	text-align: center;}/* Conteneur pour le lien de retour a l'album de la page des vignettes ------ */#returnalbum {	clear: both;	text-align: center;}/* Conteneur pour les liens action sur album, images etc... ----------------- */#blocklinkaction {	clear: both;	text-align: center;	font-size: 7pt;	border-top: 1px solid #333333;	border-bottom: 1px solid #333333;	margin-top: 10px;	padding-top: 10px;	padding-bottom: 10px;}/* Conteneur pour les Captcha ----------------------------------------------- */#blockcaptcha {	width: 242px;	padding: 5px;	background-color: #ffffff;	border: 1px solid #999999;	margin-left: auto;	margin-right: auto;	margin-top: 5px;	margin-bottom: 10px;}#blockcaptcha input {	width: 122px;	height: 19px;	border: 1px solid #999999;}/* Message d'erreurs -------------------------------------------------------- */.mess_erreur {	background-color: red;	border: 1px solid #000000;	padding: 5px;	margin-top: 10px;	margin-left: auto;	margin-right: auto;	text-align: center;	width: 80%;	font-size: 10pt;	font-weight: bold;	color: #ffffff;}/* Message ok --------------------------------------------------------------- */.mess_ok {	background-color: #339933;	border: 1px solid #000000;	padding: 5px;	margin-top: 10px;	margin-left: auto;	margin-right: auto;	text-align: center;	width: 80%;	font-size: 10pt;	font-weight: bold;	color: #ffffff;}/* Texte ---------------------------------------------------------- */.copyright {	font-size: 7pt;	font-weight: bold;}.annotation {	font-size: 7pt;}.note {	display: block;	padding: 1px;	font-size: 7pt;	height: 14px;	margin-top: 10px;	margin-bottom: 10px;	background-color: #cccccc;  border: 1px #666666 solid;	color: #666666;}.namecomment {	font-size: 8pt;	font-weight: bold;}.messagecomment {	display: block;	padding-top: 5px;	padding-bottom: 5px;		font-size: 8pt;}/* Conteneur pied de page --------------------------------------------------- */#blockfoot   { text-align: center; height: 15px; background-image:                url('images/arabesque.jpg'); background-repeat: no-repeat;                background-attachment: scroll; color: #b0b0b0;                border-top: 1px solid #333333; padding-left: 5px;                padding-right: 5px; padding-top: 50px; padding-bottom: 5px;                background-position: center top }