/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1,#contenu2 h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#f56e00;
letter-spacing:1px;
width:506px;
margin:60px 0 40px 0;
}
#contenu h1 a:link, #contenu h1 a:hover, #contenu h1 a:focus, #contenu h1 a:visited{
color:#f56e00;
text-decoration:none;

}
#contenu h1 a{
color:#f56e00;
text-decoration:none;

}

#contenu h3{
font:normal 16px Arial, Helvetica, sans-serif;
color:#f56e00;
margin-bottom:5px;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#434343;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu p{
font:11px/1.8em Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-bottom:1.2em;
}
#contenu p.index{

font:11px/1.8em Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#f56e00;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#000;
}
#contenu a:hover, #contenu a:active{
color:#666;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/35px Arial, Helvetica, sans-serif;
color:#434343;
text-align:center;
letter-spacing:1px;
padding:0 50px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#434343;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#434343;
}

/*____________________________________________________________________________________Accueil*/

.prod{
	float:left;
	width:135px;
	background:url(../images/charte/bgprod.jpg) no-repeat;
	padding:10px 25px 8px 8px;
	margin-bottom:10px;
	position:relative;}

.photo_prod{
	float:left;
	width:132px;
	max-width:128px;
	height:100px;
	max-height:100px;
	margin:0 0px 3px 3px;
	text-align:center;
	}


#contenu .prod .photo_prod img{
	border:1px solid #000;
	text-align:center;}

#contenu .prod .desc{
	float:left;
	width:130px;

	text-align:center;
}

#contenu .prod .desc p.des{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#f38000;
	line-height:1.2em;
	width:133px;
	height:65px;
	text-align:center;
	max-height:65px;
	margin-bottom:0px;}
#contenu .prod .desc p.des a{
	color:#f38000;
	text-decoration:none;}

#contenu .prod .desc p.rub{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.4em;
	margin-bottom:8px;
	height:30px;
	
	max-height:45px;}
.info{
float:left;
width:127px;
height:55px;
margin-left:5px;
margin-top:10px;}




.picto_coeur{
	width:67px;
	height:78px;
	position:absolute;
	background-image:url(../images/charte/picc.png);
	background-repeat:no-repeat;
top:-15px;
	left:-15px;
	_background:url();
	z-index:100;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picc.png', sizingMethod='image');

}
.new{
	width:67px;
	height:78px;
	position:absolute;
	background-image:url(../images/charte/picn.png);
	background-repeat:no-repeat;
top:0px;
	left:2px;
	_background:url();
	z-index:100;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picn.png', sizingMethod='image');

}





/*________________________________________________________________Listing*/

.prodlist{
	float:left;
	width:142px;
	background:url(../images/charte/bglisting.jpg) no-repeat;
	padding:10px 20px 8px 8px;
	margin-bottom:10px;
	position:relative;
	}

.photo_prodlist{
	float:left;
	width:135px;
	max-width:135px;
	height:100px;
	max-height:100px;
	margin:0 0px 3px 3px;
	text-align:center;
	
	}


#contenu .prodlist .photo_prodlist img{
	border:1px solid #000;
	text-align:center;}

#contenu .prodlist .desclist{
	float:left;
	width:142px;

	text-align:center;
}

#contenu .prodlist .desclist p.des{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#f38000;
	line-height:1.2em;
	width:139px;
	height:45px;
	text-align:center;
	max-height:65px;
	margin-bottom:2px;}
	
	
#contenu .prodlist .desclist p.prix{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.2em;
	width:139px;
	height:20px;
	text-align:center;
	margin-bottom:2px;}
	
	#contenu .prod .desc p.prix{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.2em;
	width:139px;
	height:20px;
	text-align:center;
	margin-bottom:2px;}
#contenu .prodlist .desclist p.des a{
	color:#f38000;
	text-decoration:none;}

#contenu .prodlist .desclist p.rub{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.2em;
	text-align:left;
	margin-bottom:6px;
	height:25px;
	
	max-height:25px;}
	
	#contenu .prodlist .desclist p.resum{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666;
	line-height:1.2em;
	margin-bottom:0px;
	height:200px;
	text-align:left;
	max-height:120px;}
.infolist{
float:left;
width:127px;
height:55px;
margin-bottom:13px;
margin-left:5px;}

/*__________________________________________________________________pagination*/


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

 #pagination p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-top:10px;

}


a .prev{
	float:left;
	width:100px;
	height:31px;
	color:#dc2286;
	text-decoration:none;
	cursor:pointer;

}
 #pagination  .prev p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:0px;
color:#dc2286;
z-index:800;
	position:relative;
}
a .next{
	float:right;
	width:100px;
	height:31px;
	color:#dc2286;
	text-decoration:none;
	
}
	
 #pagination .next p{
	font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:0px;
color:#dc2286;
z-index:800;
	position:relative;
	cursor:pointer;
	
}


 #pagination  p a{color:#dc2286;
 font-size:11px;
 text-decoration:none;}


 #pagination  p {color:#820a2b;
 font-size:11px;}
 





/***********************************************contact**********************************************/


