/******************************* PAR DEFAUT *****************************/
BODY, DIV, IMG, P, SPAN, UL, LI, A {
	margin:0px;
	padding:0px;
	border:0px;
}

UL {
	margin-left:15px;
}

/**
TABLE, TD {
	border:collapse;
	vertical-align:top;
}
**/


DIV, P, SPAN, UL, LI, A, TEXTAREA {
	font: 10px verdana, arial, lucida, helvetica, sans-serif;
	color:#000;
	text-align:left;
	background:none;
}

A {	text-decoration:none;}
A:hover { text-decoration:underline; }

#container {
	width:796px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:auto;
}

#main {
	padding-bottom:20px;
}

.texte,
.texte LI,
.texte A {
	font-size:11px;
	line-height:14px;
	/*text-align:justify;*/
}

.chapo {
	font-size:12px;
	font-weight:bold;	
	color:#CCAA60; /* Marron : CCAA60, Vert : 9AA82F */
}

/******************************* HEADER & MENU HAUT *****************************/
#header {
	position:relative;
	margin-top:5px;
	width:100%;
	height:190px;
	background :url(../../images/fonds/header.jpg) top left no-repeat;
}

#menu {
	position:absolute;
	top:28px;
	left:175px;
}

#menu P {
	float:left;
	padding:0px 5px 0px 5px;
	border-left:solid 1px white;
}

#menu P.first {
	border-left:solid 1px black;
}

#menu A { color:white; text-decoration:underline; }
#menu A:hover,
#menu A.selected { text-decoration:none; }


/**************************** FOOTER **************************************/
#footer {
	float:none;
	clear:both;
	border-top:solid 1px #8B7E60;
}
#footer P, 
#footer A {
	text-align:center;
	color:#BEBEBE;
	margin:8px 0px 0px 0px;
}

/****************************** BLOC DE GAUCHE *****************************/
#blocGauche {
	float:left;
	position:relative;
	margin-top:5px;
}

/****************************** BLOC DE DROITE *****************************/
#blocDroite {
	float:left;
	width:180px;
	top:0;
	padding-top:5px;
	/*min-height:408px;*/
}

#sante {padding-top:12px;}

#saveurs {padding-top:12px;}

#video {padding-top:12px;}

#menu_saveurs DIV,
#menu_sante DIV,
#menu_actualites DIV {
	height:20px;
	margin-top:1px;
}

#menu_saveurs DIV P,
#menu_sante DIV P {
	float:left;
	margin-left:5px;
	padding-top:3px;
}

#menu_actualites DIV P {
	margin-left:5px;
	padding-top:2px;
}

#blocDroite DIV P IMG { margin-right:5px; }
#blocDroite DIV IMG { margin-top:0px;}
#blocDroite DIV A:hover { text-decoration:none }

#menu_actualites DIV.element {	background-color:#E5D4AF; padding-bottom:0px;}
#menu_actualites DIV.selected { background-color:#CCAA60; padding-bottom:0px; }
#menu_saveurs DIV.element {	background-color:#E5D4AF; }
#menu_saveurs DIV.selected { background-color:#CCAA60; }
#menu_sante DIV.element {	background-color:#E5EAB4; }
#menu_sante DIV.selected { background-color:#869229; }

#accroche_morceaux {
	margin-top:20px;
}

#pdf {
	margin-top:20px;
}

/**************************** CORPS DE LA PAGE **************************************/
#main {
	float:left;
	min-height:2px;
}

#saveurs_sante,
#fiche
{
	width:366px;
	margin:20px 10px 0px 10px;
}

#corps,
#base
{
	width:340px;
	margin:20px 10px 0px 10px;
}

#recettes
{
	width:340px;
	margin:20px 10px 0px 10px;
}

#actu
{
	width:362px;
	margin:20px 10px 0px 10px;
}

#trouver
{
	width:365px;
	margin:20px 10px 0px 10px;

}

#cote
{
	width:367px;
	margin:20px 10px 0px 10px;
}



IMG.titre {
	margin-bottom:10px;
}

#saveurs_sante P {
	font-size:12px;
}

/*#corps P {
	font-size:12px;
}*/

.droits {
	float:left;
	clear:both;
	text-align:center;
	margin-top:10px;
	color:#999999;
	font-style:italic;
}

.test {
	font-size:16px;
	text-align:left;
	margin-top:10px;
	color:#999999;
	font-style:normal;
}

/******************************* ACCUEIL ***************************************/
#recetteDuJour A:hover {text-decoration:none; }

#accroche {
	position:absolute;
	top:410px;
	left:98px;
	font-size:11px;
	width:150px;
}

#accueil {
	text-align:center;
	width:340px;
	margin:20px 10px 0px 10px;
}

#accueil P {
	margin:20px 20px 10px 20px;
	/*text-align:justify;*/
}


/******************************* ACTUALITE ***************************************/

.texte_actu {
	font-size:11px;
	line-height:14px;
	text-align:justify;
	margin:0px 20px 10px 20px;
}

