@charset "utf-8";
/* CSS Document */

/***************************************************
****************************************************
***********                            *************
***********     STYLES PAGES TYPES     *************
***********                            *************
****************************************************
***************************************************/


/*************************
*                        *
*   DÉCOUPAGE DES PAGES  *
*                        *
*************************/

#global {
	width: 951px;
	height: auto;
}


/*************
*            *
*   HEADER   *
*            *
*************/

#header {
	width: 951px;
	background: url(../images/structure/header.png) no-repeat;
	
}

/****** FIL D'ARIANE ******/

#fil {
	float: left;
	margin: 32px 0px 15px 30px;
	font-size: 9px;
	color: #018861;
}

#fil .page_selectionnee {
	color: #007150;
	text-decoration: underline;
}

/*************
*            *
*    PAGE    *
*            *
*************/

#page {
	width: auto;
	margin: 0 0 15px 0;
	padding: 0 20px;
	height: auto;
	float: none;
	font-size: 11px;
	background: url(../images/custom/type.jpg) no-repeat;
}

#page .bloc {
	width: 100%;
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px;
}

#page .bloc .titre {
	margin-bottom: 30px;
	margin-left: 30px;
}

#page .bloc .texte {
	text-align: justify;
}

#page .bloc .texte img.gauche{
	float: left;
	margin: 0px 15px 5px 0px;
}

#page .bloc .texte img.droite{
	float: right;
	margin: 0px 0px 5px 15px;
}

#page .bloc .texte a {
	color: #76AF49;
	text-decoration: none;
}
#page .bloc .texte a:hover {
	text-decoration: underline;
}

/****** STYLES DE TEXTES ******/

span.sousmenu {
	background: url('../images/structure/puce1.gif') no-repeat 0px 1px;
	padding-left: 16px;
	font-weight: bold;
	color: #018861;
}

span.rubrique {
	background: url('../images/structure/puce2.gif') no-repeat 0px 2px;
	padding-left: 10px;
	font-weight: bold;
	color: #76af49;
}

/****** FORMULAIRES ******/

#formulaire {
	width: 500px;
}

#formulaire .form_intitule {
	clear: both;
	float: left;
	width: 105px;
	line-height: 18px;
}

#formulaire .form_valeur {
	float: left;
	margin: 2px 0px;
	_margin: 1px 0px;
	font-size: 11px;
}

#formulaire .champTexte{
	width: 300px;
	height: 12px;
	color: #333333;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#formulaire .zoneTexte {
	width: 300px;
	height: 150px;
	color: #333333;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#formulaire .listeDeroulante {
	width: 303px;
	_width: 306px;
	height: 16px;
	_height: 18px;
	color: #333333;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#formulaire .champFichier {
	width: 300px;
	height: 18px;
	color: #333333;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#formulaire .btnSubmit {
	height: 18px;
	font-size: 11px;
}


/****** blocSmall ******/

.blocRecette {
	float: left;
	width: 400px;
	border: 1px solid #80bd4f;
	padding: 10px;
}
.blocGamme{
	float: left;
	width: 400px;
	border: 1px solid #80bd4f;
	padding: 10px;
}

/* NEWSLETTER */
#newsletter {}
	#newsletter h2 {
		font-size: 1em;
	}
	#newsletter #legal {
		color: #999;
		font-size: 0.8em;
		margin: 10px 0;
	}
		#newsletter #legal p {
			margin: 0 0 5px 0;
		}
		#newsletter #legal a {
			color: #999;
			text-decoration: underline;
		}
		#newsletter #legal a:hover { text-decoration: none; }
	#newsletter form {
		margin: 10px 0;
		padding: 0;
	}
		#newsletter form fieldset {
			border: 0;
			margin: 0;
			overflow: hidden;
			padding: 0;
			width: 100%;
		}
			#newsletter form fieldset legend {
				font-size: 0;
				line-height: 0;
				height: 0;
				margin: 0;
				overflow: hidden;
				padding: 0;
				text-indent: -9999px;
			}
			#newsletter form fieldset dl.property {
				clear: left;
				display: inline;
				float: left;
				line-height: 20px;
				margin: 0;
				overflow: hidden;
				padding: 0;
				width: 100%;
			}
			#newsletter form fieldset dl.email {
				background: #DEEFDF;
				width: 350px;
			}
				#newsletter form fieldset dl.property dt {
					display: inline;
					float: left;
					margin: 0;
					padding: 2px;
					width: 130px;
				}
					#newsletter form fieldset dl.property dt label {
						font-weight: bold;
					}
						#newsletter form fieldset dl.property dt label a.note {
							color: #000;
							text-decoration: none;
						}
				#newsletter form fieldset dl.property dd {
					display: inline;
					float: left;
					margin: 0;
					padding: 2px;
				}
					#newsletter form fieldset dl.property dd input.text,
					#newsletter form fieldset dl.property dd textarea {
						width: 200px;
					}
					#newsletter form fieldset dl.postalcode dd input.text {
						width: 100px;
					}
				#newsletter form fieldset dl.property dd.error {
					color: #e81111;
					font-weight: bold;
				}
			#newsletter form fieldset dl.checkbox {}
				#newsletter form fieldset dl.checkbox dt {
					float: right;
					text-align: left;
					width: 735px;
				}
				#newsletter form fieldset dl.checkbox dd {
					float: left;
					text-align: right;
					width: 150px;
				}
			#newsletter form fieldset .actions {
				margin: 0 0 0 355px;
				padding: 0;
			}
				#newsletter form fieldset .actions input.submit {
					background: #279746;
					border: 1px solid #1E7335;
					color: #FFF;
					cursor: pointer;
					font-weight: bold;
					outline: 0;
					overflow: visible;
					padding: 3px 10px;
					width: auto;
				}
			#newsletter form fieldset .info {
				clear: left;
				margin: 0;
				padding: 5px 0;
			}
				#newsletter form fieldset .info a.note {
					color: #000;
					font-size: 0.8em;
					font-style: italic;
					text-decoration: none;
				}
	#newsletter .success {
		font-size: 1.2em;
		margin: 15px 0 35px 0;
		text-align: center;
	}
		#newsletter .success p {
			margin: 10px 0;
		}