/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline: none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#6a625a;
letter-spacing:1px;
margin:0 0 12px;
}
#contenu h1 a:visited, #contenu h1 a:hover, #contenu h1 a:active, #contenu h1 a:link{
text-decoration:none;
color:#6a625a;}
#contenu h2{
font:bold 12px Arial, Helvetica, sans-serif;
line-height:1.6em;
color:#716f56;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu p{
font:11px/1.8em Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-bottom:0.6em;
}




#contenu ul li{
font:12px/1.6em Arial, Helvetica, sans-serif;
color:#666;
margin-bottom:6px;
list-style-image:url(../images/charte/puce.gif);
margin-left:30px;
}
#contenu ul li  a:visited, #contenu  ul li  a:hover, #contenu  ul li  a:active, #contenu  ul li  a:link{
font:12px/1.6em Arial, Helvetica, sans-serif;
color:#666;
margin-bottom:6px;
text-decoration:none;
list-style-image:url(../images/charte/puce.gif);

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




/*_____________________________________________________________________________listing**************/
#contenu .listing{
	float:left;
	background-image:url(../images/charte/prod.png);
	background-repeat:no-repeat;
	width:196px;
	margin-bottom:10px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/prod.png', sizingMethod='image');
	margin-right:23px;}
	
 .imglist{
	float:left;
	margin:10px 0px 13px 12px;
	width:172px;
	text-align:center;
	height:130px;
	max-height:130px;
	}
	
#contenu .listing .imglist img{
	z-index:800;
	position:relative;
	border:1px solid #d6d5c6;}
	
#contenu .listing .imglist img a{
	filter: alpha(opacity=100);
	-moz-opacity: 1; opacity:1;
	}
	
	
#contenu  .listing .imglist img a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;}


#contenu .listing .desc{
	float:left;
	margin:0px 0px 10px 10px;
	width:176px; }
	
	
#contenu .listing .desc h1{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:13px;
	text-decoration:none;
	border-bottom:none;
	margin-bottom:3px;
	height:35px;
	max-height:35px;
	width:176px;
	font-weight:bold;
	cursor:pointer;
	z-index:100;
	position:relative;
}

#contenu .listing .desc h1 a{
	text-decoration:none;
	color:#fff;}

#contenu .listing .desc p.resum{
	height:98px;
	max-height:98px;
	margin-bottom:2px;
	color:#790b48;}
	
#contenu .listing .desc h2{
	color:#a4c74c;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	text-decoration:none;
	border-bottom:none;
	margin-bottom:3px;
	height:20px;
	max-height:20px;
	width:176px;
	font-weight:bold;
	cursor:pointer;
	z-index:100;
position:relative;
}

#contenu .listing .desc h2 a{
	color:#f19461;
	text-decoration:none;
}


.info{
	float:right;
	margin-right:0px;
	width:101px;
	margin-bottom:10px;
	cursor:pointer;
	height:26px;
	background-image:url(../images/charte/info.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/info.png', sizingMethod='image');
	cursor:pointer;
	z-index:100;
position:relative;
}

#contenu .listing .desc p.prix{
float:left;
width:73px;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;}
#contenu .listing .desc p.prix2{
float:left;
width:73px;
font-size:14px;
margin-top:10px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;}

#cont_fiche   p.prix{
float:left;
font-size:14px;
font-weight:bold;
margin-left:40px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;}

.info2{
	float:right;
	margin-right:0px;
	width:101px;
	margin-bottom:10px;
	margin-top:10px;
	cursor:pointer;
	height:26px;
	background-image:url(../images/charte/info.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/info.png', sizingMethod='image');
	cursor:pointer;
	z-index:100;
position:relative;
}





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




	
 #pagination{
	width:600px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	margin-left:30px;
	
	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:#484441;
	text-decoration:none;
	cursor:pointer;

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


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


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





/* _________________________________________________________________________tri*/

.label1{
	width:80px;
	line-height:2.2em;
	font-size:12px;
	color:#484441;
	font-family:Arial, Helvetica, sans-serif;

}
		.label11{
	width:80px;
	line-height:2.2em;
	font-size:12px;
	margin-left:5px;
	color:#484441;
	font-family:Arial, Helvetica, sans-serif;
}
	.opt{
	color:#484441;
	border-color:#484441;
		margin-top:10px;
		font-size:11px;
		cursor:pointer;
		width:110px;
		
background-color:#d6d5c6;
	}











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


#contact_fomulaire {
	width:610px;
	float:left;
	padding-bottom:20px;
	
	
}
#contact_prop {
	width:100%;
	float:left;
	margin-top:-10px;
		background-color:#d6d5c6;
}

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

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

}

