body{
	margin: 0px;
	padding: 0px;
	background-image:   url(images/pix_fond.gif);
}
.conteneur_centre{
	position : absolute;
	left : 50%;
	top : 0px;
	width : 100%;
	height:auto;
	min-height : 100%;
	margin-left : -50%;
	border-left : 0px;
	border-right : 0px;
	padding:0px;
}

.centre{	
	top: 40px;
	width: 100%;
	border-left: 0px;
	border-right: 0px;
	
	/*border: 1px solid black;*/
}
.centre2{
	position: relative;
	left: 50%;
	width: 760px;
	height: auto;
	margin-left: -380px;
	border-left: 0px;
	border-right: 0px;
	padding-left: 5px; 
	padding-right:10px;
	padding-top:10px;
	/*border:1px solid red;*/
}
.salons{
	float:left;
	/*border:1px solid #8A3E51;*/
	width:450px;
	height:auto;
	margin-right:35px;
	margin-top:20px;
	margin-bottom:20px;
}
.presse{
	float:right;
	border:1px solid #8A3E51;
	width:260px;
	height:auto;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:20px;
}
.pro{
	position:absolute;
	float:right;
	width:130px;
	height:30px;
}

/*MENU*/
.menu{
	position : absolute;
	left : 50%;
	top : 5px;
	width : 760px;
	height:20px;
	margin-left : -380px;
	border-left : 0px;
	border-right : 0px;
	padding:0px;
	/*border:1px solid black;*/
}

ul { /* on supprime les puces, inutiles */
	list-style-type: none;
	margin : 0px;
	padding : 0px;
}
li {
/* on aligne les listes sur la gauche */
	float: left;
	margin : 0px;
	padding : 0px;
} 
a.selection {
	display: block; /* la balise a doit être en bloc */
	width: 130px; /* largeur de l'image réactive */
	height: 20px; /* hauteur de l'image réactive */
	background-image:   url(images/menu/selection.gif); /* source de l'image de départ */
	background-repeat: no-repeat;
}
a.selection:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image:   url(images/menu/selection_over.gif); /* source de l'image d'arrivée */
}
a.decouverte {
display: block;
width: 170px; 
height: 20px; 
background-image:   url(images/menu/decouverte.gif); 
background-repeat: no-repeat;
}
a.decouverte:hover {
background-image:   url(images/menu/decouverte_over.gif);
}
a.actualites {
display: block;
width: 105px; 
height: 20px; 
background-image:   url(images/menu/actualites.gif); 
background-repeat: no-repeat;
}
a.actualites:hover {
background-image:   url(images/menu/actualites_over.gif);
}
a.plan_acces {
display: block;
width: 110px; 
height: 20px; 
background-image:   url(images/menu/plan_acces.gif); 
background-repeat: no-repeat;
}
a.plan_acces:hover {
background-image:   url(images/menu/plan_acces_over.gif);
}
a.vendange {
display: block;
width: 185px; 
height: 20px; 
background-image:   url(images/menu/vendange.gif); 
background-repeat: no-repeat;
}
a.vendange:hover {
background-image:   url(images/menu/vendange_over.gif);
}
a.accueil {
display: block;
width: 60px; 
height: 20px; 
background-image:   url(images/menu/accueil.gif); 
background-repeat: no-repeat;
}
a.accueil:hover {
background-image:   url(images/menu/accueil_over.gif);
}
/*FIN DE MENU*/
/*MENU ENG*/
.menu{
	position : absolute;
	left : 50%;
	top : 5px;
	width : 760px;
	height:20px;
	margin-left : -380px;
	border-left : 0px;
	border-right : 0px;
	padding:0px;
	/*border:1px solid black;*/
}

ul { /* on supprime les puces, inutiles */
	list-style-type: none;
	margin : 0px;
	padding : 0px;
}
li {
/* on aligne les listes sur la gauche */
	float: left;
	margin : 0px;
	padding : 0px;
} 
a.selection_eng {
	display: block; /* la balise a doit être en bloc */
	width: 125px; /* largeur de l'image réactive */
	height: 20px; /* hauteur de l'image réactive */
	background-image:   url(images/menu/selection_eng.gif); /* source de l'image de départ */
	background-repeat: no-repeat;
}
a.selection_eng:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image:   url(images/menu/selection_over_eng.gif); /* source de l'image d'arrivée */
}
a.decouverte_eng {
display: block;
width: 155px; 
height: 20px; 
background-image:   url(images/menu/decouverte_eng.gif); 
background-repeat: no-repeat;
}
a.decouverte_eng:hover {
background-image:   url(images/menu/decouverte_over_eng.gif);
}
a.actualites_eng {
display: block;
width: 85px; 
height: 20px; 
background-image:   url(images/menu/actualites_eng.gif); 
background-repeat: no-repeat;
}
a.actualites_eng:hover {
background-image:   url(images/menu/actualites_over_eng.gif);
}
a.plan_acces_eng {
display: block;
width: 130px; 
height: 20px; 
background-image:   url(images/menu/plan_acces_eng.gif); 
background-repeat: no-repeat;
}
a.plan_acces_eng:hover {
background-image:   url(images/menu/plan_acces_over_eng.gif);
}
a.vendange_eng {
display: block;
width: 190px; 
height: 20px; 
background-image:   url(images/menu/vendange_eng.gif); 
background-repeat: no-repeat;
}
a.vendange_eng:hover {
background-image:   url(images/menu/vendange_over_eng.gif);
}
a.accueil_eng {
display: block;
width: 75px; 
height: 20px; 
background-image:   url(images/menu/accueil_eng.gif); 
background-repeat: no-repeat;
}
a.accueil_eng:hover {
background-image:   url(images/menu/accueil_over_eng.gif);
}
/*FIN DE MENU ENG*/
.texte{
	color: #8A3E51;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
}
.textepetit{
	color: #8A3E51;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:justify;
}

.textemoyen{
	color: #8A3E51;
	font-family: Bookman old style, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	background-color:#DAC5B8;
}

.textegros{
	color: #8A3E51;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
}

.titrefiche{
	color: #8A3E51;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
	line-height:40px;
}

.textegrosfiche{
	color: #FFFFE1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	background-color:#8A3E51;
	text-align:center;
}

.titrecuvee{
	color: #FFFFE1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	background-color:#8A3E51;
	line-height:15px;
}

.titrepara{
	color: #8A3E51; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*font: "Times New Roman", Times, serif;*/
}
.titreblanc{
	color: #FFFFE1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}
.texteblanc{
	color: #FFFFE1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
}
h1{
	font-weight:normal;
	margin:0px;
	margin-top:15px;
	color: #8A3E51;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	letter-spacing:0,5pt; 
}

h2{
	color: #8A3E51;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
}

a,a:link,a:hover{
	color: #8A3E51;
	font-size: 11px;
	text-decoration: underline;
}
hr{
	margin:0px;
}
p{
	margin:0px;
}
