/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 16px Arial, Helvetica, sans-serif;
color:#ffb424;
letter-spacing:1px;
margin:10px 0px 20px 0px;
height:20px;
}

#contenu h1.fildariane{
font:bold 14px Arial, Helvetica, sans-serif;
color:#ffb424;
letter-spacing:1px;
margin:10px 0px 0px 0px;
height:20px;
}
#contenu h1 span{
display:none;
}
.dernieresnouvelles {
background:url(../images/charte/h1-dernieresnouvelles.jpg) no-repeat;}



#contenu h1.nouveauxproduits {
background:url(../images/charte/nouv.jpg) no-repeat;
height:33px;
min-height:33px;
line-height:1em;
margin:20px 0 0 0px;
padding-left:60px;
padding-bottom:0;
width:280px;}

#contenu h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#ffb424;
letter-spacing:1px;
padding-left:0px;
margin:0 0 7px;
border-bottom:1px dotted #ffb424;
}
#contenu p{
font:11px/1.8em Arial, Helvetica, sans-serif;
text-align:justify;
color:#FFF;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur, #contenu p strong{
font-weight:bold;
color:#4f0000;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color:#ffb424;
}
#contenu a:hover, #contenu a:active{
color:#ffb424;
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;
}
/***************** NOUVEAUTES */
#top{
width:560px;
height:160px;
margin:9px 0 0;
}
#contenu #top p{
font:bold 12px/1.2em Arial, Helvetica, sans-serif;
color:#d8671e;
}
#contenu #top p span{
font-size:11px;
color:#ffb424;
}
.bloc{
float:left;
width:270px;
height:160px;
padding:0 5px;
background: url(../images/charte/bg-produits.jpg) no-repeat;
margin:5px 0;
}
#contenu #top div.bloc a.titre{
display:block;
width:270px;
height:34px;
}
#contenu #top div.bloc a.visu{
display:block;
float:left;
width:120px;
height:120px;
margin:5px 17px 0 6px;
}
#contenu #top div.bloc p.prems{
margin-top:7px;
}
#contenu #top div.bloc p.prix{
font:bold 18px/1.2em Arial, Helvetica, sans-serif;
color:#ffb424;
margin-top:8px;
}
#contenu #top div.bloc p.prix.promo{
color:#ffb424;
}
#contenu #top div.bloc p.prix span.barre{
color:#d8671e;
font-weight:bold;
text-decoration:line-through;
}
#contenu #top div.bloc p.prix span{
font-size:14px;
font-weight:normal;
color:#FFF;
}
#contenu #top div.bloc a.commander{
display:block;
position:relative;
left:140px;
width:107px;
height:28px;
background:url(../images/charte/bt-commander2.jpg) left top no-repeat;
}
#contenu #top div.bloc a:hover.commander{
background-position:left bottom;
}
#contenu #top div.bloc a.lien, #menuRight ul a.lien {
position:relative;
font:10px Arial, Helvetica, sans-serif;
text-decoration:none;
margin-bottom:0px;
height:10px;
color:#FFF;
}
#contenu #top div.bloc a:hover.lien , #menuRight ul a:hover.lien{
text-decoration:underline;
color:#ffb424;
}

#contenu li{
font:bold 12px Arial, Helvetica, sans-serif;
list-style-image: url(../images/charte/puce.gif);}
#contenu ul{
margin-bottom:5px;
margin-left:30px;}

#contenu li.list{
margin-left:30px;
font:bold 12px Arial, Helvetica, sans-serif;
list-style-image: url(../images/charte/puce.gif);}

/*________________________________________________________index**********************/
#contenu .produit a.lien {
position:relative;
font:10px Arial, Helvetica, sans-serif;
text-decoration:none;
margin-bottom:22px;
margin-top:15px;
margin-right:5px;
width:60px;
float: right;
height:10px;
color:#FFF;
}

