/*

bleu foncé : #011a39
bleu clair : #e4eaf1
beige onglet : #d5ac88
marron titre : #6d4e35
bleu ancre : #4d5e74
bleu texte : #31455e
bleu texte info : #7e8a9a
gris clair : #7c8a9a

*/

/*********************************  STYLE  */

.noir  {color:#000000}

.rouge  {color:#a00b04}
.jaune  {color:#efa301 }

.gris1  {color:#282828}
.gris2  {color:#3e3e3e}
.gris3  {color:#a3a3a3}


marquee {color:#3d413e; font-size:14px; font-weight:bold; letter-spacing:2px; padding-top:2px; padding-bottom:2px}


/*********************************  BODY  */
BODY { font-family: Arial, Helvetica, sans-serif;  color: #000000; background:#ffffff; font-size:12px; margin:0px; marginheight:0px; marginwidth:0px;
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#e4eaf1;
	scrollbar-track-color:#ffffff;
	scrollbar-shadow-color:#e4eaf1;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#e4eaf1;
	scrollbar-darkshadow-Color:#ffffff;}





/*********************************  TABLE  */
TABLE { height:auto; width:auto; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; marginheight:0px; marginwidth:0px;}
TABLE.cent { height:100%; width:100%; }
TABLE.cent_enquete { height:100%; width:100%; background:url('../image/enquete-infoliterie.jpg') center top no-repeat;  }
TABLE.cent_v { height:auto ; width:100%;}
//TABLE.tabppl {height:100%; width:900px; margin-top:10px; background-color:#ffffff}
TABLE.tabppl {height:100%; width:900px; margin-top:0px; background-color:#ffffff}
TABLE.tabppl2 {height:648px; width:997px; margin-top:10px; background-color:#ffffff}

TABLE.tbpf {height:auto; width:260px; background-color:#ffffff;}



TD  { height:auto; width:auto; color:#282828; font-size:12px; text-align:left; padding-top:0px; margin-top:0px; padding-right:0px; vertical-align:top}
TD.centrer { text-align:center; vertical-align:middle; padding-top:0px; padding-bottom:50px}
TD.centrer2 { height:100%; text-align:center; vertical-align:middle;}
TD.centrer3 { text-align:center; vertical-align:middle; padding:10px;}
TD.centrer4 {text-align:center; vertical-align:top; padding-top:0px; padding-bottom:0px}
TD.centrer5 { text-align:center; vertical-align:bottom; padding-top:0px; padding-bottom:0px}
TD.centrer6 { text-align:left; vertical-align:middle; padding-top:0px; padding-bottom:0px}
TD.centrer7 { text-align:right; vertical-align:middle; padding-top:0px; padding-bottom:0px}
TD.milieu {text-align:center; width:50%}


TD.marge  {padding:10px;}
TD.marge2  {padding:0px 10px 0px 10px;}
TD.marge3  {padding:0px 10px 0px 10px; text-align:center}
TD.marge4  {padding-left:10px; }
TD.marge5  {padding-right:10px; }
TD.marge6 {padding:20px 0px 20px 0px; }
TD.marge7 { padding-bottom:20px; }
TD.marge8 {padding:5px; }

TD.align1  {text-align:right}
TD.align2  {text-align:left}
TD.align3 {vertical-align:top}
TD.align4 {vertical-align:bottom}

TD.bandeau {height:135px;}
TD.edito {height:770px}
//TD.bg {background:url(image) no-repeat top left}

TD.bg1 {background:url(../image/onglet_info_milieu.gif) repeat-y top left; padding:10px 35px 0px 25px}
TD.bg2 {background:url(../image/onglet_info_bas.gif) no-repeat top left}



TD.sm {height:80px; background-color:#282828; }
TD.pf {width:300px; text-align:center; padding:20px 0px 0px 0px}
TD.photo {height:50px; padding:20px 0px 0px 0px; padding-bottom:20px;}
TD.photo2 {height:50px; padding-bottom:20px;}
TD.txt {padding:10px 60px 10px 30px; }
TD.titrepf {height:25px; color:#ffffff; font-size:13px; background-color:#a00b04; padding:2px 0px 0px 5px}

//TD.pointillehaut {color:a3a3a3; text-align:center;  border-left:#cd8581 dotted; border-right:#cd8581 dotted; border-top:0px; border-width:3px;  padding:10px 0px 10px 0px}
TD.pointillehaut {color:a3a3a3; text-align:center;  border-width:3px;  padding:10px 0px 10px 0px}


TD.pointille {color:a3a3a3; text-align:center; border-top:0px; border-width:3px;  padding:10px 0px 20px 0px}

//TD.pf_imghaut {padding-left:10px}
TD.pf_imghaut {padding:21px 0px 0px 8px}

TD.bgancre1 {height:20px; background:url('../image/fond_encre1.jpg') no-repeat bottom left; padding:0px}
TD.bgancre2 {background:url('../image/fond_encre2.jpg') repeat-y top left; padding:0px 40px 0px 20px;}
TD.bgancre3 {height:20px; background:url('../image/fond_encre3.jpg') no-repeat top left; padding:0px}

TD.bgancre-enquete-1 {height:44px; background:url('../image/enquete-haut.jpg') no-repeat -1px bottom; padding:0px}
TD.bgancre-enquete-2 {background:url('../image/enquete-milieu2.jpg') repeat-y -2px top ; padding:0px 40px 0px 20px;height:33px}
TD.bgancre-enquete-3 {height:27px; background:url('../image/enquete-bas.jpg') no-repeat top left; padding:2px 0 0 270px;}

TD.contenu {padding:25px 0px 0px 0px}


/* h */
H1 {font-size:20px; font-weight:normal; text-align:left; color:#6d4e35}
H2 {font-size:13px; font-weight:bold; text-align:left; }
H3 {font-size:13px; font-weight:bold;color:#011a39}

/* span */
span.rech {font-size:17px; font-weight:bold; text-align:left; color:#850c00}
span.menu {font-size:15px;}
span.menu2 {font-size:16px;}

span.gras {font-size:13px; font-weight:bold;}
span.gras2 {font-size:12px; font-weight:bold;}
span.petit {font-size:11px; color:#31455e; }

span.decal {display:block; margin-left:20px;}




/* styles pour les paragraphes de base*/
P { text-align:justify; font-size:12px; font-family:Arial, Helvetica, Verdana, sans-serif; color:#31455e; font-weight:normal; margin:0px; }
P.titre { font-size:12px; color:#939393; text-align:left;}
P.grisclair2 {font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#7c8a9a; text-decoration:none; font-style:italic}
P.gauche { text-align:left; padding-bottom:30px;}
P.gauche2 { text-align:left; }
P.margebas {text-align:justify; padding-bottom:30px;}
P.gras { font-weight:bold;}
P.align2 {text-align:justify;}
P.petit {font-size:10px; text-align:left;}
P.marge {padding-top:10px; padding-bottom:10px}

P.photo {width:50%}
P.stphoto {font-size:10px; color:#a3a3a3; text-align:right; padding:0px 30px 0px 0px; }

P.accueil { text-align:justify; font-size:13px; font-family:Arial, Helvetica, Verdana, sans-serif; color:#011a39; font-weight:normal; margin:0px; }

P.blanc {color:#ffffff}
P.petitgris {font-size:11px; color:#a3a3a3; }
P.grisclair {font-size:12px; color:#7c8a9a; font-style:italic; font-weight:bold;}

P.marron1 {font-size:15px; color:#6d4e35}
P.marron {font-size:12px; color:#6d4e35}
P.violet {font-size:15px; color:#9e2d59; text-align:center; padding-top:30px; }
P.violet2 {font-size:15px; color:#9e2d59; text-align:center; padding-top:20px; }



/* styles pour les puces*/
ul {text-align:justify; font-size:12px; font-family:Arial, Helvetica, Verdana, sans-serif; color:#31455e; font-weight:bold; margin:0px; margin-left:20px;}



/* images */
img.imgedito {margin:10px;}
img.pf {float:left}


/* styles pour les calques : un calque container, un calque normal*/

DIV.container {position:relative;  border:solid 0px #575f61;top:0px; left:0px; width:100%; height:100%; border:solid 0px #575f61; text-decoration:none; z-index:2; }
DIV.container1 {position:relative; top:0px; left:0px; width:10px; height:100%; border:solid 0px #575f61; text-decoration:none; z-index:1; }

DIV {position:absolute; }
DIV.relative {position:relative; }
DIV.pf {margin-top:2px}
DIV.logo {top:15px; left:15px; }
DIV.logo2 {top:55px; left:15px; border:solid 0px #575f61;}
DIV.logo3 {top:55px; left:15px; border:solid 0px #575f61;width:905px}
DIV.txt_logo {top:107px; left:320px;}
DIV.baseline {top:650px; left:10px;}
DIV.baselinemenu {top:650px; left:32px; right:32px;}

DIV.acc_menu1 {top:262px; left:60px;}
DIV.acc_menu2 {top:262px; left:245px;}
DIV.acc_menu3 {top:262px; left:420px;}
DIV.acc_menu4 {top:262px; left:596px; border:solid 0px #a3a3a3;}
DIV.acc_menu5 {top:262px; left:800px; border:solid 0px #a3a3a3;}
DIV.acc_menu6 {top:585px; left:32px; }
DIV.credit {top:650px; left:850px; border:solid 0px #7c8a9a;}



DIV.titre {left:650px; margin-top:-35px; }
DIV.titrejaune {top:29px; left:185px; width:670px; }

//DIV.dessinbas {top:0px; left:375px;}
DIV.dessinbas {top:0px; left:375px;}
DIV.glossaire {top:-40px; left:150px; width:200px; background-color:#ffffff; border:solid 1px #a3a3a3; visibility:hidden}
DIV.phototextebas {top:400px; left:45px; width:870px;height:155px; }

DIV.bg2 {position:relative; width:640px;}
DIV.bg22 {position:relative; width:640px;height:200px; border:0px solid red}



/* styles pour les liens */

A {font-size:11px; font-family: Arial, Helvetica, sans-serif; color:#7c8a9a; text-decoration:none;}
A:link {color:#7c8a9a; text-decoration:none}
A:visited {color:#7c8a9a; text-decoration:none }
A:active {color:#7c8a9a; text-decoration:none }
A:hover {color:#7c8a9a; text-decoration:none }

A.grisclair {font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#7c8a9a; text-decoration:underline; font-style:italic}
A.grisclair :link {color:#7c8a9a; text-decoration:none }
A.grisclair :visited {color:#7c8a9a; text-decoration:none }
A.grisclair :active {color:#7c8a9a; text-decoration:none }
A.grisclair :hover {color:#7c8a9a; text-decoration:none }

A.grisclair2 {font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#7c8a9a; text-decoration:none; font-style:italic}
A.grisclair2 :link {color:#7c8a9a; text-decoration:none }
A.grisclair2 :visited {color:#7c8a9a; text-decoration:none }
A.grisclair2 :active {color:#7c8a9a; text-decoration:none }
A.grisclair2 :hover {color:#7c8a9a; text-decoration:none }

A.grisclairmenu {font-size:10px; font-family: Arial, Helvetica, sans-serif; color:#7c8a9a; text-decoration:none;}
A.grisclairmenu :link {color:#7c8a9a; text-decoration:none;  }
A.grisclairmenu :visited {color:#7c8a9a; text-decoration:none;  }
A.grisclairmenu :active {color:#7c8a9a; text-decoration:none;  }
A.grisclairmenu :hover {color:#7c8a9a; text-decoration:underline;  }


A.gras {color:#a00b04;}
A.gras:link {color:#a00b04; text-decoration:none }
A.gras:visited {color:#a00b04; text-decoration:none }
A.gras:active {color:#a00b04; text-decoration:none }
A.gras:hover {color:#a00b04; text-decoration:none }


A.blanc {color:#ffffff;}
A.blanc:link {color:#ffffff; text-decoration:none }
A.blanc:visited {color:#ffffff; text-decoration:none }
A.blanc:active {color:#ffffff; text-decoration:none }
A.blanc:hover {color:#ffffff; text-decoration:none }


A.ancre_bleue {font-size:12px; color:#4d5e74; font-style:italic; font-weight:bold;}
A.ancre_bleue:link {font-size:12px; color:#4d5e74; font-weight:bold; text-decoration:none }
A.ancre_bleue:visited {font-size:12px; color:#4d5e74; font-weight:bold; text-decoration:none }
A.ancre_bleue:active {font-size:12px; color:#4d5e74; font-weight:bold; text-decoration:none }
A.ancre_bleue:hover {font-size:12px; color:#4d5e74; font-weight:bold; text-decoration:none }


A.gris {color:#a3a3a3; font-size:11px;}
A.gris:link {color:#a3a3a3; text-decoration:none }
A.gris:visited {color:#a3a3a3; text-decoration:none }
A.gris:active {color:#a3a3a3; text-decoration:none }
A.gris:hover {color:#a3a3a3; text-decoration:none }

A.gris2 {color:#a3a3a3; font-size:12px;}
A.gris2:link {color:#a3a3a3; text-decoration:none }
A.gris2:visited {color:#a3a3a3; text-decoration:none }
A.gris2:active {color:#a3a3a3; text-decoration:none }
A.gris2:hover {color:#a3a3a3; text-decoration:none }

A.rouge {color:#ffffff; font-size:16px;}
A.rouge:link {color:#ffffff; text-decoration:none }
A.rouge:visited {color:#ffffff; text-decoration:none }
A.rouge:active {color:#ffffff; text-decoration:none }
A.rouge:hover {color:#ffffff; text-decoration:none }


A.rouge1 {color:#700C0C; font-size:13px;}
A.rouge1:link {color:#700C0C; text-decoration:none }
A.rouge1:visited {color:#700C0C; text-decoration:none }
A.rouge1:active {color:#700C0C; text-decoration:none }
A.rouge1:hover {color:#700C0C; text-decoration:none }



A.nous {color:#3d4f64;}
A.nous:link {color:#3d4f64; text-decoration:none }
A.nous:visited {color:#3d4f64; text-decoration:none }
A.nous:active {color:#3d4f64; text-decoration:none }
A.nous:hover {color:#3d4f64; text-decoration:none }

A.rose {color:#c349b6;}
A.rose:link {color:#c349b6; text-decoration:none }
A.rose:visited {color:#c349b6; text-decoration:none }
A.rose:active {color:#c349b6; text-decoration:none }
A.rose:hover {color:#c349b6; text-decoration:none }

A.rosebd {color:#77003f;}
A.rosebd:link {color:#77003f; text-decoration:none }
A.rosebd:visited {color:#77003f; text-decoration:none }
A.rosebd:active {color:#77003f; text-decoration:none }
A.rosebd:hover {color:##77003f; text-decoration:none }


A.acc_menu:link, A.acc_menu:hover, A.acc_menu:visited {
	font-size:13px;

	display: block;
	line-height:25px;

	color:#ffffff;
	font-weight:bold;
	letter-spacing:1px
	}


A.acc_menu6:link, A.acc_menu6:hover, A.acc_menu6:visited {
	font-size:12px;
	color:#31455e;
	font-weight:bold;
 	}

A.lirelasuite:link, A.lirelasuite:hover, A.lirelasuite:visited {
	font-size:12px;
	display: block;
	width: 150px;
	float:right;
	text-align:right;
	color:#6d4e35;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
	border:solid 0px #ff00ff
	}






/* sav
a.menu2:link, a.menu2:visited {
	font-size:13px;
	display: block;
	float: left;
	line-height:13px;
	border: 0px solid #fff;
	text-align:center;
	font-weight:bold;
}
*/

a.menu2:link, a.menu2:visited {
	color:#d5ac88;
	font-size:15px;

	border: 0px solid #fff;
	text-align:center;
	vertical-align:bottom;
	font-weight:bold;
}



a.menu3:link, a.menu3:visited {
	color:#31455e;
	font-size:13px;

	border: 0px solid #fff;
	text-align:center;
	vertical-align:bottom;
	font-weight:bold;
}