@import url(/css/apercuImg.css);
@import url(/css/style_pictonav.css);
/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0;
	padding:0;
	background-color:#cecfd1;
	font-size:12px;
}

div.conteneur {
	background-color:#FFFFFF;
	width:945px;
	padding:0 5px;
	margin-left:auto;
	margin-right:auto;
}
div.banniere {
    position:relative;
	height:153px;
	background-color:#000000;
	background-image:url(/images/banniere.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding-right:12px;
}
div.banniere span.aa{ font-size:24px; }
div.banniere span.ab{ font-size:17px; }
#menuNav a{ color:#FFFFFF; text-decoration:none; font-size:11px;}
#menuNav {
	margin-right:12px;
	margin-top:5px;
}

div.menu {  color:#807F84; }
div.menu a { color:#807F84; text-decoration:none; }
div.menu a:hover { color:#000000; }

div.menuTop {
	background-image:url(/images/bg-menu.gif);
	background-repeat:repeat-y;
	height:47px;
	padding-top:4px;
	text-align:center; letter-spacing:2px; color:#FFFFFF;
	line-height:22px;
	text-align:center;

}


div.menuTop a{
	display:block;
	background-image:url(/images/bg-btn.gif);
	height:22px;
	line-height:23px;
	background-repeat:repeat-x;
	float:left;
	margin-right:2px;
	padding-left:17px;
	padding-right:16px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	letter-spacing:normal;

}
div.menuTop a:hover{ background-image:url(/images/bg-btn-a.gif);}
div.menuTop a.actif{ background-image:url(/images/bg-btn-a.gif); }

div.centre {
	background-image:url(/images/bg-page.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFFFFF;;
	padding-bottom:30px;
	padding-top:20px;
	min-height:240px;
}
h1 { color:#0063a6; font-size:20px; margin-bottom:0px;margin-top:0px;}
h1 a { color:#0063a6; font-size:20px; margin-bottom:0px;margin-top:0px; text-decoration:none; }
h1 a:hover { text-decoration:underline;}
div.sousTitre { color:#9c9ea2; font-size:11px;}
.sous-titre-bleu {color:#0063a6; font-size:9px; background-color:#fff;  }
.annotation, .annotation a { color:#0063a6; font-size:9px;text-decoration:none;}
.annotation a:hover{ color:#FFFFFF;}


div.carriere {
	width:223px;
	height:57px;
	color:#FFFFFF;
	background-color:#0063A6;
	background-image:url(/images/coin-R-01.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding:10px 0px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
}
div.carriere a {
	text-decoration:none;
	color:#FFFFFF;
}
div.carriere a:hover {
	text-decoration:underline;
}
span.date-actu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
span.date-actu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#333333;
}
span.infos-actu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
span.infos-actu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#333333;
}


div.separationV {
	height:2px;
	width:90%;
	background-color:#FFFFFF;
	border:none;
	border:0;
	margin:0;
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
	line-height:0;
	font-size:0px;
	margin-left:auto;
	margin-right:auto;
}

div.separationH {
	width:1px;
	height:250px;
	background-color:#FFFFFF;
	border:none;
	border:0;
	margin:0;
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
	line-height:0;
	font-size:0px;
	margin-left:auto;
	margin-right:auto;
}

.gauche, .droite { padding-left:10px;  }
.droite { width:270px;}

.droite3 { width:265px; padding-right:5px; }
div.respect { background-repeat:no-repeat; width:251px; height:72px; background-color:#4CAC00;}
div.respect table{ margin-top:40px !important; margin-top:43px; margin-left:12px;}
div.respect span.at { font-size:7px;}
div.respect span.phrase { font-size:9px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; line-height:9px;}
.nombre { color:#161618; font-size:14px; font-weight:bold; letter-spacing:6px; }

div.menu2 { background-color:#FFFFFF; height:22px; line-height:23px; text-align:center; }
div.menu2 a { color:#0063A6; text-decoration:none; }
div.menu2 a:hover { text-decoration:underline; }
div.menu2 a.actif { color:#F1A011; }

div.bas {
	background-image:url(/images/bg-bas.jpg);
	height:158px;
	background-repeat:repeat-x;
	padding-top:18px;
}
div.bas a {
	background-image:url(/images/btn-choix.jpg);
	background-repeat:no-repeat;
	width:245px;
	height:58px;
	text-decoration:none;
	display:block;
	color:#FFFFFF;
	text-align:left;
	padding-left:8px;
	padding-top:2px;
	font-size:11px;
}
div.bas a:hover { background-image:url(/images/btn-choix-A.jpg); color:#1E1E1E;}
div.bas a.actif { background-image:url(/images/btn-choix-A.jpg);}
div.bas span.titre { font-size:15px;}

div.basPage { width:955px; margin-left:auto; margin-right:auto; margin-top:10px; font-size:11px;}
div.basPage a{ color:#151518; font-size:11px; text-decoration:none;}
div.basPage a:hover{ text-decoration:underline;}

.gaucheMenu {background-color:#7B7A7F; width:195px;}
.gaucheMenu a{
	display:block;
	background-image:url(/images/bg-btn-menu3.gif);
	height:20px;
	background-repeat:repeat-x;
	line-height:19px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:12px;
}
.gaucheMenu a:hover{ background-image:url(/images/bg-btn-menu3-a.gif); }
.gaucheMenu a.actif{ background-image:url(/images/bg-btn-menu3-a.gif); }
.droitePage { width:194px; }

div.PrincipauxPart { color:#FFFFFF; line-height:0;}
div.PrincipauxPart div.titre { line-height:normal; margin-bottom:5px;}
div.PrincipauxPart .contenu { color:#6C6C72; line-height:20px; }

div.contenuCentre { padding:0 12px; text-align:justify;}
p { color:#6C6C72;}


.gauche2 { width:282px; padding-left:5px;}
.ligne { height:59px; margin-left:-10px;}
.ligne:hover { background-color:#CFD1D3;}
.ligne-actif { height:59px; margin-left:-10px; background-color:#CFD1D3;}

div.imgActu { width:78px; height:44px;}

div.diapo { width:361px; text-align:center;}
div.diapo-top { background-image:url(/images/diapo-top.gif); width:361px; height:12px; }
div.diapo-centre { text-align:center;/*background-color:#0063A6*/}
div.diapo-bas { background-image:url(/images/diapo-bas.gif); width:361px;  height:12px; color:#FFFFFF; font-size:11px;}
div.diapo-action { background-color:transparent; height:45px; line-height:45px; }
div.diapo-action a { color:#3366CC; font-size:11px; text-decoration:none;}
div.diapo-action a:hover { color:#FFFFFF;}


.tabMatieres { background-image:url(/images/bg-desc.gif); background-repeat:repeat-y; width:266px; line-height:16px; font-size:11px;}
.tabMatieres td { padding-left:5px; padding-right:5px;}

.avant-centre { background-color:#CFD1D3; padding-left:25px;}

div.ligneOnglets { height:25px; margin-top:10px;}
div.onglet { background-image:url(/images/onglet-arondiG.gif); height:25px; padding-left:18px; background-repeat:no-repeat; float:left; background-color:#E7E8E9;}
div.onglet a { display:block; float:left; line-height:25px; color:#6C6C72; text-decoration:none; }
div.onglet a:hover { text-decoration:underline;}

div.onglet-actif { background-image:url(/images/onglet-arondiG-a.gif); height:25px; padding-left:18px; background-repeat:no-repeat; float:left; background-color:#ffffff;}
div.onglet-actif a { display:block; float:left; line-height:25px; color:#151518; text-decoration:none; }

/*Pour les langues*/

#menuLangue { position:absolute;width:150px; height:200px;right:0}
#conteneurChoix {   overflow:hidden; }
#fenetreChoix { background-color:#FFFFFF; color:#003300;   }
#fenetreChoix a { color:#333333; text-decoration:none;}
#fenetreChoix a:hover { color:#06A2D5; }

.pageSuivante {   text-decoration:none; color:#666666;}
.pageSuivante:hover { color:#666666; }
.pageSuivanteA {   font-weight:bold; color:#00A6E2;}


.blocTexte{
	display:none;
	visibility:hidden;
}

.blocTexte_ouvert{
	display : block;
	visibility:visible;
}
div.zoneVerte { background-image:url(../images/bg-vert.jpg); width:935px; height:100%; background-repeat:repeat-x;  padding-left:5px; padding-right:5px; background-color:#CEE3A5; background-position:left top; padding-top:-20px;}
div.zoneVerte ul {margin:0px;}
div.zoneObjectif {background-image:url(../images/bg-environnement.gif); background-repeat:no-repeat; width:443px; height:264px; color:#FFFFFF; padding-left:4px; padding-right:4px;}
div.zoneObjectif ul {margin:0px;padding-left:30px;}
div.zoneObjectif ul li {margin:0px;padding:0px;}

blockquote { margin-left:10px; margin-right:0px }


.degradeBleu { background-image:url(../images/degradeBleu-C.jpg); width:437px; background-repeat:repeat-y; color:#FFFFFF;}
.degradeBleu2 { background-image:url(../images/degradeBleu2-C.jpg); width:271px; background-repeat:repeat-y; color:#FFFFFF;}
a.lienCertification { color:#407FBC; text-decoration:none;}
a.btnBleu { display:block;background-image:url(../images/btn-bleu.gif); background-repeat:no-repeat; height:22px; width:111px; line-height:21px; color:#FFFFFF; text-decoration:none; text-align:center; font-size:10px;}
a.btnBleu:hover { background-image:url(../images/btn-bleu-A.gif);}

div.annonceOffre { background-color:#CCCCCC;  color:#403E43; font-size:14px; padding:2px; margin-top:10px;}
div.infoOffre { border:1px solid #CCCCCC; padding:11px; font-size:11px; color:#000000; background-color:#FFFFFF; }
div.infoOffre a { color:#0063A6; text-decoration:none;}
div.infoOffre a:hover { text-decoration:underline;}