/* 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";

h1,h2,h3,h4 {margin:0; 	color:#7E9612;}
p {margin:10px 0;}

/* ******************** STYLE DE CONTENU ******************** */

#contenu{
	font:10px "Trebuchet MS", sans-serif;
	margin:0;
	padding:0px 30px 0px 30px;
	width:852px;
	float:left;}

#contenu p, #contenu li{
	font-size:1.5em ;
	color:#7E9612;
	text-align:justify;
	}

#contenu h1{
	font-size:2.2em;
	margin-top:0px;
	border-bottom:1px dashed #C6D22D;
	vertical-align:middle;
	font-weight: bold;
	background: url(../images/charte/picto-he.gif) no-repeat left center;
	padding: 38px 0px 5px 55px;
	margin-bottom:15px;
}
	
#contenu h2{
	font-weight:bold;
	font-size:1.7em;
	border-bottom:0;
	vertical-align:middle;
	font-weight: bold;
	background: url(../images/charte/picto-he-small.gif) no-repeat left center;
	padding: 25px 0px 15px 35px;
	color: #FF9900;
}
	
#contenu a{
	color:#607309;
	font-weight:bold;
	text-decoration :underline;}
	
#contenu a:hover{
	color:#FF9900;
	font-weight:bold;
	text-decoration :underline;}
	
/* ******************** STYLE DE LA PAGE INDEX ******************** */
#bienvenue{
	float:left;
	width:845px;
}
#bienvenue h1{
	padding-top:8px;
}
#bienvenue p{
	float:left;
	width:750px;
	padding-left:55px;
}
#bienvenue img{
	float:right;
	margin:55px 35px 0 0;}
#coordonnees{
	float:left;
	width:845px;
	padding-top: 15px;
}
#coordonnees p{
	width:505px;
	float:left;
	padding-left:55px;	}
#coordonnees img{
	float:right;
	padding:5px;
	border: #607309 1px solid;
	margin:15px 20px 15px 0;}

/* ******************** STYLE DE LA PAGE METIER ******************** */
#metier{
	float:left;
	width:845px;
}
#metier p{
	float:left;
	width:405px;
	padding-left:55px;
}
#metier #produits-hedonie{
	float:left;
	width:450px;
}
#metier #produits-hedonie table{
	margin:0;
	padding:10px 0 10px 110px;
	width:400px;
	float:left;
}
#metier img{
	float:right;
	padding:5px;
	border: #607309 1px solid;
	margin: 15px 20px 15px 0;}
	
/* ******************** STYLE DE LA PAGE RAYON ******************** */
#IntroRayons {
	float:left;
	width:845px;
}
#IntroRayons p{
	float:left;
	width:705px;
	padding-left:55px;
}
#IntroRayons img{	
	float:right;
	padding:5px;
	border: #607309 1px solid;
	margin: 15px 20px 0 0;}
	
#rayons{
	float:left;
	width:800px;
}
#rayons .rayon {
	float:left;
	padding-left:55px;
	width:90%;
	}
#rayons .rayon li{
	list-style-type:circle;
	text-align:left;
}
#rayons .rayon ul{
	margin:0;
	padding-left:35px;
}
#rayons .rayon img{	
	float:right;
	padding:5px;
	border: #607309 1px solid;
	margin: 25px 10px 5px 10px;}
	
/* ******************** STYLE DE LA PAGE SERVICE ******************** */
#IntroServices{
	float:left;
	width:845px;
}
#IntroServices p{
	float:left;
	width:505px;
	padding-left:55px;
}
#services{
	float:left;
	width:750px;
	padding-left:55px;
	border-bottom: 15px;
	padding-top: 15px;
}
#services ul{
	float:left;
	width:400px;
}
#services img{
	float:right;
	padding:5px;
	border: #607309 1px solid;
	margin: 15px 10px 5px 10px;
}
#services li{
	list-style-type:circle;
	padding-bottom: 12px;
}
#services ul{
	margin:0;
	padding-left:35px;
}
#contactus{
	float:left;
	width:845px;
}
#contactus p{
	float:left;
	width:505px;
	padding-left:55px;
}
/* ******************** STYLE DE LA PAGE ACTU ******************** */
#IntroActus {
	float:left;
	width:485px;
	padding-left:55px;
}
.actu{
	float:left;
	width:745px;
	padding-left:55px;
}
.actu p{
	padding-left:20px;
}
.actu .image{
	width:730px;
	padding-left:10px;	
	}

.actu .image img{
	float:left;
	padding:5px;
	border: #607309 1px solid;
	margin: 10px;}
/* ******************** STYLE DE LA PAGE CONTACT ******************** */
#contactTxt{
	width:300px;
	float:left;
}
#contactTxt p{
	padding:0 0 9px 10px;
}
#contactPlan{
	width:300px;
	float:left;
}
#contactPlan img{
	padding:5px;
	border: #607309 1px solid;
	margin:10px;
}
#formContact{
	float:left;
	width:500px;
	padding:10px 0 0 40px;
	color:#4E5C07;
	font-size:1.2em;}
	
#formContact input,textarea{
	float:left;
	/*width:100%;*/
	border:1px solid #7E9612;
	font-size:12px;
	margin-right:15px;
}
#formContact input:focus,textarea:focus{
	border-color:#4E5C07;
}
#formContact .champRequis{
	color:#FF9900;
}