
/*
gris : #878787
gris foncé : #2d2d2d
gris + clair  : #e0dfe0
rouge (liens) : #c51036
jaune  : #f8f7b6
*/

/*********************************  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%;}
TABLE.cent_v { height:auto ; width:100%;}
TABLE.tabppl {height:100%; width:840px; }
TABLE.tabppl2 {height:560px; width:875px; background:#ffffff}
TABLE.tabppl3 {height:100%; width:875px; background:#ffffff}

TABLE.titre_catal {width:298px; 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_4 {width:50%; 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:5px; 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;}

/*TD.bandeau_1 {height:80px;}*/
TD.bandeau_1 {height:80px;}
TD.bandeau_2 {height:100px;}
TD.bandeau_3 {height:80px;}

/* catal*/
TD.titre_catal  {width:150px; vertical-align:bottom;}
TD.titre_catal_long {vertical-align:bottom}
TD.info_cel1 {height:20px; background:#ffffff; padding-left:10px}
/*TD.info_liste  {padding-top:10px;  padding-left:50px; }*/
TD.info_liste  {padding-top:10px;   }
TD.decal_haut {padding-top:30px;   }


/* menu*/
TD.menu {height:30px; background-color:#2d2d2d}
TD.edito {height:500px;}
TD.edito_2 {height:570px;}
TD.baseline {height:40px; text-align:center; vertical-align:middle; background-color:#2d2d2d}
TD.sm {background:#878787; padding-right:10px; padding-left:5px;  border-right:solid 1px #ffffff}
TD.right{text-align:right; }

/* info catal*/
TD.info_titre {height:55px; background-color:#e0dfe0; vertical-align:middle}
TD.info_ss_titre {height:25px; background-color:#878787}
TD.reste {height:10px; background-color:#e0dfe0}
TD.info_descr {height:80px; padding:10px; background-color:#f8f7b6}
TD.info_inc_cel1 {text-align:center; width:250px}
TD.info_inc_cel2 {padding-left:30px; text-align:center; vertical-align:top; }

/* h */
H4 {font-size:16px; font-weight:bold; text-align:left}
H5 {font-size:12px; font-weight:bold; text-align:left}



/* styles pour les paragraphes de base*/
P { text-align:justify; font-size:12px; font-family:Arial, Helvetica, Verdana, sans-serif; color:#878787; font-weight:normal; margin-top:0px; margin-bottom:0px; margin-right:0px; margin-left:0px;}
P.gras {font-size:12px; font-weight:bold;}
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;font-size:13px ;text-align:right; }
P.blanc_centrer { font-weight:bold; color:#ffffff; text-align:center}
P.rouge{ font-weight:bold; color:#c51036; text-align:left}


P.gras_noir {font-size:12px; font-weight:bold; color:#000000;}
P.gras_noir_gros {font-size:13px; font-weight:bold; color:#000000;}

/* info catal*/
P.catal_nom { text-align:center;  font-weight:bold; font-size:20px; color:#878787;}
P.grand_titre{ text-align:center;  font-weight:bold; font-size:25px; color:#878787;}
P.catal_style { text-align:center;  font-weight:bold; font-size:12px; color:#ffffff;}
P.coul_roll { text-align:center;  font-weight:bold; font-size:12px; color:#878787; padding-top:5px}
P.coul_roll2 { text-align:center;  font-weight:bold; font-size:12px; color:#c51036;padding-top:5px}
P.catal_descr {text-align:left; font-weight:bold; font-size:15px; color:#2d2d2d;}
P.gris2_gras {font-size:12px; font-weight:bold; color:#2d2d2d;}
P.catal_ss_nom {text-align:center; font-size:20px; font-weight:bold; color:#ffffff;}
P.info_inc {font-size:11px; font-weight:bold; color:#2d2d2d;}
P.info_defaut {font-size:14px; font-weight:bold; width:100%; padding-left:10px}


P.titre1_gris { text-align:left; font-weight:bold; font-size:16px; color:#878787;}
P.titre1_blanc { text-align:left; font-weight:bold; font-size:16px; color:#ffffff;}
P.hp { text-align:right; font-size:12px; font-weight:bold; color:#000000;}

P.titre1_rouge { text-align:left; font-weight:bold; font-size:13px; color:#c51036; padding-top:0px; padding-bottom:10px}
P.titre1_rouge_marge { text-align:left; font-weight:bold; font-size:13px; color:#c51036; padding-top:30px; padding-bottom:10px}


/* plus */
P.fct_txt {text-align:left; font-weight:bold; font-size:18px; color:#2d2d2d;}
P.fct_txt2 {text-align:left; font-weight:bold; font-size:15px; color:#878787;}

P.fct_txt_centrer {text-align:center; font-weight:bold; font-size:18px; color:#2d2d2d;}
P.fct_txt2_centrer  {text-align:center; font-weight:bold; font-size:15px; color:#878787;}

P.fct_txt_centrer2 {text-align:center; padding-top:15px; font-weight:bold; font-size:15px; color:#2d2d2d;}

P.baseline {font-size:10px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#666666; text-align:center}



/* 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 {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:650px}

/* catalogue*/
DIV.liste_catal {top:120px; left:70px; text-align:center;}
DIV.titre_roll_1 {top:47px;left:330px;visibility:hidden; }
DIV.titre_roll_1bis {top:47px; left:330px; visibility:hidden;}
DIV.titre_roll_1ter {top:35px; left:330px; visibility:hidden;}
DIV.titre_roll_1_2 {top:50px; left:280px; }
DIV.titre_roll_2 {top:120px; left:300px; width:400px;}
DIV.titre_roll_2bis {top:110px; 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.titre_roll_2_flash {top:47px; left:299px; }
DIV.titre_roll_2bis_flash {top:47px; left:299px; }
DIV.titre_roll_2ter_flash {top:36px; left:299px; }
DIV.titre_roll_lustre_flash {top:90px; left:317px; }
DIV.titre_roll_compl_flash {top:96px; left:317px; }
DIV.titre_roll_3_flash {top:120px; left:435px; }
DIV.titre_long_catal {position:relative; top:5px;width:110px}
DIV.titre_long_catal2 {position:relative; top:2px;left:-5px;border:0px solid red;width:190px}
DIV.info { top:110px; left:25px; height:380px; width:200px; background-image:url(../image/cadre_sousmenu.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:0px 0px;}
DIV.cadre_gris { top:95px; left:280px; height:365px; width:565px; background-image:url(../image/cadre_gris.gif); background-repeat:no-repeat; background-attachment:scroll; background-position:0px 0px;}

DIV.gde_img { top:110px; left:245px;}
DIV.vignette { top:120px; left:730px;}
DIV.modele { top:70px; left:475px;}
DIV.catal_descr { top:25px; left:610px; height:60px; width:230px;}
DIV.info_nom { top:10px; left:5px; height:45px; width:190px;}
DIV.info_style { top:50px; left:5px; height:20px; width:190px;}
DIV.info_2 { top:80px; left:5px; height:200px; width:185px;}
DIV.couleur_roll { top:305px; left:5px; height:55px; width:185px; background:#ffffff; padding-top:5px}

DIV.info_titre { top:20px; left:240px;}
DIV.include { top:130px; left:260px; height:345px; width:580px; overflow:auto}

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}


/* entreprise*/
DIV.cadre_ent { top:120px; left:25px; height:380px; width:200px;}
/*DIV.cadre_ent { top:120px; left:25px; height:380px; width:200px; background-image:url(../image/titre_momentcles.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:0px 0px;}*/
DIV.cadre_ent2 { top:95px; left:25px; height:380px; width:200px; background-image:url(../image/titre_usine.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:0px 0px;}


titre_usine.jpg
DIV.titre_bl { top:90px; left:15px; height:380px; width:200px; background-image:url(../image/titre_bl.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:0px 0px;}

DIV.ergo_2 { 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;}
DIV.ergo_3 { top:90px; left:15px; height:400px; width:200px; background-image:url(../image/titre_ergo_2.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:0px 0px;}
DIV.ent_date { top:195px; left:30px; height:20px; width:190px;}
DIV.ent_pres { top:40px; left:250px;}
DIV.cadre_gris_2 { top:60px; left:235px; height:365px; width:640px; background-image:url(../image/cadre_gris2.gif); background-repeat:no-repeat; background-attachment:scroll; background-position:0px 0px;}

DIV.les_dates { top:85px; left:254px; height:18px; width:590px; background:#f8f7b6}
DIV.date_0 {top:0px; left:90px; }
DIV.date_1 {top:0px; left:275px; }
DIV.date_2 {top:0px; left:465px; }
DIV.ent_fleche {top:-2px; left:568px; }

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;  }

/* achat*/
DIV.ancre_achat { top:260px; left:30px; height:20px; width:190px;}


/* plus */
DIV.fct_1 { top:30px; left:270px; height:205px; width:165px; border:solid 3px #e0dfe0 }
DIV.fct_2 { top:30px; left:480px; height:205px; width:165px; border:solid 3px #e0dfe0 }
DIV.fct_3 { top:30px; left:685px; height:205px; width:165px; border:solid 3px #e0dfe0 }
DIV.fct_4 { top:275px; left:270px; height:205px; width:165px; border:solid 3px #e0dfe0 }
DIV.fct_5 { top:275px; left:480px; height:205px; width:165px; border:solid 3px #e0dfe0 }
DIV.fct_6 { top:275px; left:685px; height:205px; width:165px; border:solid 3px #e0dfe0 }
DIV.fct_img { top:-15px; left:15px; }
DIV.fct_txt { top:145px; left:5px; }
DIV.fct_txt2 { top:165px; left:70px; }
DIV.fct_txt3 { top:180px; left:0px; }

DIV.trait1 {position:relative; top:10px; 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;  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_menu {font-size:13px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff;  text-decoration:none;}
A.blanc_menu:link {color:#ffffff; text-decoration:none }
A.blanc_menu:visited {color:#ffffff; text-decoration:none }
A.blanc_menu:active {color:#ffffff; text-decoration:none }
A.blanc_menu:hover {color:#ffffff; text-decoration:none }

A.baseline {font-size:10px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#666666;  text-decoration:none;}
A.baseline:link {color:#666666; text-decoration:none }
A.baseline:visited {color:#666666; text-decoration:none }
A.baseline:active {color:#666666; text-decoration:none }
A.baseline:hover {color:#666666; text-decoration:none }

A.gris {font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#878787;  text-decoration:none;}
A.gris:link {color:#878787; text-decoration:none }
A.gris:visited {color:#878787; text-decoration:none }
A.gris:active {color:#878787; text-decoration:none }
A.gris:hover {color:#ff878787fff; 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.rouge_menu {font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#c51036;  text-decoration:none;}
A.rouge_menu:link {color:#c51036; text-decoration:none }
A.rouge_menu:visited {color:#c51036; text-decoration:none }
A.rouge_menu:active {color:#c51036; text-decoration:none }
A.rouge_menu:hover {color:#c51036; text-decoration:none }

A.liste_catal {font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff;  text-decoration:none;}
A.liste_catal:link {color:#ffffff; text-decoration:none }
A.liste_catal:visited {color:#ffffff; text-decoration:none }
A.liste_catal:active {color:#ffffff; text-decoration:none }
A.liste_catal:hover {color:#ffffff; text-decoration:none }

A.liste_info {font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#878787; width:100%; padding-left:50px; text-decoration:none;}
A.liste_info:link {color:#878787; text-decoration:none }
A.liste_info:visited {color:#878787; text-decoration:none }
A.liste_info:active {color:#878787; text-decoration:none }
A.liste_info:hover {color:#878787; text-decoration:none }

A.ent_date {font-size:11px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#000000;  text-decoration:none;}
A.ent_date:link {color:#000000; text-decoration:none }
A.ent_date:visited {color:#000000; text-decoration:none }
A.ent_date:active {color:#c51036; text-decoration:none }
A.ent_date:hover {color:#c51036; 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;}

