body {
 font-family: Arial, sans-serif; 
 font-size: 100%;
  margin: 0;
 padding: 0;

 }
h2 {
 font-size: 150%; 
 color: red; 
 padding-left: 15px;
 }
p,ul,li,td {
	 font-size:  0.9em;
 color: black;
 text-align:left; 
 }
p {
 font-size: 0.7em;	
 	}
a{
 font-size:  0.9em; 
 color: black;
 text-decoration: none;
 }

a:visited {
  font-size: 0.9em; 
 
 }
a:hover {
 font-size:   0.9em; 
color: rgb(153,0,0);	
 text-decoration: none;
}
a.selected {
 font-size:   0.9em; 
color: rgb(153,0,0);	
 text-decoration: none;
}
a:active, a:focus {
 font-size:   0.9em;  
 color: red;
}
a.contact{
 font-size:  0.9em; 
 color: black;
 text-decoration: none;
 cursor:pointer;	
 }
 a.contact:hover{
 font-size:  0.9em; 
 color: rgb(153,0,0);
 text-decoration: none;
 cursor:pointer;	
 }
.images1{
display:block;
width:33%;	
height:33%;
margin-left:67%;
margin-bottom:3%;
	}
.images2{
display:block;
width:34%;	
height:34%;
margin-left:33%;
margin-bottom:3%;
	}
.images3{
display:block;
width:33%;	
height:33%;
	}
.images_vins{
display:block;
width:33%;	
height:33%;
margin-bottom:3%;
margin-left:4%;
	}

textarea{
border-style:solid;
border-color: rgb(153,51,51);	
}
#page {
width:100%;
height:100%;
margin:0;
padding:0;
}
#bandeau {
position:absolute;
width: 22%;
height: 100%;
padding:0;
margin:0;
left:10%;
background-image: url(../images/fond-bandeau.png);
background-repeat:repeat-y;
}

#bandeau_accueil {
visibility:hidden;	
position:absolute;
width: 20%;
height: 100%;
padding:0;
margin:0;
left:10%;
background-image: url(../images/fond-bandeau.png);
background-repeat:repeat-y;
}

nav{
position:absolute;
top:30%;
left:9%;

}

.menu_accueil{
position:absolute;
top:30%;
left:20%;
}

nav li{
margin-top:1em;	
text-align:left;
list-style-position: outside;
line-height:1.1em; 
}

li.philosophie1 {
 font-size: 0.9em; 
 font-weight:bold;
 line-height: 1.7em; 
  color: rgb(250,250,250); 
 padding:10px 0 0 10px;
 text-align: left;
 list-style-image: url(../images/puce-philosophie.jpg);
 list-style-position: inside;
 background-image:url(../images/trait-rouge.jpg);
 background-position:left bottom;
 background-repeat:repeat-x;

 }
 li.philosophie2 {
 font-size: 0.9em;
 font-weight:bold;
 line-height: 1.7em; 
 color: rgb(0,0,0); 
 padding:10px 0 0 10px;
 text-align: left;
 list-style-image: url(../images/puce-philosophie.jpg);
 list-style-position: inside;
 background-image:url(../images/trait-rouge.jpg);
 background-position:left bottom;
 background-repeat:repeat-x;

 }
 li.cuisine1 {
 font-size: 0.9em;
 font-weight:bold;
  line-height: 1.7em; 
 color: rgb(0,0,0); 
 padding:10px 0 0 10px;
 text-align: left;
 list-style-image: url(../images/puce-cuisine.jpg);
 list-style-position: inside;
 background-image:url(../images/trait-rouge.jpg);
 background-position:left bottom;
 background-repeat:repeat-x;
 }
 li.cuisine2 {
font-size: 0.9em;
 font-weight:bold; 
  line-height: 1.7em; 
 color: rgb(250,250,250); 
 padding:10px 0 0 10px;
 text-align: left;
 list-style-image: url(../images/puce-cuisine.jpg);
 list-style-position: inside;
 background-image:url(../images/trait-rouge.jpg);
 background-position:left bottom;
 background-repeat:repeat-x;
 }
 li.vins1 {
 font-size: 0.9em;
 font-weight:bold; 
  line-height: 1.7em; 
 color: rgb(250,250,250); 
 padding:10px 0 0 10px;
 text-align: left;
 list-style-image: url(../images/puce-cuisine.jpg);
 list-style-position: inside;
 background-image:url(../images/trait-rouge.jpg);
 background-position:left bottom;
 background-repeat:repeat-x;
 }
  li.vins2 {
font-size: 0.9em;
 font-weight:bold;
  line-height: 1.7em; 
 color: rgb(0,0,0); 
 padding:10px 0 0 10px;
 text-align: left;
 list-style-image: url(../images/puce-cuisine.jpg);
 list-style-position: inside;
 background-image:url(../images/trait-rouge.jpg);
 background-position:left bottom;
 background-repeat:repeat-x;
 }
 li.contact1 {
font-size: 0.9em;
 font-weight:bold;
  line-height: 1.7em;  
 color: rgb(0,0,0); 
 padding:10px 0 0 10px;
 text-align: left;
 list-style-image: url(../images/puce-contacter.jpg);
 list-style-position: inside;
 background-image:url(../images/trait-rouge.jpg);
 background-position:left bottom;
 background-repeat:repeat-x;

 }


 li.titre {
 font-size: 0.9em;
 line-height:1.7em; 
 font-weight:bold;
 color: rgb(0,0,0); 
 padding-left:10px;
 text-align: left;
 background-image:url(../images/trait-rouge.jpg);
 background-position:left bottom;
 background-repeat:repeat-x;
 list-style: none;

 }


