/* CSS Document */
html, body{height:100%;}

body
{
	margin: 0 auto 0 auto ;
	padding: 0 ;
	top:0;
	left:0;
	text-align: center ;
	font: 11px Trebuchet MS, helvetica, sans-serif ;
	background:url(../Templates/images_v2/bg_body.png) 0 1px repeat-x;
	color:#666666;
}
img{border:0;}



/* ######CONTENEUR GLOBAL###########*/
div#conteneur
{
    width: 990px ;
	position:relative;
	float:left;
	margin:0;
	top:0;
	left:0;
	padding:30px 12px 0 12px;
	text-align: left ;
	background:url(../Templates/images_v2/fond_global.png) 0 0 no-repeat;
	z-index:100;
}
/* #################################*/

/* ######HAUT DE PAGE###########*/
div#header
{
	width:990px;
	position:relative;
	float:left;
	padding:0;
	margin:0;
	z-index:100;
	
}
div#logo
{
	width:230px;
	height:130px;
	position:relative;
	float:left;
}
div#pubhaut{
	position:relative;
	float:right;
	margin:20px 20px 0 0;
	top: 0;
	left: 0;
	width: 728px;
	height: 90px;
	text-align: center;
}

/* MENU du HAUT */

div#subheader{width:970px;
	height:30px;
	position:relative;
	float:left;
	left:1px;
	padding:0 9px 0 9px;
	margin:0 1px 0 0;
	background:url(../Templates/images_v2/fond_menu_haut.jpg) 0 0 repeat-x;
	z-index:100;
	}
div#accroche{width:218px;
	height:30px;
	position:relative;
	float:left;
	}	
#accroche h1
{
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	line-height:30px;
	display:inline;
}

div#menu_haut{width:498px;
	position:relative;
	float:left;
	z-index:100;
	margin:0;
	top:0;
	left:0;
	}
	
		/* rouges */
		.hover_menu1
		{
					display:block;
					width:100px;
					height:30px;
					font:bold 14px/30px Trebuchet MS, helvetica, sans-serif ;
					text-decoration: none;
					color: #FFF;
					background:url(../Templates/images_v2/menu_haut/rouges.png) -100px 0;
					padding:0;
					text-align:center;
		}
		.pas_hover_menu1
		{
					display:block;
					width:100px;
					height:30px;
					font:bold 14px/30px Trebuchet MS, helvetica, sans-serif ;
					text-decoration: none;
					color: #FFF;
					padding:0 0 0 0;
					background:url(../Templates/images_v2/menu_haut/rouges.png) 0 0; 
					text-align:center;
		}
		/* blancs */
		.hover_menu2
		{
					display:block;
					width:99px;
					height:30px;
					font:bold 14px/30px Trebuchet MS, helvetica, sans-serif ;
					text-decoration: none;
					color: #FFF;
					background:url(../Templates/images_v2/menu_haut/blancs.png) -99px 0;
					padding:0;
					text-align:center;
		}
		.pas_hover_menu2
		{
					display:block;
					width:99px;
					height:30px;
					font:bold 14px/30px Trebuchet MS, helvetica, sans-serif ;
					text-decoration: none;
					color: #FFF;
					padding:0 0 0 0;
					background:url(../Templates/images_v2/menu_haut/blancs.png) 0 0; 
					text-align:center;
		}
		/* rosés */
		.hover_menu3
		{
					display:block;
					width:90px;
					height:30px;
					font:bold 14px/30px Trebuchet MS, helvetica, sans-serif ;
					text-decoration: none;
					color: #FFF;
					background:url(../Templates/images_v2/menu_haut/roses.png) -90px 0;
					padding:0;
					text-align:center;
		}
		.pas_hover_menu3
		{
					display:block;
					width:90px;
					height:30px;
					font:bold 14px/30px Trebuchet MS, helvetica, sans-serif ;
					text-decoration: none;
					color: #FFF;
					padding:0 0 0 0;
					background:url(../Templates/images_v2/menu_haut/roses.png) 0 0; 
					text-align:center;
		}
		/* effervescents */
		.hover_menu4
		{
					display:block;
					width:116px;
					height:30px;
					font:bold 14px/30px Trebuchet MS, helvetica, sans-serif ;
					text-decoration: none;
					color: #FFF;
					background:url(../Templates/images_v2/menu_haut/efferv.png) -116px 0;
					padding:0;
					text-align:center;
		}
		.pas_hover_menu4
		{
					display:block;
					width:116px;
					height:30px;
					font:bold 14px/30px Trebuchet MS, helvetica, sans-serif ;
					text-decoration: none;
					color: #FFF;
					padding:0 0 0 0;
					background:url(../Templates/images_v2/menu_haut/efferv.png) 0 0; 
					text-align:center;
		}
		/* annuaire */
		.hover_menu5
		{
					display:block;
					width:93px;
					height:30px;
					font:bold 14px/30px Trebuchet MS, helvetica, sans-serif ;
					text-decoration: none;
					color: #FFF;
					background:url(../Templates/images_v2/menu_haut/annuaire.png) -93px 0;
					padding:0;
					text-align:center;
		}
		.pas_hover_menu5
		{
					display:block;
					width:93px;
					height:30px;
					font:bold 14px/30px Trebuchet MS, helvetica, sans-serif ;
					text-decoration: none;
					color: #FFF;
					padding:0 0 0 0;
					background:url(../Templates/images_v2/menu_haut/annuaire.png) 0 0; 
					text-align:center;
		}

