/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #322a1f;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#E9E0CF;
}
#formContact .champRequis{
	color:#E9E0CF;
}
.formulaire{
float:left;
width:470px;

}


.text-form{
font-size:11px;
color:#322a1f;
font-family: Arial, Helvetica, sans-serif;
}

.champs-form{

color:#322a1f;
font-family: Arial, Helvetica, sans-serif;
background-color:#B29E85;
font-size:12px;

}
.champs-form2{

color:#322a1f;
font-family: Arial, Helvetica, sans-serif;
background-color:#B29E85;
font-size:12px;
width:120px;

}
.champs-form3{

color:#322a1f;
font-family: Arial, Helvetica, sans-serif;
background-color:#B29E85;
font-size:12px;
width:50px;

}

.boutton-form{

color:#322a1f;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
border:none;
width:180px;
background-color:#B29E85;cursor:pointer}
.loi{
text-align:justify;
font-size:10px;
color:#322a1f;
font-family: Arial, Helvetica, sans-serif;
margin-bottom:5px

}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:normal 18px Arial, Helvetica, sans-serif;
color:#5b4b38;
letter-spacing:1px;
margin:0 0 12px;
border-bottom:1px dotted #bd3101;
}
#contenu h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#645e52;
letter-spacing:1px;
margin:0 0 7px;
border-bottom:1px dotted #645e52;
}
#contenu p{
font:12px Arial, Helvetica, sans-serif;
text-align:justify;
color:#322a1f;
margin-bottom:1.1em;
line-height:1.5em

}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#5b4b38;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color:#bd3101;
}
#contenu a:hover, #contenu a:active{
color:#bd3101;
text-decoration:underline;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}

/***************** STYLES GENERALES *****************/


.liste{
	float:left;
	width:500px;
	margin-top:10px;

}
.liste ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#322a1f;
	border:none;
	text-align:left;

}
 .liste li{
	
	color: #322a1f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	background-image: url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 5px 25px;
	line-height:15px;
	border:none;
	margin-bottom:5px;
	margin-left:10px;
	text-align:justify

}

.liste1{
	float:left;
	width:200px;
	margin-top:15px;
	margin-left:5px

}
.liste1 ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#322a1f;
	border:none;
	text-align:left;

}
 .liste1 li{
	
	color:#322a1f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	background-image: url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 5px 25px;
	line-height:15px;
	border:none;
	margin-bottom:5px;
	margin-left:30px;
	text-align:justify

}

.liste2{
	float:right;
	width:280px;
	margin-top:15px;

}
.liste2 ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#322a1f;
	border:none;
	text-align:left;

}
 .liste2 li{
	
	color:#322a1f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	background-image: url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 5px 25px;
	line-height:15px;
	border:none;
	margin-bottom:5px;
	margin-left:30px;
	text-align:justify

}
#container .titres{
color:#bd3101;
font-weight:bold;
font-size:13px}
#contenu .couleure{
color:#bd3101;
font-weight:bold;
font-size:12px}

#contenu .color{
float:left;
color:#fff;
width:110px;
font-weight:bold;
font-size:12px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif}
#contenu .dimentions{
color:#CC9966;
width:80px;
margin-top:5px;
float:right;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif}

/***************** STYLES livraison *****************/

.livraison{
float:left;
width:500px;
background-image:url(../images/charte/bg.jpg);
background-repeat:repeat-y;
border:1px solid #5B4C39;
padding-left:3px;
margin-bottom:15px}
.text-livraison{
float:left;
width:290px;
margin-right:5px}
.text-livraison p{
float:left;
}
.liste0{
	float:left;
	width:290px;
	margin-top:5px;

}
.liste0 ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#322a1f;
	border:none;
	text-align:left;

}
 .liste0 li{
	
	color: #322a1f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	background-image: url(../images/charte/puce2.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 5px 15px;
	line-height:15px;
	border:none;
	margin-bottom:5px;
	text-align:justify

}
.image{
float:right;
margin-top:5px;

}
/***************** STYLES Accueil *****************/
.text-accueil{
float:left;
width:325px;
margin-right:5px;
margin-top:7px

}
#promos{
float:right;
width:197px;
margin-bottom:15px;
margin-top:13px;
color:#322a1f;
background:url(../images/charte/bg-promo.jpg);
padding:5px;
margin-right:0px;
border:1px solid #453820
}
#promos a:link, #promos a:visited{
font-weight:bold;
text-decoration:none;
color:#E9E0CF;
}
#promos a:hover, #promos a:active{
color:#E9E0CF;
text-decoration:underline;
}

#promos h1{
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:0px 0;
border-bottom:none

}

#container #promos p{
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:0px 0;


}
#container .designe{
font:normal 12px Arial, Helvetica, sans-serif;
color:#E9E0CF;
padding:5px 0;