#contact_fomulaire {
	width:364px;
	float:left;
	padding-bottom:20px;
	
	
}
#contact_prop {
	width:300px;
	float:left;
}

#contact_prop p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;}

#contact_plan a #imgplan {
	margin-left:0px;
	width:280px;
	

}


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

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

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

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

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

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

#contact_fomulaire .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;
	padding-left:5px;

}


#contact_loi {
	width:280px;
	float:left;

	margin-top:15px;
	padding-bottom:10px;
			padding-left:5px;

}
#contact_plan {
	width:280px;
	float:left;
	margin-left:10px;
}


#contact_fomulaire .txt_bas3 {
	font-size:11px;
	color:#666;
	
}


#contact_loi .txt_bas{
	font-size:9px;
	color:#000;}

#contact_fomulaire .txt_bas{
	font-size:9px;
	color:#666;}
#contact_fomulaire .titre_parti .listee2{
	width:110px;
	border:1px solid #313131;
	font-size:12px;
	color:#313131;
	background-color:#ffecb8;
	font-family:Arial, Helvetica, sans-serif;
}




.img_acces{
margin-top:20px;
float:left;
width:298px;
height:299px;
margin-bottom:20px;
}

.desc_acces{
	width:620px;
	float:left;
	border:1px solid #313131;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;

}

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


.titre_parti{
	margin-bottom:15px;
	margin-left:0px;
	width:100%;
	
}
.titre_parti22{
	margin-bottom:15px;
	margin-left:0px;
	width:200px;
	
}

/*___________________________________________________plan*/

#container #contenu ul li{
list-style-image:url(../images/charte/puce.png);
font:normal 12px Arial, Helvetica, sans-serif;
margin-left:30px;
color:666;
}

#container #contenu ul li.plan{
margin-left:60px;
list-style-image:url(../images/charte/puc.png);
font:normal 12px Arial, Helvetica, sans-serif;
color:666;
}

#container #contenu ul li a{
text-decoration:none;
color:666;
}

#container #contenu ul li.plan a{
text-decoration:none;
color:666;
}

/*__________________________________________________________________________fiche***************/


/*  page fiche  */
.left_fiche{
width:300px;
float:left;
height:420px;
}

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

}

.liste_img img{
border:1px ridge #f38001;

}

.dec_img {
	margin-right:10px;
	
}
.g_img_fiche{
width:300px;
height:230px;
text-align:center;


}
.g_img_fiche img{
border:1px ridge #000;
opacity:20%;
}


.right_fiche{
	
	width:320px;
	float:right;
	background-image:url(../images/charte/fiche.jpg);
	background-repeat:repeat-y;
	height:auto;
}
.barf{
float:left;
height:18px;
width:320px;

}	
.ami_fiche{
float:left;
text-align:center;
margin-bottom:30px;
margin-top:20px;
width:300px;}


#cont_fiche{
background-image:url(../images/charte/bgfiche.png);
background-repeat: repeat-y;
background-color:#FFFFFF;
_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bgfiche.png', sizingMethod='image');
padding:10px 10px 10px 10px;
margin-bottom:0px;
width:345px;
float:right;
height:auto;

}



#dfiche{
float:left;
width:190px;
margin-right:7px;}
#gfiche{
float:left;
width:113px;}


#cont_fiche p.titre_fiche{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#f38001;
text-align:center;
font-weight:bold;
margin-left:20px;
margin-right:20px;
border-bottom:1px dotted #f38001;
margin-bottom:20px;


}
#cont_fiche .petit{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#666;
line-height:1.6em;
text-align:center;
font-style:italic;
}

#cont_fiche p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
line-height:1.6em;
}
#cont_fiche p.marq{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000;
line-height:1.2em;


}

#cont_fiche p.marq span{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#f27600;
line-height:1.2em;


}
#cont_fiche img{
float:left;
margin-top:20px;
}


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




#panfiche{
float:right;
background-image:url(../images/charte/basfiche.png);
background-repeat:no-repeat;
width:365px;
float:right;
height:42;
margin-left:60px;

}

.general_fiche{
float:right;
width:365px;

}

#invisible{
display:none;
}

.panier{
float:left;
margin-left:100px;
height:50px;
}


.zonepanier{
float: left;
width:300px;
margin-left:10px;
margin-top:20px;
margin-bottom:0px;
}
#contenu #cont_fiche .zonepanier .titrepanier{
float:left;
width:80px;
margin-left:20px;
color: #000;
font-size:11px;
font-weight:bold;
}

#contenu #cont_fiche .petit_fiche{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
width:280px;
color:#d3ad36;
font-weight:bold;
text-align:center;
font-style:italic;
margin-top:10px;

}




#contenu #cont_fiche .zonepanier select{
float:left;
width:100px;
margin-left:10px;
background-color: #fff;
color: #000;
font-size:11px;
border:1px  #f27600 solid;
}
#contenu #cont_fiche .zonepanier .quantite{
float:left;
width:100px;
margin-left:10px;
background-color: #fff;
color: #000;
font-size:11px;
border:1px  #f27600 solid;
}

.general_pdt{
float: left;
}