#contenu .produit a.lienn {
position:relative;
font:10px Arial, Helvetica, sans-serif;
text-decoration:none;
margin-bottom:5px;
margin-top:5px;
margin-right:5px;
width:60px;
float: right;
height:10px;
color:#FFF;
}

#contenu .produit p.lienn  {
position:relative;
font:10px Arial, Helvetica, sans-serif;
text-decoration:none;
margin-bottom:13px;
margin-top:3px;
margin-right:5px;
width:130px;
float: right;
font-style:italic;
height:10px;
color:#ffb424;
}

#contenu .produit p.liennlist  {
position:relative;
font:10px Arial, Helvetica, sans-serif;
text-decoration:none;
margin-bottom:0px;
margin-top:-3px;
margin-right:5px;
width:130px;
float: right;
font-style:italic;
height:10px;
color:#ffb424;
}


#contenu .produit a:hover.lien{
text-decoration:underline;
color:#ffb424;
}

.produit{
float:left;
background: url(../images/charte/bgproduit..jpg) no-repeat;
margin-top:0px;
width:256px;
margin-left:8px;
margin-bottom:20px;
padding:10px 5px 5px 5px;
position:relative;}


.new{
	width:96px;
	height:64px;
	position:absolute;
	background-image:url(../images/charte/new.png);
	background-repeat:no-repeat;
	top:135px;
	left:-14px;
	_background:url();
	z-index:1900;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png', sizingMethod='image');

}

.affaire{
	width:96px;
	height:64px;
	position:absolute;
	background-image:url(../images/charte/affaire.png);
	background-repeat:no-repeat;
	top:135px;
	left:-17px;
	_background:url();
	z-index:1900;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/affaire.png', sizingMethod='image');

}
.epuise{
	width:96px;
	height:64px;
	position:absolute;
	background-image:url(../images/charte/epuise.png);
	background-repeat:no-repeat;
	top:135px;
	left:-14px;
	_background:url();
	z-index:1900;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/epuise.png', sizingMethod='image');

}

.vente{
	width:96px;
	height:64px;
	position:absolute;
	background-image:url(../images/charte/vente.png);
	background-repeat:no-repeat;
	top:135px;
	left:-14px;
	_background:url();
	z-index:1900;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/vente.png', sizingMethod='image');

}


#contenu .produit p.des{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
height:25px;
max-height:25px;
padding-left:0px;
min-height:25px;
margin:3px 3px 15px 3px;
color:#ffb424;}

#contenu .produit p.des a:hover, #contenu .produit p.des a:link, #contenu .produit p.des a:active,  {

color:#ffb424;}

#contenu .produit  a.visu{
display:block;
float:left;
width:100px;
height:120px;
text-align:center;
margin:0px 5px 0 6px;
}

#contenu .produit p.marq{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
height:15px;
max-height:15px;
margin:3px 3px 0px 3px;
line-height:1.2em;
padding-left:0px;
text-align:left;
color:#fff;
}
#contenu .produit p.desc{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
height:55px;
line-height:1.4em;
margin:0px 3px 0px 3px;
text-align:left;
color:#fff;
}
#contenu .produit p.rubriq{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
padding-left:0px;
height:13px;
max-height:13px;
line-height:0.8em;

margin:0px 3px 0px 3px;
color:#ffb424;
}

#contenu .produit p.centre{

padding:0px;
text-align:center;

line-height:1.2em;
padding-left:0px;
width:100px;
float:left;
margin:5px 0 0 8px;
}
#contenu .produit p.centre2{

padding:0px;
text-align:center;
width:100px;
float:left;
line-height:0.8em;
margin:5px 0 0 8px;
}



#contenu .produit a.lien2 {
position:relative;
font:10px Arial, Helvetica, sans-serif;
text-decoration:none;
margin-bottom:15px;
margin-top:3px;
margin-right:5px;
width:60px;
float: right;
height:10px;
color:#FFF;
}

