/* Styles EcoSpirale */

* { margin:0; padding:0; font-family:arial, verdana, sans serif; font-size:11px; font-weight:normal; color:#000000; }
body { background:url(images/fd_body.png) repeat-x #FFFFFF; }
fieldset { border:0; }
input, textarea { color:#999999; }
.clearfix:after { clear:both; display:block; visibility:hidden; height:0; content:" "; } /* fix context formating bug */
.clear {width:100%; display:block; clear:both; visibility:hidden; font-size:1%;}
.accessibilite { display:none; }
.messErr { font-size:11px; font-weight:bold; color:#BB0000; }
.messErr2 { font-size:11px; font-weight:bold; color:#02544D; }
#pushToTalk .messErr { padding:0 60px 0 5px; font-weight:normal; color:#F2B13F; }
@media aural {
	.accessibilite { display:inherit; }
	}

#referencement {display:none;}

#container { position:relative; margin:0 auto; width:962px; }
#skipNav { display:block; width:962px; height:13px; background:url(images/fd_top.png) no-repeat bottom; }
#page { width:946px; background:url(images/fd_page.png) repeat-y; padding:0 8px; }
#degrade { position:relative; width:100%; background:url(images/fd_degrade.png) repeat-x; }


/* Header */
#header { width:100%; height:212px; background:url(images/fd_header.png) no-repeat; }
.logo { position:relative; margin:0 0 6px 21px; width:256px; height:119px; background:url(images/logo.png) no-repeat; text-indent:-9999px; }
.logo a { display:block; width:256px; height:119px; text-indent:-9999px; }
.logo a span { text-indent:-9999px; }

.navigation { float:left; position:relative; margin:0 0 0 13px; width:auto; }
.navigation .navG { display:block; float:left; width:7px; height:29px; background:url(images/fd_nav_g.png) no-repeat; }
.navigation .navM { float:left; height:29px; min-width:188px; background:url(images/fd_nav_m.png) repeat-x; padding:0 10px; line-height:2.2em; font-size:12px; font-weight:bold; color:#FFFFFF; }
.navigation .navD { display:block; float:left; width:6px; height:29px; background:url(images/fd_nav_d.png) no-repeat; }
.navB { clear:left; position:absolute; right:0px; bottom:-8px; width:225px; height:8px; background:url(images/fd_nav_b.png) no-repeat; }
.navigation ul li { list-style-type:none; display:inline; border-right:2px solid #F2B13F; padding:0 3px 0 3px; text-align:center; }
.navigation ul li a { font-weight:bold; color:#FFFFFF; text-decoration:none; }
.navigation ul li a:hover { text-decoration:underline; }
.navigation ul li.lastItem { margin-right:0; border-right:0 solid transparent; }

#recherche fieldset { border:0; float:left; line-height:2.3em; }
#recherche label { font-weight:bold; color:#FFFFFF; }
#recherche #champRecherche { margin:0 0 0 6px; border:1px solid #999999; width:178px; background:url(images/picto_recherche.png) no-repeat 4px 4px #FFFFFF; padding:1px 1px 1px 18px; font-size:1em; }
#recherche #champRechercheOk { border:0; width:25px; height:15px; background:url(images/btn_ok.gif) no-repeat 0px 0px; text-indent:-9999px; font-size:1%; color:#FFFFFF; }
#header #utils.navigation ul li a { background:none; font-size:10px; font-weight:normal; }


/* Corps */
#corps { position:relative; top:-52px; margin:0 auto; width:892px; }
#corps #principal { position:relative; float:left; margin:0 0 0 244px; width:650px; background:url(images/fd_principal.gif) repeat-x; }
#corps #colonne { position:relative; float:left; margin:4px 0 0 -894px; }

#principal #promo { float:left; position:relative; margin:28px 0 0 13px; border-top:1px solid #02544D; border-bottom:1px solid #02544D; width:406px; height:77px; background:#FFFFFF; color:#02544D; }
#principal #pushToTalk { float:left; margin:7px 0 0 8px; width:219px; height:110px; background:url(images/fd_recherche.png) no-repeat; color:#FFFFFF; }
#principal #promo h3 { position:absolute; z-index:1; top:-20px; width:406px; height:39px; background:url(images/fd_promo.gif) no-repeat right; font-size:18px; font-weight:bold; color:#02544D; }
#principal #promo #produitPromo { position:relative; z-index:2; }
#principal #promo #produitPromo img { display:block; float:left; margin:2px 12px 2px 2px; }
#principal #promo #produitPromo .titProduit { font-weight:bold; color:#02544D; }
#principal #promo #produitPromo .titProduit .date { float:right; margin:-28px 35px 0 0; color:#02544D; }
#principal #promo #produitPromo .detailsProduit { float:left; display:block; margin:0 20px 0 0; color:#02544D; }
#principal #promo #produitPromo .detailsProduit a { color:#02544D; }
#principal #promo #produitPromo .detailsProduit.lastDetail { clear:right; }
#principal #promo #produitPromo .prixPromo { float:left; margin:0 20px 0 0; color:#02544D; }
#principal #promo #produitPromo .oldPrice:before,
#principal #promo #produitPromo .oldPrice:after { content:"."; color:#FFFFFF; }
#principal #promo #produitPromo .oldPrice { text-decoration:line-through; }
#principal #pushToTalk h3 { padding:0 65px 0 0; text-align:right; font-size:15px; font-weight:bold; color:#FFFFFF; }
#principal #pushToTalk fieldset { color:#FFFFFF; }
#principal #pushToTalk #champNumero { position:relative; z-index:2; margin:0 0 0 5px; border:1px solid #999999; width:168px; padding:1px 5px; color:#999999; }
#principal #pushToTalk #okNumero { margin:3px 0 0 68px; border:0; width:88px; height:15px; background:url(images/btn_appelez-moi.gif) no-repeat; line-height:0em; text-align:right; font-size:1%; color:#F2B13F; }
#principal #pushToTalk label { display:block; margin:5px 0 0 0; width:155px; text-align:right; color:#FFFFFF; }
#principal #pushToTalk #telRecherche { position:absolute; z-index:1; top:-1px; right:-18px; width:79px; height:123px; background:url(images/tel_recherche.png) no-repeat; }
#contenu { clear:both; position:relative; width:642px; padding:6px 4px; }


/* Colonne */
#colonne #catalogue { position:relative; margin-bottom:8px; width:230px; padding:0; }
#catalogue ul { margin:0; list-style-type:none; padding:0; }
#catalogue ul li { list-style-type:none; margin:0; padding:0; }
#catalogue ul li a { text-decoration:none; font-weight:bold; }
#catalogue ul li a:hover { text-decoration:underline; }
#catalogue ul li ul li { list-style-type:none; margin:0; background:url(images/puce_scat.png) no-repeat; padding:0 0 0 16px; }
#catalogue ul li ul li.last { background:url(images/puce_scat_last.png) no-repeat; }
#catalogue ul li ul li a { font-weight:normal; }
#catalogue li a img { margin:0 5px 0 0; border:0; }
#catalogue #paquet { position:absolute; z-index:200; bottom:-5px; right:-5px; width:70px; height:49px; background:url(images/fd_catalogue_s.png) no-repeat; }

.cache{ display:none; }
.montre{ display:inherit; font-weight:normal; }

#colonne #livraison24h { position:relative; margin:10px 0 0 0; width:230px; height:87px; background:url(images/fd_livraison.png) no-repeat; }
#colonne #livraison24h a { position:relative; display:block; width:230px; height:87px; text-decoration:none; }
#colonne #livraison24h .navB { bottom:-5px; }

#colonne #emailExpress { position:relative; margin:10px 0 0 0; width:230px; }
#devisExpress2 { float:left; margin:10px; width:230px; display:block;}
/*#devisExpress2 div{ float:none; }*/
#devisExpress2 .navB { position:relative; bottom:0; }
#emailExpress #emailExpressEmail,
#devisExpress2 #devisExpressEmail2,
#devisExpress2 #devisExpressTel2,
#devisExpress2 #devisExpressNom2,
#devisExpress2 #devisExpressSociete2,
#emailExpress #emailExpressMessage,
#devisExpress2 #devisExpressMessage2 { margin:0 0 8px 5px; border:1px solid #999999; width:194px; padding:1px 0 1px 5px; position:relative; }
#emailExpress #emailExpressMessage,
#devisExpress2 #devisExpressMessage2 { margin:0 0 0px 5px; height:7.5em; }
#emailExpress #emailExpressOk,
#devisExpress2 #devisExpressOk2 { margin:8px 0 0 120px; border:0; width:60px; height:15px; background:url(images/btn_envoyer.png) no-repeat; line-height:0em; text-align:right; font-size:1%; color:#F2B13F; }
#emailExpress .strong,
#devisExpress2 .strong { font-weight:bold; color:inherit; }

.fdOr h1 { line-height:1.2em; font-size:22px; font-weight:bold; color:#FFFFFF; }
.fdGrSt,
.fdGrSb { display:block; position:relative; z-index:1; width:230px; height:6px; background:url(images/fd_gr_s_t.png) no-repeat; font-size:1%; }
.fdGrSb { background:url(images/fd_gr_s_b.png) no-repeat; }
.fdGr { position:relative; width:226px; background:url(images/fd_gr_s_m.gif) repeat-y; padding:0 2px; }
.fdGr .content { position:relative; min-height:198px; background:url(images/fd_gr_s_m2.png) repeat-x; padding:0 5px; color:#02544D; }
.fdOr h2,
.fdGr h2,
#devisExpress2 .fdGr h2,
#contenuPage .focus h2 { margin:0; border:0 none transparent; padding:0; line-height:1.2em; font-size:18px; font-weight:bold; color:#FFFFFF; }
.fdOrSt,
.fdOrSb { display:block; position:relative; z-index:1; width:230px; height:5px; background:url(images/fd_or_s_t.png) no-repeat; font-size:1%; }
.fdOrSb { background:url(images/fd_or_s_b.png) no-repeat; }
.fdOrXlt,
.fdOrXlb { display:block; position:relative; width:642px; height:5px; background:url(images/fd_or_xl_t.png) no-repeat; font-size:1%; }
.fdOrXlb { background:url(images/fd_or_xl_b.png) no-repeat; }
.fdOr.content { clear:left; position:relative; margin:0; width:auto; background:#F2B13F; padding:5px 10px 35px 10px; }
.fdOr.content.paquet,
.fdOr.content.snav { min-height:90px; }

#introPage { margin:2px 0 10px 0; }
#introPage .fdOr.content { padding-bottom:4px; }
#introPage .fdOr.content.paquet { background:url(images/fd_catalogue_xl.png) no-repeat right center #F2B13F; padding-bottom:18px; }
#introPage .fdOr.content.paquet #intro { margin:0 0 5px 0; padding-right:90px; font-weight:bold; }
#introPage .fdOr.content #intro { margin:0 0 5px 0; font-weight:bold; }

.snavG { display:block; float:left; position:relative; margin:0; width:6px; height:33px; background:url(images/fd_snav_g.png) no-repeat; }
.snavM { float:left; position:relative; height:33px; width:610px; background:url(images/fd_snav_m.png) repeat-x; padding:0; line-height:2.2em; font-size:12px; font-weight:bold; color:#02544D; }
.snavD { clear:right; display:block; float:left; position:relative; width:6px; height:33px; background:url(images/fd_snav_d.png) no-repeat; }
.snavM ul li { list-style-type:none; float:left; position:relative; margin:9px 0 0 0; border-right:2px solid #02544D; padding:0 4px; line-height:1.2em; color:#02544D; }
.snavM ul li.lastItem,
.snavM ul.nu li { border:none; }
.snavM ul li a { text-decoration:none; font-size:12px; font-weight:normal; color:#02544D; }
.snavM ul li.on a,
.snavM ul.nu li a { font-weight:bold; }
.snavM ul li a:hover { text-decoration:underline; }
.snavM ul li.moreItem { float:right; position:relative; border:none; font-weight:normal; }
.snavM ul li.moreItem a { text-decoration:underline; font-weight:normal; }

#contenuPage .static .snavM {width:320px;}
#contenuPage .static .snavM ul li {float:left; margin-top:7px; border-right:1px solid; padding:0 3px; line-height:1.2em;}
#contenuPage .static .snavM ul li.lastItem {border:0;}
#contenuPage .static .snavM ul li a {text-decoration:none; font-size:12px; font-weight:normal; color:#02544D;}
#contenuPage .static .snavD {clear:none;}


#contenu .fdOr h2 { width:632px; }
#contenu #contenuPage { min-height:360px; background:url(images/fd_contenu.png) no-repeat 50% 0; padding:0 0 5px 5px; font-size:12px; color:#02544D; }
#contenu #contenuPage p { margin:0 0 1em 0; color:#02544D; }

#colonne .focus { position:relative; margin:10px 0 0 0; width:230px; }

#colonne strong,
#contenu #contenuPage strong { font-weight:bold; color:#02544D; }
#contenuPage .focus { position:relative; float:right; margin:0 0 8px 10px; width:230px; padding:0; }
#colonne .date,
#contenuPage .date { float:right; margin:0; }
/*#colonne .fdOr h2,*/
#contenuPage .fdOr h2 { width:230px; }
#colonne .fdOr.content,
#contenuPage .fdOr.content { min-height:0px; padding:5px 10px 10px 10px; }
#colonne #catalogue .fdOr.content { padding-bottom:40px; }
#colonne .actu,
#contenuPage .actu { margin:0 0 10px 0; border-bottom:1px solid #FFFFFF; }

#contenuPage h1.modele { margin:10px 0 0 10px; border-left:20px solid #F2B13F; padding:0 0 0 5px; font-size:16px; font-weight:bold; color:#02544D; }
#contenuPage h1.modele a { font-size:16px; font-weight:bold; text-decoration:none; color:#02544D; }
#contenuPage h2.modele { margin:0 0 20px 30px; border-left:16px solid #999999; padding:0 0 0 3px; font-size:14px; font-weight:bold; color:#02544D; }
#contenuPage h2.modele a { font-size:14px; font-weight:bold; color:#02544D; }
#contenuPage .utilite { clear:both; display:block; margin:10px 0 0 0; border-top:1px solid #F2B13F; padding:10px; font-size:12px; font-weight:bold; color:#02544D; }
#contenuPage table td,
#contenuPage table td font { font-size:12px; color:#02544D/*!important*/; }
#contenuPage table td .size1,
#contenuPage table td .size1 a,
#contenuPage table td .size2,
#contenuPage table td .size2 a,
#contenuPage table td .size3,
#contenuPage table td .size3 a,
#contenuPage table td .size4,
#contenuPage table td .size4 a,
#contenuPage table td .size5,
#contenuPage table td .size5 a {color:#02544D;}
#contenuPage .underline { text-decoration:underline; font-size:12px; /*color:#02544D*/; }
#contenuPage .size5 { font-size:16px; /*color:#02544D*/; }
#contenuPage .size4 { font-size:14px; /*color:#02544D*/; }
#contenuPage table td .size4 a { font-size:14px; }
#contenuPage .size3 { font-size:12px; /*color:#02544D*/; }
#contenuPage .size2 { font-size:10px; /*color:#02544D*/; }
#contenuPage .size1 { font-size:9px; /*color:#02544D*/; }
#contenuPage .gauche { text-align:left; /*color:#02544D*/; }
#contenuPage .centre { text-align:center; /*color:#02544D*/; }
#contenuPage .droite { text-align:right; /*color:#02544D*/; }
#contenuPage .justifie { text-align:justify; /*color:#02544D*/; }
#contenuPage table font[size="5"] { font-size:16px!important; /*color:#02544D*/; }
#contenuPage table font[size="4"] { font-size:14px!important; /*color:#02544D*/; }
#contenuPage table font[size="3"] { font-size:12px!important; /*color:#02544D*/; }
#contenuPage table font[size="2"] { font-size:10px!important; /*color:#02544D*/; }
#contenuPage table font[color="#333300"] { color:#333300!important; }
#contenuPage table font[size] { font-size:10px; /*color:#02544D*/; }
/*#contenuPage table td u { font-size:12px; text-decoration:underline; }*/
#contenuPage table td em { font-size:12px; font-style:italic; /*color:#02544D*/; }
#contenuPage a.print {display:block; width:32px; height:32px; background:url(images/printer2.gif) no-repeat;}
#contenuPage blockquote {margin:0 5% 20px; padding:0; color:#02544D;}
#contenuPage ol li {color:#02544D;}
#contenuPage ul {margin:0 0 20px 20px; padding:0; list-style-type:none;}
#contenuPage ul li {margin:0; padding:0; list-style-type:none; color:#02544D;}
#contenuPage ul.puce li {list-style-type:circle;}
#contenuPage .environnement {clear:both; height:11px; background:url(images/logo_ecologie.png) no-repeat; padding:33px 0 0 50px; vertical-align:bottom; font-weight:bold; color:#008000;}
#contenuPage em {color:#02544D;}
#contenuPage .static * {font-size:109%;}
#contenuPage .static a {font-weight:bold;}

.cols2 { float:left; margin:0 5px 0 0; width:48%; }
ul.familles li { list-style-type:none; margin:15px 0 0 0; background:url(images/fd_produits_exemples.png) no-repeat; padding:0 0 0 22px; line-height:18px; }
ul.familles li a { text-decoration:none; font-weight:bold; }
ul.familles li a img { float:left; margin:7px 0 0 -22px; border:none; width:100px; height:100px; }
ul.familles li a:hover { text-decoration:underline; }
ul.produitsExemples { margin:7px 0 0 -22px; min-height:112px; padding:0 0 0 0px; }
ul.produitsExemples li { list-style-type:none; margin:0; border-left:1px solid #02544D; background:none; padding:0 0 0 5px; line-height:1.3em; }
ul.produitsExemples li a { text-decoration:none; font-weight:normal; font-size:12px;}
ul.produitsExemples li a:hover { text-decoration:underline; }
.catInfo { margin:10px; border:3px double #02544D; padding:10px; }
.catInfo * { font-size:12px; }
.catInfo ul li { list-style-type: circle; margin:0 0 0 20px; }

ul#sitemap li { list-style-type:none; margin:15px 0 0 15px; border-left:20px solid #F2B13F; padding:0 0 0 5px; font-size:16px; font-weight:bold; color:#02544D; }
ul#sitemap li a { text-decoration:none; font-size:16px; font-weight:bold; color:#02544D; }
ul#sitemap li a:hover { text-decoration:underline; }
ul#sitemap li ul { margin:10px 0; }
ul#sitemap li ul li { list-style-type:none; margin:0px 0 5px 30px; border-left:16px solid #999999; padding:0 0 0 5px; font-size:14px; font-weight:bold; color:#02544D; }
ul#sitemap li ul li a { font-size:12px; font-weight:normal; color:#02544D; }

#contenuPage ul.accueil li {list-style:circle; line-height:2em; font-size:12px; font-weight:normal;}
#contenuPage ul.accueil li a {text-decoration:none;}
#contenuPage ul.accueil li a:hover {text-decoration:underline;}

/* Pied */
#pied { position:relative; width:962px; height:75px; background:url(images/fd_pied.png) no-repeat; }

#devisCommande { float:left; margin:10px 0 0 0; width:230px; height:105px; background:url(images/fd_devis_commande.png) no-repeat; }
#devisCommande a { position:relative; display:block; width:230px; height:105px; text-decoration:none; }
#devisCommande .navB { position:relative; bottom:5px; }
.devisCommandeNavB.navB {left:15px; bottom:8px;}

#pied #coords a { text-decoration:underline; font-weight:bold; color:#FFFFFF; }
#pied a { text-decoration:none; }
#pied a:hover { text-decoration:underline; }
#pied div { float:left; }
#pied .logo { margin:25px 0 0 30px; width:84px; height:37px; background-image:url(images/logo_s.png); }
#pied .logo a { width:84px; height:37px; }
#pied .navigation { margin:34px 0 0 10px; width:230px; }
#pied .navigation ul li { border-right:1px solid #F2B13F; }
#pied .navigation ul li a { font-weight:normal; }
#pied ul li.lastItem { border:none; }
#pied div#coords { float:right; margin:34px 30px 0 0; text-align:right; color:#FFFFFF; }
#yacare { margin:-7px 20px 0 0; padding:0 0 7px 0; color:#02544D; }
#yacare span { float:right; margin:0 10px; color:#02544D; }
div#yacare span a { color:#02544D; }