/* Style CSS Site Cos38 */

/******************************************/
/********** CSS STATIQUE ****************/
/******************************************/


img {border:0px;}

/********* DIV HAUT DE PAGE *************/
#header {height:3em;line-height:3em}
#headbar p {text-align:right;line-height:2em;}
#titrepage{height:40px;margin:5px 0 15px 0;}

/******** ELEMENT POUR REDIRECTION FLASH */
div.divFlash {position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; visibility: visible; background-color: #FFFFFF; border: 1px none #000000;}
#flash_redirect {text-align:center; height:0px; width:0px;}

/********** DIV CENTRALE - GAUCHE *****/
#sidebar ul{list-style-type: none;padding: 0;margin: 0 1em 1em 1em;padding-left:.4em}
#sidebar li{cursor:pointer;display:block;clear:both;padding: 0;margin: 0;}
#sidebar ul ul li{margin-left:-5px;}

/********** DIV CENTRALE - DROITE *****/
#h_titrepage{text-align:left;height:20px;position:absolute;margin-left:20em;}
#contenuPop {margin:2em 2em 2em 2em;}


/* ESPACEMENT ENTRE MENU RUBRIQUE ET CONTENU */
#nettoyeur{margin:4.4em 0 0 0;}

/* DIV CONTENEUR DES CLIQUEFICHES */
#liste_fiche{margin:2em 0 0 18em;padding:0 0 0 2em;}
#liste_fiche_pop{margin:2em 2em 2em 2em;}

/********* CLICK FICHE DEFAUT *********/
div.fiche{margin:1em 0 0 0;height:auto;padding:0 0 0 2em;}

span.gras{font-weight:bold;font-size:1.2em;}
span.italic{font-style:italic;}
span.underline{text-decoration:underline;}
span.white{color:#fff;background-color:#cccccc;}
span.black{color:#000;background-color:#cccccc;}
span.red{color:red;background-color:#cccccc;}
span.defaut_color{color:#3900c1;background-color:#cccccc;}
span.arial{font-family:Arial;}
span.times{font-family:Times;}
span.defaut_face{color:#3900c1;background-color:#cccccc;}
span.size12{font-size:12px;}
span.size11{font-size:12px;}
span.size10{font-size:12px;}
span.defaut_size{color:#3900c1;background-color:#cccccc;}
span.letter0{letter-spacing:0em;}
span.defaut_spacing{letter-spacing:.1em;}
p.left{text-align: left;}
p.center{text-align: left;}
p.right{text-align: left;}



/********* DIV BAS ********************/
div #footer {margin:1em 0 .2em 0;height:3em;text-align:center;clear:both;}
p #footerp {text-align:center;}

/********** LOGO W3C ****************/
img #logo_xhtml{height:31px; width:88px;}
img #logo_aa{height:31px; width:88px;}
img #logo_css{height:31px; width:88px;}


/******************************************/
/********** CSS DYNAMIQUE ***************/
/******************************************/


body{font-family:Arial, Helvetica, sans-serif;font-size:0.8em;line-height:1.2em; color:#3900c1;background-color:#cccccc; margin:10px 0 10px 0;}

/********* LIENs DEFAUT *****************/
a{color:#8db300;background-color:#cccccc;text-decoration:none;}
a:hover{color:#5c6d7b;background-color:#cccccc;}

/********* DIV PRINCIPALE ****************/
#conteneur {width:86%;max-width: 1100px;min-width: 760px;margin:0 auto;color:#3900c1;background-color:#cccccc;border:1px solid #5b6b78;}

/********* DIV HAUT DE PAGE *************/
#header h1{margin: 25px 0 0 100px;color:#5c6d7b;background-color:#cccccc;}
#header h1 a{color:#5c6d7b;background-color:#cccccc;}
#header h1 a:hover{color:#5c6d7b;background-color:#cccccc;}
#headbar a{color:#8db300;background-color:#cccccc;text-decoration:none;font-size:1em;line-height:2em;font-family:Arial, Helvetica, sans-serif;}
#headbar a:hover{color:#5c6d7b;background-color:#cccccc;text-decoration:none;font-size:1em;line-height:2em;font-family:Arial, Helvetica, sans-serif;}
#titrepage h2{text-align:center;color:#5c6d7b;background-color:#cccccc;}

/********** DIV CENTRALE - CONTOUR ***/
#wrap {overflow:hidden;border-bottom:1px solid #5b6b78;}

/********** DIV CENTRALE - GAUCHE *****/
#sidebar {float:left;width:18em;border-right:1px solid #5b6b78;}
#sidebar a{float:left;clear:both;color:#8db300;background-color:#cccccc;text-decoration:none;font-size:1em;line-height:1.3em;font-family:Arial, Helvetica, sans-serif;border-left: 1px solid #5b6b78;border-bottom: 1px solid #5b6b78;padding:0 0 .2em .2em}
#sidebar a:hover{color:#5c6d7b;background-color:#cccccc;text-decoration:none;font-size:1em;line-height:1.3em;font-family:Arial, Helvetica, sans-serif;}
#sidebar ul ul a{border-left:1em solid #5b6b78;}

/********** DIV CENTRALE - DROITE *****/
#contenu {margin:0 0 0 18em; border-left:1px solid #5b6b78;padding:0 0 0.5em 2.5em;}

/********* LISTE DES CLICK FICHE = MENU *****/
.popup_list a{color:#8db300;background-color:#cccccc;text-decoration:none;font-size:1em;line-height:1.2em;font-family:Arial, Helvetica, sans-serif;}
.popup_list a:hover{color:#5c6d7b;background-color:#cccccc;font-size:1em;}
.popup_list {list-style-type: none;letter-spacing:-1px;line-height:1.2em;margin:2em 0 0 -2em;}
.popup_list li{color:#8db300;background-color:#cccccc;float:left; padding:0 1em 0 1em;cursor:pointer;font-size:1.1em;line-height:1em;height:1em;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
.popup_list li:hover{color:#5c6d7b;background-color:#cccccc;}
.border_droite{border-right:1px solid #5b6b78;border-left:1px solid #5b6b78;}
.border_gauche{border-left:1px solid #5b6b78;}

/********* LISTE DES CLICK FICHE = MENU *****/
span.lienSousFiche{color:#8db300;background-color:#cccccc;cursor:pointer;}
span.lienSousFiche:hover{color:#5c6d7b;background-color:#cccccc;}