#contenu .produit p span.prix{
font:bold 22px Arial, Helvetica, sans-serif;
color:#ffb424;

}
#contenu .produit p span .prixbarre{
margin-left:10px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:line-through;}

/*______________________________________________filtre*****************/
	.label1{
	width:80px;
	line-height:2.2em;
	margin-left:120px;
	font-size:12px;
	color:#fdb523;
	font-family:Arial, Helvetica, sans-serif;

}
		.label11{
	width:80px;
	line-height:2.2em;
	font-size:12px;
	margin-left:20px;
	color:#fdb523;
	font-family:Arial, Helvetica, sans-serif;
}
	.opt{
	color:#590c04;
	border-color:#590c04;
	background-color:#fdb523;
		margin-top:10px;
		z-index:0;
		position:relative;
		
	}
	
	
	
	


/*__________________________________________________pagination****************/

#pagination{
	width:500px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	margin-left:20px;	
	margin-bottom:10px !important;
}

#pagination p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
	color:#FFFFFF;
}

#pagination  .prev {
	float:left;
	width:100px;
	height:31px;
	text-decoration:none;
	cursor:pointer;
	margin-top:0px;
	padding-left:0px;
}
	
#pagination .next {
	float:right;
	width:100px;
	height:31px;
	text-decoration:none;
	cursor:pointer;
	margin-top:0px;
}
	

/*  ____________________________________________________________page fiche  */
.left_fiche{
width:257px;
float:left;
margin-top:30px;
}

.liste_img{
margin-top:10px;
width:257px;

}

.liste_img img{
border:1px ridge #570a04;

}

.dec_img {
	margin-right:13px;
	
}
.g_img_fiche{
width:255px;
height:252px;
text-align:center;

}
.g_img_fiche img{
border:1px ridge #570a04;
}


	#fiche{
	float:right;
	margin-right:0px;
	width:285px;}
#ficheh{
background-image:url(../images/charte/ficheh.jpg);
background-repeat:no-repeat;
width:271px;
height:30px;
padding:10px 7px 7px 7px;
float:right;
margin-top:25px;
}

#ficheb{
background-image:url(../images/charte/ficheb.jpg);
background-repeat:no-repeat;
width:285px;
height:11px;
float:right;
margin-top:0px;
}

#cont_fiche{
background-image:url(../images/charte/fichem.jpg);
padding:5px 5px 5px 5px;
background-repeat:repeat-y;
width:275px;
float:right;
margin-bottom:0px;

}


#ficheh p.titre_fiche{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#ffb424;
padding-left:0px;
text-align:center;
font-weight:bold;
height:25px;

}


.label12 {
	width:80px;
	margin-left:15px;
	line-height:2em;
	font-size:11px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

#cont_fiche .qtit{
width:108px;
	border:1px solid #ffb424;
	font-size:11px;
	color:#ffb424;
	background-color:#4c0000;
	font-family:Arial, Helvetica, sans-serif;
}

.label2 {
	width:80px;
	margin-left:15px;
	line-height:2em;
	font-size:11px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	}
	
.listee2{
	width:110px;
	border:1px solid #ffb424;
	font-size:11px;
	color:#ffb424;
	background-color:#4c0000;
	font-family:Arial, Helvetica, sans-serif;
}

.commanderb{
margin-right:20px;
float: right;}

.label3{
color:#ffb424;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}


#cont_fiche .des_fiche{
line-height:1.4em;
padding:0px 5px 5px 5px;
font-size:11px;
margin-bottom:10px;
}

#cont_fiche p.sous_tit{
color:#ffb424;
padding-left:10px;
line-height:1em;
font-size:12px;
padding-left:0px;
font-weight:bold;
border-bottom:1px dashed #ffb424;
margin-bottom:5px;	
}


#cont_fiche p.ref{
color:#ffb424;
line-height:1em;
font-size:12px;
font-weight:bold;
padding-left:0px;
margin-bottom:15px;
}

