html, body {padding: 0; margin: 0; height: 100%; width: 100%; }
* {padding: 0; margin: 0; }
body {font-size: 90%; font-family: "Verdana", "Tahoma", "Geneva", "Lucida Sans Unicode"; background: #fff5c8 url(../images/background.jpg) no-repeat 0 0; color: #776742; }
h1 {position: relative; float: left; clear: both; font-weight: normal; color: #25477d; margin-bottom: 30px; width: 100%; }
h2 {position: relative; float: left; clear: both; font-weight: normal; color: #25477d; font-size: 1.1em; width: 100%; }
p {padding-top: 6px; padding-bottom: 6px; clear: both; }
img {border: 0; }
img.entete {margin-bottom: 40px; }
strong {font-weight: normal; color: #25477d; }
#corps {position: relative; margin-left: auto; margin-right: auto; width: 750px; height: auto; }
#corps_main {position: relative; float: left; width: 562px; height: auto; margin-right: 18px; z-index: 10; }
#corps_main_body {position: relative; float: left; width: 512px; padding-left: 40px; padding-right: 20px; padding-top: 40px; padding-bottom: 40px; min-height: 600px; height: auto !important; height: 600px; background: transparent url(../images/corps_body.png) repeat-y 0 0; }
#corps_main_foot {position: relative; float: left; width: 562px; height: auto; padding-top: 43px; text-align: right; background: transparent url(../images/corps_foot.png) no-repeat 0 0;}
#corps_main #corps_main_foot #lg {float: right; background-color: #fff; width: 90px; height: auto; padding: 3px; font-size: 0.8em; text-align: center; }
#corps_main #corps_main_foot a {color: #25477d; text-decoration: none; }
#corps_main #corps_main_foot a:hover {color: #333; }
/* page index */
#corps-index {position: relative; margin-left: auto; margin-right: auto; width: 750px; height: 569px; background-color: transparent; z-index: 5; }
#corps-main-index {position: relative; float: left; width: 562px; height: 569px; background: transparent url(../images/index_fondblc.png) no-repeat 0 0; z-index: 10; }
#corps-main-index #photo-index {position: relative; float: left; margin-left: 18px; }
#corps-main-index #logo-index {position: absolute; top: 170px; left: 170px; background: transparent url(../images/index_logo.png) no-repeat 0 0; width: 243px; height: 310px; }
#intro {position: relative; float: left; margin-left: auto; margin-right: auto; clear: both; width: 462px; background-color: transparent; margin-top: 40px; padding-left: 50px; padding-right: 50px; }
#intro a {color: #776742; text-decoration: underline; }
#intro a:hover {text-decoration: none; }
#intro img.bienvenue {margin-top: 20px; }
#bienvenu {position: relative; float: left; clear: both; width: 562px; text-align: center; margin-top: 30px; }
#credits {position: relative; float: left; margin-left: auto; margin-right: auto; clear: both; width: 562px; text-align: right; background-color: transparent; }
#credits a {color: #776742; text-decoration: none; font-size: 0.8em; }
#credits a:hover {color: #333; }
/* page tarifs */
table.tarifs {width: 500px; border-collapse: collapse; border-bottom: dotted 2px #776742; margin-bottom: 40px; }
table.tarifs thead tr th {color: #25477d; font-weight: normal; border-bottom: dotted 2px #776742; padding-bottom: 6px; }
table.tarifs tbody tr th {text-align: left; padding-left: 30px; padding-top: 7px; font-weight: normal; }
table.tarifs tbody tr.last th {padding-bottom: 7px; }
table.tarifs tbody tr td {text-align: center; }
p.saison {position: relative; float: left; width:150px; font-size: 0.8em; line-height: 1.4em; padding-left: 20px; clear: none; }
p.saison strong {font-size: 1.1em; }
/* page contact */
.contact-centre {position: relative; float: left; width: 500px; text-align: center; clear: both; margin-top: 50px; }
/* page liens */
#liens {position: relative; float: left; clear: both; margin-top: 30px; }
ul.partenaires {position: relative; float: left; clear: both; list-style: circle; margin-left: 30px; margin-bottom: 15px; width: 500px; }
ul.partenaires li a {color: #776742; text-decoration: underline; }
ul.partenaires li a:hover {text-decoration: none; }
/* page livre d'or */
table.tripadvisor td {vertical-align: top; }
form.cmxform {margin-top: 40px; }
form.cmxform fieldset {padding: 15px; }
form.cmxform p {margin-bottom: 10px; }
input.submit {background-color: #25477d; color: #fff; font-weight: bold; padding: 4px; cursor: pointer; border: none; }
#pagerNav { position: relative; clear: both; float: right; margin-top: 0px; width: 60px; text-align: right;}
#pagerNav a.prev { position: relative; float: left; width: 27px; height: 27px; background: transparent url(../images/icones.gif) no-repeat 0 -539px; cursor: pointer; }
#pagerNav a.prev:hover {background: transparent url(../images/icones.gif) no-repeat 0 -765px;}
#pagerNav a.next { position: relative; float: left; width: 27px; height: 27px;background: transparent url(../images/icones.gif) no-repeat 0 -653px; cursor: pointer; }
#pagerNav a.next:hover {background: transparent url(../images/icones.gif) no-repeat 0 -88px;}
/* page articles/infos */
#menuarticles {position: relative; float: left; }
#menuarticles ul {position: relative; float: left; list-style: circle; width: 450px; padding-left: 20px; padding-bottom: 20px; margin-bottom: 40px; border-bottom: dotted 4px #776742; }
#menuarticles ul a {color: #776742; }
#menuarticles ul a:hover {text-decoration: none; }
#article {position: relative; float: left; clear: both; }
#article h2 {font-size: 1.2em; margin-bottom: 20px; position: relative; float: left; width: 100%; }
#article p {position: relative; float: left; width: 100%; clear: left; }
/* galerie photos */
#galerie {position: relative; margin-top: 40px; }
/* menu */
#menu {position: relative; float: left; width: 150px; padding-left: 0px; padding-top: 20px; font-size: 0.9em; text-align: center; }
#menu ul {list-style: none; margin-top: 40px; }
#menu ul li {position: relative; float: left; clear: both; margin-bottom: 10px; width: 150px; text-align: center; }
#menu ul li a {position: relative; color: #776742; text-decoration: none; margin-right: 10px; }
#menu ul li a:hover {color: #333; }
#menu ul li .icogauche, #menu ul li .icodroit, #menu ul li.selected .icogauche, #menu ul li.selected .icodroit {position: absolute; top: 0; width: 12px; height: 16px; margin-right: 10px;}
#menu ul li.selected .icogauche, #menu ul li:hover .icogauche {background-image: url(../images/icogauche.png); left: -20px; }
#menu ul li.selected .icodroit, #menu ul li:hover .icodroit {background-image: url(../images/icodroit.png); right: -30px; }
#icomenu {position: relative; float: left; clear: both; margin-top: 40px; width: 140px; text-align: center; }
#icomenu p {margin-bottom: 10px; }
#tripadvisor {position: relative; float: left; clear: left; }
/* popups */
.popupclose {position: absolute; right: 30px; top: 28px; width: 20px; height: 20px; text-align: center; background-color: #fff; }
.popupclose a {color: #25477d; padding: 4px; text-decoration: none; line-height: 20px; }
.popupclose a:hover {color: #111; }
/* popup menu restaurant */
#menupopup {font-size: 0.9em; position: absolute; width: 511px; margin-top: 40px; margin-left: 30px; z-index: 3; display: none; top: 10px; left: 50%; margin-left: -250px; z-index: 10; color: #25477d; }
#menupopup_top {position: relative; float: left; width: 511px; height: 199px; background: transparent url(../images/popup_top.png) no-repeat 0 0; }
#menupopup_body {position: relative; float: left; clear: both; width: 351px; height: auto; background: transparent url(../images/popup_body.png) repeat-y 0 0; padding-left: 80px; padding-right: 80px; padding-top: 40px; }
#menupopup_bottom {position: relative; float: left; clear: both; width: 511px; height: 156px; background: transparent url(../images/popup_bottom.png) no-repeat 0 0; }
#menupopup table.menurestau {position: relative; float: left; width: 360px; color: #25477d; margin-bottom: 40px; }
#menupopup table.menurestau th {text-align: left; font-weight: normal; }
#menupopup table.menurestau td.points {width: 120px; background: transparent url(../images/points.gif) repeat-x 0 5px; }
#menupopup ul {position: relative; float: left; clear: both; margin-top: 10px; width: 350px; text-align: center; list-style: none; }
#menupopup p {position: relative; float: left; clear: both; width: 350px; text-align: center; }
#menupopup strong {font-weight: bold; }
/* popup offre spéciale */
#offrepopup {position: absolute; width: 511px; margin-top: 40px; margin-left: 30px; z-index: 3; display: none; top: 50px; left: 50%; margin-left: -250px; z-index: 10;}
#offrepopup_top {position: relative; float: left; width: 511px; height: 199px; background: transparent url(../images/popup_top.png) no-repeat 0 0; }
#offrepopup_body {position: relative; float: left; clear: both; width: 351px; height: auto; background: transparent url(../images/popup_body.png) repeat-y 0 0; padding-left: 80px; padding-right: 80px; padding-top: 40px; font-size: 0.9em; }
#offrepopup_bottom {position: relative; float: left; clear: both; width: 511px; height: 156px; background: transparent url(../images/popup_bottom.png) no-repeat 0 0; }
/* popup réservation */
#bookpopup {position: absolute; width: 671px; height: 441px; padding-top: 70px; padding-left: 100px; margin-top: 40px; margin-left: 30px; z-index: 10; display: none; top: 50px; left: 50%; margin-left: -250px; z-index: 10; background: transparent url(../images/popup_reservation.png) no-repeat 0 0; color: #fff8d9; font-size: 0.9em;}
#bookpopup .popupclose {background-color: #fffae4; top: 21px; right: 32px; width: 16px; height: 16px; }
#bookpopup .popupclose a {line-height: 16px; }
#bookpopup h3 {font-family: "Verdana"; font-weight: normal; color: #fff8d9; margin: 0; padding: 0; font-size: 1.2em; }
#bookpopup #formulaire-reservation {position: relative; float: left; clear: left; width: 621px; margin: 0; margin-top: 20px; height: 350px; }
#bookpopup #colonne1 {position: relative; float: left; width: 260px; height: 300px; }
#bookpopup #colonne2 {position: relative; float: left; width: 320px; height: 300px; margin-left: 20px; }
#bookpopup input, #bookpopup textarea, #bookpopup input[type="checkbox"] {position: relative; float: left; background-color: #406cb2; border: 1px solid #5f91df; color: #fff8d9; line-height: 20px; }
#bookpopup input.date-pick {height: 15px; display: inline; width: 200px; }
#bookpopup input[type="checkbox"] {-moz-appearance: none; background-color: transparent; border: none;}
#bookpopup input[type="submit"] {padding: 4px; background: transparent url(../images/button-valider-fr.png) no-repeat 0 0; width: 128px; height: 25px; text-align: center; border: none; cursor: pointer; }
#bookpopup input:focus, #bookpopup textarea:focus {background-color: #5f91df; }
#bookpopup p {width: 280px; position: relative; float: left; clear: both; font-size: 0.9em; padding-top: 3px; padding-bottom: 3px; margin: 0; }
#bookpopup table.nbchambres {position: relative; float: left; clear: both; margin-top: 0px; width: 320px;}
#bookpopup table.nbchambres td, #bookpopup table.nbchambres th {padding-bottom: 8px; vertical-align: middle; width: 60px; }
#bookpopup table.nbchambres th {font-weight: normal; text-align: left; width: auto; padding-left: 0px; }
#bookpopup #resultat {position: relative; float: left; width: 300px; margin-top: 20px; color: #eff63c; font-variant: small-caps; }
#bookpopup label {position: relative; float: left; width: 250px; clear: none; }
#bookpopup form {padding: 0; margin: 0; }
#bookpopup table.nbchambres label {width: auto; }
#bookpopup #alerte-arrivee {position: absolute; bottom: 0; left: 0; font-style: italic; width: 550px; }