nav li.philosophie{
list-style-image: url(../images/puce-philosophie.jpg);
}
nav li.cuisine{

list-style-image: url(../images/puce-cuisine.jpg);
}
nav li.vins{

list-style-image: url(../images/puce-vins.jpg);
}
nav li.situer{

list-style-image: url(../images/puce-situer.jpg);
}
nav li.contacter{

list-style-image: url(../images/puce-contacter.jpg);
}
nav li.reserver{
list-style-image: url(../images/puce-reserver.jpg);
}
nav li.facebook{
list-style-image: url(../images/puce-facebook.jpg);
}
#logo{
top:10%;	
position:absolute;

}
.logo-image{
width:100%;
margin:auto;	
}
	
#contenu{
display:none;
position:absolute;
z-index:2;
margin:0;	
height:auto;
width:50%;
left:35%; 
top:11%;
	
}
#map{
position:relative;
margin:0;	
height:500px;
}
#contenu_contact{
display:none;
position:absolute;
z-index:10;
margin:0;
width:50%;
left:35%; 
height:auto;
top:11%;
background-image: url(../images/fond-bandeau.png);
}

#text_rubrique{
visibility:hidden;
position:absolute;
z-index:10;
left:35%; 
margin:0;
top:11%;
width:50%;
height:auto;
background-image: url(../images/fond-bandeau.png);
}

#text_rubrique p{
 color: black;
 text-align:justify; 
 line-height:1.3em;;
 padding:0 30px 0 30px;
 font-size:  0.9em;
 }

article p{
 color: black;
 text-align:justify; 
 line-height:1.3em;;
 padding:0 30px 0 30px;
 font-size:  0.9em;
 }
.mentions{
 color: black;
 text-align:justify; 
 line-height:1em;;
 padding:0 30px 0 30px;
 font-size:  0.8em;
 margin:0;
 }
 
footer{
position:absolute;
bottom:0;

}
footer.accueil{
position:absolute;
bottom:0;


}
#texte_footer{
position:absolute;
z-index:4;
padding: 10px 0 0 5px;		
}
.images_footer{
width:100%;
margin:auto;

	}
footer p.horaire{
 color: white; 
 text-align:left;
 font-size:0.65em; 
 line-height:1.3em;

   margin:0;
 padding:0;

 }
 footer p.horaire2{
 color: white;
 width:100%;
 margin-top:30%;
 text-align:right;
 font-size:0.65em; 
 line-height:1.3em;
 margin:0;
 padding:0;
 }
.envoyer{
width:109px;
height:30px;
border:none;
background:rgba(204,204,204,0);
background-image: url(../images/btn_envoyer.png);
background-repeat:no-repeat;
background-color:none;
cursor:pointer;	
}
.liresuite{	
	color: rgb(153,0,0);
	background:rgba(204,204,204,0);
	border:none;
	font-size:1.1em;
	cursor:pointer;		

}
.liresuite:hover{	
	color: red;
	background:rgba(204,204,204,0);
	border:none;
	font-size:1.1em;
	cursor:pointer;		

}
.fermer{
float:right;	
width:100px;
height:25px;
border:none;
background:rgba(204,204,204,0);
background-image: url(../images/btn_fermer.png);
background-repeat:no-repeat;
background-color:none;
cursor:pointer;	
	}
	
.formulaire{
width:300px;
border-style:solid;
border-color: rgb(153,51,51);		
}
.texte_blanc{
	 color: rgb(250,250,250); 
}
.texte_noir{
	
	 color: rgb(0,0,0); 
}