#menu_haut dl,#menu_haut dt,#menu_haut dd,#menu_haut ul,#menu_haut li {
			margin: 0;
			padding: 0;
			list-style-type: none;
			z-index:100;
			}
				#menu_haut dl {
				float: left;
				margin: 0 0 0 0;
				}
				
				
				/* SOUS LISTES */
				#menu_haut dd {
							position:absolute;
							display: none;
							width:200px;
							}
				#menu_haut li {
							text-align: left;
							}
				#menu_haut li.arrondi_haut {line-height:10px;
											background-color:#B28003;
											}
				#menu_haut li.arrondi_bas {line-height:10px;
											background:url(../Templates/images_v2/menu_haut/arrondi_sous_liste.jpg) 0 0 no-repeat;
											}
				#menu_haut li a {
							color:#fff;
							text-decoration: none;
							display: block;
							height: 100%;
							border: 0 none;
							padding-left:12px;
							padding-right:6px;
							background-color:#B28003;
							font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
							}
				#menu_haut li a:hover, #menu_haut li a:focus {
															background-color:#E1A814;
															color:#000;
															}

div#recherche{width:252px;
	height:30px;
	position:relative;
	float:left;
	background:url(../Templates/images_v2/menu_haut/fond_recherche.png) 0 0 no-repeat;
	}	

/* FIN MENU DU HAUT */

/* contenu global ( menus + centre) */
div#global{
  margin-top:10px;
  width:100%;
  text-align:left;
  float:left;
  padding:0;
}


	/* ######MENU GAUCHE###########*/
	div#sidebar_gauche{
						float:left;
						left:0;
						width:162px;
						padding-left:9px
						}
	div.menu_gauche
	{
	width:162px;
	position:relative;
	padding:0;
	margin:0;
	top:0;
	left:0;
	float:left;
	background:url(../Templates/images_v2/menu_gauche/fond_menu_gauche.png) 0 0 repeat-y;
	}
	.entete_gauche{width:162px;
					height:24px;
					position:relative;
					float:left;
					padding:0;
					margin:0;
					top:0;
					left:0;
					background:url(../Templates/images_v2/menu_gauche/entete_gauche.jpg) 0 0 no-repeat;
					}
	.entete_gauche h2{font:bold 14px/24px "Trebuchet MS";
						padding-left:10px;
						margin:0;
						top:0;
						left:0;
						color:#FFFFFF;
						}
	.arrondi_bas_menu_gauche{width:162px;
							height:6px;
							position:relative;
							float:left;
							padding:0;
							margin:0;
							background:url(../Templates/images_v2/menu_gauche/arrondi_bas_menu_gauche.png) 0 0 no-repeat;
							}
	.menu_gauche ul{margin: 0;
					padding-left: 9px;
					list-style-type: none;
					}
	.menu_gauche li a{font:normal 11px/12px "Trebuchet MS";
						color:#333333;
						text-decoration:none;}
	.menu_gauche li a.coeur{font:normal 11px/12px "Trebuchet MS";
						color:#333333;
						text-decoration:none;}
	.menu_gauche li a:hover{text-decoration:underline;}
	
	
	/* pub google gauche */
	div.pub_google_gauche
	{
	float:left;
	width:162px;
	text-align:center;
	}	

