/*PRESENTATION GENERALE*/


body
{
   width: 760px;
   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(239,234,214);
}
#en_tete
{
   width: 760px;
   height: 100px;
   background-image: url("../images/banniere.png");
   background-repeat: no-repeat;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

#menu
{margin-top : 0px;
height:50px;
margin-bottom : 50px;
margin-left : 30px;
position : relative;
top : -7px;
}

#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(228,220,186);
}

.niveau1
{width: 140px;
  list-style:none;
  padding: 0px;
  margin: 0px;
  
}
.niveau2
{width: 100px;
  list-style:none;
  padding: 0px;
  margin: 0px;
  background-color: rgb(228,220,186);
  
}
#menu-gauche li
{
height : 40px;
text-indent : 10px;
margin : 0px;
}


#menu-gauche ul ul li
{height : 20px;
text-indent : 5px;}

#menu-gauche span
{
position : relative;
top : 10px;
}

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

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

#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;}

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

#pied_de_page
{
background-image: url("../images/fond-pied.png");
background-repeat: no-repeat;
padding : 5px;
}

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

.lienGB
{
position : absolute;
top : 40px;
left : 30px;
}
.imageGB
{border:none;}

#corps
{}

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;}

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

.gras
{font-weight : bold;}

.center
{text-align : center}

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

.lien
{text-decoration : none}

/*MISE EN PAGE ACCUEIL*/

.paragraphe1
{
height: 170px;
position: relative;
top : 60px;
}

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

.paragraphe2
{
height: 170px;
position: relative;
top : 40px;
}

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

.paragraphe3
{
margin-top : 60px;
}

.image-vignes
{
float: right;
position: relative;
top : -40px;
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*/

.acc-paragraphe1
{
height:400px;
position: relative;
top : 0px;
}
.image-vignon
{margin : 10px;
position : relative;
top : 0px;}

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

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

.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(160,0,0);
padding:15px;
background-image: url("../images/fond-tarifs.png");
background-position: center;
background-repeat: no-repeat;
text-decoration : none;
position : relative;
right : -210px;
bottom : 30px;
}

.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(210,0,0);}

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

.image-plan
{
float : right;
margin-left : 30px;
position : relative;
top : -40px;}

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

.bas-contact
{position : relative;
top : 140px;}