/***************/
/**  GENERAL  **/
/***************/

/********COULEURS*******/
/*
vert clair : #b1cd4e;
vert foncé : #33502e;
bleu foncé : #144d5e;
*/

* { 
	margin:0px;
	padding:0px;
	}
body {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top:0px;
	text-align: center; 		/* Pour corriger le bug d'IE pour le centrage de la page */
	background-color:#b1cd4e;
	background-image: url('../images/degrade-vert.jpg');
	background-repeat: repeat-x;
	}
img { 
	border:none;
	}
.valign {
	vertical-align:middle; 
}
.image-gauche-texte {
	float:left;
	padding-right:10px;
}
.underline {
	text-decoration:underline;
}

/************************/
/**  TITRES ET TEXTES  **/
/************************/

h1 { 
	padding-top:18px; 
	padding-left:65px;
	padding-bottom:10px; 
	font-size:36px;
	color:#33502e;
	font-family:'Arial Black', Gadget, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	}
h2 {
	font-size:23px;
	color:#144d5e;
	font-family:'Arial Black', Gadget, sans-serif;
	padding-top:3px;
	padding-bottom:6px;
	padding-left:30px;
	}
h3 {
	clear: both;
	font-size:19px;
	color:#33502e;
	font-family:'Arial Black', Gadget, sans-serif;
	padding-top:3px;
	}
h4 {
	font-size:16px;
	color:#33502e;
	font-family:'Arial Black', Gadget, sans-serif;
	padding-top:3px;
	padding-left:20px;
	background-image: url('../images/opacity60.png');		/* Pour opacité sur fond mais pas sur texte */
	background-repeat: repeat-xy;
	}
h5 {
	font-size:15px;
	color:#33502e;
	font-family:'Arial Black', Gadget, sans-serif;
	padding-top:3px;
	padding-left:20px;
	clear: both;
	}
p {
	font-size:13px;
	font-family:Arial;
	color:#000000;
	text-align: justify;
	padding:5px 20px 10px 20px;	
	line-height: 17px;
	background-image: url('../images/opacity60.png');		/* Pour opacité sur fond mais pas sur texte */
	background-repeat: repeat-xy;
	}

.texte-petit {
	font-size:10px;
	}

.position {
	padding-left:50px;
	padding-top:8px;
	}

/*************/	
/**  LIENS  **/
/*************/
a {
	font-size:12px;
	font-family:Arial;
	color:#33502e;
	text-decoration:underline;
	font-weight: normal;
	}
a:hover {
	font-size:12px;
	font-family:Arial;
	color:#33502e;
	text-decoration:underline;
	font-weight: normal;
	}
a:active {
	text-decoration:underline;
	}
h2 a{
	font-size:23px;
	color:#144d5e;
	font-family:'Arial Black', Gadget, sans-serif;
	padding-top:3px;
	padding-bottom:6px;
	padding-left:30px;
	text-decoration:none;
	}
h2 a:hover{
	font-size:23px;
	color:#144d5e;
	font-family:'Arial Black', Gadget, sans-serif;
	padding-top:3px;
	padding-bottom:6px;
	padding-left:30px;
	text-decoration:none;
	}
h3 a{
	font-size:19px;
	color:#33502e;
	font-family:'Arial Black', Gadget, sans-serif;
	padding-top:3px;
	text-decoration:none;
	}
h3 a:hover{
	font-size:19px;
	color:#33502e;
	font-family:'Arial Black', Gadget, sans-serif;
	padding-top:3px;
	text-decoration:none;
	}
h5 a{
	text-decoration:underline;
	font-size:15px;
	color:#33502e;
	font-family:'Arial Black', Gadget, sans-serif;
	font-weight: bold;
	}
h5 a:hover{
	text-decoration:underline;
	font-size:15px;
	color:#33502e;
	font-family:'Arial Black', Gadget, sans-serif;
	font-weight: bold;
	}
.position a {
	font-weight: bold;
	}	
.position a:hover {
	font-weight: bold;
	}
.lien-big {
	font-size:16px;
	color:#33502e;
	font-family:'Arial Black', Gadget, sans-serif;
	font-weight: bold;
	padding-top:3px;
	padding-left:20px;
	}
.lien-big:hover{
	font-size:16px;
	color:#33502e;
	font-family:'Arial Black', Gadget, sans-serif;
	font-weight: bold;
	padding-top:3px;
	padding-left:20px;
	}
	
	
/**********************/	
/**  FOND ET BLOCKS  **/
/**********************/

.fond {
	width:940px;
	background-color:#b1cd4e;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	text-align: left;		/* Pour rétablir par rapport au bug d'IE sur le centrage de la page */
	background-image: url('../images/bois3.jpg');
	background-repeat: repeat-y;
	}
.fond-page {
	padding-top:20px;
	overflow:auto;
	}
.fond-blanc {
	overflow:auto;
	height:auto;
	text-align: justify;
	padding: 20px 30px 10px 40px;
	line-height: 17px;	
	background-image: url('../images/opacity60.png');		/* Pour opacité sur fond mais pas sur texte */
	background-repeat: repeat-xy;
	}