/* contenu central */
div#content{width:524px;
			float:left;
			margin:0 11px 0 11px;
			padding:0;
			top:0;
			left:0;
			}	
			
	/* BALISES GENERALES CENTRE */
	div#content h2
				{
				background:url(../Templates/images_v2/h2_100.png) 0 0 no-repeat ;
				font-size:14px;
				font-weight:bold;
				padding:0 10px 10px 10px;
				margin:0px;
				line-height:24px;
				width:504px;
				height:24px;
				position:relative;
				float:left;
				color:#333333;
				}
	div#content h2.half
				{
				background:url(../Templates/images_v2/h2_50.png) 0 0 no-repeat ;
				font-size:14px;
				font-weight:bold;
				padding:0 10px 10px 10px;
				margin:0px;
				line-height:24px;
				width:230px;
				height:24px;
				position:relative;
				float:left;
				color:#333333;
				}
	div#content p{font:normal 12px/18px "Trebuchet MS";
					text-align:justify;
					margin:0;
					padding:0;
					top:0;
					left:0;
					color:#666666;
					}
	div#content h3{color:#CC0000;}
	.rouge{
		color:#CC0000;
	}
	div#content h4{color:#000000;
					font-weight:bold;}
	div#content .lienh3{color:#CB0000;
			font-weight:bolder;
			text-decoration:none;
			}
	div#content .lienh3:hover{color:#CB0000;
	text-decoration:underline;
			}
	
	.lien_loupe{color:#333333;
			font-weight:bolder;
			text-decoration:none;
			background:url(../Templates/images_v2/loupe.gif) 0 0 no-repeat;
			padding-left:25px;
			}
	.lien_loupe:hover{color:#000000;
	text-decoration:underline;
			}
	
	div#content table
					{
					width:100%;
					padding:0px;
					border-spacing:0px;
					border-collapse:collapse;
					}
	div#content a{color:#666666;
					text-decoration:underline;
					}
	div#content a:hover{color:#333333;}

		/* ###### Blocs Page accueil ###########*/
		div#bloc_gauche{
		float:left;
		width:248px;
		border:#CCCCCC 1px solid;
		height:150px;
		margin-bottom:10px;
		}
		div#bloc_droit{
		float:right;
		width:248px;
		border:#CCCCCC 1px solid;
		height:150px;
		margin-bottom:10px;
		}
		/* ###### Blocs ANNUAIRE ###########*/
		div#bloc_gauche_annuaire{
		float:left;
		width:250px;
		border:#CCCCCC 1px solid;
		height:235px;
		margin-bottom:20px;
		}
		div#bloc_droit_annuaire{
		float:right;
		width:250px;
		border:#CCCCCC 1px solid;
		height:235px;
		margin-bottom:20px;
		}

/* bloc annonceur */
div.bloc_annonceur{
		float:left;
		width:248px;
		border:#CCCCCC 1px solid;
		margin-bottom:10px;
		background-color:#E3E3E3;
		}	

/* bloc annonceur gauche */
div.bloc_annonceur_gauche{
		float:left;
		width:160px;
		border:#CCCCCC 1px solid;
		margin-bottom:10px;
		background-color:#E3E3E3;
		}
.bloc_annonceur_gauche a{color:#666666;
	text-decoration:underline;
	}
