/*
gris : #878787
gris foncé : #2d2d2d
gris + clair  : #e0dfe0
bleu clair : #728c99
rose clair : #e2ced6
gris cadre photo : #4f4544
gris foncé : #39302f;
*/

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





/*********************************  BODY  */
BODY { font-family: Arial, Helvetica, sans-serif;  color: #000000; background:#2d2d2d; font-size:12px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; marginheight:0px; marginwidth:0px;
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#2d2d2d;
	scrollbar-track-color:#ffffff;
	scrollbar-shadow-color:#2d2d2d;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#2d2d2d;
	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%; background:#000000}
TABLE.cent_v { height:auto ; width:100%;}
TABLE.tabppl {height:100%; width:840px; }
TABLE.tabppl0 {height:650px; width:970px; background:#000000}
TABLE.tabppl2 {height:650px; width:975px; background:#000000}
TABLE.tabppl3 {height:100%; width:875px; background:#ffffff}

TABLE.titre_catal {width:300px; border-bottom:solid 5px #e0dfe0}
TABLE.titre_catal_2 {width:400px; }
TABLE.info_titre {height:90px; width:600px; }
TABLE.liste_catal {width:150px; }




TD  { height:auto; width:auto; color:#000000; font-size:12px; text-align:justify; 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:0px}
TD.centrer2 { height:100%; text-align:center; vertical-align:middle;}
TD.centrer_marge { text-align:center; vertical-align:middle; padding:10px;}
TD.centrer_top {text-align:center; vertical-align:top; padding-top:0px; padding-bottom:0px}
TD.centrer_bas { text-align:center; vertical-align:bottom; padding-top:0px; padding-bottom:0px}
TD.milieu {text-align:center; width:50%}
/*TD.milieu_2 {width:50%} */
TD.milieu_1 {width:50%; text-align:left;}
TD.milieu_2 {width:50%; padding-left:0px; padding-right:10px; padding-bottom:40px; border:solid 0px #000000}
TD.milieu_3 {width:50%; padding-left:10px; margin-right:0px; padding-bottom:40px; border:solid 0px #000000; text-align:center;}
TD.milieu_3 {width:50%; padding-left:10px; margin-right:0px; padding-bottom:40px; border:solid 0px #000000; text-align:center;}

TD.marge  {padding:10px;}
TD.margeh  {padding-right:10px; padding-left:10px}
TD.margeh_centrer  {padding-right:10px; padding-left:10px; text-align:center}
TD.marger  {padding-right:10px; }
TD.marge_haut_bas {padding-top:20px; padding-bottom:20px; }
TD.marge_bas { padding-bottom:20px; }
TD.margel  {padding-left:10px; }
TD.margel_2  {padding-left:30px; }
TD.alignleft  {text-align:left}
TD.top {vertical-align:top}
TD.bottom {vertical-align:bottom}
TD.bandeau {height:150px;}


/* menu*/
TD.menu {height:30px; background-color:#2d2d2d}
TD.edito {height:500px;}
TD.edito_2 {height:570px;}
TD.contenu {height:auto; width:230px; text-align:left; vertical-align:middle;background-color:#171212}
TD.contenu2 {height:500px; width:660px; text-align:left; padding-right:30px; padding-left:20px; padding-bottom:30px; background-color:#728c99}
TD.contenu3 {height:500px; width:300px; text-align:left; vertical-align:middle; background-color:#171212}
TD.sm {background:#878787; padding-right:10px; padding-left:10px;  border-right:solid 1px #ffffff}

/* h */

H1 {font-size:23px; font-weight:bold; font-style:italic; text-align:left; color:#e2ced6; padding-top:30px; font-family:Verdana, Arial, Helvetica, Verdana, sans-serif;}
H2 {font-size:20px; font-weight:bold; font-style:italic; text-align:left; color:#382c2c; padding-top:30px; font-family:Verdane,Arial, Helvetica, Verdana, sans-serif;}
H4 {font-size:16px; font-weight:bold; text-align:left}
H5 {font-size:12px; font-weight:bold; text-align:left}

/* images */
img.photo { margin:10px; border:solid 0px #ff0000;}
img.photo1 { margin:5px; border:solid 0px #ff0000;}
img.puce { margin:5px; vertical-align:middle; border:solid 0px #ff0000;}


/* styles pour les paragraphes de base*/
P { text-align:justify; font-size:14px; font-family:Arial, Helvetica, Verdana, sans-serif; color:#e2ced6; font-weight:normal; margin-top:0px; margin-bottom:0px; margin-right:0px; margin-left:0px;}
P.gris { text-align:justify; font-size:14px; font-family:Arial, Helvetica, Verdana, sans-serif; color:#39302f; font-weight:normal; margin-top:0px; margin-bottom:0px; margin-right:0px; margin-left:0px;}

P.gras {font-size:12px; font-weight:normal;}
P.gras1 {font-size:11px; font-weight:normal; color:cecfd1; margin-right:15px;}
P.gras2 {font-size:14px; font-weight:bold;}
P.petit {font-size:10px; text-align:left;}
P.blanc { font-weight:bold; color:#ffffff; text-align:left}
P.blanc_maigre { font-weight:normal; color:#ffffff; text-align:right; }
P.blanc_centrer { font-weight:bold; color:#ffffff; text-align:center}
P.rouge{ font-weight:bold; color:#c51036; text-align:left}


/* styles pour les puces*/
ul { margin-top:0px; margin-bottom:0px; margin-right:0px; margin-left:20px;}

span.rouge { color:#c51036;}
span.gras_gris {color:#878787; font-weight:bold;}

/* images */
img.imgedito {margin:10px;}
img.imgmenu {margin-bottom:5px;}
img.imgssmenu {margin-right:10px; margin-left:10px;}
img.img2 {margin-top:10px; margin-bottom:10px;}
img.img3 {margin-bottom:15px;}
img.img4 {margin-bottom:50px;}




/* span */
.gris_gras {color:#2d2d2d; font-weight:bold}
.blanc_gras {color:#ffffff; font-weight:bold}
.vert_gras {color:#cbde00; font-weight:bold}



/* styles pour les calques : un calque container, un calque normal*/
DIV.container {position:relative; top:0px; left:0px; width:100%; height:100%; border:solid 0px #575f61; }
DIV.container1 {position:relative; top:70px; left:15px; width:180px; height:100%; border:solid 0px #171212; }
DIV {position:absolute; }
DIV.relative {position:relative; }
DIV.contenu {width:90%; height:90%; overflow:auto;  border:solid 0px #575f61;}

DIV.logo1 {top:30px; left:105px;}
DIV.logo2 {top:30px; left:75px;}
DIV.logo3 {top:10px; left:75px;}



/* accueil*/
DIV.acc_txt {top:190px; left:110px;}
DIV.fla1 {top:165px; left:50px; }
DIV.fla2 {top:30px; left:560px; }
DIV.video {top:250px; left:550px; }

DIV.sm_menu {top:35px; left:35px; }
DIV.sm_menu_2 {top:10px; left:150px; width:500px}

/* catalogue*/
DIV.liste_catal {top:120px; left:70px; text-align:center;}
DIV.titre_roll_1 {top:50px; left:325px; visibility:hidden}
DIV.titre_roll_1_2 {top:50px; left:280px; }
DIV.titre_roll_2 {top:120px; left:300px; width:400px;}
DIV.titre_roll_lustre {top:78px; left:300px; width:400px;}
DIV.titre_roll_3 {top:120px; left:425px; width:200px}


DIV.trait_titre {top:30px; left:0px; }
DIV.trait_titre_1 {top:-28px; left:0px; }

/* plus*/
DIV.plus { top:90px; left:15px; height:400px; width:220px; background-image:url(../image/titre_ergo.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:0px 0px;}
DIV.plus_fctn { top:192px; left:6px; height:55px; width:188px; background:#ffffff; padding-top:5px}
DIV.plus_fctn2 { top:192px; left:6px; height:30px; width:188px; background:#ffffff; padding-top:5px}
DIV.plus_fctn3 { top:200px; left:6px; height:30px; width:188px; padding-top:5px}
/* DIV.edito2 {position:relative; top:10px; left:225px; width:630px; height:300px; padding-bottom:50px} */
DIV.edito2 {position:relative; top:10px; left:225px; width:630px; height:100%; padding-bottom:50px}



DIV.fond_gris { top:115px; left:262px; height:360px; width:574px; background:#e0dfe0}
DIV.ent_txt0 { top:10px; left:5px; height:130px; width:170px; }
DIV.ent_txt1 { top:10px; left:195px; height:130px; width:170px; }
DIV.ent_txt2 { top:10px; left:385px; height:130px; width:170px; }
DIV.ent_photo { top:145px; left:0px;  }



DIV.trait1 {position:relative; top:10px; left:-19px; width:280px; height:0px; border-top:solid 2px #000000; padding-top:10px;}
DIV.zoom1 {position:relative; top:-25px; left:270px; height:0px; width:20px;}

DIV.trait2 {position:relative; top:10px; left:-15px; width:240px; height:0px; border-top:solid 2px #000000; padding-top:10px;}
DIV.zoom2 {position:relative; top:-25px; left:130px; height:0px; width:20px;}

/* styles extranet */

DIV.extra { top:90px; left:15px; height:100%; width:200px; background-image:url(../image/titre_ergo_2.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:0px 0px;}
TD.bandeau_e {height:50px;}
DIV.ancre_extranet { top:200px; left:30px; height:20px; width:190px;}
DIV.extra2 {position:relative; top:60px; left:250px; width:630px; height:100%; padding-bottom:50px}

/* styles pour les liens */

A {font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; text-decoration:none;}
A:link {color:#000000; text-decoration:none }
A:visited {color:#000000; text-decoration:none }
A:active {color:#000000; text-decoration:none }
A:hover {color:#000000; text-decoration:none }


A.blanc {font-size:15px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; color:#e2ced6;  text-decoration:none;}
A.blanc:link {color:#e2ced6; text-decoration:none }
A.blanc:visited {color:#e2ced6; text-decoration:none }
A.blanc:active {color:#e2ced6; text-decoration:none }
A.blanc:hover {color:#39302f; text-decoration:none }

A.bleu {font-size:18px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#e2ced6;  text-decoration:none;}
A.bleu:link {color:#e2ced6; text-decoration:none }
A.bleu:visited {color:#e2ced6; text-decoration:none }
A.bleu:active {color:#e2ced6; text-decoration:none }
A.bleu:hover {color:#728c99; text-decoration:none }

A.gris {font-size:16px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#878787;  text-decoration:none;}
A.gris:link {color:#728c99; text-decoration:none }
A.gris:visited {color:#728c99; text-decoration:none }
A.gris:active {color:#e2ced6; text-decoration:none }
A.gris:hover {color:#e2ced6; text-decoration:none }

A.gris_menu {font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#2d2d2d;  text-decoration:none;}
A.gris_menu:link {color:#2d2d2d; text-decoration:none }
A.gris_menu:visited {color:#2d2d2d; text-decoration:none }
A.gris_menu:active {color:#2d2d2d; text-decoration:none }
A.gris_menu:hover {color:#2d2d2d; text-decoration:none }


A.ent_date2 {font-size:15px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#878787;  text-decoration:none;}
A.ent_date2:link {color:#878787; text-decoration:none }
A.ent_date2:visited {color:#878787; text-decoration:none }
A.ent_date2:active {color:#878787; text-decoration:none }
A.ent_date2:hover {color:#2d2d2d; text-decoration:none }

A.lien_r {font-size:13px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#c51036;  text-decoration:none; text-}
A.lien_r:link {color:#c51036; text-decoration:none }
A.lien_r:visited {color:#c51036; text-decoration:none }
A.lien_r:active {color:#c51036; text-decoration:none;}
A.lien_r:hover {color:#878787; text-decoration:none;}

A.mentions {font-size:10px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#878787;  text-decoration:none; text-}
A.mentions:link {color:#878787; text-decoration:none }
A.mentions:visited {color:#878787; text-decoration:none }
A.mentions:active {color:#878787; text-decoration:none;}
A.mentions:hover {color:#878787; text-decoration:none;}