/*------------------
----- GENERAL ------
------------------*/
html, body {width:100%; height:100%; min-height:100%; margin:0; padding:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.6; color:#e4ddd4; background:#5e5b56;}
html>body div#conteneur {height:auto; min-height:100%;}

div#conteneur {position:relative; top:0; left:0; width:970px; height:100%; min-height:100%; margin:0 auto; text-align:left;}

/*----- MISE A 0 DES MARGES INTERNES ET EXTERNES -----*/
img, div, h1, h2, h3, p, ul, li, a, table, td, form {border:0; margin:0; padding:0;}

div.clear {position:relative; top:0; left:0; width:100%; height:1px; line-height:1px; font-size:1px; clear:both;}




/*-----------------------
----- CONTENU SITE ------
-----------------------*/
div#conteneur div#top {position:relative; height:16px; font-size:10px;}


/*----- HEADER -----*/
div#conteneur div#header {position:relative; top:0; left:0; width:970px; height:131px; background:#ffffff;}
div#conteneur div#header div#hotel-la-corniche {position:absolute; top:19px; left:21px; width:450px; height:51px;}

/*--- CHOIX DE LA LANGUE ------ INSCRIPTION NEWSLETTER ---*/
div#conteneur div#header div#langueNews {position:absolute; top:15px; right:1px; width:277px; height:60px; color:#666666;}
div#conteneur div#header div#langueNews table {width:277px; height:60px; border-collapse:collapse;}
div#conteneur div#header div#langueNews table td.intitule {width:106px; height:30px; padding:0; line-height:10px; font-size:10px; border-bottom:1px solid #5e5b56;}
div#conteneur div#header div#langueNews table td.intitule img {float:left; margin:2px 7px 0 0;}
div#conteneur div#header div#langueNews table td.saisi {width:170px; height:25px; padding:5px 0 0 0; border-bottom:1px solid #5e5b56; vertical-align:top;}
div#conteneur div#header div#langueNews table td.saisi select {width:164px; height:20px; font-size:10px; line-height:20px; padding:0 0 0 7px; background:#f3f1ee; color:#666666; border:1px solid #ffffff;}
div#conteneur div#header div#langueNews table td.saisi option {padding:0 0 0 10px;}
div#conteneur div#header div#langueNews table td.saisi input.saisi {width:131px; height:16px; line-height:18px; font-size:10px; margin:0 3px 0 0; padding:2px 0 0 9px; background:#f3f1ee; color:#666666; border:1px solid #ffffff; float:left;}



/*----- CONTENU -----*/
div#conteneur div#contenu {position:relative; top:0; left:0; width:970px; background:#878076;}
div#conteneur div#contenu div#titleLeft {position:relative; top:0; left:0; width:225px; height:52px; float:left;}
div#conteneur div#contenu div#titleMiddle {position:relative; top:0; left:0; width:705px; height:52px; margin:0 0 0 40px; border-bottom:1px solid #878076; float:left;}
div#conteneur div#contenu div#left {position:relative; top:0; left:0; width:225px; padding:27px 0; float:left;}
div#conteneur div#contenu div#middle {position:relative; top:0; left:0; width:676px; margin:0 0 0 0; padding:27px 29px 27px 0; float:right; overflow:hidden;}
div#conteneur div#contenu div#middle div#texte {position:relative; width:100%; top:0; left:0;}
div#conteneur div#contenu div#middle div#texte-et-menu {position:relative; width:456px; top:0; left:0; padding:0;}
/*div#conteneur div#contenu div#right {position:relative; top:0; right:0; width:220px; padding:27px 0 0 0; float:right;}*/
div#reseaux_sociaux {border-top: 1px solid #D8CBBB; margin:20px 0 0 22px; width:203px; padding: 15px 0 0 0 ;}

.Fbouton{clear:both; padding-top:25px; }
/* .Fbouton img { padding-left:5px;} */
.FBConnectButton_Text_Simple{/* clear:both; */float: left;line-height: 22px;
    margin: 0 0 0 0;} 

/*----- FOOTER -----*/
div#conteneur div#footer {position:relative; top:0; left:0; width:970px; height:67px; border-top:1px solid #a79e92; background:#878076;}
div#conteneur div#footer p {font-size:9px; line-height:1.3; color:#d3c6b6;}
div#conteneur div#footer div#adresse {position:relative; top:0; left:0; width:592px; height:43px; padding:14px 0 0 22px; float:left;}
div#conteneur div#footer div#wifi {position:relative; width:43px; height:41px; padding:26px 0 0 0; margin:0 0 0 4px; float:left;}
div#conteneur div#footer div#europe {position:relative; width:28px; height:56px; padding:11px 0 0 0; margin:0 0 0 22px; float:left;}
div#conteneur div#footer div#cgv {position:relative; width:218px; height:30px; padding:4px  10px 0 29px; text-align:left; float:left;}
div#conteneur div#footer div#cgv img {vertical-align:middle;}

/*----- Realisation -----*/
div#conteneur div#realisation {position:relative; top:0; left:0; width:970px; height:24px; padding:13px 0 0 0; text-align:right; font-size:10px;}
div#conteneur div#realisation img {position:relative; top:3px; border:none}

/*----- Pied -----*/
div#conteneur div#pied {position:relative; top:0; left:0; width:970px; height:24px; margin:150px 0 0 0; text-align:left; font-size:10px;}



/*----------------
----- TEXTE ------
----------------*/
h1 {width:677px; margin:23px 0 0 0; font-size:18px; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #d8cbbb;}
div#conteneur div#contenu div#titleLeft h2 {width:202px; margin:33px 0 0 23px; font-size:12px; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #d8cbbb;}
h3 {font-size:16px; font-weight:bold; margin:0 0 10px 0; padding:0;}
p {color:#e4ddd4; margin:0 0 27px 0;}
p.courant {color:#e4ddd4; margin:0 0 27px 0;}

ul, li {list-style:square; margin:0 0 27px 0;}
li { margin:0 0 0 27px;}



/*----------------
----- LIENS ------
----------------*/
/*----- Liens communs -----*/
a, a:link, a:visited, a:active, a:focus {color:#e4ddd4; text-decoration:underline;}
a:hover {color:#e4ddd4; text-decoration:none;}

/*----- Liens Réalisation -----*/
div#conteneur div#realisation a, div#conteneur div#realisation a:link, div#conteneur div#realisation a:visited, div#conteneur div#realisation a:active, div#conteneur div#realisation a:focus {color:#e4ddd4; text-decoration:none;}
div#conteneur div#realisation a:hover {color:#e4ddd4; text-decoration:none;}