.bloc_annonceur_gauche a:hover{color:#333333;}

.bloc_annonceur_gauche p{font:normal 11px/13px "Trebuchet MS";
					text-align:justify;
					margin:0;
					padding:0;
					top:0;
					left:0;
					color:#666666;
					}	
	
/* ######MENU DROITE###########*/
	div#sidebar_droite{
						float:left;
						left:0;
						width:264px;
						}	
		/* producteur */
		div.producteur
		{
		float:left;
		width:264px;
		background:url(../Templates/images_v2/menu_droite/fond_producteur.png) 0 0 repeat-y;
		}
		.entete_producteur{width:264px;
						height:24px;
						float:left;
						padding:0;
						margin:0;
						top:0;
						left:0;
						background:url(../Templates/images_v2/menu_droite/entete_producteur.png) 0 0 no-repeat;
						}
		.entete_producteur h2{font:bold 14px/24px "Trebuchet MS";
							padding-left:10px;
							margin:0;
							top:0;
							left:0;
							color:#FFFFFF;
							}
		.producteur ul{margin: 0;
					list-style-type: none;
					padding:0;
					}
		.producteur li a{font:normal 11px/20px "Trebuchet MS";
						color:#333333;
						text-decoration:none;}
		.producteur li a:hover{text-decoration:underline;
							}


		.annuaire_ul{margin: 0;
					list-style-type: none;
					padding:0;
					}
		.annuaire_li a{font:normal 11px/20px "Trebuchet MS";
						color:#333333;
						text-decoration:none;}
		.annuaire_li a:hover{text-decoration:underline;}

		.arrondi_bas_producteur{width:264px;
								height:6px;
								float:left;
								padding:0;
								margin:0;
								background:url(../Templates/images_v2/menu_droite/arrondi_bas_producteur.png) 0 0 no-repeat;
								}	
		
		
		/* NEWSLETTER */
		div.newsletter
		{
		float:left;
		margin-top:10px;
		width:264px;
		background:url(../Templates/images_v2/menu_droite/fond_newsletter.png) 0 0 repeat-y;
		}
		.entete_newsletter{width:264px;
						height:24px;
						float:left;
						padding:0;
						margin:0;
						top:0;
						left:0;
						background:url(../Templates/images_v2/menu_droite/entete_newsletter.png) 0 0 no-repeat;
						}
		.entete_newsletter h2{font:bold 14px/24px "Trebuchet MS";
							padding-left:10px;
							margin:0;
							top:0;
							left:0;
							color:#FFFFFF;
							}
		.arrondi_bas_newsletter{width:264px;
								height:7px;
								float:left;
								padding:0;
								margin:0;
								background:url(../Templates/images_v2/menu_droite/arrondi_bas_newsletter.png) 0 0 no-repeat;
								}	
		
		/* VIN */
		div.vin
		{
		float:left;
		margin-top:10px;
		width:264px;
		background:url(../Templates/images_v2/menu_droite/fond_vin.png) 0 0 repeat-y;
		}
		.entete_vin{width:264px;
						height:24px;
						float:left;
						padding:0;
						margin:0;
						top:0;
						left:0;
						background:url(../Templates/images_v2/menu_droite/entete_vin.png) 0 0 no-repeat;
						}
		.entete_vin h2{font:bold 14px/24px "Trebuchet MS";
							padding-left:10px;
							margin:0;
							top:0;
							left:0;
							color:#FFFFFF;
							}
		.vin ul{margin: 0;
					list-style-type: none;
					padding:0;
					}
		.vin li a{font:normal 11px/20px "Trebuchet MS";
						color:#333333;
						text-decoration:none;}
		.vin li a:hover{text-decoration:underline;
								}
		.arrondi_bas_vin{width:264px;
								height:6px;
								float:left;
								padding:0;
								margin:0;
								background:url(../Templates/images_v2/menu_droite/arrondi_bas_vin.png) 0 0 no-repeat;
								}	
		
		
		/* CONSEILS */
		div.conseil
		{
		float:left;
		margin-top:10px;
		width:264px;
		background:url(../Templates/images_v2/menu_droite/fond_conseil.png) 0 0 repeat-y;
		}
		.entete_conseil{width:264px;
						height:24px;
						float:left;
						padding:0;
						margin:0;
						top:0;
						left:0;
						background:url(../Templates/images_v2/menu_droite/entete_conseil.png) 0 0 no-repeat;
						}
		.entete_conseil h2{font:bold 14px/24px "Trebuchet MS";
							padding-left:10px;
							margin:0;
							top:0;
							left:0;
							color:#FFFFFF;
							}
		.conseil ul{margin: 0;
					list-style-type: none;
					padding:0;
					}
		.conseil li a{font:normal 11px/20px "Trebuchet MS";
						color:#333333;
						text-decoration:none;}
		.conseil li a:hover{text-decoration:underline;
								}
		.arrondi_bas_conseil{width:264px;
								height:7px;
								float:left;
								padding:0;
								margin:0;
								background:url(../Templates/images_v2/menu_droite/arrondi_bas_conseil.png) 0 0 no-repeat;
								}	
		
		
		/* ACTUS */
		div.actus
		{
		float:left;
		margin-top:10px;
		width:264px;
		background:url(../Templates/images_v2/menu_droite/fond_actus.png) 0 0 repeat-y;
		}
		.actus a{color:#333333;font:normal 11px/18px 'Trebuchet MS';text-decoration:none;}
		.actus a:hover{text-decoration:underline;}
		.entete_actus{width:264px;
						height:24px;
						float:left;
						padding:0;
						margin:0;
						top:0;
						left:0;
						background:url(../Templates/images_v2/menu_droite/entete_actus.png) 0 0 no-repeat;
						}
		.entete_actus h2{font:bold 14px/24px "Trebuchet MS";
							padding-left:10px;
							margin:0;
							top:0;
							left:0;
							color:#FFFFFF;
							}
		.arrondi_bas_actus{width:264px;
								height:6px;
								float:left;
								padding:0;
								margin:0;
								background:url(../Templates/images_v2/menu_droite/arrondi_bas_actus.png) 0 0 no-repeat;
								}	
		
		/* CONSEILS */
		div.pub_flash
		{
		float:left;
		margin-top:10px;
		width:264px;
		text-align:center;
		}
		
/* ###### FOOTER ###########*/
div#footer
{
    width: 990px ;
	margin: 0 auto ;
	padding:50px 12px 0 12px;
	text-align: left ;
	background:url(../Templates/images_v2/fond_footer.png) 0 0 no-repeat;
	z-index:100;
}
#footer p{text-align:center;
			margin:0;
			padding:0;
			top:0;
			left:0;
			color:#333333;}
#footer h1{font:bold 14px/18px "Trebuchet MS";
			color:#D01212;
			margin:0;
			padding:0;
			top:0;
			left:0;
			}
