body{
background-color:#34302f;
}
* {
margin:0;
}
#container
{
width:1280px;
margin:0 auto;
background-image: url(imagea/fond_bruit.jpg);
}
#rs {
text-align:right;
padding: 10px 10px 0 0;
}
#rs  a{
padding:0px 15px 0 0;
}
#logo{
height:40px;
/*background-color:#ff0000;*/
text-align:center;
}
#trait{
background-image:url(imagea/tranche.jpg);
margin-top:-35px;
}
nav{
background-color:#34302f;
width:1240px;
height:30px;
margin:0 auto 0 auto;
text-align:center;
padding-top:10px;
padding-bottom:4px;
padding-left:25px;
}
nav a{
/*font-weight:;*/
color:#fff;
background-color:ccc;
text-decoration:none;
font-family:verdana;
font-variant:small-caps;
font-size:16px;
padding:8px 15px 10px 15px;
margin:0 20px 0 0;
}
nav a:hover{
background-color:#ccccff;
}
section{
width:1280px;
margin:0 auto 0 auto;
}

h1{
color:red;
font-family: verdana;
font-size:24px;
text-align: center;
margin:0 0 0 0
}
#exergue{
color:red;
font-family: verdana;
font-size:16px;
text-align: center;
margin:10px 0 0 0;
display:block;
}
#promovins{
background-image:url(imagea/fond_degustation.png);
width: 770px;
height:185px;
margin:10px auto 0 auto;
padding-right:130px;
padding-top:10px;
padding-bottom:5px;
}
#table1{
float:right;
}
h3{
font-variant:small-caps;
text-align:center;
}
#dom{
display:block;
}
p{
text-align: left;
padding:10px 0 0 0;
margin-left:100px;
}
#promovins h3,#promovins p{
width:450px;
padding-left:20px;
}
#promovins a{
display:block;
padding: 3px 4px 4px 4px;
width:170px;
text-decoration:none;
background-color:#ccc;
margin: 40px 0 0 100px;
}
#promovins a:hover{
background-color:#ffcccc;
}
h4{
font-family:verdana;
font-size:24px;
color:red;
margin: 30px auto 10px auto;
text-align:center;
}
.alignement{
display:inline-block;
vertical-align:top;

}
#agauche {/*section gauche*/
width:800px;
height:400px;
background-color:maroon;
}
#promocours{/*section droite*/
width:480px;
height:400px;
background-color:pink;
}
#chef{/*article*/
width:800px;
height:200px;
margin:0 auto;
background-color:#e4e4e4;
position:relative;
}
#chef h2 {/*chef à domicile*/
text-align:center;
width:200px;
margin:0 auto 0 150px;
background-color:white;
padding:5px 5px 5px 5px;
font-family: verdana;
font-size:18px;
color:blue;
}
#chef1{
display:inline-block;
margin:0 0 0 20px;
}
#chef p{
margin: auto auto auto 20px;
text-align:left;
width:400px;
}
#chef p img{
margin:30px 0 0 0;
width:350px;
height:20px;
}
#dessus{
display:block;
margin:-25px 0 0 100px;
color:white;
position:absolute;
z-index:200;
}

#plat{/*article dessous*/
width:800px;
height:200px;
margin:0 auto;
background-color:#e4e4e4;
}
#plat h2 {/*Un vaste choix de plats originaux*/
text-align:center;
margin:auto;
font-family: verdana;
font-size:28px;
color:#333333;
}
#plat p{
display:inline-block;
margin: auto auto auto 30px;
text-align:left;
width:400px;
}
#plat1{
display:inline-block;
margin:0 0 0 20px;
}
#cours{ /*article de droite*/
width:480px;
height:400px;
margin:0 auto;
background-color:#f6f6f6;
}
#cours h2{
text-align:center;
width:250px;
margin:auto;
padding:5px 5px 5px 5px;
font-family: verdana;
font-variant:small-caps;
font-size:24px;
color:red;
}
#ustensiles{
display:block;
margin:0 0 0 90px;
width:300px;
height:200px;
}
#cours p{
margin: 0 0 0 90px;
text-align:left;
width:400px;
}
#ital{
font-family: tahoma;
font-size:14px;
font-style: italic;
}
#reserv a{ /*span*/
text-decoration:none;
display:block;
width:150px;
background-color: red;
padding:5px 5px 5px 5px;
margin:0;
}
#res a:hover{
background-color:#ffcccc;}

.haut{
display:inline-block;
vertical-align:top;
}
#pied{ /*c'est le pied*/
background-color:#34302f;
width:1280px;
height:60px;
}
#credit{ /*c'est une dive*/
margin-left:10px;
width:160px;
}

#credit a{ /*boite gauche*/
text-align: left;
color:white;
text-decoration:none;
font-size:16px;
}
#credit a:hover{
color:blue;
}
#a4{ /*c'est un article*/
width: 920px;
}

#pied article{
color:white;
text-align:center;
vertical-align:top;
font-size:16px;
}
#mention{ /*c'est une dive*/
width:150px;
margin-right:10px;
text-align: right;
}
#mention a{ /*boite droite*/
text-align: right;
color:white;
text-decoration:none;
font-size:16px;
}
#mention a:hover{
color:blue;
}

#menud{
width:1240px;
height:240px;
background-image: url(imagea/s1.jpg);
padding:30px 0 0 0;
position:relative;
}

}
#menud img{
display: inline-block;
position: absolute;
z-index:3;
}