div.l1 div, div.l3 div { background-color:#DDDDBB; }
div.l2 div, div.l4 div { background-color:#CCDDCC; }

#tableau { border:1px solid #AAAAAA; }
#entete div { background-color:#CECCCC; text-align:center; height:40px; }
#entete a, #entete p { font-weight:bold; color:black; }
#entete div, div.l1 div, div.l2 div, div.l3 div, div.l4 div { float:left; }
div.l1, div.l2, div.l3, div.l4 { float:left; clear:left; }
div.l1:hover div, div.l2:hover div, div.l3:hover div, div.l4:hover div { background-color:#FFFFCC; cursor:pointer; }

.date, .compteur, .ip, .host, .valeurs { border:1px solid #AAAAAA; border-width:0px 1px 1px 0px; margin:2px 0px 0px 2px; text-align:center; }
.date, .compteur { width:60px; }
.ip { width:106px; }
.host { width:496px; text-align:left; }
.valeurs { width:668px; text-align:left; }

.pages_select { width:730px; clear:both; text-align:center; padding:3px; }
.pages_select p, .pages_select a { font-weight:bold; display:inline; padding:3px; }

.input, .button, select { border:1px solid #006666; }
.button:hover { background-color:#666666; color:#FFFFFF; }

#sous-menu { text-align:center; }
#sous-menu > p, #sous-menu > a { padding:3px; font-weight:bold; cursor:pointer; }
#retour, #nouvelle { font-weight:bold; }

/* GALERIE */
/* PAGE AFFICHAGE DES PHOTOS */
#photos { border:1px solid #AAAAAA; }
#photos .pages_select { text-align:center;  }
#photos .l1, #photos .l2 { border:1px solid #006666; margin:3px 3px 0px 3px; }
#photos .thumbnail { width:102px; text-align:center; float:right; margin:3px; }
#photos .l1 img, #photos .l2 img { max-width:100px; border:1px solid #006666; }

#photos p { line-height:1.4; }
#photos p.intitule { float:left; clear:left; width:100px; margin:0px 10px 0px 0px;
	font-size:8pt; font-style:italic; font-weight:bold; text-align:right;  }
#photos p.donnee { display:block; float:left; font-size:8pt; }

/* PAGE GALERIES DISPO */
#galeries_dispo { border:1px solid #AAAAAA; }
#galeries_dispo .ligne_thumbnails { float:left; clear:both; }
#galeries_dispo .thumbnail { width:137px; float:left; margin:2px; padding:2px; border:1px solid #006666; }
#galeries_dispo .thumbnail img { width:135px; height:135px; border:1px solid #006666; }
#galeries_dispo .thumbnail p { text-align:center; margin-top:2px; font-weight:bold; }

#ajout_galerie { display:none; background-color:#AAAAAA; padding:5px; }
#ajout_galerie label { font-style:italic; font-weight:bold; margin:3px; }
#ajout_galerie input { padding:1px; }
#ajout_galerie input[name=Ajouter] { margin-left:10px; }

/* AFFICHAGE ARBORESCENCE */
#arborescence { width:483px; }
div.dir > p > em, div.expanded_dir > p > em { font-weight:bold; cursor:pointer; }
div.folders { margin-left:10px; }
div.files {  margin-left:10px; display:none; }
div.dir div.folders { display:none; }

div.expanded_dir > div.files { display:block; cursor:pointer; }
div.expanded_dir > div.files p:hover { font-weight:bold; }

.dir p, .expanded_dir p { line-height:1.4em; }
.dir p em { color:#005555; }
.expanded_dir p em { color:#005555; }

#preview { width:252px; position:fixed; right:20px; bottom:20px;
	display:none; text-align:center; border:2px solid #000000; background-color:black; }
#preview p { margin:0px; padding:1px; border-bottom:1px solid #000000; color:white; font-weight:bold; }
#preview_img { max-width:250px; max-height:250px; border:1px solid white; }

/* AJOUT PHOTOS */
#ajout_photos { float:right; }
#ajout_photos > form { text-align:center; }
#ajout_photos > form > #photos { width:250px; display:block; }
#ajout_photos > form > input { display:inline; margin:2px; }

.frm_photo { display:block; width:728px; clear:both; background-color:#AAAAAA; text-align:center; }
.frm_photo p { display:block; width:20px; }

#tableau_tarifs { margin:auto; border:2px solid #888888; }
#tableau_tarifs th, #tableau_tarifs td { border:0px solid #006666; padding:1px 10px; }
#tableau_tarifs th, #tableau_tarifs td { border-width:0px 1px 1px 0px; }
#tableau_tarifs th { background-color:#BBBBAA; }
#tableau_tarifs td { background-color:#DDDD99; }
#tableau_tarifs tr:hover td { background-color:#EEEEAA; cursor:pointer; }
#tableau_tarifs .conditionnement, #tableau_tarifs .prix { text-align:center; }