.conteneur_blanc	{		/* Astuce pour avoir fond blanc ou planche pour toute la page */
	clear: both;
	height:auto;
	}
.texte-large {
	width:880px;
	height:auto;
	margin:10px 30px 10px 30px;
	}
.block-2-colonnes{
	clear:both;
	width:940px;
	height:auto;
	padding-top:20px;
	}
.block-colonne{
	float:left;
	width:460px;
	}	
.vignette{
	width:180px;
	height:auto;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:20px;
	float:left;
	}
.desc-court{
	width:240px;
	height:auto;
	margin-top:10px;
	padding:10px 2px 10px 8px;	
	float:left;
	font-size:13px;
	font-family:Arial;
	color:#000000;
	line-height: 16px;
	text-decoration:none;
	background-image: url('../images/opacity60.png');		/* Pour opacité sur fond mais pas sur texte */
	background-repeat: repeat-xy;
	}
.desc-court a, .desc-court a:hover{
	font-size:15px;
	font-family:Arial;
	color:#000000;
	text-decoration:none;
	}
	
	
/*************/	
/**  LISTES **/
/*************/
.liste_generale {
	margin-bottom:15px;
	}
.liste_generale li {
	margin-left:100px;
	padding-top:5px;
	line-height: 15px;
	}
	
.liste_conseils {
	background-image: url('../images/opacity60.png');		/* Pour opacité sur fond mais pas sur texte */
	background-repeat: repeat-xy;
	padding-right:180px;
	padding-bottom:15px;
	}
.liste_conseils li {
	margin-left:80px;
	padding-top:5px;
	line-height: 15px;
	text-align: justify;
	margin-right:70px;	
	line-height: 17px;
	}
	
#liste_pdv {
	background-image: url('../images/opacity60.png');		/* Pour opacité sur fond mais pas sur texte */
	background-repeat: repeat-xy;
	float:left;
	width:50%;
	padding-bottom:15px;
	}
#liste_pdv li {
	margin-left:80px;
	padding-top:5px;
	font-size:18px;
	line-height: 25px;
	text-align: left;
	margin-right:70px;	
	}
#liste_pdv li a{
	font-size:14px;
	}


	
/***********************/	
/**  POINTS DE VENTE  **/
/***********************/
#form {
	background-image: url('../images/opacity60.png');		/* Pour opacité sur fond mais pas sur texte */
	background-repeat: repeat-xy;
	padding-left:160px;
	padding-bottom:15px;
	}
#departements {
	margin-left:80px;
	padding-top:3px;
	}
#tab_pdv {
	padding-top:5px;
	background-image: url('../images/opacity60.png');		/* Pour opacité sur fond mais pas sur texte */
	background-repeat: repeat-xy;
	}
#tab_pdv  td{
	padding:5px 10px 5px 20px;
	font-size:10px; 
	border-top: 1px solid #ffffff;
	}

	
/***************/	
/**  CONTACT  **/
/***************/
#contact { 
	width:650px;
	padding:15px 0px 15px 50px; 
	margin:10px 20px 0px 30px;
	font-weight:bold;
	color:#ffffff;
	background-color:#33502e;
	}
#contact  td{ 
	padding-top:8px;	
	}
	

/**************/	
/**  LE BIO  **/
/**************/	
.conteneur_bio{
	width:720px;
	height:auto;
	margin-top:2px;
	}
.photo_bio{
	width:140px;
	margin-top:5px;
	padding-left: 15px;
	float:left;
	}
.texte_bio{
	width:545px;
	height:90px;
	margin-top:22px;
	padding-left: 20px;
	float:left;
	}
	
/****************/	
/**  CONCOURS  **/
/****************/	
.photo-concours{
	width:320px;
	height:200px;
	margin-top:17px;
	padding-left:60px;
	margin-right:60px;
	float:left;
	}
.texte_concours{
	width:545px;
	margin-top:22px;
	padding-left: 50px;
	float:left;
	}
#infos {display:none;}
.error {color:#F08C24;margin-left:5px;}
#content {margin-left:60px;padding-top:20px;line-height:20px;}
#ajax {display:none;}
#fond_mon_vitabio {height:auto;padding-bottom:20px;}
h2 {margin:10px 0px 5px 0px;}
form p {margin-left:10px;}
.todo {font-size:140%;font-style:italic;color:#f08c24;}
label {width: 230px;float: left;text-align: right;margin-right: 20px;display: block}
label.error {width: auto;float: none;text-align: left;margin-right: 0em;display: inline;color:#F08C24;padding:2px;border:dashed 1px #F08C24;} 
p.error {text-align: left;margin-right: 0em;color:#F08C24;padding:2px;}
hr {clear:both;border:none;height:0px;}
input#svalid, input#svalidphp {margin-left:250px;}
input#cnewsletter, input#cnewsletterphp {margin-top:10px;}
#questions p input, #questionsphp p input {margin-right:10px;float:left;display:block;margin-top:2px;}