/* G E N E R A L */
*{margin:0;padding:0;}

html{overflow:scroll;}

body {
font: small Garamaond, sans-serif;
color: #000;
background: gray;
}

span {
display: none;
}

#menu_haut a:hover, #menu_bas a:hover {
color: #000;
}

h1 {margin: 1em; line-height:1.2em}

/*  D E C O R A T I O N */
#spacer_haut, #spacer_bas {
margin: 0 auto;
width: 744px;
height: 10px;
border: 3px solid white;
background-color: red;
}

/* C O N T E N E U R */
#conteneur {
margin: 1em auto;
width: 770px;
text-align: left;
background: #fff url(images/bg_conteneur.gif) repeat;
border: 1px solid #000;
border-width: 1px 0;
}

/* M E N U */
#menu_haut {
margin: 0 auto;
width: 744px;
height: 30px;
background-color: #004d20;
}

ul {
list-style-type: none;
width: 100%;
}
#menu_haut li {
float: left;
margin: 6px 15px;
background: transparent url(images/puce.gif) left top no-repeat;
text-indent: 20px
}
#menu_haut a {
width: 100% !important;
width: 110px;
height: 20px;
display: block;
text-align: center;
text-decoration: none;
color: #fff;
}

/* I N T R O */
#intro {
clear: both;
background: transparent url(images/fond_intro.gif) 400px center no-repeat;
}
#intro h1 {
width: 180px;
margin: 0 20px;
text-align: center;
}
#intro div#accroche {
float: right;
margin: 30px 120px !important;
margin: 30px 60px;
width: 300px !important;
width: 300px;
}
#accroche p {
font: italic 2em Times, serif ;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}

/* C O N T E N U */
#contenu {
clear: both;
margin: 3px auto;
margin-top:0;
width: 734px;
height: 450px;
border: 5px solid #004d20;

}
#contenu.accueil{
background: transparent url(images/accueil.jpg) no-repeat;
}
#contenu.restaurant{
background: transparent url(images/restaurant.jpg) no-repeat;
}
#contenu.equipe{
background: transparent url(images/equipe.jpg) no-repeat;
}
#contenu.carte{
background: transparent url(images/carte.jpg) no-repeat;
}
#contenu.galerie{
background: transparent url(images/galerie.jpg) no-repeat;
}
#contenu.acces{
background: transparent url(images/acces.jpg) no-repeat;
}
#contenu.contact{
background: transparent url(images/contact.jpg) no-repeat;
}

/* F R A M E */
#frame {
float: right;
overflow: auto;
width: 250px;
height: 450px;
color: #fff;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
background-color: #000;
padding: 0 1em ;
line-height:1.5em;
font-size: 1.1em;
font-weight: bold;
text-align: left;
text-indent: 1em;
}
#frame.galerie, #frame.acces{
width: 706px;
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;
}
#frame h2 {
font: 1.4em italic Garamond, sans-serif;
margin: 1em 0; 
text-align: center;
}
#frame p.contact {
text-indent: 0;
}
#frame p.contact2 {
margin: 1em 0;
text-indent: 0;
font-size: .8em;
line-height: 1em;
text-align: center;
}
#frame p.contact3 {
text-align: center;
color: #f00;
font-size: 1.1em;
}
#frame a.zoom {color: #fff; font-style: italic;}
label {
width: 4.4em;
float:left;
margin: 0;
padding: 0;
text-align:left;
color:#f00;
font-weight:bold;
}
textarea {
width:100%;
height:6em;
font-family:sans-serif;
font-size:small;
background:#fff;
border:1px dotted #000;
padding:3px;
}
input.textfield {
width:68%;
background:#fff;
border:1px dotted #000;
margin: .1em 0;
padding:3px;
}
input.textfield:focus, textarea:focus {
background:#f00;
}
#submit {
border: 1px #000 solid;
cursor: pointer;
padding: 0 1em;
color: #fff;
background-color: #f00;
width: auto;
}
.alerte {
text-align: center;
padding: 1em 0;
font-weight: bold;
font-size: 14px;
color:red;
}
.focus {
background-color: #ff9;
}

#frame img {
border: 1px solid white;
float: left;
margin: 5px;
}
#frame h2 {clear:left;}
#map div {color: #000}

/* M E N U  B A S */
#menu_bas {
clear: both;
margin: 0 auto;
width: 744px;
height: 30px;
background-color: #004d20;
}
#menu_bas ul {
margin-left: 550px !important;
margin-left: 0;
}
#menu_bas li {
float: left;
margin: 6px 15px;
background: transparent url(images/puce.gif) left top no-repeat;
text-indent: 20px
}
#menu_bas a {
width: 100% !important;
width: 110px;
height: 20px;
display: block;
text-align: center;
text-decoration: none;
color: #fff;
}

/* F O O T E R */
#footer {
clear: both;
}
#footer p {
text-align: center;
line-height: 2em;
}
a#ekxao {
text-decoration: none;
color: #000;
}
a:hover#ekxao {
color: red;
}
#ekxao img {
border: none;
vertical-align: middle;
}