@import url(common.css);

/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  font:11px Arial, helvetica, sans-serif;
}

.bleu {color:#1e3f5b !important}
.marron{color:#a09188 !important}
.taupe{color:#6d5c51 !important}
.vert {color:#a7c956 !important}
.gris {color:#424242 !important}
.grisclair{color:#AC9688 !important}
.txtgris{color:#645953 !important}

.bggris{background:#F1EDEB;border:1px #e9e4e1 solid}
.bgclair{background:#F9F8F2}
.bggris2{background:#E7E1CB}

img {border:none}
p {text-align:justify}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background-color:#e5eeff; border:1px #ccdeff solid; padding:10px 10px 0px 10px}
.liste li {margin:0px 0px 10px 15px}

ul li a{zoom:1}

p.paiement{float:left;margin-top:40px;margin-left:20px}

#teste{color:#fff;background:#fe7c04;height:20px}

.send{cursor:pointer}

div.faq p,div.old p, div.consei p{margin-bottom:10px}

#body p {line-height:1.3;text-align:inherit}

.guideN p{padding:0 10px !important}
.guideN a.plus{display:block;padding:5px;background:#A09188;color:#fff !important;text-decoration:none;margin-bottom:5px;text-align:center;}
.guideN a.plus:hover{background:#1E3F5B}

.descriptif p{margin-bottom:10px}

.top_menu .tree .hitarea {
	background-image:url(../img/doc/treeview-default.png) !important;
}
.top_menu .tree li.lastCollapsable,.top_menu .tree li.lastExpandable  {
	background-image:url(../img/doc/treeview-default.png) !important;
}
.top_menu .tree li {
	background-image:url(../img/doc/treeview-default-line.gif) !important;
}

.tree .ok{background-color:transparent;font-weight:normal}

#menu-doc ul.tree{padding-left:7px;background-color:#6484A2;width:203px !important}


.tree .menu2-actif,.tree .menu3-actif{background-color:#fff;color:#6484A2 !important;margin-left:3px;font-weight:bold}
li.botBord{border-bottom:1px #fff solid;padding-bottom:2px}

div.optVar{background:#EAE4E1;padding:5px}

.font16{font-size:16px}

/**********************************************************************************************
 *************************** SQUELETTE *************************
 **********************************************************************************************/

body{text-align:center}
#page{width:961px;
  margin:0px auto 0px auto;background:transparent url(../img/squelette/bg_html.gif) no-repeat top center;text-align:center;}

#extranet #page{background:transparent url(../img/squelette/bg_html_extranet.gif) no-repeat top center;text-align:center;}
#bgpage{background:transparent url(../img/squelette/bg_page.gif) repeat-y top center;}

#bas_page{background:url(../img/squelette/bas_page.gif) no-repeat bottom center;height:19px;margin-top:-19px;}


.conteneur {
  width:961px;
  text-align:left;
  margin:0px auto 0px auto;
}

#haut_g{width:280px;float:left}
#haut_d{float:right}

.inputRecherche{float:left;background:#bbdae5;width:165px;height:20px;border:none;color:#fff;margin:21px 11px 30px 70px}
.rechsend{margin:22px 0 0;background:#fff;color:#3e3e47;border:none;font-weight:bold;font-size:11px}

#contenu{margin-bottom:40px}
#footer{text-align:center;height:102px;color:#085e7b;margin:10px auto 0 auto}
#footer ul li{list-style:none;text-align:left}
#footer ul li a{color:#1e3f5b;text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}
a.l_marron{color:#645953;text-decoration:none}
a.l_marron:hover{text-decoration:underline}
p.bg_taupe{margin-left:280px;float:left;width:235px;background:#cfc8c3;padding:10px}
#footer p.un{margin-left:70px}
#footer ul.deux{margin-left:70px}

#footer .linkFoot{padding-top:5px;color:#aaa;margin-top:10px;margin-top:10px;margin-left:275px;text-align:center;width:690px;border-top:1px solid #ddd;}
#footer .linkFoot a{font-size:10px;color:#aaa;text-decoration:none}
#footer .linkFoot a:hover{color:#1e3f5b}


#colG{position:relative;text-align:center;float:left;width:282px;background:url(../img/squelette/bg_colG.gif) no-repeat top left;}
#extranet #colG{background:url(../img/squelette/bg_colG_extranet.gif) no-repeat top left}
#colD{text-align:center;float:right;width:669px;}
#colM{float:left;margin:0 0 0 6px;width:611px;}





/**********************************************************************************************
 *************************** HEADER *************************
 **********************************************************************************************/

a.compteC{color:#738087 !important;text-decoration:none !important}
a.compteC:hover{text-decoration:underline !important}
span.clientN{margin-right:7px}
a.logout:hover{text-decoration:underline !important;color:#fff !important}
img.imgDeco{position:relative;top:3px;margin-right:5px}

#header h1{height:250px;float:left;}
#header #menu{height:250px;}
#header #menu ul{margin:-24px 0 0 10px}
#header #menu td{vertical-align:middle}
#header #menu li{margin-bottom:2px;list-style:none;text-align:left}
#header #menu li a{color:#6d5c51;font-size:11px;}
#header #menu li a:hover,#header #menu li a.actif{color:#1e3f5b;background:url(../img/menu/puce.gif) no-repeat 0 2px;padding-left:12px}


#header #espaceco{color:#fff;width:561px;height:38px;z-index:20;position:absolute;bottom:0;right:0;background:url(../img/squelette/bg_espaceco.gif) no-repeat top left}
#header #espaceco a{color:#fff;text-decoration:none}
#header #espaceco a:hover{color:#fff;text-decoration:underline}
#header #espaceco .panier,#header #espaceco .links{margin:15px 0 0 0}
#header #espaceco .panier{float:right;width:200px;margin-right:18px}
#header #espaceco .links{margin-left:30px}

#extranet #connexion{color:#fff;width:210px;height:70px;z-index:20;position:absolute;bottom:19px;right:0}
#extranet #connexion p{text-align:left;}
#connexion table td{height:70px;font-size:11px;color:#fff}
label.recupMail{display:block;float:left;text-align:right;margin-right:10px;margin-left:20px;width:100px}
input.sendRecup{margin-left:130px}

#colG #news{height:392px;text-align:right;background:url(../img/accueil/news.gif) top left no-repeat}
#colG #news a{color:#665b55}
#colG #news a:hover{color:#473F3A}
#colG #news .textes{padding:5px 14px 0 15px}
#colG #news h3{color:#665b55;margin-top:5px;}
#colG #news p{height:80px;color:#665b55;text-align:right}
#colG #news form{margin-top:7px;}
#colG #news form p{line-height:19px}
#colG #news form p a{color:#fff;margin:0 8px 0 0;font-size:10px}
#colG #news form p a:hover{color:#665b55}
#colG #news h2{margin:9px 8px 0 0;color:#fff;font-size:16px;}
#colG #news input{background:transparent;border:0;text-align:right;width:130px;margin-right:10px;color:#738087;font-size:10px}
#colG #news input.send{background:#fff;width:90px;text-align:center;padding:3px;margin-right:2px}

form.lettre{position:relative;z-index:5}
form.lettre input.lettreInput{z-index:5;font-size:11px;color:#fff;width:160px;border:none;background:transparent;margin:68px 0 0 68px}
form.lettre input.send{cursor:pointer;background:#e3e0de;border:none;color:#1e3f5b;margin:22px 0 0 81px;font-size:11px;font-weight:bold;}

form.lettre2{position:relative;z-index:15}
form.lettre2 input.lettreInput{font-size:11px;color:#fff;width:160px;border:none;background:transparent;margin:68px 0 0 68px}
form.lettre2 input.send{cursor:pointer;background:#E3E0DE;border:none;color:#1e3f5b;margin:22px 0 0 81px;font-size:11px;font-weight:bold;}

#guide{height:283px;padding-top:30px;background:url(../img/accueil/guide.gif) top right no-repeat;margin:7px 9px 0 0}
#guide .slidounet{margin-top:7px;}
#guide .slidounet input{color:#fff;font-size:11px;background:transparent;font-weight:bold;border:none;width:120px;}
#guide input.send{margin:11px 0 0 110px}
#guide .slidounet input.ptit{width:70px}
#guide .slidounet label{margin-left:60px;color:#fff}
#guide p{padding:5px;margin-top:3px}
#slider-qualite,#slider-prix,#slider-nbPers,#slider-convivialite{width:150px;margin-left:90px}

#guide2{padding-bottom:10px;width:234px;background:#1e3f5b url(../img/contenu/bas_guide2.gif) bottom no-repeat;margin:7px 0 0 29px}
#guide2 .slidounet{margin-top:7px;}
#guide2 .slidounet input{color:#fff;font-size:11px;background:transparent;font-weight:bold;border:none;width:120px;}
#guide2 input.send{margin:11px 0 0 70px}
#guide2 .slidounet input.ptit{width:70px}
#guide2 .slidounet label{margin-left:10px;color:#fff}
#guide2 p{padding:5px;margin-top:3px}
#guide2 #slider-qualite,#guide2 #slider-prix,#guide2 #slider-nbPers,#guide2 #slider-convivialite{width:150px;margin-left:50px}

#guide3{padding-bottom:10px;width:234px;margin:20px 0 0 29px}
#guide3 .slidounet{margin:7px 0 0 12px;}
#guide3 .slidounet input{color:#fff;font-size:11px;background:transparent;font-weight:bold;border:none;width:120px;}
#guide3 input.send{margin:20px 0 0 80px}
#guide3 .slidounet input.ptit{width:70px}
#guide3 .slidounet label{margin-left:10px;color:#fff}
#guide3 p{padding:5px;margin-top:3px}
#guide3 #slider-qualite,#guide3 #slider-prix,#guide3 #slider-nbPers,#guide3 #slider-convivialite{width:150px;margin-left:50px}

img.guiT{position:relative;right:35px;top:50px;}

#colD #contentD{text-align:left;}
ul#menuS{font-size:16px;margin:35px 0 0 110px;color:#fff;font-weight:bold}
ul#menuS li{display:inline;list-style:none}
ul#menuS li a{height:22px;text-decoration:none;font-size:16px;color:#fff;font-weight:bold}
ul#menuS li a:hover,ul#menuS li a.actif{border-bottom:1px solid #fff}

#ariane{margin:40px 0 0 70px;color:#a09188}
#ariane a{color:#a09188;text-decoration:none}
#ariane a:hover{text-decoration:underline}
img.maison{position:relative;top:3px}

#produit{
	-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;
	background:#a09188 url(../img/accueil/bg_produit.gif) no-repeat top left;color:#fff;width:619px;margin:20px 0 20px 24px;
}


#produit #prod_gche{margin:5px 0 10px 5px;width:289px;float:left}
#vignettes{position:relative;z-index:10;padding-left:2px}
#produit #prod_dte{float:left;width:324px;position:relative;}
#produit #prod_dte a.plus{position:relative;z-index:6;top:15px}
#produit #prod_dte div.infos{font-size:12px;width:300px;margin:-35px 0 0 10px;float:left;height:205px;overflow:hidden}
#produit #prod_dte h2{font-size:18px;font-weight:bold}
#produit #prod_dte h3{font-size:15px;margin-bottom:4px}
#produit #prod_dte h4{font-size:11px;font-weight:normal;margin-bottom:10px}
#produit div.notes{
	-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;
	background:#d5cfcc;padding:9px;color:#8d7e76;
	width:290px;float:right;margin:15px 4px 3px 0;
}
#produit div.notes p span{float:left}
#produit span.titNot{width:55px}
#produit span.titNot2{width:80px}
#produit div.notes p.prem{width:130px;text-align:left;}
#produit div.notes p.dez{width:140px;text-align:left;margin-left:20px}

.margeprdroite{margin-left:24px}

span.prixHigh{text-align:center;display:block;float:right;width:90px;padding:5px;background:#fff;color:#A09188;font-size:13px;margin-left:8px;font-weight:bold}

/******************** *****
********* CONTENU
************************/

#conteneurTight{color:#645953}
.conteneurTi{width:660px;margin:20px 0 20px 10px;padding:5px 0;}
.conteneurGest{width:645px;margin:20px 0 20px 10px;padding:5px 0;}
.conteneurTi2{padding:5px 0;width:655px;margin:20px 0px 20px 0px;background:#ededed;padding-left:10px}
#conteneurTight h2{color:#1e3f5b}
#conteneurTight h3{color:#1e3f5b;font-size:12px;margin:10px 0}
span.typeProd{display:block;float:left;margin:0 30px 10px 5px}

a.prod{float:left;position:relative;text-align:center;width:159px;height:164px;display:block;color:#fff}
.conteneurTi a.vente{background:url(../img/spa/bg_vente.gif) no-repeat 0 0}
.conteneurTi2 a.vente{background:url(../img/spa/bg_vente_2d.gif) no-repeat 0 0}
.conteneurTi a.catalogue{background:url(../img/spa/bg_catalogue.gif) no-repeat 0 0}
.conteneurTi2 a.catalogue{background:url(../img/spa/bg_catalogue_2d.gif) no-repeat 0 0}
a.vente:hover,a.catalogue:hover{background-position:0 -164px}
img.visuProduit{position:relative;left:-2px;margin:12px 0 0}
span.descProduit{cursor:pointer;position:absolute;bottom:10px;left:7px;text-align:left;display:block}

#menuGauche,#menuGauche2{text-align:right;margin:-10px 0 0 0px;background:url(../img/global/menu_gauche.gif) top left no-repeat;}
#menuGauche2{margin-bottom:20px;height:392px;background:url(../img/global/menu_gauche_bleu.gif) top left no-repeat;}
#menuGauche #bh2,#menuGauche2 #bh2{text-align:right;position:relative;height:80px;}
#menuGauche h2{width:180px;overflow:hidden;position:absolute;bottom:14px;right:2px;float:right;font-weight:bold;font-size:17px;color:#1e3f5b;}
#menuGauche #fond_menu{background:url(../img/global/bg_menu.gif) right repeat-y;margin:0px 19px 0 0}
#menuGauche .top_menu{min-height:392px;padding:8px;background:url(../img/global/top_menu.gif) top right no-repeat;}
#menuGauche h3{color:#cfc8c3;font-size:12px;margin-top:5px}
#menuGauche ul{text-align:right;border-top:1px solid #fff;width:210px;margin:0 0 10px 40px;}
#menuGauche ul.gestionnaire{border:none;margin:10px 0 10px 40px;}
#menuGauche ul li{list-style:none;color:#fff;}
#menuGauche ul li a{zoom:1;border-bottom:1px solid #fff;padding:3px;display:block;color:#fff;}
#menuGauche ul li a:hover,#menuGauche ul li a.actif{color:#1e3f5b;background:#fff !important}
#menuGauche ul li a.vente{background:url(../img/contenu/bg_caddy.gif) no-repeat -210px 0}
#menuGauche ul li a.vente:hover,#menuGauche ul li a.venteActif{color:#1e3f5b;background:#fff url(../img/contenu/bg_caddy.gif) no-repeat 0 0 !important}
#menuGauche ul li a.gestionnaire:hover,#menuGauche ul li a.gestionnaireHover,#menuGauche ul li a.gestionnaireHover:hover{color:#1e3f5b;background:#fff}
#menuGauche ul li.first a.gestionnaire:hover,#menuGauche ul li.first a.gestionnaireHover,#menuGauche ul li.first a.gestionnaireHover:hover{background:url(../img/gestionnaire/bg_first.gif) no-repeat top right !important}

#menuGauche ul.niv2{border:none;margin:0 0 10px 0;background:#60809D;}
#menuGauche ul.niv2 li a{border-bottom:1px solid #3E5366;}
#menuGauche ul.niv2 li a:hover,#menuGauche ul.niv2 li a.actif{background:#3E5366 !important;color:#fff}



#menuGauche ul.temoignage{border:none}
#menuGauche ul.temoignage li a{zoom:1;border:none;padding:3px;display:block;color:#fff;background:#1E3F5B}
#menuGauche ul.temoignage li a:hover,#menuGauche ul.temoignage li a.actif{color:#4B657C;background:#fff url(../img/temoignages/puce.gif) no-repeat 7px 5px !important}


a.inno_hydr,a.inno_esth,a.inno_coul,a.inno_filt,a.inno_conf,a.inno_secu,a.inno_perf,a.inno_resi,a.inno_econ{display:block;width:88px;text-decoration:none !important;color:#6D5C51;padding:18px 0 0 55px;font-size:11px;margin:0 0 5px 5px;height:39px;}
a.inno_hydr:hover,a.inno_esth:hover,a.inno_coul:hover,a.inno_filt:hover,a.inno_conf:hover,a.inno_secu:hover,a.inno_perf:hover,a.inno_resi:hover,a.inno_econ:hover{color:#22425E !important;font-weight:bold;}
a.inno_hydr{background:url(../img/innovation/hydr.jpg) no-repeat;}
a.inno_esth{background:url(../img/innovation/esth.jpg) no-repeat;}
a.inno_coul{background:url(../img/innovation/coul.jpg) no-repeat;}
a.inno_filt{background:url(../img/innovation/filt.jpg) no-repeat;}
a.inno_conf{background:url(../img/innovation/conf.jpg) no-repeat;}
a.inno_secu{background:url(../img/innovation/secu.jpg) no-repeat;}
a.inno_perf{background:url(../img/innovation/perf.jpg) no-repeat;}
a.inno_resi{background:url(../img/innovation/resi.jpg) no-repeat;}
a.inno_econ{background:url(../img/innovation/econ.jpg) no-repeat;}
a.in{margin-left:5px}

div.highlightT{background:#F2EEEC;padding:10px;}
.center{text-align:center}

/*************************
***** Fiches
****************************/

#panier select{color:#1E3F5B}
a.panierFancy{display:none}
.btsPanier{position:relative;top:1px}

img.ico{position:relative;top:3px}
#teteCatalogue,#teteVente{color:#fff;padding:5px}
#teteCatalogue h2,#teteVente h2{margin-left:5px;font-size:15px}
#teteCatalogue{background:#a09188}
#teteVente{background:#1e3f5b url(../img/contenu/bg_vente_tete.gif) no-repeat top center;height:16px;}
#fiche{width:650px;margin:20px 0 20px 10px;padding:5px 0;}
#fiche .a_gauche{float:left;width:139px;}
#fiche .a_droite{float:right;width:495px;}
#fiche #bigs{margin-top:10px;text-align:center;width:139px;height:127px;padding-top:12px;background:url(../img/contenu/visu_fiche.gif) no-repeat}

#fiche #vignettes a{margin-left:-2px;}
#fiche a.video{padding:0;margin-top:5px;height:97px;display:block;background:url(../img/contenu/bg_video.gif) no-repeat 0 0}
#fiche a.video:hover{background-position: 0 -97px}
#fiche .couleurs,#fiche a.pdf{background:#e3e0de;padding:5px;text-align:center;margin-top:10px}
#fiche .couleurs{text-align:left;padding-left:12px}
#fiche .couleurs img{margin:3px 4px 0 0}
#fiche a.pdf{padding:10px;display:block;color:#6b5b51;background:#e3e0de url(../img/contenu/bg_pdf.gif) no-repeat 15px 15px;}
#fiche a.pdf span{display:block;text-align:left;margin:7px 0 0 40px;}
#fiche p.infos{color:#a09188;padding-bottom:3px;border-bottom:1px #a09188 solid}
#fiche .descriptif{color:#645953;margin-top:10px}
#fiche .descriptif a{color:#645953;text-decoration:underline}
#fiche .descriptif a:hover{text-decoration:none}
#fiche div.ptForts{padding:14px 10px 10px 10px;background:#6d5c51;color:#fff}
#fiche div.ptForts ul{margin-left:25px;}
#fiche div.ptForts ul li{font-size:12px;margin-bottom:4px;list-style:none;background:url(../img/contenu/goutte.gif) no-repeat 0 4px;padding-left:15px}
#fiche a.carac,#fiche a.accessoires{padding:6px 0 0 5px;color:#fff;font-weight:bold;text-decoration:none;margin:10px 0 0;display:block;background:url(../img/contenu/bg_carac.gif) no-repeat;height:20px}
#fiche a.accessoires{padding-left:30px;background:url(../img/contenu/bg_accessoires.gif) no-repeat;height:19px}
#fiche a.carac:hover,#fiche a.accessoires:hover{background-position:0 -26px}
#fiche .haide{padding:10px}
#fiche .haide ul li{list-style:none;background:url(../img/contenu/goutte_bleue.gif) no-repeat 0 5px;padding-left:20px;margin:0 0 4px 10px;}
span.separat{width:20px;display:block;float:left;}
#fiche div.achatAccess,#fiche div.achatVariante{margin-top:10px}
#fiche div.achatAccess ul li,#fiche div.achatVariante ul li{list-style:none;margin-bottom:2px}
#fiche div.achatAccess ul li a,#fiche div.achatVariante ul li a{text-decoration:none;display:block;padding:5px;}
#fiche div.achatAccess ul li.un a,#fiche div.achatVariante ul li.un a{background:#f2eeec;}
#fiche div.achatAccess ul li.deux a,#fiche div.achatVariante ul li.deux a{background:#e8e1dd}
#fiche div.achatAccess ul li a:hover{background:#1E3F5B;color:#fff}

#fiche div.achatVariante ul li.variante{padding:5px}
#fiche div.achatVariante ul li.variante span.right{position:relative;z-index:55;}
#fiche div.achatVariante ul.varul li.un{background:#f2eeec;}
#fiche div.achatVariante ul.varul li.deux{background:#e8e1dd}
#fiche div.achatVariante ul li.variante a {background:transparent;display:inline; padding:0;}
#fiche div.achatVariante ul li.variante a:hover{font-weight:bold;text-decoration:underline}

p.conditionnement{text-align:center}
a.recapMod{background:#374A5B;color:#fff;padding:0 2px;font-weight:normal;font-size:10px;position:relative;top:-2px;margin-left:3px}
a.recapMod:hover{color:#374A5B;background:#fff;}

div.optio p{text-align:center;width:75px;margin-bottom:0}
#fiche div.achatVariante ul li.variante div.optio a:hover{font-weight:normal}
li.variante span.plus{padding:32px 5px 0px 5px;}
p.desi{position:relative;z-index:50;line-height:14px;padding:3px 0 0}

span.to{position:relative;top:4px}
span.bo{position:relative;bottom:4px}
span.clear{display:block;clear:both}
.margin-b-4{margin-bottom:-7px}
p.prix{margin:1px 20px 0 0;font-weight:bold;color:#6d5c51;font-size:12px;}
img.encart{margin-left:7px}
#fiche ul.inno{width:500px;float:left;margin-left:15px;padding:10px;background:#F7F3F2}
#fiche ul.inno li{margin-left:15px;}

label.magazin{text-transform:uppercase;font-weight:bold}

/**** *****
	gestionnaire
*********/

div.conteneurGest a{font-weight:bold;color:#1e3f5b;text-decoration:underline}
div.conteneurGest a:hover{text-decoration:none}
div.conteneurGest div.document{margin:10px 0 20px;text-align:center}
div.conteneurGest div.document a{font-weight:normal;text-decoration:none;color:#645953}
div.conteneurGest div.document a:hover{text-decoration:underline;}
div.conteneurGest div.document img{margin-right:10px;position:relative;top:10px}
.video{text-align:center;background:#efecec;padding:15px 0 5px 0;margin:20px 0 0;}
.legendeVideo{padding:5px;font-size:11px;text-align:center;background:#645953;color:#cfc8c3;font-weight:bold;margin-bottom:20px;}
div.conteneurGest ul{margin:10px 0;padding:10px;background:#efecec;color:#645953;}
div.conteneurGest ul li{margin-left:20px;list-style:none;background:#efecec url(../img/gestionnaire/puce.gif) no-repeat 0 5px;padding-left:15px;color:#645953;}

a.w3c{float:left;margin:-10px 0 0 275px;}

div.highlighte,div.old, div.consei{margin-bottom:10px;background:#1e3f5b;color:#fff;padding:10px}
div.highlighte h3,div.old h3{color:#fff !important;font-size:14px !important;margin:10px 0 10px 20px !important}
div.old{background:#f2eeec;color:#6D5C51}
div.consei{background:#A09188;color:#fff}
div.consei h3,div.consei a{color:#fff !important}
div.highlighte a{color:#fff}
div.old h3,div.old a{color:#6D5C51 !important}
div.highlighte a,div.old a{text-decoration:underline}
div.highlighte a:hover,div.old a:hover{text-decoration:none}

div.innovation{background:#a09188;}

/*** faq **/
div.reponse{display:none;margin-top:15px;}
div.faq{margin-bottom:5px !important;}
div.faq h4{cursor:pointer}

/** guide **/

p.notation{margin-left:30px;background:#fff;padding:5px;}
div.notation{margin-left:10px;background:#fff;padding:5px;}
div.notation p{margin-top:10px;color:#786b64;padding:10px;}
h3.bleu a{text-decoration:none}


/**********************************************************************************************
 *************************** EXTRANET *************************
 **********************************************************************************************/

div.inlog{margin-bottom:10px;background:#F2EEEC;color:#fff;padding:10px}
div.inlog h3{font-weight:bold;margin:10px 10px 0 5px !important;border-bottom:1px #fff solid;padding-bottom:5px}
div.inlog form label{font-weight:bold;width:100px;display:block;float:left;text-align:right;padding-right:5px;position:relative;top:2px;color:#fff}
div.inlog form input{color:#355B7C;font-size:11px;padding:2px}
div.inlog form a{color:#fff;margin:10px 0 7px 105px;display:block;text-decoration:underline}
div.inlog form input.conn{margin-left:90px}
div.inlog form a:hover{text-decoration:none}
.widthLogin{float:left;width:310px;background:#fff}
.blclair{padding:10px;background:#355b7c}
div.inlog .inscription{margin:20px 0 0 90px}

div.derCom{height:119px;}
div.derCom p{color:#fff;position:relative;top:70px;left:80px;}
#extranet #menuGauche .top_menu{min-height:392px;padding:8px;background:url(../img/global/top_menu_extra.gif) top right no-repeat;}
#extranet #menuGauche{text-align:right;margin:-10px 0 0 0px;background:url(../img/global/menu_gauche_extra.gif) top left no-repeat;}

p.libelle{float:left;width:200px;text-align:right;margin:0 10px 0 0;color:#1e3f5b;font-weight:normal}
p.date{float:left;width:135px;color:#1e3f5b;font-weight:bold}
p.donnee,p.donnesNon{float:left;margin-left:10px;text-align:left;color:#645953;}
p.donnesNon{float:none;}
div.compte1,div.compte2{padding:5px;background:#F2EEEC;margin-bottom:4px}
div.compte2{background:#FFF}
div.histoCom{background:#DFD6D0;text-align:justify;padding:5px;margin:10px 3px 0;}
a.modifCompte{float:right;margin:10px 10px 0 0;text-decoration:none !important;padding:5px;color:#1e3f5b !important}
a.modifCompte:hover{text-decoration:underline !important;}
div.compte1 input.texte, div.compte2 input.texte{padding:1px;font-size:11px;color:#a09188;width:200px;}
div.compte1 input.send{width:200px;background:#4B657C;padding:2px 0;color:#fff;border:none;font-size:11px}
p.donnee select{color:#a09188;font-size:11px;width:200px;}
p.donnee .checkbox{margin-right:5px}

#extranet .vignette{float:left;width:120px;text-align:center;padding:10px}
#extranet .vignette p{text-align:center}
#extranet .vignette p a{display:block;background:#fff;text-decoration:none;font-weight:normal}
#extranet .vignette p a:hover{background:#A09188;color:#fff}
#extranet .vignette a.image{border:5px solid #F2EEEC;display:block;width:100px;height:100px;margin:auto}
#extranet .vignette a.image:hover{border:5px solid #A09188}

/* Pascal : J'ai viré width:150px sur celui-ci pour le panier */
span.lab{display:block;float:left;text-align:left;position:relative;z-index:56}

div.compte1 span.etatCommande{display:block;width:104px;text-align:center;margin-right:3px}

div.compte1 ul,div.compte2 ul{margin:0px;padding:5px}
div.compte1 ul li,div.compte2 ul li{background:transparent;padding:3px;margin-bottom:2px;list-style:none;}
div.compte1 ul li.un,div.compte2 ul li.un{background:#D6D3D2;}
div.compte1 ul li.livraison{background:#4B657C;margin-top:15px;color:#fff;padding:7px}


/**********************************************************************************************
 *************************** PAGE COLORIS *************************
 **********************************************************************************************/
div.pageColoris h1{text-align:left !important;padding-left:15px;padding-top:5px}
div.pageColoris img{float:left}


/**********************************************************************************************
 *************************** PANIER *************************
 **********************************************************************************************/
#panier ul li {margin-left:0}
#panier ul li input {width:20px;text-align:center}
#panier ul li input,#panier ul li select {font-size:11px}


/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/

#leb-img {margin-top:20px}
.fond-infos,.fond-infos2 {color:#fff;background-color:#A09188; margin:5px 0px; padding:5px 0px 5px 20px; width:450px}
.fond-infos2 {background-color:#6D5C51}
.fond-infos p,.fond-infos2 p{color:#fff !important;}
.fond-infos a,.fond-infos2 a{text-decoration:underline;color:#fff !important}
.fond-infos a:hover,.fond-infos2 a:hover{text-decoration:none}
.z57{position:relative;z-index:57}
li.pan{padding:10px !important;line-height:14px}

.couleur1 {background-color:#91b9c7;color:#003960 !important;padding:3px;}
.couleur2 {background-color:#d3e7ee;color:#003960 !important;padding:3px;}
.couleur1 a,.couleur2 a{color:#fff !important;text-decoration:underline}
.couleur1 a:hover,.couleur2 a:hover{text-decoration:none}
.fond-infos{color:#fff}

th.widthTh1{width:70px}
th.widthTh2{width:120px}
th.widthTh3{width:376px}

caption {width:625px; background-color:#003960; color:#fff; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px}
#extras p{text-align:justify; width:580px}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

.annexes h3 {color:#dc9b00;}
.annexes p {display:block; width:580px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}


#plan ul li{list-style:none !important;background:transparent;margin-left:15px}
#plan a.titre {margin-bottom:2px;text-decoration:none;display:block; width:570px; padding:5px 0px 5px 5px; color:#004469;font-weight:bold}
#plan a.titre:hover {padding-left:15px}
#plan a.sub {border-bottom:1px #EFECEC solid;background:#4B657C;color:#fff;text-decoration:none;margin-bottom:0px;display:block; width:570px; padding:3px; color:#fff;font-weight:bold}
#plan a.sub:hover {background-color:#1E3F5B;color:#fff}
#plan ul.niv2{margin:0 0 5px 0;padding:0}
#plan ul.niv2 li{margin:0;padding:0}
#plan ul.niv2 a{background:#A09188;color:#fff;}
#plan ul.niv2 a:hover{background:#6D5C51}

div.extras .credits1,div.extras .credits2{color:#666;background-color:#CEC5B5; margin:5px 0px; padding:5px 0px 5px 20px; width:410px}
div.extras .bg1{background-color:#38647f}
div.extras .credits2,div.extras .bg2{background-color:#2e566f}
div.extras td{padding:5px 0;color:#fff;font-size:11px}
div.extras .credits1 p,div.extras .credits2 p{margin-top:0 !important}
#creditsLeb .credits1 a.rouge{color:#666 !important}
#creditsLeb ul li{margin-left:0 !important}
#creditsLeb a{text-decoration:none !important}

span.titreActu{cursor:pointer;width:160px;display:block;float:left;text-align:left;font-weight:bold}
span.pointer{cursor:pointer}


/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#00B000; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#f00; color:#fff; font-weight:bold; padding:2px 0px}
.error a {color:#fff !important;}

.font18{font-size:18px;}
p.etape{text-align:right}
h3.bt1{margin-left:40px;width:210px;border-top:1px #fff solid}

a.boutonCommande{float:right;padding:8px;background:#A09188;color:#fff !important;text-decoration:none !important;position:relative;top:10px}
a.boutonCommande:hover{background:#6D5C51;}
input.recalculer{background:#4B657C;color:#fff;border:0;font-size:10px;padding:3px;margin-left:7px}

/***************************************
************ FORMULAIRES ***
***************************************************************/

/*** FORMULAIRES ***/

label a{font-weight:bold;color:#fff;text-decoration:underline}
label a:hover{text-decoration:none}

#formContact{padding:5px}
#formContact p{padding:5px;background:#FCFBF8;color:#645953;}
#formContact label.normal{color:#645953;float:left;width:200px;text-align:right;font-weight:bold;margin-right:7px;}
#formContact p.textuel input{padding:3px;background:#cfc8c3;border:none;color:#484039;font-size:11px;width:200px}
#formContact p.textuel input.checkbox{background:transparent;width:16px;margin-right:5px;position:relative;top:3px}
#formContact textarea{font-family:arial;width:400px;height:100px;background:#cfc8c3;color:#fff;border:none;font-size:11px}
#formContact select{width:300px;color:#645953;font-size:11px;padding:3px}
#formContact input.send{margin-left:210px;}
#formContact input.radio{margin-left:5px;color:#D9CFB0 !important}
#formContact textarea#f_commentaire{width:610px;}

p.highlight{background:#BB1336;color:#fff !important;padding:3px}

.erreur{background:#6D5C51 !important;color:#fff !important;}

h4.oblig{background:#645953;color:#fff;font-size:11px;padding:5px}


/******* MAC HACK ****/

#contenuBandeau{position:relative;margin-right:1px;float:right;}
.applewebkit #contenuBandeau {left:1px;margin-right:1px;}
.mac #contenuBandeau{margin-right:2px !important}
.mac.gecko #contenuBandeau{left:2px}
.win.gecko #contenuBandeau{left:1px}



/** fix **/

.win.gecko #contenuNewse{position:relative;top:5px;}

.ie #colG{background:url(../img/squelette/bg_colG.gif) no-repeat -1px 0px;}
.safari #colG{background:url(../img/squelette/bg_colG.gif) no-repeat -1px 0}
.chrome #colG{background:url(../img/squelette/bg_colG.gif) no-repeat -1px 0;}
.mac.safari_4 #colG{background:url(../img/squelette/bg_colG.gif) no-repeat -1px 0}
.gecko #news{margin-top:-10px}
.gecko #colG{background:url(../img/squelette/bg_colG.gif) no-repeat -1px 0;}

.mac.safari_4 #news div.textes form{margin-top:11px !important}
.mac.gecko #news div.textes form{margin-top:12px !important}

.safari_4 #news{margin-top:-10px}
.mac.safari_4 #news{margin-top:-9px}

.mac.safari_4 #menuGauche,.mac.safari_4 #menuGauche2{margin-top:-9px !important}
.mac.gecko #menuGauche,.mac.gecko #menuGauche2{margin-top:-11px !important}
.chrome #menuGauche,.chrome #news,.chrome #menuGauche2{margin-top:-11px !important}

#vignettes{padding-left:2px}
.gecko #vignettes{padding-left:0}
.win.gecko #vignettes{padding-left:2px}

.prems,.deuze{cursor:pointer !important}
.prems{background:url('../img/FilterArrow1.gif') !important;}
.deuze{background:url('../img/FilterArrow2.gif') !important;}