html, body {padding: 0;	margin: 0;	height: 100%;	width: 100%;}
* {padding: 0;	margin: 0;}
body {font-size: 85%; font-family: "Geneva, Arial";	background-color: #c34d27; color: #f5b985; }
img {border: 0;}
a {color: #f5b985; text-decoration: none; }
a:hover {color: #69001a: text-decoration: none; }

.erreur {position: relative; float: left; width: 100%; text-align: center; color: #000; font-weight: bold; margin-bottom: 10px; }
.erreur a {color: blue; text-decoration: underline; }
.erreur a:hover {color: blue; text-decoration: none; }

#frame_main {position: relative; float: left; background: transparent url(../images/background.jpg) no-repeat 0 0; min-height: 800px; height: auto !important; height: 800px; width: 100%;}

/** menu principal **/
#menu_main {position: absolute; top: 150px; left: 500px; width: 500px; font-variant: small-caps; font-size: 0.9em; font-weight: bold; }
#menu_main ul {list-style: none; }
#menu_main li {display: inline; padding-left: 5px; padding-right: 5px; }
#menu_main li a.active {color: #69001a; }
#menu_main li a:hover {color: #69001a; }


/** bandeau page accueil **/
#bandeau {position: absolute; top: 207px; right: 67px; width: 390px; height: 336px; }
#bandeau {position: absolute; top: 207px; right: none; left: 546px; width: 390px; height: 336px; }

/** texte sous l'encadré **/
#corps {position: absolute; top: 590px; left: 270px; width: 660px;}
#contenu { position: relative; float: left; text-align: justify; line-height: 1.4em; font-size: 1.2em; width: 640px; height: auto; padding-left: 10px; padding-right: 10px;}
#contenu p {padding-top: 5px; padding-bottom: 5px; clear: both;}
#contenu ul {margin-left: 50px; position: relative; float: left; clear: both;}
#contenu h2 {color: #69001a; padding-top: 15px; padding-bottom: 8px; clear: both;}
#pied {position: relative; float: left; width: 100%; border-top: solid 1px #ae3721; height: 200px; margin-top: 40px; text-align: center; color: #69001a; padding-top: 15px; font-size: 0.9em; }
#pied img {margin: 15px;}
#pied a {color: #69001a; font-style: italic; }

/** texte dans bandeau à gauche **/
#bandeau_texte_colonne {position: absolute; top: 230px; left: 290px; color: #69001a; width: 240px;}
#bandeau_texte_colonne h1 {padding-bottom: 15px; }

/** texte dans bandeau sur toute la largeur **/
#bandeau_texte_total {position: absolute; top: 230px; left: 290px; color: #69001a; width: 630px; height: 290px; overflow: auto; }
#bandeau_texte_total h1 {padding-bottom: 0px; }
#bandeau_texte_total p {padding-bottom: 15px; padding-top: 15px; }
#bandeau_texte_total ul {position: relative; float: left; list-style-type: disc; width: 100%; }
#bandeau_texte_total ul li {display: inline; position: relative; float: left; clear: left; padding-top: 5px; padding-bottom: 5px; width: 100%; }
#bandeau_texte_total a {color: #ae3721; text-decoration: underline; }
#bandeau_texte_total a:hover {color: #ae3721; text-decoration: none; }

#bandeau_texte_total_noscroll {position: absolute; top: 230px; left: 290px; color: #69001a; width: 630px; height: 310px; overflow: visible; }
#bandeau_texte_total_noscroll h1 {margin-bottom: 25px; }


/** page RESTAURANT **/
#menu {position: relative; width: 300px; margin-left: auto; margin-right: auto; }
#menu h2 {position: relative; float: left; clear: left; margin-top: 25px; margin-bottom: 15px; text-align: center; width: 100%; }
#menu h3 {position: relative; float: left; clear: left; text-align: center; width: 100%; margin-top: 15px; }
#menu p {position: relative; float: left; clear: left; }
#menu p.menu {text-align: center; width: 100%; font-style: italic; }
#menu table {position: relative; float: left; clear: left; width: 320px;}
#menu table th {font-style: italic; width: 250px; text-align: left;}
#menu table td.commentaire {font-style: italic; text-align: center; }

/** formulaire de réservation **/
input, textarea, select {color: #69001a; }
select {text-align: center; }
.formulaire {position: relative; float: left; clear: left; }
.formulaire p {padding-bottom: 2px; padding-top: 2px; }
.formulaire p.submit {width: 100%; text-align: right; padding-top: 15px; }
.formulaire p label {width: 170px; position: relative; float: left; text-align: right; padding-right: 15px; }
.formulaire table td {vertical-align: top; padding-right: 26px;}

/** services **/
#contenu ul.services {list-style: none; }
#contenu ul.services li {padding: 0; }

/** tarifs **/
table.tarifs {border-collapse: collapse; border: solid 1px #ae3721; margin-left: 100px;}
table.tarifs thead th {border: solid 1px #ae3721; padding: 2px;}
table.tarifs tbody td {text-align: center; border: solid 1px #ae3721; height: 30px; }
table.tarifs tbody th {border: solid 1px #ae3721; padding: 5px; }

/** contact : plan d'accès **/
#plan {position: absolute; bottom: 0; right: 0; }