#footer ul{margin: 0;
			list-style-type: none;
			padding:0;
			}
#footer a{font:normal 11px/20px "Trebuchet MS";
				color:#666666;
				text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer li a{font:normal 11px/20px "Trebuchet MS";
				color:#666666;
				text-decoration:none;}
#footer li a:hover{text-decoration:underline;
						}
.footer_noir{color:#333;
					text-decoration:underline;
					}
.footer_noir:hover{color:#000;}


/* ###########FORMULAIRE##########*/
fieldset{
	background-color:#EAE9E9;
	padding: 1em;
}

.hidden{
	display: none;

}
.visible{
	display:inline;

}

legend{
	text-align:left;
}
label {
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 25%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
.div_formulaire{
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}


.success{
		border: 1px solid #dec39c;
		background: #EAE9E9;
}
.failure{
		border: 1px solid #CC0000;

}
div#div_erreur{
	width: 400px;
	padding:5px;
	margin-top:20px;
	margin-bottom:20px;
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	
}
div#titreForm, div#piedForm {	
	font: 10px Trebuchet MS, helvetica, sans-serif ;
	font-weight:bold;
	color: black;
	background:#CCCCCC;
	margin: 0;
	padding: .5em;
	
}
div#piedForm {
	text-align: right; 
	
}

div#piedForm input {
	font-weight: bold;
	margin-left: 1em;
}
div#entete_comm input {
	font-weight: bold;
	margin-left: 1em;
	
}
div#corpForm {	
	border: 1px solid #CCCCCC;
	color: black;
	background: #EAE9E9;
	margin: 0;
	padding: 1em;
	
}
div#corpForm p {	
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
div#corpForm .focus {
	background: beige;
	color: black;
}
div#corpForm .normal {
	background: white;
	color: black;
}
div#admin img{
	border-style:none;
	
}
div#entete_comm
{
	width:520px;
	height:24px;
	background:#CCCCCC;
	color:#333333;	
	font:bold 14px/24px "Trebuchet MS";
	padding-left:10px;
	margin-bottom:15px;
}

/* #################################*/

div#bloc_pub{
float:right;
width:250px;
border:1x solid #999999;
height:264px;
margin-bottom:20px;
padding:2px;
text-align:center;
}
.pagination
{
	height:30px;
	background:#EAE9E9;
	text-align:center;
}
.lien_pagination
{
	color:#660000;
	text-decoration:none;
}
.lien_pagination:hover
{
	color:#660000;
	text-decoration:undeline;
}
.titre_colonne
{
	height:30px;
	background:#CCCCCC;
	text-align:center;
	font-weight:bold;
}
.sans_decor{text-decoration:none;}
.tableau_bordure{
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	empty-cells:show;
	
	
}
.drapeau
{
  display:block;
  float:left;
  width:164px;
  height:140px;
  border:1px solid gray;
  margin:2px;
  padding:2px;
}
.drapeau:hover
{
 background-color:#dcdcdc;
}