/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	scrollbar-face-color: #F0037F;
	
}
#conteneur {
	width: 730px;
	height: 555px;
	margin: 0 auto;
	position:absolute;
    left: 50%; 
    top: 50%;
	
	
	margin-top: -295px; /* moitié de la hauteur */
    margin-left: -365px; /* moitié de la largeur */
	background: url(../img/fond.gif) center repeat-y;
}
#header {
	background:  url(../img/header.gif) no-repeat;
	color: #fff;
	height: 83px;
	text-align: right;
	padding-right:15px;
}
#centre {	
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	margin: 0 auto;
	background: url(../img/fond.gif) center repeat-y;
}

/***********************ACCUEIL***********************************/
#accueil {
	display: table ;
	position:absolute;
    left: 50%; 
    top: 50%;
	height: 314px;		
	width: 480px;
	text-align: left;
	margin-top: -157px; /* moitié de la hauteur */
    margin-left: -200px; /* moitié de la largeur */
	
	}
	.gauche {
	display: table-cell ;
	
	
  	float: left;
  	padding-right:10px;
  } 


#milieuTexte { 
	display: table-cell ;
	vertical-align: middle;
	position: relative;
}

/***********************FIN ACCUEIL***********************************/

/*********************** REGIONS ***********************************/
#region{
width: 240px ;
height: 345px;
margin: 0;
padding: 0;
background: url(../img/fond_region.gif) center repeat-y;
}
#capHaut{
height: 13px;
background:  #000 url(../img/capuchon_Haut_region.gif) no-repeat;
}
#capTitre{
background: url(../img/fond_region.gif) center repeat-y;
height: 52px;

padding-left:2px;


}
#capMilieu{
background: url(../img/fond_region.gif) center repeat-y;
overflow: auto;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;
height: 100%;
}
#capTextebas{
background: url(../img/fond_region.gif) center repeat-y;
text-align:center;
height: 20px;
padding-left:10px;
padding-right:10px;


}
#capBas{
height: 13px;
background:  #fff url(../img/capuchon_Bas_region.gif) no-repeat;
}
.imgCap{
}
.texteMilieu { 
		position: relative;
	text-align: center;
}
hr
{
   width: 100%;
  
   background: #F0037F;
   border: #F0037F;
   height: 1px;
}
/*   rollover region  */

#capMilieu a {
	font-size: 0.8em;
	font-weight:500px;
     margin: 0px;
     width: 90%;    
     display: block;
     text-align: left;
     text-decoration: none;
     color: #fff;
     background: #000;
	 }
	 
#capMilieu a:hover {
	font-size: 0.8em;
	font-weight:500;
	 color: #000;
     background: #F0037F;
   
     }
	
/***********************FIN REGIONS***********************************/
/****************cgv***************************/
#listecgv{
width: 700px ;
height: 400px;
margin: 0;
padding: 0;
background: #fff;
}
#cgvMilieu{
overflow: auto;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;
height: 100%;
text-align: left;
font-size: 0.8em;
	font-weight:400;
	color: #000;
}
/*********************fincgv********************/
/***********************LISTE VINS***********************************/

#listeV{
width: 600px ;
height: 400px;
margin: 0;
padding: 0;
background: #fff url(../img/fond_liste.gif) no-repeat;
}
#vinMilieu{
overflow: auto;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;
height: 100%;
text-align: left;
}
#vinMilieu a {
	font-size: 0.8em;
	font-weight:500px;
     margin: 0px;
     
     text-align: left;
     text-decoration: none;
     color: #000;
     background: #fff;
	 }
	 
#vinMilieu a:hover {
	font-size: 0.8em;
	font-weight:500;
	 color: #fff;
     background: #F0037F;
   
     }
/***********************FIN LISTE VINS***********************************/



/***********************PRODUITS***********************************/
#produit{
width: 644px;

margin: 0 auto;
padding: 0;
background:  url(../img/fond_produit.gif) center repeat-y;

}
#capHautProd{
height: 26px;
background:  url(../img/capuchon_Haut_produit.gif) no-repeat;
text-align: right;
padding-right:35px;
padding-top:0px;
}

#capHautProd a {

	font-size: 0.9em;
	font-weight:600;  
    text-decoration: none;
     color: #000;
	 }
	 
#capHautProd a:hover {
text-decoration: none;
	font-size: 0.9em;
	font-weight:600;
	 color: #000;
   
     }

#capMilieuProd{


background: url(../img/fond_produit.gif) center repeat-y;
padding-left:10px;
padding-bottom:10px;
padding-right:0px;
padding-top:0px;
height: 100%;
}
#titreProduit{
height: 125px;
padding-right:20px;
text-align: right;
}
#descriptionProduit{
text-align: left;
}
.imgdroite{
padding-left:20px;
float: right;
}

#capBasProd{
height: 16px;
background:  #fff url(../img/capuchon_Bas_produit.gif) no-repeat;
}
#recette{
width: 580px;
padding-left:10px;
padding-right:10px;
}
#capHautRecette{
height: 13px;
background:  #F0037F url(../img/capuchon_Haut_recette.gif) no-repeat;
}
#capMilieuRecette{
background: #F0037F url(../img/fond_recette.gif) center repeat-y;
height: 84px;
}
.imggauche{
padding-right:10px;
padding-left:10px;

float: left;
}
#capBasRecette{
height: 13px;
background:  #000 url(../img/capuchon_Bas_recette.gif) no-repeat;
}

