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

}



.maj{

	text-transform:uppercase;

	font-size:1.1em;

	color:#675336;

	font-weight:bold;

}



.haut-page{

	float:right;

}



#contenuTexte .paragraphe-image{

	line-height:30px;

	float:left;

	width:280px;

	margin:3px 0;

}

#contenuTexte .paragraphe-image2{

	line-height:23px;

	float:left;

	width:280px;

	margin:10px 0;

}



.image-gauche{

	float:left;

	margin-right:10px;

}





#contenuTexte ol{

	margin:10px 0 15px 5px;

	/*width:280px;*/

}

#contenuTexte ol li{

	margin:5px 0;

	font-size:12px;

	text-align:justify;

	list-style:none;

	line-height:18px;

	font-weight:bold;

	padding-left:30px;

	background:url(../images/charte/puce.gif) top left no-repeat;

}



#contenuTexte ol.cereales{

	margin:0px 0 15px 5px;

	width:280px;

	float:left;

}

#contenuTexte ol.cereales li{

	margin:20px 0;

	font-size:12px;

	text-align:justify;

	list-style:none;

	line-height:18px;

	font-weight:bold;

	padding-left:30px;

	background:url(../images/charte/puce.gif) top left no-repeat;

}



#contenuTexte  ol.accueil{

	width:250px; 

	float:left;

	margin:0px 0 15px 5px;

}







/*------------- STYLE DE LA PAGE ENCART INFO PRESENT SUR TOUTES LES PAGES ------------*/



#encart-info{

	/*border:1px dashed #3C5F7F;*/

	padding:13px 10px 10px 0px;

	width:208px;

	height:69px;

	margin:50px auto 10px auto;

	background:url(../images/charte/encart-info.gif) no-repeat top left;

}

#contenuTexte #encart-info p{

	text-align:center;

	font-size:14px;

	font-weight:bold;

	color:#fff;

	margin:0;

}

#contenuTexte #encart-info p a{

	color:#33393D;

}













/*------------- STYLE DE LA PAGE Contact ------------*/



#formulaire-gauche{

	width:290px;

	border-right:1px dashed #CCCCCC;

	padding-right:10px;

	margin-right:15px;

	float:left;

	margin-top:15px;

}



#formulaire-droite{

	width:190px;

	float:left;

	margin-top:15px;

}

#contenuTexte #formulaire-droite p{

	font-size:12px;

	line-height:15px;

	text-align:left;

}



#contenu #formulaire-droite .color{

	margin-bottom:10px;

}

#contenu #formulaire-droite .plan-acces{

	margin:10px 0;

}



#formulaire-gauche input{

	background:none;

	border:1px solid #4872A2;

	width:150px;

	font-family:Arial, Helvetica, sans-serif;

	color: #333333;

}

#formulaire-gauche textarea{

	width:150px;

	border:1px solid #4872A2;

	background:none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#333333;

}

#formulaire-gauche .boutons{

	padding-left:130px;

}

*html #formulaire-gauche .boutons{

	padding-left:133px;

}

#contenu #formulaire-gauche .boutons input{

	width:74px;

}

#contenu #formulaire-gauche p{

	margin:5px 0;

}

#formulaire-gauche label{

	width:130px;

	float:left;

}

.obligatoire{

	color:#990000;

}

/************************ ENCART *************************/

#encart {
	position:absolute;
	top:50px;
	right:60px;
	width:100px;
}

#dosage {
	width:500px;
	height:600px;
}

#dosage table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#505050;
	text-align:center;
}

#dosage .liste{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#505050;
	text-align:left;
	margin:0 10px 0 10px;
}