/* 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 CONTENU */
#contenu h1{
font:bold 1.6em Arial, Helvetica, sans-serif;
text-align:left;
color:#000;
margin-bottom:13px;
border-bottom:1px solid #c0c0c0;
letter-spacing:1px;
}
#contenu h2{
font:normal 1.4em Arial, Helvetica, sans-serif;
text-align:left;
color:#999;
border-bottom:1px solid #c0c0c0;
display:inline;
letter-spacing:1px;
}
#contenu p{
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #333;
	line-height: 1.5;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#8abc00;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color: #999;
}
#contenu a:hover, #contenu a:active{
font-weight:bold;
text-decoration:underline;
color:#8abc00;
}







/*-----------------Acueil--------------------------*/


#acc h1{
font:bold 1.6em Arial, Helvetica, sans-serif;
text-align:left;
color:#000;
margin-bottom:13px;
border-bottom:1px solid #c0c0c0;
letter-spacing:1px;
}
#acc h2{
font:normal 1.4em Arial, Helvetica, sans-serif;
text-align:left;
color:#999;
border-bottom:1px solid #c0c0c0;
display:inline;
letter-spacing:1px;
}
#acc p{
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;	
	float:left;
	color: #333;
	width: 460px;
	margin: 5px 0px 1px 0px;
}


#acc p.couleur, .couleur{

font-weight:bold;
color:#8abc00;
}


#acc a:link, #acc a:visited{
font-weight:bold;
text-decoration:underline;
color: #999;
}


#acc a:hover, #acc a:active{
font-weight:bold;
text-decoration:underline;
color:#8abc00;
}


#acc_galerie {
width:130px;
float: right;
}


/********************* Accueil2 *******************/


#acc2 p{
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;	
	color: #333;
	width: 580px;
	margin: 4px 0px 4px 0px;
	padding:1px 1px;
	clear:both;
}
#acc2 p.couleur, .couleur{
font-weight:bold;
color:#8abc00;
}
#acc2 a:link, #acc2 a:visited{
font-weight:bold;
text-decoration:underline;
color: #999;
}
#acc2 a:hover, #acc2 a:active{
font-weight:bold;
text-decoration:underline;
color:#8abc00;
}


#acc_galerie {
width:130px;
float: right;
}



#separateur{
	width:600px;
	float:left;
	margin: 10px 0px;
}



#cad{
	width:550px;
	float:left;
	margin: 4px 0px;
}








#cad2{
	width:650px;
	float:left;
	margin: 4px 0px;
}





#actualites{
	width:160px;
	float:right;
	margin: 4px 8px;
	border:2px solid #8abc05;
	padding: 4px 4px;
	background-color:#f0f0f0;
}



#actualites p{
	width:160px;
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	text-align:left;
	float:left;
	color: #333;
	margin: 2px 1px;
}
#actualites a{
	width:140px;
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
	float:left;
	color: #333;
	margin: 2px 1px;
	font-weight:bold;
	margin-left:8px;
}



#actualites h1{
font:bold 1.1em Arial, Helvetica, sans-serif;
text-align:left;
color:#000;
margin-bottom:11px;
border-bottom:1px solid #c0c0c0;
letter-spacing:1px;
}

#actualites b{
font:1.0em Arial, Helvetica, sans-serif;
color: #8abc05;
}





#actualites img{
	margin: 6px 2px 7px 5px;
	border:1px solid #009900;
	float: left;
}


/*********************Galerie Accueil*******************/
#Bloc{
	width:700px;
	float:left;
}



#Bloc2{
	width:460px;
	float:left;
	height: 200px;
}


.galerie {
	width:210px;
	float:left;
	margin: 10px 0px 10px 0px;
}

.galerie img{
	float:left;
	margin:5px 3px 5px 3px;
	width: 210px;
}










ul{
	margin:0 0 2% 6%;
	padding:0;
}
li{
	list-style-image:url(../images/puce2.gif);
	margin:0;
	padding:0;
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	font-size:1.1em;

}










/*********************Tarifs*******************/



#tarifs p{
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #333;
	line-height: 1.5;
}


#tarifs h1{
font:bold 1.6em Arial, Helvetica, sans-serif;
text-align:left;
color:#000;
margin-bottom:13px;
border-bottom:1px solid #c0c0c0;
letter-spacing:1px;
}
#tarifs h2{
font:normal 1.4em Arial, Helvetica, sans-serif;
text-align:left;
color:#999;
border-bottom:1px solid #c0c0c0;
display:inline;
letter-spacing:1px;
}
#tarifs p{
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #333;
	line-height: 1.5;
}
#tarifs p.couleur, .couleur{
font-weight:bold;
color:#8abc00;
}
#tarifs a:link, #tarifs a:visited{
font-weight:bold;
text-decoration:underline;
color: #999;
}
#tarifs a:hover, #tarifs a:active{
font-weight:bold;
text-decoration:underline;
color:#8abc00;
}