.chapo_actu {
	font-size:14px;
	font-weight:bold;	
	color:#CCAA60; /* Marron : CCAA60, Vert : 9AA82F */
	margin:0px 20px 0px 20px;
}


.lien_actu {
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	/*text-decoration:underline;*/
	color:#333333; /* Marron : CCAA60, Vert : 9AA82F */
}

IMG.actu {
	margin-bottom:5px;
	margin-top:5px;
	margin:10px 20px 10px 20px;
}

/**************************** RECETTES ********************/
/***** Col de gauche ****/
#colRecettes {
	position:relative;
	width:228px;
	height:500px;
	background :url(../../images/fonds/recettes.jpg) top left no-repeat;
}

#colRecettes P {
	position: absolute;
	top:380px;
	left:20px;
	font-size:11px;
}

/***** Liste ****/
#liste P.titre {
	height:32px;
	background :url(../../images/fonds/recette_titre.jpg) top left repeat-x;
	margin:10px 0px 0px 0px;	
	font-size:14;
	font-weight:bold;
	color:#C09841;
}


/***** Fiches ****/
#recettes IMG.titre {
	margin-left:35px;
}
#recettes UL {
	margin:10px 0px 0px 40px;
	list-style-position: outside;
}

#recettes LI {
	font-size:10px;
	color:#333333;
	margin:0px;
	margin-bottom:10px;
	margin-right:35px;
}

#recettes A {
	font-size:11px;
	color:#333333;
	font-weight:normal;	
}

#infos {
	position:relative;
	width:229px;
	height:319px;
	background :url(../../images/fonds/recette.jpg) top left no-repeat;
}

/****** Cas de fiche sans encart idée ***********/
#infos2 {
	position:relative;
	width:229px;
	height:319px;
	background :url(../../images/fonds/recette2.jpg) top left no-repeat;
}

#vins {
	position:absolute;
	top:38px;
	left:25px;
}

#idee {
	position:absolute;
	top:140px;
	left:22px;
}

#idee_chef {
	position:absolute;
	top:330px;
	left:10px;
}


#idee_chef_top,
#idee_chef_bottom{
position:relative;
width:208px;
height:10px;
clear:both;
}

#idee_chef_top{
background :url(../../images/fonds/idee_chef_top_bck.gif) top left no-repeat;
}

#idee_chef_bottom{
background :url(../../images/fonds/idee_chef_bottom_bck.gif) top left no-repeat;
}

#idee_chef_center {
	width:188px;
	padding:0 10px;
	height:auto;
	background :url(../../images/fonds/idee_chef_center_bck.gif) top left repeat-y;
}

#abus {
	position:absolute;
	top:285px;
	left:20px;
	font-style:italic;
}

#infos #lienRecette {
	display:block;
	position:absolute;
	width:225px;
	height:30px;
	top:230px;
	left:0px;
}

/****** Cas de fiche sans encart idée ***********/
#infos #lienRecette2 {
	display:block;
	position:absolute;
	width:225px;
	height:30px;
	top:230px;
	left:0px;
}

#fiche IMG {
	margin-left:5px;
}
#fiche P {
	padding:5px 0px 0px 5px;
	font-size:11px;
}
#fiche P.titre {
	height:32px;
	background :url(../../images/fonds/recette_titre.jpg) top left repeat-x;
	margin:10px 0px 0px 0px;	
	font-weight:bold;
	color:#C09841;
}

#retour P, 
#retour A {
	text-align:center;
	color:#BEBEBE;
}




/***************************** MORCEAUX *******************/
#choisir {
	position:relative;
	width:229px;
	height:625px;
	background :url(../../images/fonds/morceaux.jpg) top left no-repeat;
}

#animation {
	position:absolute;
	top:8px;
	left:10px;
}

#conseils {
	position:absolute;
	top:226px;
	left:0px;
	width:100%;
	height:140px;
	text-decoration:none;
}

#conseils P {
	position:absolute;
	top:28px;
	left:95px;
	font-size:10px;
}

#braiser {
	float:left;
	width:359px;
	height:170px;
	background :url(../../images/fonds/morceaux_braiser.jpg) top left no-repeat;
}

#griller {
	float:left;
	width:360px;
	height:170px;
	background :url(../../images/fonds/morceaux_griller.jpg) top left no-repeat;
}

#rotir {
	float:left;
	width:360px;
	height:170px;
	background :url(../../images/fonds/morceaux_rotir.jpg) top left no-repeat;
}

#braiser P,
#griller P,
#rotir P {
	font-size:11px;
	margin:40px 15px 15px 150px;
}

/*************************** CONSEILS **********************/
#saison {
	position:relative;
	width:228px;
	height:425px;
	background :url(../../images/fonds/conseils.jpg) top left no-repeat;
}

#saison P {
	position: absolute;
	top:300px;
	left:20px;
	font-size:11px;
}

#menu_conseils {
	float:left;
	width:360px;
	height:127px;
	background :url(../../images/fonds/conseils_cadre.jpg) top left no-repeat;
}

#menu_conseils DIV {
	float:left;
}

#menu_conseils UL {
	margin:10px 0px 0px 50px;
	list-style-position: outside;
}