.case{
	width:3px;
	font-size:12px;
	border:1px solid #d6d5c6;
	padding-top:6px;
	color:#d6d5c6;
	background-color:#484441;
	font-family:Arial, Helvetica, sans-serif;
}
#contact_fomulaire input,textarea{
	width:95%;
	font-size:12px;
	border:1px solid #fff;
	color:#d6d5c6;
	background-color:#484441;
	font-family:Arial, Helvetica, sans-serif;
}

#contact_fomulaire  select{
	width:50%;
	font-size:12px;
	border:1px solid #fff;
	color:#d6d5c6;
	background-color:#484441;
	font-family:Arial, Helvetica, sans-serif;
}

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

#contact_fomulaire input:focus,textarea:focus{
	border:1px solid #000;
}

#contact_fomulaire .champRequis{
	color:#ff2222;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contact_fomulaire   .bouton {
	font-size:12px;
	border:1px solid #fff;
	color:#d6d5c6;
	font-family:Arial, Helvetica, sans-serif;
	width:99%;
	font-weight:bold;
}
#contenu   .boutonmarq {
	font-size:11px;
	border:1px solid #fff;
	background-color:#484441;
	color:#fff;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	width:80px;
	font-weight:bold;
}
#contact_fomulaire  .bouton:focus {
	border:1px solid #000;
}

#contact_fomulaire  .capa{
	width:95%;
	font-size:12px;
	border:1px solid #fff;
	color:#d6d5c6;
	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:310px;
	float:left;
	margin-left:30px;

}


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

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

}
#contact_plan {
	width:260px;
	float:left;
	margin-left:10px;
	margin-right:20px;
}


#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:268px;
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:#484441;
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;
	
}






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


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

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

}

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

}

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


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


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

}	

.contact_fiche{
	float:left;
	margin-bottom:0px;
	margin-top:5px;
	width:80px;
	z-index:100;}
.ami_fiche{
	float:right;
	margin-bottom:0px;

	width:200px;
	z-index:10;}


#cont_fiche{

	background-image:url(../images/charte/fiche.jpg);
	background-repeat: no-repeat;
	background-color:#696159;
	padding:10px 10px 10px 10px;
	margin-bottom:0px;
	width:320px;
	float:right;
	min-height:320px;
	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:#d6d5c6;
text-align:center;
font-weight:bold;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
height:45px;

}


#cont_fiche p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d6d5c6 ;
line-height:1.6em;
}
#cont_fiche p.marq{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#f19461;
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{
background-image:url(../images/charte/basfiche.png);
background-repeat:no-repeat;
margin-top:0px;
width:365px;
float:right;
height:42;

}
/*___________________________________________________________________________galerie*/


#galerie22 {
	margin-top:20px;
	width:650px;
	height:154px;
	float:left;
	margin-bottom:50px;

}

#defilgauche {
  float: left;
  margin: 1px 5px 5px 0;
  cursor: pointer;
  width:23px;
   height:152px;
  z-index: 9;
}

#defildroite {
  float: right;
  width:23px;
  margin: 1px 0 5px 0px;
  cursor: pointer;
   height:152px;
  z-index: 10;
}

 #flowcut {
  width:590px;
  overflow: hidden;
   height:154px;
  position: relative;
}

 #flow{
  position: relative;
   height:154px;
}
  
  
 .vign{
  float: left;
  margin-right :10px;
  width:185px;
  height:151px;
  border:1px solid #484441;
}







#invisible{
display:none;
}