/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}


.prod{
	width:132px;
	background-image:url(../images/charte/prod.png);
	background-repeat:no-repeat;
	_background:url();
	/*background: 0;*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='images/charte/prod.png', 		sizingMethod='crop');		
	float:left;	
	padding:8px 10px 5px 7px;
	margin:10px 0px 10px 30px;
	
}
.ass{
float:left;
margin-left:25px;}


#contenuTexte .gauche .prod .photo{
	width:123px;
	max-width:123px;
	min-width:123px;
	text-align:center;
	height:109px;
	min-height:109px;
	min-height:109px;
	margin-left:5px;
	
	margin-bottom:10px;

	
	}
	#contenuTexte .gauche .prod .photo img{
border:1px solid #f6fb01;
cursor:pointer;
z-index:800;
	position:relative;}
	
#contenuTexte .gauche .prod .desc{
	float:left;
	width:132px;

	}
	#contenuTexte .gaucheindex p.puce{
	margin-left:20px;
	background-image:url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	padding-left:25px;} 
	#contenuTexte .gauche p.puce{
	margin-left:20px;
	background-image:url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	padding-left:25px;} 
	
#contenuTexte .gauche .prod .desc p.design{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#f6fa05;
	height:40px !important;
	max-height:40px;
	text-align:center;
	cursor:pointer;
	
	margin-bottom:3px;
	
	}
	#contenuTexte .gauche .prod .desc p.design a{
z-index:800;
	position:relative;
	color:#f6fa05;
	text-decoration:none;

	
	}
	
	#contenuTexte .gauche .prod .desc p.centre{
	
	text-align:center;
	float:left;
	width:123px;
	max-height:20px;
	min-height:20px;
}

#contenuTexte .gauche .prod .desc .centre span.prix{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-right:5px;
	color:#fff;
	
	}

#contenuTexte .gauche .prod .desc .centre span.prixbarre{
	text-decoration:line-through;
	color:#333333;
	font-size:11px;
}


.info{
	float:right;
	height:18px;
	width:73px;
	border:none;
	margin-bottom:5px;
z-index:800;
	position:relative;
	background-image:url(../images/charte/info.png);
	background-repeat:no-repeat;
		_background:url();
	/*background: 0;*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='images/charte/info.png', 		sizingMethod='crop');
	
	}
	#contenuTexte .gauche .prod .desc a{
	cursor:pointer;}
	#contenuTexte .gauche .prod .desc2 a{
	cursor:pointer;}

	
	
	#contenuTexte .gauche #pagination{
	width:400px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	margin-left:120px;
	margin-bottom:70px !important;
}

#contenuTexte #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;

}
#contenuTexte .gauche #pagination  .prev p{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
margin-top:0px;
z-index:800;
	position:relative;
	cursor:pointer;
}
a .next{
	float:right;
	width:100px;
	height:31px;
	
}
	
#contenuTexte .gauche #pagination .next p{
	font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
margin-top:0px;
z-index:800;
	position:relative;
	cursor:pointer;
	
}



/************************maison *************************/

.prod2{
	width:554px;
	background-image:url(../images/charte/prod2.png);
	background-repeat:no-repeat;
	_background:url();
	/*background: 0;*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='images/charte/prod2.png', 		sizingMethod='crop');		
	float:left;	
	padding:6px 5px 5px 7px;
	margin:10px 30px 10px 30px;
	
}

#contenuTexte .gauche .prod2 .photo2{
	width:123px;
	max-width:123px;
	min-width:123px;
	text-align:center;
	height:125px;
	min-height:125px;
	float:left;
	margin-top:8px;
	min-height:125px;
	margin-bottom:10px;
	text-align:center;
	}
	
#contenuTexte .gauche .prod2 .photo2 img{
	border:1px solid #f6fb01;
	z-index:800;
	position:relative;}
	
#contenuTexte .gauche .prod2 .desc2{
	float:left;
	width:428px;

	}
	#contenuTexte .gauche .prod2 .desc2 p.design{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:100px;
	color:#f6fa05;

	height:17px !important;
	max-height:17px;
	text-align:center;
	margin-bottom:10px;

	
	
	}
		#contenuTexte .gauche .prod2 .desc2 p.cont, 		#contenuTexte .gauche .prod2 .desc2  p{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	padding-left:60px;
	color:#fff;
	height:68px !important;
	max-height:68px;

	
	}
	
#contenuTexte .gauche .prod2 .desc2 p.design a{

	color:#f6fa05;
	text-decoration:none;
z-index:800;
	position:relative;
	
	}
	
	#contenuTexte .gauche .prod2 .desc2 p.centre{
	
	text-align:center;
	float:left;
	width:140px;
	margin-left:80px;
	max-height:20px;
	min-height:20px;
}

#contenuTexte .gauche .prod2 .desc2 .centre span.prix{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-right:30px;
	color:#fff;
	
	}

#contenuTexte .gauche .prod2 .desc2 .centre span.prixbarre{
	text-decoration:line-through;
	color:#333333;
	font-size:11px;
}


.info2{
	float:right;
	height:18px;
	width:73px;
	border:none;
	margin-right:10px;
	cursor:pointer;
	background-image:url(../images/charte/info.png);
	background-repeat:no-repeat;
		_background:url();
	/*background: 0;*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='images/charte/info.png', 		sizingMethod='crop');
	z-index:800;
	position:relative;
	
	}





/**********************************mention********************************/




#contenuTexte .gauche p.mention{
font-size:12px;
color:#885737;
border-bottom:1px dotted #885737;
font-weight:bold;}


#contenuTexte .gauche span.color{

color:#885737;

font-weight:bold;}