font-weight:bold;}
#contenu .descriptif-produit .designe2{
font:normal 12px Arial, Helvetica, sans-serif;
color:#E9E0CF;
padding:5px 0;
font-weight:bold;}

.image-nouveaute{
float:left;
width:100px;
margin-right:5px}
.image-nouveaute img{
float:left;
border:1px solid #322A1F;
margin-top:10px
}
.prix-nouveaute{
float:right;
width:89px;
text-align:center;
}
#container .prix1{
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;text-align:center;
color:#FFFFFF}
#container .prix2{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;text-align:center;
text-decoration:line-through;
color:#B0A18C}
#container .rubrique{
float:left;
width:197px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#D9754D
}
.separateur{
float:left;
width:195px;
background-image:url(../images/charte/separ.jpg);
background-repeat:no-repeat;
height:4px;
margin-bottom:10px;
margin-top:10px}
.separateur2{
float:left;
width:285px;
background-image:url(../images/charte/separ.jpg);
background-repeat: repeat-x;
height:2px;
margin-bottom:10px;
margin-top:10px}
.englobe-nouveaute{
float:left;
width:197px;
margin-top:7px}

/***************** STYLES listing *****************/
.text-pages{
float:left;
width:730px;
margin-right:5px;
margin-top:30px

}
#produit{
float:left;
width:200px;

margin-top:10px;
color:#322a1f;
background:url(../images/charte/bg-promo.jpg);
padding:5px;
margin-right:10px;
border:1px solid #453820
}
#produit a:link, #produit a:visited{
font-weight:bold;
text-decoration:none;
color:#E9E0CF;
}
#produit a:hover, #produit a:active{
color:#E9E0CF;
text-decoration:underline;
}

#produit h1{
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:0px 0;
border-bottom:none

}

#container #produit p{
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:0px 0;


}
#container .pagination {
	float:left;	
	width:650px;
	text-align:center;
	}
	
	#container .pagination  p{
	float:left;	
	width:650px;
	text-align:center;
	margin-top:20px;
	margin-bottom:5px;}
	.info{
	float:left;
	width:190px ;
	text-align:center;
	margin-top:10px;
	margin-bottom:-5px}
	/***************** STYLE FICHE PRODUIT *****************/
	
	.fiche-produit{
	float:left;
	width:610px;
	padding:5px;
	margin-bottom:15px;
}
	.visuels{
	float:left;
	width:220px;

	height:300px;
	margin-right:10px;
	padding-bottom:60px;
		}
	.visuels img{

	border:1px solid #453820;

		}
	.visuel-principal{
	float:left;
	text-align:center;
	margin-bottom:5px;
	}
	.visuel-secondaires{
	float:left;
}
		.visuel-secondaires img{
	float:left;
	margin-right:3px;
	margin-bottom:3px}
	
	.descriptif-produit{
	float:right;
	width:360px;
	border:1px solid #453820;
	padding:5px;
	background-image:url(../images/charte/bg-promo.jpg);
		}
		#contenu .descriptif-produit p{
		color:#E9E0CF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px
		}
	#contenu .materiaux{
float:left;
color:#fff;
width:170px;
font-weight:bold;
font-size:12px;
margin-top:-8px;margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif}
#contenu .dimentions-fiche{
color:#CC9966;
width:100px;
margin-top:-8px;
float:right;
font-weight:bold;
font-size:12px;margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif}
#contenu .descriptif-produit .descriptif{
color:#FFFFFF;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px dotted #fff;

}
#container .prix-fiche1{
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
float:left;

}
#container .prix-fiche2{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:line-through;
color:#B0A18C;
float:right}
#contenu .descriptif-produit .quantites{
color:#E5BA6A;
font-weight:bold;
font-size:13px}
.produits-associes{
float:left;
width:530px;
margin-top:50px;

}

.produits-associes img{
float:left;
margin-right:5px;
margin-top:-5px;
margin-bottom:5px;
border:1px solid #453820;

}
#contenu .produits-associes .produits{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
border-bottom:dotted 1px #322a1f;
}
.contact{
float:left;
margin-left:60px;
margin-top:5px
}

#container .ami{
float:left;
margin-left:30px;
margin-top:5px;
border:none
}

#invisible{
	display:none;
}
.prod-associe{
float:left;
width:100px
}

.prod-associe{
float:left;
width:100px;
margin-top:-5px;
margin-bottom:10px}

#container .prod-associe p{
margin-bottom:6px;
line-height:13px;
float:left;
width:100px;
text-align:left}


/********************selection************************/

#contenu p.titr{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#bd3101;

}

#selec{
width:400px;
margin-left:10px;
margin-bottom:20px;}

#selec td{
border:1px solid #bd3101;
padding:3px;
margin:0;
}

#selection input,textarea{
	width:100%;
	border:1px solid #322a1f;
	font-size:12px;
}
#selection input:focus,textarea:focus{
	border-color:#E9E0CF;
}

#contenu p.desc{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#322a1f;

}