body {color: #4c4c4c; margin: 0px; padding: 0px ; background-color: #ffffff; text-align: center; font-family: Verdana, Geneva, Swiss, SunSans-Regular; font-size: 11px; }
#global { width: 940px; margin: 0 auto auto auto; padding: 0; text-align: left; background: #fff;}

a {text-decoration: none;}
a:hover {text-decoration: underline; }
#header {position: relative; height: 130px; margin: 0; padding: 0;}
#logo, #header ul, h3 { text-indent: -2000px;}
#logo {float: left; margin:5px; padding:0;}
#logo a {display: block; width: 200px; height: 119px;background: url(../images/Logo_O2_Saone.png) no-repeat;}
#accueil h1, #resto h1, #menus h1, #plans h1, #contact_form h1, #hotel h1 {text-indent: -2000px; width:700px; height:100px; margin: 0 0 0 240px; padding :0;}
#accueil h1, #resto h1, #menus h1, #contact_form h1 {background: url(../images/Bandeau_h1.jpg) no-repeat;}
#plans h1 {background: url(../images/Bandeau_h1_plan.jpg) no-repeat;}
#hotel h1 {background: url(../images/Bandeau_h1_hotel.jpg) no-repeat;}
#accueil h1, #contact_form h1 {border-bottom: solid 5px #8ecfdb;}
#resto h1 {border-bottom: solid 5px #f6ac31;}
#menus h1 {border-bottom: solid 5px #e41c4f;}
#plans h1 {border-bottom: solid 5px #8e9a1c;}
#hotel h1 {border-bottom: solid 5px #8e3179;}

/*
#header ul {position: absolute; top:105px; left: 240px; width: 700px; height: 25px; margin: 0; padding: 0;  background: url(../images/Menu_1.png); }
Correc Pierre
*/
#header ul {position: absolute; top:105px; left: 240px; width: 700px; height: 25px; margin: 0; padding: 0;  background: url(../images/Menu_1.png); }

#menu_1 li  {position: absolute; top: 0; margin: 0; padding: 0; list-style: none; display: inline;}
#menu_1 a {margin: 0; padding: 0; width: 140px; height: 25px;  display: block;}
#acc_01, #acc_011 {left: 0; height: 25px; }
#acc_02, #acc_021 {left: 140px; height: 25px;}
#acc_03, #acc_031 {left: 280px; height: 25px;}
#acc_04, #acc_041 {left: 420px; height: 25px;}
#acc_05, #acc_051 {left: 560px; height: 25px;}

#acc_01 a:hover, #acc_011 { background: transparent url(../images/Menu_1.png) 0 -25px no-repeat; }
#acc_02 a:hover, #acc_021 { background: transparent url(../images/Menu_1.png) -140px -25px no-repeat; }
#acc_03 a:hover, #acc_031 { background: transparent url(../images/Menu_1.png) -280px -25px no-repeat; }
#acc_04 a:hover, #acc_041 { background: transparent url(../images/Menu_1.png) -420px -25px no-repeat; }
#acc_05 a:hover, #acc_051 { background: transparent url(../images/Menu_1.png) -560px -25px no-repeat; }

#content {position: relative; margin: 0; padding: 0; width: 940px;}
#content li{list-style-type: square;}
#content h5 {margin: 10px 5px; font-size: 12px;}
#infos {float: right; margin: 0 0 0 240px; width: 700px;}
#infos h2 {margin: 15px; padding: 0; font-size: 16px; }
#infos h4 {margin: 0 15px; font-size: 16px; text-align:right; font-weight: normal;}
.keywords {font-size: 13px;}

#coord { position: absolute; top: 0; width: 235px; margin:0; padding: 0; color: #7f7f7f; text-align: center;}
#coord p {margin: 20px auto; }
p.descr {text-align: left; padding: 0 10px; }
p.argu_contexte {width: 190px; text-align: left;}
.adresse a {color: #8e9a1c; font-weight: bold; }
p.contact  {padding-top: 8px; width: 190px; height: 60px; background: url(../images/Bouton_Form_Contact.png) no-repeat;}
.contact a { color: #fff;}
#promo, #promo_left { border-left-color: #e41c4f; border-bottom-color: #e41c4f; border-right-color: #e41c4f; border-top-color: #e41c4f; border-left-style: ridge; border-bottom-style: ridge; border-right-style: solid; border-top-style: solid; border-left-width: 2px; border-bottom-width: 3px; border-right-width: 2px; border-top-width: 3px; color: #e41c4f; text-align: center;}
#promo {margin: 10px 120px; width: 450px; height: 110px;}
#promo_left {margin: 0 29px; width: 165px;}
#promo h5, #promo_left h5 {margin-top: 5px; text-decoration: blink;  font-size: 15px;}
#promo h4, #promo_left h4 {text-decoration: line-through; margin-top: 5px; font-size: 13px; text-align: center; }
#promo p,#promo_left p {margin: 5px 20px;}
.MenuPromo {color: #fff; }
#promo a, #promo_left a { color: #f6ac31; font-weight: bold; line-height: 20px;}

#evenement {background-color: #e41c4f; border-color: #c0edfe; border-style: dotted; border-width: 1px; width: 205px; margin:10px; }
#evenement h5 {color:white; margin: 10px auto 0 auto; font-size: 15px;}
#evenement p {color:black; margin: 5px 10px;}
#evenement em {font-style: normal; color:#d2d2d2; }
#evenement a { color: #f6ac31; font-weight: bold;}
#evenement h6 {font-size: 14px; color:white; font-style: normal; margin: 3px; }


#acc_resto, #acc_hotel, #resto_infos, #menus_infos, #hotel_infos {position: relative; margin: 25px 15px;}
#acc_resto h3, #resto_infos h3 {margin: 0; width: 380px; height: 20px; background: url(../images/h3-acc_resto.png) no-repeat; }
#acc_resto p {position: absolute; top: 20px; left: 405px; color: #f6ac31; width: 250px; padding-left: 10px; border-left: solid 5px #624412; }
#acc_resto a {color: #f6ac31; }
#resto_intro, #hotel_intro {float: left; width: 375px; }
#resto_intro a {color: #e41c4f;}
#resto_intro em, #hotel_intro em {font-weight: bold; font-style: normal;}
#resto_intro em { color: #f6ac31;}
#resto_descr p {color: #f6ac31; margin: 20px 0 10px 405px ; padding-left: 10px; border-left: solid 5px #624412;}
#resto_descr img {margin:10px 0; padding: 0; border: 0; }

#acc_hotel h3 {margin: 0 0 0 265px; width: 405px; height: 20px; background: url(../images/h3-acc_hotel.png) no-repeat; }
.hotel_intro {margin: 10px 0 0 270px; width: 390px;}
#acc_hotel a {color: #8e3179;}
.hotel_argu {position: absolute; top: 20px; width: 210px; padding-right: 10px; text-align: right; color: #8e3179; border-right: solid 5px #8e3179;}

#menus_infos h3 {margin: 0; width: 440px; height: 20px; background: url(../images/h3-menus.png) no-repeat; }
#menus_descr p {color: #e41c4f; margin: 20px 0 10px 420px ; padding-left: 10px; border-left: solid 5px #5b0b1f;}
#menus_details fieldset {position: relative; width: 205px; border: dotted 1px #e41c4f; margin: 10px 3px; float: left; line-height: 11px; }
#menus_details legend {font-weight: bold ; color: #e41c4f; margin: 0; padding: 0 5px ;}
p.prix_menu, p.prix_menu_strike {margin: 0 10px 0 150px;  width: 50px; height: 15px; background: #e41c4f; text-align:center; color: #fff;}
p.prix_menu_strike {text-decoration: line-through;}
.prix_menu {background: #e41c4f; text-align:center; color: #fff;}
p.plats_menu {margin: 10px 0; text-align: center;}
#menus_details em {color: #e41c4f;}
.menu-formule {height: 150px;}
.menu-court {height: 170px;}
.menu-moyen {height: 280px;}
.menu-long {height: 330px;}
.Note {font-style: italic; color:gray;font-size: 9px;}

#hotel H3 {margin: 0; width: 440px; height: 20px; background: url(../images/h3-hotel.png) no-repeat;}
#hotel_intro em {color: #8e3179;}
#hotel_descr p {color: #8e3179; margin: 20px 0 10px 405px ; padding-left: 10px; border-left: solid 5px #8e3179;}

.maps {text-align: center; margin: 20px auto;}
.contactplan {text-align: center; font-size: 13px;}

#contact_form h3 {margin: 25px 15px; width: 200px; height: 20px; background: url(../images/h3-contact.png) no-repeat; }
#contact_descr p {color: #2ab8cc; margin: 20px ; padding-left: 10px; border-left: solid 5px #2ab8cc;}
#contact_form fieldset {position: relative; width: 650px;  border: dotted 1px #2ab8cc; margin: 10px 5px; line-height: 20px; }
#contact_form legend {font-weight: bold ; color: #2ab8cc; margin: 0; padding: 0 5px ;}
#corpForm p { padding: .2em 0;margin: 0 0 .2em 0;}
#coordonnees label {float: left; position :relative; left: 0; width:30%; text-align: right; margin: 0; padding: 0 .5em 0 0; line-height: 1.8;}
#piedForm {padding-top : 10px; text-align: center; }
#corpForm label:hover, #piedForm input { cursor: pointer;}
p.contact_merci {margin: 10px 20px; height: 250px; }

#menu_nouvel-an {position: relative; margin: 25px 15px 0 15px;}
#menu_nouvel-an h3 {margin: 0; width: 440px; height: 20px; background: url(../images/h3_menu-nouvel-an) no-repeat; }
#menu_nouvel-an_descr img {margin:0 0 0 15px; border:0; float: left; }
#menu_nouvel-an_descr p {color: #e41c4f; margin: 0 0 10px 450px ; padding-left: 10px; border-left: solid 5px #5b0b1f;}
#menu_nouvel-an_details {position: relative; clear: both; background: url(../images/menu-nouvel-an-fd.jpg) no-repeat right bottom; }
#menu_nouvel-an_details p {text-align: center; width: 420px;}
#menu_nouvel-an_details em { color: #f6ac31; font-style: normal;}
#menu_nouvel-an_details h5 {position: absolute; top: 75px; left: 475px; text-align: center;, width: 215px; color:#e41c4f;}
#special-nouvel-an a, #ement a {color:#e41c4f; font-weight:  bold; font-size: 13px;}
/*#ement p { border-bottom-width: 2px; border-top-width: 2px; border-style: dashed; border-color: green;}*/

#pied {clear: both; border-top: dotted ;border-top-color: #2ab8cc; border-top-width: 1px; }
#pied p {font-size: 9px; color: gray; }
#pied a {color: #849b17;}
#pied img {float: left; margin: 5px;}