﻿
*{border: 0;margin: 0;padding: 0;}

html { background:url(../images/fond.jpg) repeat top left ;width:100%; height:100%;}
body {width:100%; height:100%;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center;}
form{width:100%; border:0; padding:0; margin:0;  background:url(../images/fond-body.jpg) repeat-x top transparent; height:100%}


#main{display:block; margin:0 auto; width:980px; text-align:left}

#content{ display:block; float:left; width:100%;  background-color:#E4DEC7;margin-bottom:15px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:12px;  }

.trait{border-top:1px dashed #384934; }
 
a{color: #000000; text-decoration:underline; }
a:hover{color: #000000; text-decoration:underline; }
a.orange,a.orange:hover{color:#AD714C}

p{border:0; padding:0; margin:0 0 8px 0;}
ul{border-style: none; border: 0; list-style-type: none; padding: 0; margin-right: 0 0 8px 0;}
ul li {padding-left: 2em;background: url(../images/puce-footer.gif) no-repeat  0 .4em; margin: 4px 0 0 0;}
u{display: block; text-decoration:none; font-size:1px; clear:both; height:1px}
u.pointille{border-top:1px dashed #938F7E;  }

.floatright{display:block; float:right}
.floatleft{display:block; float:left}
.textcenter{text-align:center}
.textright{text-align:right}
.textleft{text-align:left}

img.floatleft{display:block; float:left; margin:0 10px 10px 0}

.bordure{border:1px solid #b9b49f; padding:1px}

.margin0{margin:0}
.margH20{margin:0 20px 0 20px}
.marginB15{margin-bottom:15px}
.textclair{color:#E4DEC6}
.marginT15{margin-top:15px}
.marginT50{margin-top:50px}
.marginL35{margin-left:35px}

.clear{clear:both}
.clearleft{clear:left}
.note{font-style:italic; color:#938f7e}

.pointer{cursor:pointer}

h1{border-style: none; border-color: inherit; border-width: 0;
    font-family:Times New Roman, Arial, Helvetica, sans-serif; font-size:20px; color:#63402B; padding:0; margin:8px 0 20px 0;}
h1 span{ font-size:20px; color:#AD714C; font-weight:bold;}

h2{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; color:#AD714C; font-weight:bold;border:0; padding:0; margin:12px 0 5px 0;}
h3{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#63402B; font-weight:bold;border:0; padding:0; margin:8px 0 5px 0;}
h4{font-family:Times New Roman, Arial, Helvetica, sans-serif; font-size:14px; color:#AD714C; font-weight:bold;border:0; padding:0; margin:8px 0 8px 0;}

.ariane{display:block; float:left; width:95%; color: #e4dEc6; font-size:10px;padding:5px 0 5px 20px; }
.ariane a{color: #e4dEc6; text-decoration:underline; }
.ariane a:hover{color: #e4dEc6; text-decoration:underline; }
.separator{color:#767676; font-size:14px }

#gauche{display:block; float:left; width:248px;padding:20px 0 0 20px;   }
#gauche h3{background:url(../images/fond-titregauche.gif) no-repeat left top; margin:0; padding:0 0 0 20px; line-height:46px; color:#E4DEC6}
#gauche .content{ display:block; float:left; width:228px; padding:10px; background:url(../images/gauche-bas.gif) no-repeat left bottom #FBF9EF; }

.menugauche{display:block; float:left;margin:0; padding:0; overflow:hidden; }
.menugauche li{display:block; float:left;width:208px; border-bottom: 1px solid #E4DEC6;margin: 0;padding: 3px 20px 3px 0; background-image:none;}
.menugauche li a{display:block; float:left;border: 0;margin: 0;padding: 0 0 0 20px; width:188px; text-decoration:none; color:#797873;background:url(../images/puce-menugauche.gif) no-repeat left ; }
.menugauche li a:hover{color:#AD714C}
.menugauche li.selected a{color:#AD714C; font-weight:bold}


.blocvert {display:block; float:left; width:208px; margin:15px 0 0 0;padding:20px 20px 15px 20px; background-color:#8B9E86; color:#DEDAC2}
.blocvert h4{color:#fff; margin-top:0;font-size:16px;}
.blocvert p.lien{ background-color:#B9B49F;padding:3px 3px 3px 5px; text-align:right; margin-top:15px}
.blocvert p.lien a{color:#fff;background:url(../images/fleche-lienblocvert.gif) no-repeat right bottom transparent; text-decoration:none;padding-right: 18px; }



#droite{display:block; float:left; width:670px; padding:20px 20px 15px 20px; }




/* ########## plan du site ##################### */
.plan {}
.plan li{margin-top:5px}
.plan a{ text-decoration:none}
.plan a:hover{text-decoration:underline}




/* ########## HAUT ##################### */
.haut{display:table; width:100%;}

.menuNavig{display:table; float:left;width:100%; height:auto; margin:0; padding:0; overflow:hidden;  background-color:#E4DEC7; }
.menuNavig li{display:block; float:left;border: 0;margin: 0;padding: 0;}
.menuNavig li a{display:block; float:left;border: 0;margin: 0;padding: 14px 0 0 25px; width:138px; height:60px; text-decoration:none;color:#AD704C;  
    background:url(../images/fond-menu.gif) no-repeat; font-size:18px; font-family: Arno Pro, Century Gothic, Helvetica, sans-serif; font-weight:bold; }
.menuNavig li a:hover{background:url(../images/fond-menu-over.gif) no-repeat; color:#4D4B42;text-decoration:none}
.menuNavig li.selected a{background:url(../images/fond-menu-over.gif) no-repeat; color:#4D4B42}
.menuNavig li a span.clair{color:#FEFEFE; display:block; float:left;width:100%;clear:both; font-size:12px;font-family:Arial, Helvetica, sans-serif; font-weight: normal; }    


 


.logo{display:block; float:left; width:191px; height:91px; background:url(../images/logo.gif) no-repeat top left; }
html>body .logo{background-image:url(../images/logo.png)}

/* ----- menuhaut ----- */
.menuhaut{display:block; float:left; width:426px; height:33px; margin:32px 15px 0 0; padding:10px 0 0 10px ;color:#E4DEC6; 
    background:url(../images/fond-menuhaut.gif) no-repeat top left;}
.menuhaut .lien1, .menuhaut .lien2, .menuhaut .lien3 {display:block; float:left; color:#E4DEC6; text-decoration:none;text-align:center}
.menuhaut .lien1:hover, .menuhaut .lien2:hover, .menuhaut .lien3:hover {text-decoration:underline;}
.menuhaut .lien1{width:90px; }
.menuhaut .lien2{width:210px; }
.menuhaut .lien3{width:90px; }
.menuhaut div{display:block; float:left; }

.panier{display:block; float:left; width:198px; height:33px; margin:32px 15px 0 0; line-height:35px; color:#E4DEC6;font-family: Arno Pro, Century Gothic, Helvetica, sans-serif; font-size:14px;}
.panier img{display:block; float:left; margin-right:8px}
.panier a {color:#fff; text-decoration:unerline; margin-left:8px}

.panierTa { border-collapse:collapse; border:1px solid #b9b49f; }
.panierTa th{background-color: #b9b49f; color:#fff; text-align:center; padding:3px 0}
.panierTa td{border:1px solid #b9b49f; padding:2px}
.panierTa input {width:100%; background-color: #e4dec6; text-align:right; border:1px solid #b9b49f;}
.panierTa .footer {background-color: #b9b49f; color:#000; font-weight:bold; text-align:right; }
.panierTa .noneditable {border:0; width:100%; background-color: #e4dec6; font-size:12px }
.panierTa .footer .noneditable {margin-left:20px; width:70px; background-color: #b9b49f;font-weight:bold;}

.lang{display:block; float:left; width:80px; height:39px; margin:33px 0 0 0;padding-top:5px; text-align:right; background:url(../images/trait-menuhaut.gif) no-repeat top left;}

/* ########## SOCIETE ##################### */
.process img{margin:0 10px 10px 0}



/* ########## ACTUS ##################### */
.actu{display:block; float:left; width:100%; height:360px; margin-bottom:15px; }

#diaporama{height:360px;width:980px; }
#diapoTexte{z-index:5;}
#diapoNav{z-index:4;}
#diapo1{z-index:3;}
#diapo2{z-index:2;}
#diapo3{z-index:1;}
#diapoNav{z-index:6;}

#diapoTexte{position:absolute; width:198px; height:262px; overflow:hidden;margin:46px 0 0 41px; padding:10px 20px;background:url(../images/fond-actu.gif) no-repeat top left; font-size:11px; }
html>body #diapoTexte{background:url(../images/fond-actu.png) }


#diapoTexte h2{font-size:14px}
#diapoTexte h3{margin:0; font-size:13px; font-weight:normal; margin-bottom:5px}

#diapoTexte a{color:#AD714C}

#diapoNav{position:absolute; width:198px;border-top:1px dashed #5F5F5F;margin:295px 0 0 60px; }
#diapoNav ul{display:block;float:left;list-style:none; height:10px; width:198px; margin:0; padding:0 0 0 0;}
#diapoNav li{display:block;float:left;width: 48px; height:20px;margin:0; padding:0; cursor:pointer; background:url(../images/ico-li.gif) no-repeat center center;}
#diapoNav li.courant{background:url(../images/ico-li-courant.gif) no-repeat center center;}

#diapoNav1visuel,#diapoNav2visuel,#diapoNav3visuel{width:980px; height:360px; position:absolute;}


.listeactus h2, .detailactus h2{margin:0;padding-top:10px;}
.listeactus h3, .detailactus h3 {margin-top:0}
.listeactus .dat, .detailactus .dat{ font-style:italic; color:#938f7e}
.detailactus .resum{color:#AD714C}
.listeactus u{ border-top:1px solid #ddd5b8;border-bottom:1px solid #f0ede1 ; margin-top:10px; height:0}
.listeactus img, .detailactus img{display:block;float:left;margin: 0 10px 10px 0; border:1px solid #b9b49f; padding:1px}
.listeactus a, .detailactus a{ color:#AD714C; }


.detailactus .diaporama {float:left; border:1px solid #b9b49f; width:155px; height:155px;margin:0 5px 5px 0}
.detailactus .diaporama td{text-align:center; vertical-align:middle; }
.detailactus .diaporama td img{margin:auto;float:none;border:0}


/* ########## REVENDEURS #################### */
.revendeursliste{ background:url(../images/carte-revendeurs.gif) no-repeat top right;}
.revendeursliste u{ border-top:1px solid #ddd5b8;border-bottom:1px solid #f0ede1 ; margin-top:10px; height:0}
.revendeursliste h3{}



/* ########## BLOCS RECHERCHE ##################### */
#blocsrecherche {display:table;float:left; clear:both; width:980px; margin-bottom:15px;font-size:9px; color:#5F5F5F }
#blocsrecherche h2{font-family: Arno Pro, Century Gothic, Helvetica, sans-serif; font-weight:bold; font-size:17px;color:#AD704C; line-height:14px; margin:0;padding:0 0 10px 0  }

#blocsrecherche .div1, #blocsrecherche .div2, #blocsrecherche .div3 {display:block; float:left; width:258px; height:140px; padding:15px 20px 0 15px; background-color:#E4DEC6; border:1px solid #f9f4e5}
#blocsrecherche .div1 img {position:relative; margin-right:5px; margin-bottom:5px;}
#blocsrecherche .div2 img {position:relative; margin-left:-14px;margin-bottom:0;}
html>body #blocsrecherche .div2 img{margin-left:-28px}

#blocsrecherche .div3 img {position:relative; margin-left:-23px;}
html>body #blocsrecherche .div3 img{margin-left:-38px}


#blocsrecherche .div1, #blocsrecherche .div2 {margin-right:47px}

#blocsrecherche p.lien{ background-color:#8b9e86; padding:3px 10px 3px 5px; text-align:right}
#blocsrecherche p.lien a {color:#E4DEC6; text-decoration:none; font-weight:bold; padding-right: 25px; letter-spacing:1px;
    background:url(../images/fleche-lien.gif) no-repeat right bottom transparent; }
#blocsrecherche p.lien a:hover {text-decoration:underline}

#blocsrecherche p.lien2 { text-align:center; padding:8px; border-top:1px dashed #5F5F5F; margin-top:15px; }
#blocsrecherche p.lien2 a {color:#5F5F5F;text-decoration:none;  font-size:11px; font-weight:bold; }
#blocsrecherche p.lien2 a:hover {text-decoration:underline}




/* ########## DEMARCHE QUALITE #################### */
#qualite{display:table;float:left; clear:both; background:#697265; width:980px;padding:10px 0px; color:#E4DEC6; font-size:9px; margin-bottom:15px }
html>body #qualite{background:url(../images/fond-qualite.png) repeat top left transparent}
#qualite a{color:#E4DEC6; text-decoration:none}
#qualite a:hover{text-decoration:underline}
#qualite h3{ font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; margin:0;padding:0 0 5px 0; font-weight:bold}

#qualite .div1, #qualite .div2, #qualite .div3{display:block; float:left; width:170px; height:70px; padding:15px 28px 0 85px;}
#qualite .div1{background:url(../images/ico-demarche.gif) no-repeat left 10px  transparent; margin-left:20px}
html>body #qualite .div1{background:url(../images/ico-demarche.png) no-repeat left 10px  transparent;  }

#qualite .div2{background:url(../images/ico-livraison.gif) no-repeat left 10px  transparent; margin-right:10px; }
html>body #qualite .div2{background:url(../images/ico-livraison.png) no-repeat left 10px  transparent; }

#qualite .div3{background:url(../images/ico-avantages.gif) no-repeat left 10px  transparent; width:160px; }
html>body #qualite .div3{background:url(../images/ico-avantages.png) no-repeat left 10px  transparent; }

#qualite .separation{display:block; float:left; width:35px; height:91px;margin-right:10px; background:url(../images/trait-separation.gif) no-repeat center top transparent;}
html>body #qualite .separation{background:url(../images/trait-separation.png) no-repeat center top transparent}


/* ########## FOOTER ############################ */
#footer{display:table; float:left; clear:both;background-color:#8B9E86; width:980px;padding:10px 0px; color:#343C33; font-size:9px; margin-bottom:15px }
#footer .footerhaut {display:block; float:left; width:100%; }
#footer .footerhaut .revendeur {display:block; float:right; width:18%; }
#footer .footerhaut .societe {display:block; float:right; width:18%;}
#footer .footerhaut .catalogue {display:block; float:left;margin-left:20px; width:584px}
#footer .footerhaut h4{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#343C33; font-size:9px; margin:10px 0 8px 0; width:100%; padding:0; }
#footer .footerhaut h4 a{color:#343C33; text-decoration:none;}
#footer .footerhaut a {color:#E4DEC6; text-decoration:none;}
#footer .footerhaut a:hover, #footer .footerhaut h4 a:hover{text-decoration:underline;}
#footer .footerhaut ul, #footer .footerhaut  li{margin: 0; padding:0; background-image:none;}

#footer .footerhaut .catalogue h4{display:block; float:left;width:584px}
#footer .footerhaut .catalogue ul{display:block; float:left; width:175px; margin-right:15px;}

#footer .footerbas {display:block; float:left; width:95%; vertical-align:middle; clear:both; margin-top:10px; padding-top:10px; margin-left:2%}
#footer .footerbas img{ vertical-align:middle; }
#footer .footerbas p{margin-top:10px}
#footer .footerbas ul{display:block; float:left;margin: 0;padding: 0;margin:20px 180px 0 20px}
#footer .footerbas li{margin: 0;}
#footer .footerbas li a{ text-decoration:none; color:#343C33; }
#footer .footerbas li a:hover{ text-decoration:underline;}


/* ##########  FORMULAIRE  ##########  */
select {font-family: Arial; border: 1px #3c3c3c solid; color:#3c3c3c;font-size:10px;}
textarea{font-family:Arial; border: 1px #3c3c3c solid; color:#3c3c3c;font-size:10px;}
input{font-family: Arial; border: 1px #3c3c3c solid; color:#3c3c3c;font-size:10px;}

.champcontact{background-color:#fbf9ef;margin:2px 2px 0 0; border: 1px solid #595144; font-family:Arial, Helvetica, sans-serif; }
.champcontacterreur{border:1px solid #5f0606; color:#fff; background-color: #cc0000;margin:2px 2px 0 0;font-family:Arial, Helvetica, sans-serif; }
.erreur{color:#be0d0d; font-family: Arial, Helvetica, sans-serif;font-weight:bold}
.send{text-align: center; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color:#fff; background-color:#583535;border:1px solid #595144; padding:2px;}


.labelfor{display:block; float:left; margin:2px 10px 0 0; padding:0; border:0; text-align:right; /*border-left:1px solid #e6efea;border-right:1px solid #e6efea*/}
.bloq{display:block; float:left; margin-right:2px; padding:0; }
.groupe{display:block; float:left; margin:15px 0 0 0; padding:0; width:100%;}


/* ########## CATALOGUE EN UN CLIC ##################### */
.FlyoutUnClic{background-color:transparent;padding:0; width:987px; display:block; text-align:left; font-size:10px; position:relative; top:10px; left:95px;  }
html>body .FlyoutUnClic{left:93px}

.FlyoutUnClic h1 {margin:0; padding:0}
.FlyoutUnClic h1 span{display:block; float:left;border: 0;margin: 0;padding:10px 0 0 340px;width:680px; height:23px; clear:both;margin-top:-33px;
     background:url(../images/bt-catalogue.gif) no-repeat 323px top transparent; font-size:12px;font-family:Arial, Helvetica, sans-serif; font-weight: normal;}
html>body .FlyoutUnClic h1 span{background-position:303px top;padding:10px 0 0 325px;}

.FlyoutUnClic h2{margin-top:0;}

.FlyoutUnClic .haut {display:block; float:left;width:100%; height:21px;clear:both; background:url(../images/unclick_haut.gif) no-repeat left top transparent;}
html>body .FlyoutUnClic .haut{background-image:url(../images/unclick_haut.png)}

.FlyoutUnClic .content {display:block; float:left;width:947px; padding:0 20px;background:url(../images/unclick_content.gif) repeat-y left transparent }
html>body .FlyoutUnClic .content{background-image:url(../images/unclick_content.png)}

.FlyoutUnClic .bas {display:block; float:left;width:100%; height:21px; background:url(../images/unclick_bas.gif) no-repeat left bottom transparent; }
html>body .FlyoutUnClic .bas{background-image:url(../images/unclick_bas.png)}



/* ##########  CATALOGUE  ################################################################################  */
.bloccatalogue {width:660px;}
.bloccatalogue .div1 {width:325px; background-color:#b9b49f;  padding:10px 0; text-align:center; color:#464841}
.bloccatalogue .div2 {width:325px; background-color:#b9b49f;  padding:10px 0; text-align:center; color:#464841;}
.bloccatalogue p.lien{ background-color:#938f7d;padding:3px 3px 3px 5px; text-align:right; margin:15px 40px 0 40px}
.bloccatalogue p.lien a{color:#E4DEC6;background:url(../images/fleche-lien-catalogue.gif) no-repeat right bottom transparent; text-decoration:none;padding-right: 18px; }


div.liencatalogue{display:block; float:right;  background-color:#938F7D;margin:15px 10px 15px 0;padding:3px 3px 3px 5px;text-align:right;}
div.liencatalogue a{ color:#E4DEC6;background:url(../images/fleche-lien-catalogue.gif) no-repeat right bottom transparent; text-decoration:none;padding-right: 18px;}


.border{border:1px solid #ddd}


/* ##########  PAGE CATALOGUE  ##########  */
.catliste table{width:158px;margin:0 8px 20px 0; font-size:11px;border-spacing:0; float:left; border-collapse:collapse;background-color:#fff;}
.catliste td.img{ height:120px; text-align:center; vertical-align:middle; }
.catliste td.nom{text-align:center; vertical-align:middle; color:#938f7d; padding-bottom:3px;  font-weight:bold}
.catliste td.nom span{display:block; float:left; width:100%; height:30px; overflow:hidden}
.catliste td.nom a{color:#938f7d; text-decoration:none}

.catlisteUne table{width:110px;margin:0 8px 20px 0; font-size:11px;border-spacing:0; float:left; border-collapse:collapse;background-color:#fff;}
.catlisteUne td.img{ height:110px; text-align:center; vertical-align:middle; border:1px solid #ddd}
.catlisteUne td.nom{text-align:center; vertical-align:middle; color:#938f7d; padding-bottom:3px;  font-weight:normal}
.catlisteUne td.nom span{display:block; float:left; width:100%; height:30px; overflow:hidden}
.catlisteUne td.nom a{color:#938f7d; text-decoration:none}
.catlisteUne td.nom a:hover{color:#938f7d; text-decoration:underline}


/* ##########  PAGE CATEGORIE  ##########  */
.produitliste table{width:214px; margin:0 6px 20px 0; font-size:11px;border-spacing:0; float:left; border-collapse:collapse }
.produitliste td{ padding:0;}
.produitliste td.zoom{ background:url(../images/bt-zoom.gif) no-repeat right top #fff; height:27px}
.produitliste td.zoom a{display: block; float:right; width:82px; height:27px; }
.produitliste td.img{ height:150px; text-align:center; vertical-align:middle; background-color:#fff; }

.produitliste td.nom{background-color:#fff;text-align:center; vertical-align:middle; color:#938f7d; padding-bottom:3px}
.produitliste td.nom span.nom{ display:block; float:left; width:100%; height:16px; overflow:hidden}
.produitliste td.nom .ref{}
.produitliste td.nom .prix{display:block; float:right;color:#63402b;margin-right:15px}
.produitliste td.nom b{color:#63402b; font-weight:bold;}


.produitliste td.lien{ height:22px; background:url(../images/fond-cat.gif) no-repeat center top transparent; text-align:center}
.produitliste td.lien a{ text-decoration:none;color:#fff}

/* ##########  PAGE PRODUIT  ##########  */
.detailproduit{display:block; float:left; background-color:#fff; width:630px; padding:5px 15px 30px 15px; margin-bottom:15px;color:#938F7E;}
.detailproduit h2{color:#938F7E; font-weight:normal; font-size:16px; }

.detailproduit .img{display:block; float:left; width:285px; margin-right:15px}
.detailproduit .description{display:block; float:left; width:320px;margin-top:15px }
.detailproduit .description .nom{color:#AD714C;font-weight:bold;  padding-left:100px}

.detailproduit .description span.champs{display:block; float:left; width:80px; text-align:right; margin-right:20px}
.detailproduit .description h4{margin-top:20px}
.detailproduit .description ul li {padding-left: 1em;background: url(../images/puce-produit.gif) no-repeat  0 .4em; margin: 4px 0 0 10px;}
.detailproduit .description a {color:#938F7E; }
.detailproduit .description a.selected{color:#AD714C; }
.detailproduit .description span.prix{display:block; float:left; padding:5px 15px;  color:#63402b; margin:20px 0 0 100px; background-color:#e4dec6;}



.revendeurs td {border-color:#FFFFFF #CCB690 #CCB690 #FFFFFF;border-style:solid;border-width:1px; padding:2px }


#ctl00_Droite__menu{display:block; float:left;margin:0 0 15px 0; padding:0; overflow:hidden; width:100%; border-bottom:1px solid #b9b49f; }
#ctl00_Droite__menu li{display:block; float:left; border:0 ;margin: 0 2px 0 0; padding: 5px 8px; background-image:none; background-color:#e4dec6}
#ctl00_Droite__menu li a{display:block; float:left; border: 0;margin: 0;padding: 0;  text-decoration:none; color:#AD714C;background-image:none ; font-weight:normal; }
#ctl00_Droite__menu li a:hover{color:#464841}
#ctl00_Droite__menu li.selected {background-color:#b9b49f}
#ctl00_Droite__menu li.selected a{color:#464841; font-weight:normal; background-image:none; }

/*page galerie */
.galliste table{width:214px;margin:0 8px 10px 0; font-size:10px;border-spacing:0; float:left; border-collapse:collapse;background-color:#404040;}
.galliste td.img{ height:143px; text-align:center; vertical-align:middle; }
.galliste td.nom{text-align:center; vertical-align:middle; color:#938f7d; padding-bottom:3px;  font-weight:normal}
.galliste td.nom span{color:#E4DEC7;display:block; float:left; width:100%; height:30px; overflow:hidden}
.galliste td.nom a{color:#E4DEC7; text-decoration:none}


#detail1 ul{margin:0; padding:0;width:232px;}
#detail1 li{margin:0; padding:0; list-style:none; background:none;}
#detail1 li a{font-family:Tahoma, Geneva, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#FFFFFF; cursor:pointer}
#detail1 li a:hover { color:#efe0a5;}

#detail1 li a.class1{margin:0;background:#ffffff;display:block;font-family:Tahoma, Geneva, Helvetica, sans-serif; font-size:13px; font-weight:normal;  color:#4D4B42; text-transform:uppercase; padding:2px 15px; text-decoration:none;}
#detail1 li a.class1:hover{color:#AD714C}
#detail1 ul ul{display:block;width:170px; margin:0 auto; padding:8px 0 20px 0;}

#detail1 li a.class2{display:block;font-family:Tahoma, Geneva, Helvetica, sans-serif; font-size:12px; font-weight:normal;  color:#4D4B42; text-transform:none; padding:5px 0 5px 10px; margin:0 0 0 25px; text-decoration:none; background:url("../images/puce-menugauche.gif") no-repeat scroll left center transparent;}
#detail1 li a.class2:hover{color:#AD714C}
#detail1 li.active a.class2{font-weight:bold;color:#AD714C}

#detail1 li a.class3{display:block;font-family:Tahoma, Geneva, Helvetica, sans-serif; font-size:12px; font-weight:normal;  color:#FFFFFF/*#efe0a5*/; text-transform:none; padding:4px 0; text-decoration:none;}
#detail1 li a.class3:hover{color:#efe0a5}

#detail1 ul ul ul{padding:0 0 10px 0;}

#detail1 ul ul ul ul{ padding:0 0 10px 10px;}
#detail1 ul ul ul ul a{font-size:11px;}
