html, body {height: 100%; width: 100%; }
* {padding: 0; margin: 0; }
body {font-size: 85%; font-family: "Arial"; background: transparent url(../images/back2.jpg) repeat-x 0 0; }
a {text-decoration: none; color: #bd8216; }
img {border: 0px; }
img.img-titre {position: relative; float: left; padding-bottom: 20px; }
#contenu-texte p,
#contenu-texte ul {position: relative; float: left; clear: both; margin-bottom: 10px; }
#main {position: relative; margin-left: auto; margin-right: auto; width: 1103px; height: 744px; }
#pub {position: relative; margin-left: auto; margin-right: auto; width: 1103px; margin-top: 0px; margin-bottom: 40px; }
#sign {position: absolute; width: 325px; height: 326px; background: transparent url(../images/sign.png) no-repeat 0 0 ; }
#contenu-general {position: absolute; top: 30px; left: 50px; width: 1001px; background: transparent url(../images/contenu-bg.png) no-repeat 0 0; }
#logo {position: absolute; top: 10px; left: 20px; width: 218px; height: 29px;}
#langue {position: absolute; bottom: 5px; right: 0px; }
#langue ul {position: relative; float: right; list-style: none; }
#langue ul li {display: inline; padding-left: 10px; }
#langue ul li.selected a {color: #fff; }
/**/
#haut {position: relative; float: left; width: 879px; height: 60px; margin-left: 60px; margin-bottom: 10px; }
/*.galerie #haut {margin-left: 45px; }*/
/* background general du contenu*/
#back {position: relative; margin-top: 60px; margin-left: auto; margin-right: auto; width: 880px; height: 587px; background: transparent url(../images/photo-porte.jpg) no-repeat 0 0; }
.contact #back {background-image: url(../images/bkg_terrasse.jpg); }
.tarif #back {background-image: url(../images/bkg-fenetre.jpg); }
.back_reservation #back {background-image: url(../images/bkg-spa.jpg); }
/*pied de la page qui contient realisation ekiwi ....*/
#pied {position: relative; float: left; margin-left: 60px; width: 880px; height: 50px; text-align: right; color: #a2a2a2; font-size: 0.8em; }
#pied a {color: #a2a2a2;}
/*.galerie #pied {margin-left: 45px; }*/
/* contenu des pages */
#contenu {position: absolute; left: 0; bottom: 50px; width: 879px; background: transparent url(../images/back-transparent.png) repeat-x 0 0; padding-top: 10px; padding-bottom: 10px; }
.accueil #contenu {height: 320px !important; }
.contact #contenu {height: 457px !important; }
.tarif #contenu {height: 500px !important; }
.back_reservation #contenu {height: 495px !important; }
.galerie #contenu {height: 587px !important; width: 877px !important; background: transparent none no-repeat 0 0 !important; bottom: -5px !important; }
.lien #contenu {height: 250px !important; }
/*menu principal*/
#menu-principal {position: absolute; bottom: 6px; left: 0; width: 130px; height: 171px; z-index: 5; }
#menu-principal ul {list-style: none; }
#menu-principal ul li {position: relative; float: left; clear: both; line-height: 21px; margin-bottom: 5px; width: 127px; height: 23px; text-align: left; }
#menu-principal ul a {position: relative; float: left; width: 96px !important; height: 23px; color: #fff; padding-left: 30px; background: transparent url(../images/elements.png) no-repeat 0 -105px; }
#menu-principal ul a:hover,
#menu-principal ul li.selected a {color: #5b1a1e; background-position: 0 -64px; }
#contenu-texte {position: relative; float: left; margin-left: 160px; width: 700px; height: 100%; text-align: justify; color: #fff; overflow: auto; }
/*#contenu-texte #titre_accueil { padding-left: 500px; position: absolute; top: -15px; }*/
/*.accueil #contenu-texte p { margin-bottom: 10px; }*/
/* page contact: la carte*/
#carte { position: absolute; top: 30px; }
/*#titre-contact {position: absolute; top: 5px; left: 0px; }*/
/*.contact #contenu-texte p { margin-top: 50px; }*/
#contact-coordonnees {position: relative; float: left; clear: both; width: 250px; height: auto; }
#formulaire-contact { position: relative !important; float: left; width: 400px !important; height: auto; }
#formulaire-contact p.intro {margin-bottom: 20px !important; }
#formulaire-contact label {position: relative; float: left; width: 120px; text-align: left; padding-left: 30px; }
#formulaire-contact textarea { margin-left: 50px; }
#formulaire-contact p.submit {position: relative; float: left; padding-left:260px ;margin-top: 20px !important; width: 135px; margin-bottom: 10px; }
#formulaire-contact input.submit {width: 135px; height: 21px; background: transparent url(../images/elements.png) no-repeat 0 -26px; border: none; cursor: pointer; color: #5b1a1e ; font-family: "palatino"; font-size: 1em;}
#formulaire-contact input.submit:hover { background-position: 0 0; color: #e7dec9; }
#formulaire-contact p label.error { position: relative; float: left; clear: left; width: 305px; height: 10px; color: #f8cf74; font-size: 0.9em; font-style: italic; text-align: right; }
#reponse-formcon { position: absolute; text-align: center; color: #f8cf74; font-style: italic; top: 50px; left: 100px; }
#reponse-form-succescon {position: relative; float: left; margin-left: 160px; text-align: center; margin-top: 70px; color: #f8cf74; font-size: 1.1em;}
/*page tarifs*/
/*#titre-tarif {position: absolute; top: 5px; }*/
/*.tarif #contenu-texte {padding-top: 30px; }*/
/*.tarif #contenu-texte p { margin-top: 10px; padding-right: 20px; }*/
.tarif p {position: relative; float: left; clear: left; }
.tarif h2 {color: #f8cf74; position: relative; float: left; clear: left; font-size: 1em; font-weight: normal; padding-top: 5px; }
/*page reservation*/
#formulaire {position: relative; float: left; margin-top: -10px; }
#formulaire p {clear: left; }
/*#titre-reservation {position: absolute; top: 5px; left: 0px; }*/
/*#formulaire {position: relative; float: left; background-color: red; height: auto; }
*/
#form-gauche {position:relative; float:left; width: 320px; margin-left: 0px !important; }
/*#form-gauche input.txt ,#contenu #form-gauche input.dat {width: 280px; height: 15px;}*/
input.txt {font-size: 0.8em; }
#form-gauche p#obligatoire {padding-bottom: 0px; margin-top: 40px; color: #bd8216; }
p label.error { position: relative; float: left; clear: left; width: 205px; height: 10px; color: #f8cf74; font-size: 0.9em; font-style: italic; }
#form-droit {position: relative; float: left; width: 340px; margin-left: 20px; }
p#type-chambre {position: relative; }
#form-droit p select {padding-left: 10px; margin-left: 8px; margin-bottom: 8px; }
#form-droit p img {margin-top: 10px;}
#form-droit p label.error { width:300px !important; }
#form-droit p.submit {position: relative; float: left; margin-left:200px ; margin-top: 10px; width: 135px !important; }
#form-droit input.submit {width: 135px; height: 21px; background: transparent url(../images/elements.png) no-repeat 0 -26px; border: none; cursor: pointer; color: #5b1a1e ; font-family: "palatino"; font-size: 1em;}
#form-droit input.submit:hover { background-position: 0 0; color: #e7dec9; }
#reponse-form { position: absolute; text-align: center; color: #f8cf74; font-style: italic; top: 50px; left: 100px; }
#reponse-form-succes {position: relative; float: left; width: 700px; height: auto; text-align: center; margin-top: 100px; color: #f8cf74; font-size: 1.1em;}
/*page galerie */
.galerie #contenu-texte {position: relative; margin-left: auto !important; margin-right: auto !important ; width: 950px; height: 587px; color: #fff; }
.galerie #menu-principal {bottom: 30px; }
/*.galerie-gauche {margin-left: 45px !important; width: 877px !important; background: none !important; }*/
.galerie-gauche {background: none !important; }
/*#menu-galerie {position: absolute; right: 54px; top: 100px; z-index: 10 !important; }*/
#menu-galerie img {padding: 8px; border: solid 3px #333; }
.demo {display:none; }
/*#menu6 div.jqDock { background-color: yellow; }*/
#galerie_photo {position: relative; width: 877px; height: 587px; }
#photo-descriptif {position: absolute; bottom: 0; left: 0; width: 860px; height: auto; background: transparent url(../images/back-transparent.png) repeat-x 0 0; text-align: right; line-height: 30px; padding-right: 20px; }
#menu-galerie {position: absolute; left: 150px; bottom: 50px; z-index: 10 !important; }
.prettytooltip {color: #fff !important; font-size: 0.8em !important; border-color: #fff; width: 210px; padding: 20px; font-weight: normal !important; }
span.tooltip {padding-left: 15px; cursor: pointer; }
/* page liens */
ul.liens a:hover {color: #fff; }