/***********************FIN PRODUITS***********************************/


/***********************CONTACT***********************************/

	.bas {
  	float: bottom;
  
  } 


.milieuTexte { 
	padding-left:30px;
	position: relative;
	text-align: center;
}

/***********************FIN CONTACT***********************************/

/********************************FOOTER***********************************/
#pied {
	background: #fff url(../img/footer.gif) no-repeat;
	height: 28px;
	text-align: center;
	color: #fff;
	font-size: 0.7em;
	padding-top:10px;
}
#pied a{
	text-decoration: none;
	color: #fff ;
}

#pied a:hover{
	color: #F0037F;
}
p {margin: 0;}
/********************************FIN FOOTER***********************************/


/********************************MENU***********************************/
p#menu{
font-size: 0.6em;
margin: 0;
}
ul#menu {
	list-style-type: none;
	padding-top:10px !important;
	padding-top:0px ;

}
ul#menu li {
	display: inline;
	list-style-type: none;
	color: #F0037F;
}
ul#menu a {
	text-decoration: none;
	color: #F0037F;
}

ul#menu a:hover {
	color: #fff;
}
/********************************FIN MENU***********************************/

a.contact{
	text-decoration: none;
	color: #F0037F ;
	font-weight:600;
	font-size: 0.9em;
}

a.contact:hover{
	color: #000;
	font-weight:600;
}
a.ptiLien {
	text-decoration: underline;
	color: #000;
	font-size: 0.7em;
	font-weight:600;
}
a.ptiLien :hover {
	color: #fff;
}
a.LienRose {
	text-decoration: underline;
	color: #F0037F;
	font-size: 0.9em;
	font-weight:500;
}
a.LienRose :hover {
	color: #fff;
}

/********************************TEXTE*****************************/
.texteNoirGRAS14{
	font-size: 1.2em;
	font-weight:600;
	color: #000;
}
.texteNoirGRAS18{
	font-size: 1.8em;
	font-weight:600;
	color: #000;
}
.texteNoirGRAS12{
	font-size: 0.9em;
	font-weight:700;
	color: #000;
}
.texteNoir9{
	font-size: 0.8em;
	font-weight:500;
	color: #000;
}
.texteNoirGRAS9{
	font-size: 0.8em;
	font-weight:600;
	color: #000;
}
.texteRoseGRAS18{
	font-size: 2.0em;
	font-weight:500;
	color: #F0037F;
}
.texteRoseGRAS19{
	font-size: 2.2em;
	font-weight:700;
	color: #F0037F;
}
.texteRose14{
	font-size: 1.4em;
	font-weight:500;
	color: #F0037F;
}
.texteRose12{
	font-size: 1.1em;
	font-weight:500;
	color: #F0037F;
}
.texteBlanc12{
	font-size: 1.1em;
	font-weight:500;
	color: #FFF;
}
.texteBlancfin12{
	font-size: 1.1em;
	font-weight:300;
	color: #FFF;
}
.texteBlancfin14{
	font-size: 1.9em;
	font-weight:200;
	color: #FFF;
}
.texteBlanc13{
	font-size: 1.3em;
	font-weight:500;
	color: #FFF;
}

.texteRoseGRAS16{
	font-size: 1.9em;
	font-weight:700;
	color: #F0037F;
}
.texteRoseGRAS20{
	font-size: 2.4em;
	font-weight:500;
	color: #F0037F;
}
.texteRoseGRAS12{
	font-size: 1.1em;
	font-weight:600;
	color: #F0037F;
}
.texteRose9{
	font-size: 0.9em;
	font-weight:500;
	color: #F0037F;
}
.texteRose8{
	font-size: 0.8em;
	font-weight:500;
	color: #F0037F;
}
.texteNoir8{
	font-size: 0.8em;
	font-weight:500;
	color: #000;
}
.texteNoir7{
	font-size: 0.7em;
	font-weight:500;
	color: #000;
}
.texteNoirfin8{
	font-size: 0.8em;
	font-weight:400;
	color: #000;
}
.texteNoir6{
	font-size: 0.7em;
	font-weight:200;
	color: #000;
}
.texteNoir4{
	font-size: 0.5em;
	font-weight:200;
	color: #000;
}
.texteRoseGras8{
	font-size: 0.8em;
	font-weight:600;
	color: #F0037F;
}
.texteNoirGras8{
	font-size: 0.8em;
	font-weight:600;
	color: #000;
}
.texteBlancGras8{
	font-size: 0.8em;
	font-weight:600;
	color: #fff;
}
.texteRoseGras9{
	font-size: 0.9em;
	font-weight:600;
	color: #F0037F;
}
.texteBlanc9{
	font-size: 0.9em;
	font-weight:500;
	color: #FFF;
}
.texteBlancGras9{
	font-size: 0.9em;
	font-weight:600;
	color: #FFF;
}
.texteBlanc8{
	font-size: 0.8em;
	font-weight:500;
	color: #FFF;
}
.texteBlanc16{
	font-size: 1.6em;
	font-weight:500;
	color: #FFF;
}
.texteBlanc30{
	font-size: 3.6em;
	font-weight:900;
	color: #FFF;
}

/********************************FIN TEXTE*****************************/


.retour-ligne {
 padding-top: 10px !important;
 padding-top: 1px;
    }
