body{
	width:100%;
	margin:0px;
	padding:0;
	color: #757575;
	background:#301a0b url('../images/bg_site.jpg') center top repeat-x;
	font-family: Arial;
	font-size:11px;
}

.page{
	width:955px;
	margin:0 auto 0 auto;
	height:100%;
}

.banniere{
	width:955px;
	margin:0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.contenu{width:935px; min-height:250px; height:100%; margin:11px auto 10px auto; padding-bottom:5px !important; padding-bottom:30px;}

#accueil .contenu{background:url('../images/bg_contenuAccueil.gif') top left no-repeat; min-height:600px;}
#catalogue .contenu{background:url('../images/bg_contenu2.gif') top left repeat-y;}

.logo{margin:25px 0 0 10px; float:left;}

/****************** POSITIONNEMENT ET MISE EN FORME DES BLOCS  *************************/

.gauche, .colGauche,.colCentre, .colDroite{float:left;}
.droite{float:right;}

.tdDroite{text-align:right;}
.tdGauche{text-align:left;}

.colGauche{float:left; width:207px;}
.colDroite{float:left; width:717px; margin-left:10px;}

#accueil .panier{float:right; width:130px; margin:0;}
.panier{float:right; width:130px;  margin:11px 10px 0 0;}

.monPanier{float:right; width:108px; background: url('../images/bg_panier.png') top left no-repeat !important; background: url('../images/bg_panier.gif') top left no-repeat; padding:10px; color:#FFF; font-size:12px;}
.monPanier p{color:#b99028; font-size:10px;}
.monCompte{float:right; margin-top:10px; width:118px; background: url('../images/bg_compte.png') top left no-repeat !important; background: url('../images/bg_compte.gif') top left no-repeat; padding:10px 0 10px 10px; color:#FFF; font-size:12px;}

.panier form input{color:#FFF; border:1px solid #FFF; font-size:11px; margin:4px 0; padding:2px 3px; width:100px; background:none;}
.panier form input.btn_ok{border:none; margin:5px 0 0 0; width:31px; background:none; float:right; padding:0;}

/****************************** ACCUEIL  ********************************/

.tableAccueil{margin:29px 0 0 29px !important;margin:29px 0 20px 14px; height:504px !important; height:490px; float:left;}
.tableAccueil tr td{vertical-align:top;}

.tdPromo .rub1,.tdCoeur .rub2,.tdLimite .rub3{height:210px; margin:0px; padding:10px 0;}
.tdPromo .rub1{background:#39200d url('../images/bgPromo.gif') left top repeat-x;}
.tdCoeur .rub2{background:#441509 url('../images/bgCoeur.gif') left top repeat-x;}
.tdLimite .rub3{background:#41381c url('../images/bgLimite.gif') left top repeat-x;}
.tdCoeur{border-left:1px solid #dbbf56; border-right:1px solid #dbbf56;}

.titrePromo{background:url('../images/puce1.gif') left no-repeat;}
.titreCoeur{background:url('../images/puce2.gif') left no-repeat;}
.titreLimite{background:url('../images/puce3.gif') left no-repeat;}

.titrePromo, .titreCoeur, .titreLimite{color:#906d1f; text-transform:uppercase; padding:6px 0 6px 50px; margin-left:20px; font-size:13px;}

#accueil .unProd{margin:10px 13px !important; margin:10px 8px; width:90px; float:left; text-align:center;}
#accueil .unProd .titreProd{font-size:11px; color:#b99028; margin:5px 0;}
#accueil .unProd a,#accueil .unProd a:visited{color:#b99028;}
#accueil .unProd a:hover{color:#c7b983;}
#accueil .unProd img{border:1px solid #b99028; padding:1px; margin:1px;}
#accueil .unProd img:hover{border:1px solid #c7b983; padding:2px; margin:0;}
#accueil .unProd .prix{font-size:12px; color:#b99028; margin:5px 0; background:#25110b; padding:2px;}
#accueil .unProd .ancPrix{font-size:9px; color:#FFF; margin:5px 0; text-decoration:line-through;}

#accueil .grdTaille{position:relative; margin:-30px 0 0 -30px;}


/****************************** CATALOGUE  ********************************/

.cadreInterne{width:776px; height:208px; margin:2px 0 10px 35px !important; margin:2px 0 10px 17px; padding-top:10px; float:left;}

.titreRub{
	background:url('../images/bg_titreRub.gif') left no-repeat;
	font-size:12px;
	text-transform:uppercase;
	color:#c7ae4e;
	padding:3px 0 3px 20px;
}

.titreNav{
	background:#20140c;
	font-size:11px;
	color:#FFF;
	padding:4px 0 3px 20px;
}

.titreNav a, .titreNav a:hover{color:#FFF;}

#catalogue .l1{background:#20140c; width:100%; margin:10px 0;}
#catalogue .l2{background:#28190f;}

#catalogue .unProd{margin:10px 27px !important; margin:10px 23px; width:120px; float:left; text-align:center;}
#catalogue .unProd .titreProd{font-size:11px; color:#b99028; margin:5px 0;}
#catalogue .unProd a,#accueil .unProd a:visited{color:#b99028;}
#catalogue .unProd a:hover{color:#c7b983;}
#catalogue .unProd a img{border:1px solid #b99028; padding:1px; margin:1px;}
#catalogue .unProd a img:hover{border:1px solid #c7b983; padding:2px; margin:0;}
#catalogue .l1 .unProd .prix{font-size:12px; color:#b99028; margin:5px 0; background:#28190f; padding:5px; text-align:left; float:left;}
#catalogue .l2 .unProd .prix{font-size:12px; color:#b99028; margin:5px 0; background:#20140c; padding:5px; text-align:left; float:left;}
#catalogue .unProd img{margin-top:5px;}
#catalogue .unProd .ancPrix{font-size:9px; color:#FFF; margin:5px 0; text-decoration:line-through; clear:both; text-align:left;}

/*************************  CONTACT  ***********************************/

#contact .l1{background:#20140c; width:895px; padding:20px;}

#contact .plan{border:1px solid #b99028; padding:2px; margin:1px;}

#contact .adresse{float:left; color:#FFF; font-size:12px; width:230px; margin:10px;}
#contact .adresse a:hover{color:#b99028;}
#contact .adresse b{color:#c7ae4e; font-size:15px; font-weight:normal;}

.formContact{clear:both; background:#331c0b; width:560px; margin:10px 0; color:#b99028; float:left; padding:10px;}
.formContact tr td{padding:5px;}

.titreForm{color:#FFF; font-size:13px; text-transform:uppercase;}

.horaires{
	padding:20px;
	background:#331c0b;
	float:left;
	margin:10px 0 0 10px;
	width:265px;
	height:138px;
}

.horaires p{margin-bottom:10px; font-size:13px; color:#FFF; line-height:18px;}
.horaires p b{color:#c7ae4e; font-size:14px; font-weight:normal;}


/*************************  FICHE  ***********************************/

.fiche{
	float:right;
	margin:10px 10px 10px 0;
	width:420px;
}
.fiche p{padding:10px; margin-bottom:1px;}

.refProd{color:#b99028; font-style:italic;}

.titreProd{color:#b99028; font-size:13px; margin:2px 0;}
.Desc{color:#FFF; margin:10px 0;}
.Desc b{color:#c7ae4e;text-decoration:underline; padding:2px 0;}

.fiche .prix{font-size:17px; color:#b99028;}
.fiche .prix .ancPrix{font-size:9px; color:#FFF; margin:5px 0 0 0; padding:0 5px;}

.fiche .etat{font-size:14px; color:#b99028; margin-left:50px;}

.ficheCom{color:#b99028; font-size:13px; clear:both; margin:10px; text-align:left; padding:10px; background:#331c0b;}
.ficheCom p{border-bottom:1px solid #b99028; padding:0;}

.fiche form select{font-size:10px; margin:10px 10px; width:165px;}

.diapo{float:left; margin:10px;}
.miniDiapo img{border:1px solid #b99028; padding:1px; margin:3px;}
.grdDiapo {height:250px; text-align:center; width:200px;}
.grdDiapo img{border:1px solid #b99028; padding:1px; margin:1px;}

.btnRetour{color:#FFF; margin:5px 0;padding-left:14px; background:url('../images/puce6.gif') left no-repeat; text-transform:uppercase; font-size:13px}
.btnRetour a,.btnRetour a:visited{color:#FFF;text-decoration:underline; }
.btnRetour a:hover{color:#FFF;text-decoration:underline; }

/************************ MENTIONS LEGALES  **************************************/

.cadre{
	margin:29px 0 0 29px !important; 
	margin:29px 0 0 15px; 
	height:504px;
	background:#FFF;
	width:714px;
	float:left;
}

.cadre b{color:#b99028}

/************************ TITRES ET TEXTES  **************************************/

.titre1{font-size:15px; color:#a57000; padding-left:7px;}
.titre2{background:url('../images/puceTitre2.gif') left no-repeat; margin-bottom:10px; padding:5px 0 3px 24px; font-size:22px; color:#805900; letter-spacing:1px; font-family:Garamond;}
.titre3{background:url('../images/bgTitre3.gif') top left repeat-x; margin-bottom:10px; font-size:27px; color:#026497; width:100%;letter-spacing:1px; font-family:Garamond;}
.titre3 span{background:#FFF; padding:3px 10px 0 0;}

.titre4{background:url('../images/bgTitre3.gif') bottom left repeat-x; margin:10px 0; width:100%; text-align:right;}
.titre4 span{font-size:11px; text-transform:uppercase; padding-left:14px; background:#FFF url('../images/puce3.gif') left no-repeat; color:#0a6999;}


.titre5{background:url('../images/bg_titre5.gif') left no-repeat; margin:0 0 10px 0; padding:6px 0 2px 20px;}
.titre5 span{font-size:21px; padding:10px 10px 10px 0; color:#ab811f; background:#FFF; font-family:Garamond;}

.texte{text-align:justify; padding:5px;}

/************************************* Ban HAUT ******************************************/

.minimenu{color:#7c2b08; font-size:9px; margin:3px 0 0 25px;}
.minimenu a,.minimenu a:visited{color:#7c2b08;}
.minimenu a:hover{color:#c7ae4e;}

.menu{width:500px;float:left; margin:72px 0 10px 35px; font-size:12px; text-transform:uppercase;}
.menu tr td{height:22px; padding-top:4px; text-align:center; letter-spacing:1px;}
.menu tr td a, .menu tr td a:visited{color:#713709;}
.menu tr td a:hover,.menu tr td#courante a{color:#c7ae4e;}
.menu tr .puceMenu{background:url('../images/puceMenu.gif') left no-repeat;}

.menuCat{
	background:#3b210d;
	padding:10px 20px;
	width:167px;
	border-top:10px solid #30180b;
}

.menuCat a,.menuCat a:visited{background:url('../images/puce4.gif') left no-repeat; color:#FFF; padding:2px 0 2px 19px; font-size:12px;display:block;}
.menuCat .ssMenu a,.menuCat .ssMenu a:visited{background:#55341b; color:#FFF;margin-bottom:1px; padding:2px 0 2px 19px; font-size:12px;display:block;}
.menuCat .ssMenu a:hover{background:#5a402c;}
.menuCat .ssMenu a#courant{background:#785b45;}
.menuCat a:hover,.menuCat a#courant{color:#3b210d; background:#8f7733 url('../images/puce5.gif') left no-repeat; }


/********************************** PIED **********************************/

.infosPied {width:100%; color:#b07e00; background:#000 url('../images/bg_pied.gif') center top repeat-x; clear:both; min-height:200px; margin:0 auto 0 auto; text-align:center;}
.infosPied  p{width:955px; margin:4px auto; padding:5px 0 4px 0;}

.adressePied,.adressePied a,.adressePied a:visited{color:#c7b983;}
.adressePied a:hover{text-decoration:underline;color:#c7b983;}

.menuPied,.menuPied a,.menuPied a:visited{color:#713709;}
.menuPied a:hover{color:#c7b983;}

.logoPied,.logoPied a,.logoPied a:visited{color:#713709; margin:10px auto;}
.logoPied a:hover{color:#c7b983;}


/*********************************** FORMULAIRE *******************************************/

form{margin:0;}

.formContact input, textarea{
	width:220px;
	font-size:11px;
	font-family:Verdana;
	background:none;
	color: #b99028;
	padding:2px;
	border:1px solid #b99028;
}

.formContact textarea{height:70px;}

.formContact .send{float:right; width:80px; text-transform:uppercase; border:none; background:url('../images/puce4.gif') left no-repeat; color:white;}

/***************************************  DIVERS ET LIENS   ***** ******************************/

.mailto,.mailto:visited{color:#757575;}

hr{
	color: #FFF;
	background-color: #FFF;
	height: 1px;
	border: 0; 
	margin:3px 0 0 0;
}

img.png {
behavior: url('../js/png.htc');
border:none;
}

p{margin:0;}

ul{list-style-type:square; color:#9abf3b; margin:0px; padding-left:15px;}
ul li{color:#FFF; margin:2px 0;}

.savoirPlus{cursor:pointer; margin-top:5px;}
.btn1{width:89px; height:17px; text-align:right; color:white; background:url('../images/bg_btn1.gif') no-repeat; padding:2px 2px; margin-top:7px; font-size:13px; cursor:pointer;}
.btn2{width:89px; height:17px; text-align:left; color:white; background:url('../images/bg_btn2.gif') no-repeat; padding:2px 0px 2px 4px; font-size:13px; cursor:pointer;}

a{color:#FFF; text-decoration:none;}
a:visited{color:#FFF; text-decoration:none;}
a:hover{color:#25110b; text-decoration:none;}

.lienContact,.lienContact:visited{color:#337734;}

a img{border:none;}
.nettoyeur{clear: both; margin: 0; padding: 0;}

.pagination{margin-top:10px;text-align:center;}
.pagination a {margin:2px;font-weight:bold; padding:0px 4px 0 4px; font-size:11px; color:#FFF;}
.pagination a :visited {margin:2px;font-weight:bold;}
.pagination a:hover {margin:1px;font-weight:bold; padding:0px 4px 0px 4px; color:#ab811f; border:1px solid #ab811f;}
.pagination .courante  {padding:0px 4px 0px 4px; color:#ab811f; margin:1px; border:1px solid #ab811f;background:#f3e29d;}

/*############## RX ################*/

noscript div{
	width:100%;
	border-bottom:1px solid #F00;
	background-color:#FF9;
	color:#F00;
	text-align:center;
	padding:4px 0 4px 0;
	font-weight:bold;
}
/*############## Etape Panier ################*/
#EtapePanier{
	text-align:center;
	color:#b99028;
}
.tablePanier{
	clear:both;
	width:100%;
	border:1px solid #55341b;
	border-top:none;
}
.tableTotal{
	width:100%;
	border:1px solid #55341b;
	border-top:none;
	margin-top:10px;
}
.tablePanier img{padding:4px;}
.tablePanier th{
	background-color:#55341b;
	padding:2px;
	color:#FFF;
}
.tablePanier a:hover{color:#ff0;}
.tablePanier td,.tableTotal td{border-top:1px solid #55341b;}
.tdLeft{text-align:left;}
.tdCenter{text-align:center;}
.tdRight{text-align:right;}
.tdFond{background-color:#55341b;padding-top:2px;padding-bottom:2px;}
.FormClient{width:100%; font-size:12px; font-family:verdana;}
.FormClient label{
	display:block;
	width:100%;
	margin-bottom:10px;
	clear:right;
	font-size:12px;
	color:#b99028;
}
.FormClient input[type=text],.FormClient input[type=password],.FormClient textarea,.FormClient select{width:40%;border:1px solid #b99028; margin-right:19%; color:#FFF; background:#301a0b; font-size:12px;}
.FormClient textarea{color:#FFF; background:none; font-size:11px;}
.FormClient div{font-size:11px;}
.FormClient label span{width:39%;float:left;text-align:right;padding-right:4px; font-size:11px;}
.FormClient input[type=button],.FormClient input[type=submit]{width:200px;margin:20px 0 20px 0;border:1px solid #b99028; background:#FFF; color:#b99028;}
.FormClient a{font-size:12px;color:#b99028;}
.FormClient a:hover{color:#FFF;}

#Questionnaire{width:100%;padding:0;margin:0;}
#Questionnaire label{
	width:100%;
	margin:0 0 10px 0;
	clear:right;
	font-size:12px;
	color:#b99028;
	padding:0;
}
#Questionnaire input[type=text]{width:40%;border:1px solid #b99028;margin-right:9%; font-size:11px;}
#Questionnaire label span{width:49%;float:left;text-align:right;padding-right:4px;}

#BoxLivr{display:none;}
.moitie{width:39%;float:left;text-align:left;padding-left:10%;}
#ListPaie{
	clear:both;
	padding-top:20px;
	margin-left:10%;
}
#ListPaie label{
	display:block;
	width:160px;
	float:left;
	cursor:pointer;
	margin:20px;
}
.videPanier{
	text-align:right;
	padding:0 10px 4px 0;
}
.videPanier a{font-size:12px;color:#b07e00;}
.videPanier a:hover{color:#f00;}
/*################ Liste #################*/
.TableListe{
	width:90%;
	margin:0 0 0 5%;
	border:1px solid #530;
	border-top:none;
}
.TableListe th{
	background-color:#55341b;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	border-right:1px solid #55341b;
}
.TableListe td{
	border-right:1px solid #55341b;
	padding:2px 2px 2px 6px;
}
.TableListe td a{color:#b99028;}
.TableListe td a:hover{color:#F00;}
.tdLeft{text-align:left;padding-left:4px;}
.tdCenter{text-align:center;}
.tdRight{text-align:right;}
#filtreListe{margin:10px 0 2px 80px;}
#filtreListe a{color:#b99028;font-weight:bold;}
#filtreListe a:hover,.filtreSelect{color:#F00;text-decoration:underline}
.Paire{background-color:#FFF;}
.Impaire{background-color:#F7F7F7;}
.Survol{background-color:#FFF099;}
/*################ Pagination #################*/
.Pager{
	width:95%;
	text-align:right;
	padding-bottom:3px;
}
.Pager span{color:red;border:1px solid #FFF;}
.Pager a{color:#b99028;padding:0 2px 0 2px;border:1px solid #FFF;}
.Pager a:hover{border:1px solid #777;}
/*################ Fiche #################*/
.bordure{
	border:1px solid #55341b;
	border-top:none;
}
.titreFiche{
	width:100%;
	margin-top:0;
	background-color:#55341b;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
.Fiche{
	width:100%;
	border-bottom:1px solid #DDD;
	background:#FFFFFF url(../illus/dgp.jpg) no-repeat left top;
}
.FicheL{
	width:30%;
	float:left;
	text-align:right;
	padding:4px;
	font-weight:bold;
}
.FicheR{
	width:66%;
	float:left;
	text-align:left;
	padding:4px;
	background-color:#FFF;
}
/*################ Autres #################*/
.titre{
	color:#9101A6;
	font-size: 12pt;
	font-weight:bold;
	margin:40px 0 0 100px;
}
.titreCenter{
	color:#b07e00;
	font-size: 12pt;
	font-weight:bold;
	margin:20px 0 10px 0;
	text-align:center;
}
#logbox{
	padding-top:20px;
}
#logbox a{
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#b07e00;
}
#logbox a:hover{color:#530;}
.fin{clear:both;}
.sousTitre{margin:10%;text-align:center;}
.sousTitre .imagePuce{list-style-type:none;}
.sousTitre li{font-size:16px;color:#b07e00;}
#passOubli{
	display:block;
	float:left;
	margin-top:12px;
	margin-left:10px;
	color:#b07e00;
}
#passOubli:hover{color:#F00;}
h2{font-size:18px;color:#b07e00;}
a.droiteBtn{
	display:block;
	float:right;
	height:14px;
	line-height:14px;
	border:2px solid #e3e3e3;
	padding:0 2px 0 15px;
	background:#fff url('../images/btnF.gif') left no-repeat;
	font-weight:bold;
	font-size:10px;
	margin-top:2px;
	color:#026497;
}
a.panierBtn{
	height:14px;
	line-height:14px;
	border:2px solid #e3e3e3;
	padding:0 2px 0 15px;
	background:#fff url('../images/btnA.gif') left no-repeat;
	font-weight:bold;
	font-size:10px;
	margin-top:2px;
	color:#9d2754;
}
h1{
	text-align:center;
	color:#b07e00;
}