/*****************************actualite*********************************/
		#contenuTexte .gauche .prod3 .desc3 p.act{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6em;
	padding-left:60px;
	color:#fff;
	margin-bottom:3px;

	
	}
		#contenuTexte .gauche .prod3 .desc3 p.chap{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6em;
	padding-left:60px;
	color:#f6fa05;
	font-style:italic;

	
	}
.prod3{
	width:564px;
	background-image:url(../images/charte/prod3.png);
	background-repeat: repeat-y;
	_background:url();
	/*background: 0;*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='images/charte/prod3.png', 		sizingMethod='crop');		
	float:left;	
	padding:6px 5px 5px 7px;
	margin:10px 20px 10px 30px;
	height:auto;
	
}

#contenuTexte .gauche .prod3 .photo3{
	width:123px;
	max-width:123px;
	min-width:123px;
	text-align:center;
	float:left;
	margin-top:8px;
	margin-bottom:10px;
	text-align:center;
	}
	
#contenuTexte .gauche .prod3 .photo3 img{
	border:1px solid #f6fb01;
	z-index:800;
	position:relative;}
	
#contenuTexte .gauche .prod3 .desc3{
	float:left;
	width:428px;

	}
	#contenuTexte .gauche .prod3 .desc3 p.design{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:100px;
	color:#f6fa05;
	width:320px;
	height:15px !important;
	max-height:15px;
	text-align:center;
	margin-bottom:5px;

	
	}



/********************************************fiche*********************************************/

	#contenuTexte .gauche .fiche .descfiche p.act{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6em;
	
	color:#fff;
	margin-bottom:3px;

	
	}

.fiche{
	width:550px;
	height:348px;
	height:auto;
	background-image:url(../images/charte/fichebg.png);
	background-repeat:no-repeat;
	background-color:#885a38;
	_background:url();
	/*background: 0;*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='images/charte/fichebg.png', 		sizingMethod='crop');		
	float:left;	
	padding:6px 5px 5px 7px;
	margin:10px 20px 10px 30px;

	
}
#contenuTexte .gauche .fiche .descfiche{
	float:left;
	width:255px;
	margin-left:5px;
	

	}
#contenuTexte .gauche .fiche .photofiche{
	width:240px;
	max-width:240px;
	min-width:240px;
	text-align:center;
	float:left;
	height:258px;
	margin-top:15px;
	margin-bottom:10px;
	text-align:center;
	}
	
#contenuTexte .gauche .fiche .photofiche img{
	border:1px solid #f6fb01;
	z-index:800;
	position:relative;}
	

	#contenuTexte .gauche .fiche .descfiche p.design{
	font-size:13px;
	width:230px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#f6fa05;
	margin-top:5px;
	text-align:center;
	margin-bottom:0px;
	height:20px;


	}
	
	#contenuTexte .gauche .fiche .descfiche p.ref{
	font-size:12px;
	width:230px;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#f6ff05;
	margin-bottom:0px;
	}
	
		#contenuTexte .gauche .fiche .descfiche p strong{
		font-weight:bold;
		color:#f6ff05;}
		#contenuTexte .gauche .fiche .descfiche em{
		font-style: italic;}
		#contenuTexte .gauche .fiche .descfiche u{
		text-decoration:underline;}
		#contenuTexte .gauche .fiche .descfiche a{
		text-decoration: underline;
		color:#f6ff05;}
		#contenuTexte .gauche .fiche .descfiche li{
		margin-left:12px;
		font-size:11px;
		list-style-image: ../images/charte/puce.gif);
		line-height:0.8em;
		color:#fff;}
		#contenuTexte .gauche .fiche .descfiche lo{
		margin-left:8px;
		font-size:11px;
		list-style-image: ../images/charte/puce.gif);
		color:#fff;}
		#contenuTexte .gauche .fiche .descfiche ul{
		margin-bottom:0x;}
.panier{
	float:left;
	height:51px;
	width:120px;
	border:none;
z-index:800;
	position:relative;
	cursor:pointer;
	background-image:url(../images/charte/panier.png);
	background-repeat:no-repeat;
		_background:url();
		margin-left:30px;
	/*background: 0;*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='images/charte/panier.png', 		sizingMethod='crop');
	
	}


#contenuTexte .gauche .fiche .descfiche p.centre{
	
	text-align:center;
	float:left;
	width:100%;
	max-height:15px;
	min-height:15px;
}

#contenuTexte .gauche .fiche .descfiche .centre span.prix{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	margin-right:15px;
	color:#fff;
	
	}

#contenuTexte .gauche .fiche .descfiche .centre span.prixbarre{
	text-decoration:line-through;
	color:#333333;
	font-size:11px;
}



.label2 {
	width:50px;
	margin-left:5px;
	font-size:11px;
	color:#e3eb04;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-top:13px;
}
#contenuTexte .gauche .fiche .descfiche input{
width:25px;
color:#e3eb04;
border:1px solid #e3eb04;
		margin-top:13px;
	background-color:#885a38;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}

.list2{
	width:25px;
	float:left;

	
	
}

.ami{
float:left;
margin-left:150px;
width:320px;}



/*****************************contact*******************************/



/* contact*/
	
	

#fomulaire {
	width:330px;
	float:left;
	padding-bottom:20px;
	
	
}
#contact_prop {
	width:210px;
	float:left;


}