#cont_fiche .texte{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

#cont_fiche p.prixgeneral{
margin-top:20px;
text-align:center;
margin-bottom:20px;

}


#cont_fiche span.prix_fiche{
font-size:22px;
color:#ffb424;
width:175px;
font-weight:bold;
margin-right:15px;

}

#cont_fiche span.prix_barre_fiche{
font-size:12px;
color:#fff;
text-decoration:line-through;

}

#contenuTexte .imageleft {
	float:left;
}
.ami_fiche{

float:left;
margin-top:10px;
}
.ami_fiche img{
border:0px;
}


.contactf{

float:right;
margin-top:10px;
}
.contactf img{
border:0px;
}	
	
	



/*________________________________________________asoocie**************************************/
	
	#associ{
	float:left;
	width:550px;
	margin-top:20px;}
	
	
.produit2{
float:left;
margin-top:10px;
background: url(../images/charte/bgassoc.jpg) no-repeat;
margin-top:0px;
width:119px;
margin-left:10px;
margin-bottom:20px;
padding:8px 3px 5px 3px;
position:relative;}

	
	
	#associ .produit2 p.des{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:120px;
max-width:120px;
text-align:center;
height:40px;
padding-left:0px;
max-height:40px;
min-height:40px;
margin:3px 3px 15px 0px;
color:#ffb424;
}

	
	#associ .produit2  a.visu{
display:block;
float:left;
width:100px;
height:80px;
text-align:center;
margin:0px 5px 0 9px;
}
	
	#associ .produit2  p.centre{

padding:0px;
text-align:center;

line-height:1.2em;
padding-left:0px;
width:100px;
float:left;
margin:10px 0 10px 10px;
}
	
	
	#associ .produit2  p span.prix{
font:bold 22px Arial, Helvetica, sans-serif;
color:#ffb424;
}
	#associ .produit2  p span .prixbarre{
margin-left:5px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:line-through;}

	
	
	#planmap{
	cursor:pointer; z-index:1000; position:relative;
	
	}
	
	


/* contact*/
	
	

#contact_fomulaire {
	width:450px;
	float:left;
	padding-bottom:20px;
		margin-left:30px;
	
}
#contact_prop {
	width:175px;
	float: right;

}
.plan{
margin-left:30px;
margin-top:0px;
margin-bottom:10px;}

#contact_fomulaire input,textarea{
	width:95%;
	border:1px solid #ffb424;
	font-size:12px;
	color:#382114;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#contact_fomulaire input:focus,textarea:focus{
	border:1px solid #382114;
}
#contact_fomulaire .champRequis{
	color:#190101;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contact_fomulaire   .bouton {
	border:1px solid #4b291d;
	font-size:12px;
	color:#ffb424;
	background-color:#382114;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}

#contact_fomulaire  .bouton:focus {
	border:1px solid #313131;
}

#contact_fomulaire  .capa{
	width:95%;
	border:1px solid #ffb424;
	color:#382114;
	background-color:#fff;
	font-size:12px;
	
	font-family:Arial, Helvetica, sans-serif;
}

#contact_fomulaire  .capa:focus{
	border:1px solid #382114;
}

#contenu .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}



#contact_coordonnees {
	width:284px;
	float:left;
	margin-bottom:20px;
	margin-left:10px;
	border-left:1px dotted #313131;
	padding-left:5px;

}

.decmerci {
	margin-left:50px;
	margin-top:20px;
}



#contact_loi {
	width:280px;
	float:left;
	margin-left:20px;
	margin-top:15px;
	padding-bottom:10px;
	border-left:1px dotted #313131;
		padding-left:5px;
		margin-left:10px;
}
#contact_plan {
	width:280px;
	float:left;
	margin-left:10px;
}


#formContact .txt_bas3 {
	font-size:11px;
}

#contact_fomulaire .txt_bas{
	font-size:9px;
}	
	
	
	
	
	
#invisible{
display:none;
}