/*********************catalogue******************/


.catalogue {
	float: left;
	margin: 20px 5px 20px 50px;
	padding:1px 3px 2px 1px;
	border: 2px solid #ffffff;
}

.catalogue p {
	margin-bottom:5px !important;
} 

.catalogue .img{
	margin: 5px 1px 10px 4px;
	border: 3px solid #ffffff;
}

.catalogue .des{
	width:210px;
	margin: 4px 1px 8px 1px;
	padding:1px 6px 1px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-align:center;
	font-weight: bolder;
	color:#333;
}


.catalogue .prix{
	width:210px;
	margin: 4px 1px 8px 1px;
	padding:1px 6px 1px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:center;
	font-weight: bolder;
	color:red;
}











.catalogue2 {
	float: left;
	margin: 20px 0px 20px 0px;
	padding:1px 3px 2px 1px;
	border: 2px solid #ffffff;
}

.catalogue2 p {
	margin-bottom:5px !important;
} 

.catalogue2 .img{
	margin: 5px 1px 10px 4px;
	border: 3px solid #ffffff;
}

.catalogue2 .des{
	width:180px;
	margin: 4px 1px 8px 1px;
	padding:1px 6px 1px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-align:center;
	font-weight: bolder;
	color:#333;
}


.catalogue2 .prix{
	width:180px;
	margin: 4px 1px 8px 1px;
	padding:1px 6px 1px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:center;
	font-weight: bolder;
	color:red;
}



.vignette{
	float:left;
	width:160px;
	margin: 4px 4px 4px 26px;
	padding:2px 2px 2px 6px;
	text-align: left;
}



.vignette img{
	margin: 4px 5px 4px 4px;

}

.titre_vig{
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:center;
	margin: 1px 3px;
	padding: 0px 3px 1px 2px;
}





.article_gauche{
	width:700px;
	border: 1px solid black;
	margin: 5px 18px;
	padding: 2px 0px;
}

.article_gauche img {
	float:left;
	border: 1px solid black;
	margin: 5px 18px;
	padding: 2px 0px;
}





/*********************Galerie Accueil2*******************/


#galerie_acc {
	width:130px;
	float:left;
	margin: 10px 2px 5px 10px;
	padding: 3px 3px 4px 5px;
}


#galerie_acc img{
float:right;
margin:5px 5px 5px 10px;
}


/*********************Galerie Conjointes*******************/


.galerie2 {
	width:130px;
	float:left;
	margin: 20px 2px 12px 5px;
	padding: 10px 10px 10px 10px;
}


.galerie2 img{
float:left;
margin:10px 10px 10px 10px;
}


#ecart_ino{
	width:600px;
	border: 1px solid black;
	margin: 5px 18px;
	padding: 2px 0px;
}

#ecart_ino p{
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	width: 300px;
}
/*********************Galerie Tarifs******************/


#galerie3 {
	width:190px;
	float:left;
	margin: 20px 2px 5px 5px;
	padding: 10px 10px 10px 60px;
}


#galerie3 img{
float:left;
margin:10px 10px 10px 10px;
}


#galerie3 p{
	width:180px;
	float: left;
	margin:5px 5px 5px 5px;
	clear: both;
	text-align: center;
	padding-left: 1px;
}



.imagerdroite {
float:right;
margin:5px 20px 5px 1px;
}


.imagergauche {
float:left;
margin:10px 20px 10px 15px;
}


.image_center{
float:left;
margin:10px 30px 10px 60px;
}



#cadre_contact{
	width:637px;
	border:1px solid black;
	float:left;
	margin: 4px 50px 4px 1px;
	padding: 5px 5px;
}


#contacte{
	width:637px;
	border:1px solid black;
	float:left;
	margin: 4px 50px 4px 1px;
	padding: 4px 4px;
}

#contacte input{
	border:1px solid #999;
	font-size:12px;
}
#contacte input:focus{
	border-color:#000;
}

.image_centrer{
	margin: 4px 8px 4px 10px;

}


#footerMenu p{
font:normal 1.1em/30px Arial, Helvetica, sans-serif;
color: #fff;
text-align:center;
letter-spacing:1px;
}
#footerMenu p.couleur, #footerMenu .couleur{
font-weight:normal;
color: #ffec00;
}
/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
/*#formContact input,textarea{
	width:100%;
	border:1px solid #999;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#000;
}
#formContact .champRequis{
	color:#FF0000;
}*/