#contact_plan a #imgplan {
	margin-left:0px;
	width:153px;
	

}


#contenuTexte input,textarea{
	width:95%;
	border:1px solid #382114;
	font-size:12px;
	color:#382114;
	background-color:#b6aca3;
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte input:focus,textarea:focus{
	border:1px solid #abb20d;
}
#contenuTexte .champRequis{
	color:#f2f802;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenuTexte   .bouton {
	width:95px;
	border:1px solid #4b291d;
	font-size:12px;
	color:#e1e314;
	background-color:#382114;
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte  .bouton:focus {
	border:1px solid #abb20d;
}

#contenuTexte  .capa{
	width:95%;
border:1px solid #382114;
	font-size:12px;
	color:#382114;
	background-color:#b6aca3;

	
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte  .capa:focus{
	border:1px solid #f2f802;
}

#contenu .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}



.titre_parti{
	margin-bottom:15px;
	margin-left:0px;
	width:100%;
	
}
.titre_parti22{
	margin-bottom:15px;
	margin-left:0px;
	width:200px;
	
}

.titre_particoor {
	margin-bottom:15px;
	margin-left:10px;
	float:left;
	width:50px;
}

.titre_parti2  {
	width:200px;
	margin-top:10px;
	margin-bottom:10px;
	
}
#contact_coordonnees {
	width:210px;
	float:left;
	margin-bottom:20px;
	margin-left:15px;
	border-left:1px dotted #313131;
	padding-left:15px;

}
.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_coordonnees .txt_bas{
	font-size:9px;
}
label {
	line-height:2.2em;
	font-size:11px;
	color:#dacbb2;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;

}

#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;
}

#contact_fomulaire .titre_parti .listee1{
	width:125px;
	border:1px solid #313131;
	font-size:12px;
	color:#313131;
	background-color:#ffecb8;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:15px;
	margin-right:15px;
}


#contact_fomulaire .titre_parti p.enval2{
margin-top:10px;
	font-weight:bold;
	border-bottom:1px dashed #875938;
	color:#875938;
	font-size:12px;
}



#contact_plan .titre_parti p.enval2{
margin-top:10px;
	font-weight:bold;
	border-bottom:1px dashed #313131;
	color:#313131;
	font-size:12px;
}


.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:#382114;
margin-left:0px;
padding-left:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}
	
	#contact_fomulaire {
	width:350px;
	float:left;
	padding-bottom:20px;
	
	margin-right:20px;
}
#contenuTexte li{
margin-bottom:5px;}

#contenuTexte ul{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom:5px;
margin-left:30px;
list-style-image:url(../images/charte/puce.gif);}

	.label1{
	width:80px;
	line-height:2.2em;
	font-size:12px;
	color:#875938;
	font-family:Arial, Helvetica, sans-serif;

}
		.label11{
	width:80px;
	line-height:2.2em;
	font-size:12px;
	margin-left:20px;
	color:#875938;
	font-family:Arial, Helvetica, sans-serif;
}
	.opt{
	color:#875938;
	border-color:#875938;
		margin-top:10px;
	}
	
	








#invisible{
display:none;
}