#menu_conseils LI,
#menu_conseils A {
	font-size:12px;
	color:#9F751C;
	margin:0px;
	margin-bottom:10px;
}

#menu_conseils A {
	color:#C09841;
}
#menu_conseils A.selected {
	font-weight:bold;
	text-decoration:underline;
}

#conseil {
}

#conseil IMG { margin:20px 0px 10px 0px; }
#conseil P {font-size:11px; text-align:left; padding:0px 5px 0px 0px; }

/************************** BOUCHER ***********************/
#demande {
	position:relative;
	width:228px;
	height:425px;
	background :url(../../images/fonds/boucher.jpg) top left no-repeat;
}

#demande P {
	position: absolute;
	top:285px;
	left:20px;
	margin-right:10px;
	font-size:11px;
}

.H1 {
	font-size:12px;
	color:#C09841;
	font-weight:bold;
}

/************************* CONTACT *************************/
#adresse {
	text-align:center;
	font-size:13px;
}

#adresse A {
	font-size:13px;
	font-weight:bold;
}


/************************** FORMULAIRE ********************/
#message {
	margin-top:10px;
	margin-bottom:20px;	
}
#message P {
	width:95%;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:red;
	background-color:#E9E4E4;
	border:solid 1px #999999;
}
#msgValidation {
	padding:20px;
	font-size:12px;
	font-weight:bold;
	color:#3D67A2;
}

#coordonnees {
	margin-top:10px;
	color:#3D67A2;
}



/******* Noms des champs ****************/

.formulaire-row {
	float:left;
	vertical-align:middle;
	padding:2px 0px 3px 0px;
	/*background-color:#ff0000;*/
}

.formulaire-row,
.formulaire-row LABEL {
	font:11px verdana,arial;
	/*font-weight:bold;
	color:#3D67A2;
	*/
}

.formulaire-row LABEL {
	float:left;
	width:100px;
	text-align:right;
	margin:0px 5px 5px 0px;	
}

/******* Champs ****************/
.formulaire-row INPUT.text, 
.formulaire-row TEXTAREA {
	width:210px;
	font-size:11px;
	background-color:#E2D4B7; /* Marron : CCAA60, Vert : 9AA82F */
}

#form_adresse,
#form_remarques {
	font-size:11px;
}

.formulaire-row TEXTAREA  {
	height:80px;
}


INPUT.submit {
	font-size:11px;	
	font-weight:bold;
	margin:10px 0px 0px 0px;
	padding:2px 5px 2px 5px;
	background-color:#E2D4B7;
}


/*----------------- Blocs col de gauche ----------- */
#marques {
	position:relative;
	width:230px;
	height:625px;
	background :url(../../images/fonds/colG_neutre2.jpg) top left no-repeat;
}

#pros {
	position:relative;
	width:230px;
	height:625px;
	background :url(../../images/fonds/colG_pros.jpg) top left no-repeat;
}

#cote_sante {
	position:relative;
	width:230px;
	height:500px;
	background :url(../../images/fonds/colG_sante.jpg) top left no-repeat;
}

#cote_sante1 {
	position:relative;
	width:230px;
	height:500px;
	background :url(../../images/fonds/colG_sante1.jpg) top left no-repeat;
}

#cote_sante2 {
	position:relative;
	width:230px;
	height:500px;
	background :url(../../images/fonds/colG_sante2.jpg) top left no-repeat;
}

#contact {
	position:relative;
	width:230px;
	height:525px;
	background :url(../../images/fonds/colG_neutre3.jpg) top left no-repeat;
}


/********* Page MENTIONS *********/

#main_cgvd{
position:relative;
height:auto;
margin:10px 20px 20px 20px;
background-color:#f5f4f1;
padding-left:10px;
}

#header_cgvd{
position:relative;
width:auto;
margin-left:-10px;
height:110px;
background-image: url(../../images/fonds/header_cgvd.jpg);
background-position:left top;
background-repeat:no-repeat;
}


#main_cgvd h1{
position:relative;
padding:10px 5px 10px 15px;
margin:0px;
margin-left:-10px;
font-size:21px;
color:#fff;
height:45px;
background-image: url(../../images/fonds/bando_cgvd.jpg);
background-position:left top;
background-repeat:no-repeat;
font-weight:normal;
text-transform:uppercase;

}


.unArticle{
position:relative;
padding:5px;
width:690px;
height:auto;
}

.unArticle h2{
position:relative;
padding:10px 0 10px 0;
font-size:16px;
color:#000;
font-weight:bold;
}

.unArticle h3{
position:relative;
padding:5px 0 5px 0px;
font-size:14px;
color:#000;
font-weight:bold;
}

.unArticle p{
position:relative;
padding-left:0px;
font-size:13px;
color:#000;
padding-bottom:10px;
}

.unArticle ul{
position:relative;
padding-left:30px;
font-size:12px;
color:#000;
padding-bottom:5px;
list-style:outside;
}

.unArticle a {
color:#C09841;
font-weight:bold;
font-size:12px;
}