/*PRESENTATION GENERALE*/


body
{
   width: 780px;
   margin-left : 300px; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenętre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: rgb(228,220,186);
}
#en_tete
{
   width: 780px;
   height: 120px;
   background-image: url("images/banniere.png");
   background-repeat: no-repeat;
   background-position: center;
   padding-bottom: 0px;
   margin-bottom: 0px;
   background-color: rgb(239,234,214);
}

#compteur_visite
{
position : relative;
top : -210px;
left : -215px;
}

#menu
{margin-top : 0px;
height:70px;
margin-bottom : 20px;
padding-left : 50px;
position : relative;
top : -13px;
background-color: rgb(239,234,214);
}

#menu h3 
{
color : rgb(160,0,0);
font-family : arial,serif;
font-style: italic;
text-decoration:none;
font-size: 0.9em;
font-weight : normal;
padding: 0px;
margin: 0px;
}
#menu h3:hover
{background-image : url("images/blanc.jpeg");
background-repeat : no-repeat;
background-position : 45px 32px;
}

#menu-gauche
{position : absolute;
top : 300px;
left : 40px;
background-color: rgb(239,234,214);
}

.niveau1
{width: 140px;
  list-style:none;
  padding: 0px;
  margin: 0px;
  
}
.niveau2
{width: 100px;
  list-style:none;
  padding: 0px;
  margin: 0px;
  background-color: rgb(239,234,214);
  
}
#menu-gauche li
{
height : 50px;
margin : 0px;
padding-left : 10px;
}
.ligne1
{position : relative;
top : 12px;}

.ligne2
{position : relative;
top : 5px;}

#menu-gauche ul ul li
{height : 25px;
padding-left : 0px;
text-indent : 5px;}


#menu-gauche ul ul
{display: none;}

#menu-gauche ul li:hover  ul 
{display : block;
position : relative;
top : -19px;
left : 130px;}

#menu-gauche  ul li:hover ul li:hover ul{display : block;}

#menu-gauche li:hover
{background-color : white}


.menu
{color : rgb(0,0,95);
font-family : arial,serif;
font-style: italic;
text-decoration:none;
font-size: 0.9em;
font-weight : normal;}

.sousmenu
{color : rgb(160,0,0);
font-family : arial,serif;
font-style: italic;
text-decoration:none;
font-size: 0.8em;
font-weight : normal;}

.lien-menu
{color : rgb(160,0,0);
font-family : arial,serif;
font-style: italic;
text-decoration:none;
font-size: 1em;
font-weight : normal;}

.lien-default
{text-decoration : none;
font-weight : bold;
color : rgb(160,0,0);
}

.image-trait
{border:none;
margin-right : 3px;}

#pied_de_page
{

margin-top: 20px;
padding : 5px;
background-color: rgb(239,234,214);
}

.menu_one
{float : left;}
.menu_two
{float : left;}
.menu_three
{float : left;}
.menu_four
{float : left;}
.menu_five
{float : left;}

.lienGB
{
position : absolute;
top : 60px;
left : 50px;
}
.imageGB
{border:none;}

#corps
{background-color: rgb(239,234,214);
padding: 20px;
margin-top : 0px;
min-height: 400px;
}

em
{
font-style: normal;
font-weight: bold;
}

p
{
text-align: justify;
font-size: 0.9em;
font-family : arial;
}

h2
{font-size:0.9em;
font-weight:bold;
font-family : arial,serif;
color: rgb(0,0,95);}


h1
{ 
background-image: url("images/fond-titre.png");
background-position: right;
background-repeat: no-repeat;
letter-spacing: 5px;
color : rgb(0,0,95);
font-family : "Times New Roman",garamond,arial,serif;
font-style: italic;
font-weight : normal;
font-size: 2em;
text-align: right;
padding: 0px;
margin: 0px;
margin-bottom : 20px;
}

h3
{font-size:0.9em;
font-weight:bold;
font-family : arial,serif;
margin-bottom:0px;
color: rgb(64,0,64);}


.pied
{font-size : 80%;
text-align : center;
font-family : arial,serif;}

.italic
{font-style: italic;}

.gras
{font-weight : bold}

.petit
{font-size : 90%;}

.petitgras
{font-weight : bold;
font-size : 90%;}

.center
{text-align : center}

.grand{font-size : 1.2em;}

.bleu
{color:rgb(0,0,95)}

.vert
{color:rgb(0,81,0);
}
.rouge
{color:rgb(160,0,0);
}

.lien
{text-decoration : none;}

/*MISE EN PAGE ACCUEIL*/

.paragraphe1
{
height: 180px;
margin-top : 40px;
}



.image-blason
{
float: right;
border-style : solid;
border-width: 1px;
margin: 30px;
margin-top :0px;
}

.paragraphe2
{
height: 180px;
}

.image-maison
{
float: left;
margin: 30px;
margin-right: 40px;
margin-top : 0px;
}

.image-portes-ouvertes
{float : right;
margin-left : 30px;
position : relative;
top : 10px;}

.paragraphe3
{
height: 200px;
position: relative;
top : 40px;
}

.image-vignes
{
float: right;
position: relative;
top : 0px;
margin: 5px;
margin-left: 80px;
margin-right : 50px;
}

.paragraphe4
{
height: 200px;
position: relative;
top : 40px;
}

.recompenses1
{font-weight: bold;}

.recompenses2
{display : block;
font-weight : bold;
color : rgb(200,0,0);
text-indent : 5%;}

/*MISE EN PAGE DOMAINE*/


.image-vignon
{margin : 10px;
}

.image-texte-vignon
{
margin : 10px;
position : relative;
top : -20px;
left : 90px;

}
.image-rangs
{margin-right : 20px;
margin-left:30px;
float:right;
}

.paragraphe-famille
{height : 240px;}

.image-nous
{float : right;
margin-left : 30px;
}

/*VINS*/


.tarifs
{margin-top: 00px;
margin-bottom : 00px;
text-align: center;
font-style: italic;
font-weight: bold;
color: rgb(0,0,95);
padding:15px;
background-image: url("images/fond-tarifs.png");
background-position: center;
background-repeat: no-repeat;
text-decoration : none;
position : relative;
right : -210px;
bottom : 50px;
}

.image-bouteilles
{float: right;
margin : 5px;
position : relative;
top : -30px;}

.image-liqueurs
{float: left;
margin : 10px;
position : relative;
top : 20px;
margin-right: 30px;
margin-bottom: 30px;}

.liqueurs
{margin-top: 0px;}


.lien-tarifs
{font-style: italic;
font-weight: bold;
text-decoration : none;
color: rgb(230,0,0);}

/*MISE EN PAGE INFO*/
.liste
{text-indent: 10px;}

.image-plan
{

float : right;
margin-left : 20px;
position : relative;
top : -20px;}



/*MISE EN PAGE CONTACT*/
.adress
{
text-align: center;
font-size: 1.1em;
font-family : "Times New Roman",arial,serif;}