BODY { background: #fff;font-family: Arial, Helvetica, sans-serif; margin:0px; color: #868887; font-size: 10px; }

a { text-decoration: none; color: #868887 }
a:hover   { text-decoration: underline }

img { border: 0 }
a img { border: 0 }

SELECT    { border:1px solid #000; font-size: 9px; }

/**********************************************************************/
/* New site en 1000px                                                 */
/**********************************************************************/

#top { position: relative;width: 1000px;height: 100px }

#logo { position: absolute;top: 0;left: 0 }

#banniere { position: absolute;top: 10px;left: 400px;z-index: 100 }

#NewC { position: absolute;top: 5px;right: 5px }

#MonCompte {  background: url('../images/mon_compte.gif') no-repeat;position: absolute;top: 50px;right: 5px;width: 199px;height: 73px;padding-top: 15px }

#menu { background: url('../images/BoutonGauche.jpg') no-repeat top right;clear: both;width: 1000px;height: 35px;margin: 15px auto 0 auto;overflow: hidden }
#menu ul { margin: 0;padding: 0;list-style: none;font-family: Arial }
#menu li { display: inline;height: 35px;margin: 0;padding: 0 }
#menu a { background: url('../images/menu1.jpg') no-repeat;display: inline-block;width: 152px;height: 35px;line-height: 35px;margin: 0;padding: 0;text-align: center;color: #00a535;font-weight: bold;font-size: 12px;overflow: hidden;font-family: Verdana }
#menu a:hover { background: url('../images/menu1-hover.jpg') no-repeat;text-decoration: none;color: #fff }
#menu a.active { background: url('../images/menu1-hover.jpg') no-repeat;text-decoration: none;color: #fff }
#menu li.first a { background: url('../images/home.jpg') no-repeat;display: inline-block;width: 35px;height: 35px;line-height: 35px;margin: 0;padding: 0 }
#menu li.first a:hover { background: url('../images/home-hover.jpg') no-repeat;text-decoration: none;color: #fff }
#menu li.first a.active { background: url('../images/home-hover.jpg') no-repeat;text-decoration: none;color: #fff }

/* Recherche */
#recherche { position: absolute;bottom: 0;right: 0;background: url(../images/fond_rech.jpg) repeat-x;width: 187px;height: 35px;overflow: hidden }
#recherche input.rech { background: transparent;width: 138px;height: 20px;line-height: 20px;padding-left: 2px;color: #868887;font-family: Verdana;font-size: 11px;border: 0 }
#recherche div.rech1 { position: absolute;top: 8px;left: 8px }
#recherche div.rech2 { position: absolute;top: 8px;left: 150px;width: 30px;height: 20px }
#recherche div.rech2 input { background: transparent;width: 30px;height: 20px;font-weight: bold;cursor: pointer;border: 0 }

#rech { clear: both;background: url('../images/font-rech.jpg') repeat-x;width: 1000px }

#contenu { clear: both;width: 1000px;margin: 0 auto;overflow: auto;padding: 13px 0 15px 0 }

#MenuGauche { float: left;width: 185px;overflow: auto;padding: 0 }
#MenuGauche p { background: #03a536;width: 165px;height: 35px;line-height: 35px;text-align: left;padding: 0 10px;margin: 0;font-weight: bold;font-size: 14px;color: #fff }
#MenuGauche ul { list-style: none;padding: 0;width: 185px;margin: 0 }
#MenuGauche li { overflow: auto }
#MenuGauche li.rs { background: #edece8;display: block;width: 165px;font-size: 11px;height: 22px;line-height: 22px;margin: 1px 0;padding: 0 5px 0 15px;text-align: left;text-decoration: none }
#MenuGauche li a { background: #edece8;display: block;width: 165px;font-size: 11px;height: 22px;line-height: 22px;margin: 1px 0;padding: 0 5px 0 15px;text-align: left;text-decoration: none }
#MenuGauche li a:hover { text-decoration: none;color: #fff;background: #666666 }
#MenuGauche li a.active { text-decoration: none;color: #fff;background: #666666 }
#MenuGaucheli a.sm { width: 150px;display: block;font-size: 11px;line-height: 14px;margin: 0;padding: 0 5px 0 25px;border: 0 }
#MenuGauche li a.sm:hover { color: #db1b23;border: 0 }
#MenuGauche li a.sm_active { width: 170px;display: block;color: #db1b23;font-size: 14px;font-weight: bold;line-height: 16px;margin: 3px 0;padding-left: 10px;border: 0 }

#Central { float: right;width: 802px }
#Central h1 { background: #ecebe7;width: 780px;padding: 0 10px;height: 35px;line-height: 35px;font-size: 15px;margin: 0 0 10px 0;color: #03a536 }

div.centre { clear: both; overflow: auto }

/* LAYOUT */
#main         { width: 1000px;margin: 0 auto }
#container    {  }

/* HEADER */
#header             { margin:0px 0px 0px 0px;	width:100%;	height:90px; background: #EFEFEF; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #00732e; }
#logo               { position:absolute; top:5px; left:5px; display:block;}
#logo a             { display:block; }
#anim               { display:none; position:absolute; top:5px; left:180px;}
#header #titreSite  { height: 50px; margin:0 10px 0 10px; font-size: 26px; font-weight: bold; font-style: italic; text-align: right;  color:#FFF;}


/* LAYOUT CONTENT */
#content        { position:relative; margin:0px; padding:0px; display:block; border:0px solid #000; }
#contentLeft    { position:relative; margin: 0px; padding:0px; width: 180px; float: left; border:0px solid #000; }
#contentRight   { margin: 0px; padding:0px; width: 170px; float: right; border:0px solid #000; }
#contentMiddle  { position:relative; margin:0px; padding:0px; margin-left:180px; border:0px solid #000; }

/* FOOTER */
#footer { clear: both;overflow: auto;width: 100%;overflow: hidden }
#footer2 { clear: both;width: 1000px;overflow: auto;margin-top: 10px;overflow: hidden }
#footer2 div.footer2a { float: left }
#footer2 div.footer2b { float: right;width: 800px }
#footer2 table { width: 100%;border-collapse: collapse }
#footer2 td { width: 200px;vertical-align: top }
#footer2 ul { list-style: none;padding: 0 }
#footer2 li a:hover { color: #333333;text-decoration: none }
#footer2 li.a { background: url('../images/PuceFooter.png') no-repeat 10px 8px;width: 180px;padding: 0 0 0 20px;line-height: 20px;font-weight: bold;font-size: 10px }
#footer2 li.b { background: url('../images/PuceFooter2.png') no-repeat 20px 10px;width: 170px;padding: 3px 0 3px 30px;line-height: 12px;font-size: 10px }

#bottomB                          { width: 100%;margin: 5px auto;text-align: center }




#menu_page_static { width:100%; margin-bottom:10px; height:30px;}
#menu_page_static ul, #menu_page_static li { margin:0; padding: 0; list-style-type: none;}
#menu_page_static li { float:left; margin-left:10px; padding:5px;}
#menu_page_static a { display:block; padding:5px; color: #0A50A1; text-decoration:none;	font-weight: bold; font-style:italic;}
#menu_page_static a:hover { display:block; padding:5px; color: #FFF; background-color:#00A0C6; text-decoration:none; font-weight: bold; font-style:italic;}

#menu_page_static #current a { display:block; padding:5px; color: #FFF; background-color:#00A0C6; text-decoration:none; font-weight: bold; font-style:italic;}

#onglet_bar               { position:relative; padding:10px 0px 0px 0px; display:block; height:25px; }
#option_bar               { display:block; height:35px; background-image: url(../Templates_client/Images/fond_option_bar.png); background-repeat: no-repeat; background-position: top left; border-width:1px 0px 1px 0px; border-style: solid; border-color: #00732e;}

/* SOUS-MENU */
#navig                    { margin:0px; padding:0px; }
#navig a                  { display:block; color: #000; font-weight:bold; padding:3px; }
#navig a:hover            { color: #000; text-decoration: none; }
#navig a:visited          { color: #000;}

/* RECHERCHE */
#recherche                            { padding:0px; margin:0px;  font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #FFFFFF;text-decoration: none;}
#recherche a                          { color: #FFFFFF; }
#form_recherche                       { margin:0px; padding:0px; height:5px; }
#recherche #checkbox_search           { padding:0px; margin:0px; }
#recherche #checkbox_search input     { padding:0px; margin:0px; height:15px; }
#recherche #saisie_search             { padding:0px; margin:0px; }
#recherche #saisie_search input       { padding:0px; margin:0px; font-size: 10px; }
#recherche #button_search             { padding:0px; margin:0px; }
#recherche #button_search input       { padding:0px; margin:0px; vertical-align: middle; }
#resultat_recherche_prix              { display: none; }
.saisie_search                        { padding:0px; margin:0px; font-size: 10px; }


/*********************************************************************************************************/
/* Styles CIFFREO pour les Pages statiques                                                               */
/*********************************************************************************************************/
.idref { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #333333; text-decoration: none; }
.minitxtblc { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; }
.txtblkbasebold { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #333333; text-decoration: none; }
.etbdevis { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #329B34; text-decoration: none; }
.grdtxtblc { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; }
.titr2ssrub { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bolder; font-variant: normal; text-transform: none; color: #4D4D4D; text-decoration: none; }
.txtredbold { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #B20F00; text-decoration: none; }
.txtcourantblk { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; }
.ssmenugauche { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-variant: normal; color: #333333; text-decoration: none; }
.ssmenugauchred { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #AE211A; font-weight: bold; text-decoration: none;}
