/* CSS Document */


div#bandeau {
height: 25px;
width: 1000px;
margin: 0 auto;
}

div#bandeau50bis {
margin: auto;
width: 1000px;
height: 50px;
}

div#bandeau50 {
margin: auto;
width: 1000px;
height: 50px;
}

div#flag {
width: 20px;
margin-top: -19px;
margin-left: 24px;
}

div#flagus {
width: 20px;
margin-top: -18px;
margin-left: 48px;
}

div#drapeau {
width: 20px;
margin-top: 5px;
}

ul#liens1 {
font: normal 13px helvetica, arial, sans-serif;
position: absolute;
right: 0;
list-style-type: none;
margin-top: 3px;
}

#liens1 li {
display: inline;
margin: 0 5px;
padding-right: 5px;
}

#liens1 a {
color:#e0dcd0;
text-decoration: none;
}

#liens1 a:hover, #liens a:focus {
color: #e0dcd0;
font-size: 20px;
}

body {
margin: auto;
background-image: url(images/background4.jpg);
}

img {
border: 0 none;
}
div#cadre {
width: 1000px;
height: 600px;
margin: 0 auto;
background-color: #e0dcd0;
}

div#cadrecontact {
width: 1000px;
height: 600px;
margin: 0 auto;
background: url(images/fondBienvenue.jpg) left top no-repeat;
background-color: #e0dcd0;
}

div#cadreacces {
width: 400px;
height: 600px;
background-image: url(images/fondAcces.jpg);
}

div#cadrebienvenue {
width: 1000px;
height: 600px;
margin: 0 auto;
background-color: #e0dcd0;
}

div#cadreresa {
width: 1000px;
height: 600px;
margin: 0 auto;
background-image: url(images/reservation.jpg);
}

div#cadreresa_en {
width: 1000px;
height: 600px;
margin: 0 auto;
background-image: url(images/reservation_en.jpg);
}

div#cadretexteresa {
width: 295px;
height: 112px;
margin-left: 168px;
}

div#cadretexteresa2 {
width: 295px;
height: 112px;
margin-left: 550px;
margin-top: -122px;
}

div#cadrebouton1 {
width: 297px;
height: 78x;
margin-top: 90px;
margin-left: 154px;
}

div#cadrebouton2 {
width: 297px;
height: 78x;
margin-top: -85px;
margin-left: 550px;
}

div#test {
width: 1000px;
height: 150px;
margin: 0 auto;
}

div#logo {
width: 800px;
height: 165px;
margin: 0 auto;
}

h1 {
text-indent: -5000px;
margin: 0;
line-height: 0;
}

h2 {
text-indent: -5000px;
margin: 0;
line-height: 0;
}

h3 {
font: lighter 35px helvetica, arial, sans-serif;
color: #56524a;
padding-left: 450px;
}

h4 {
font: lighter 16px helvetica, arial, sans-serif;
color: #56524a;
margin-top: 12px;
margin-bottom: -10px;
line-height: 16px;
}

h5 {
font: lighter 14px helvetica, arial, sans-serif;
color: #939393;
line-height: 13px;
margin-bottom: -7px;
margin-top: 15px;
}

div#animationaccueil {
width: 1000px;
height: 600px;
margin: auto;
}

div#animationgalerie {
width: 1000px;
height: 500px;
margin: auto;
}

div#animation {
width: 700px;
height: 220px;
padding-left: 100px;
}

div#map {
width: 600px;
height:600px;
margin-top: -606px;
margin-left: 400px;
}

div#contact {
width: 600px;
height:600px;
margin-top: -617px;
margin-left: 400px;
}

div#textemap {
text-indent: -5000px;
}

div#titrehotel {
height: 30px;
width: 1000px;
margin-top: -460px;
margin-left: 115px;
}
div#titrejeanne {
height: 35px;
width: 1000px;
margin-left: -10px;
margin-top: -38px;
}

.colonne {
font: lighter 14px helvetica, arial, sans-serif;
color: #555555;
margin-bottom: -7px;
margin-top: 9px;
padding-left: 0px;
}

span {
font: lighter 20px helvetica, arial , sans-serif;
}

.nom {
font: lighter 18px helvetica, arial, sans-serif;
color: #555555;
margin-top: 12px;
margin-bottom: -10px;
line-height: 16px;
padding-left: 100px;
}

.local {
font-weight: normal;
color: #d7c74c;
}

div#colonne1 {
width: 400px;
height: 205px;
margin-left: 563px;
margin-top: 55px;
}

div#formulaire {
width: 416px;
height: 300px;
margin-top: 188px;
margin-left: 135px;
font: lighter 14px helvetica, arial, sans-serif;
color: #56524a;
}

div#formulaire1 {
width: 416px;
height: 300px;
margin-top: 288px;
margin-left: -100px;
font: lighter 14px helvetica, arial, sans-serif;
color: #56524a;
}

p {
font: lighter 12px helvetica, arial, sans-serif;
color: #56524a;
line-height: 18px;
margin-bottom: -4px;
}

.alaligne {
font: lighter 12px helvetica, arial, sans-serif;
color: #56524a;
line-height: 14px;
margin-top: 7px;
}

.lettrine {
font-size: 22px;
letter-spacing: 1px;
color:#7c7c7c;
float: left;
}

div#colonne2 {
width: 200px;
height: 130px;
float: left;
margin-left: 40px;
padding-bottom: 100px;
}

div#colonne3 {
width: 200px;
height: 130px;
float: left;
margin-left: 40px;
padding-bottom: 100px;
}
div#menu {
width: 800px;
height: 20px;
padding-top: 50px;
text-align: center;
}

ul#liens {
font: normal normal 15px helvetica, arial, sans-serif;
margin: auto;
list-style-type: none;
}

#liens li {
display: inline;
margin: 0 5px;
}

div#picto {
width: 1000px;
height: 90px;
margin-top: -192px;
margin-left: 90px;
}

div#footer {
margin: -10px auto 5px auto;
width: 1000px;
font: lighter 11px helvetica, arial, sans-serif;
color: #e0dcd0;
text-align: center;
}

div#footer1 {
margin: 6px auto 11px auto;
width: 1000px;
font: lighter 13px helvetica, arial, sans-serif;
color: #e0dcd0;
text-align: center;
}

div#espace {
width: 800px;
height: 40px;
margin: auto;
}

.espace1 {
width: 800px;
height: 100px;
margin: auto;
}

.contact {
width: 800px;
margin: auto;
text-align: center;
font: normal normal 18px arial;
color: #484848;
}

.contact1 {
width: 800px;
margin: auto;
text-align: center;
font: normal normal 12px arial;
text-decoration: underline;
color: #484848;
}

.contact1 a {
text-decoration: underline;
}