/*------------------
----- 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:#544e4e;}
html>body div#conteneur {height:auto; min-height:100%;}

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


.img_ref {float: left; padding-right: 15px;  width:200px}
.descr_ref {float: left; color:#666666}

/*----- 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;}

.logo {float: left; padding-left: 20px; padding-top: 15px }

.conteneur-galerie {width: 280px; text-align: center}

/*-----------------------
----- 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:960px; height:23px;}
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;}

.newsletter {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#cac4c5;
}


.intitule {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666;}
/*----- CONTENU -----*/
div#conteneur div#contenu {position:relative; top:0; left:0; width:960px; height: 100%; background:#fff; min-height: 600px}
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:165px; padding:27px 10px; float:left; height:100%}
div#conteneur div#contenu div#middle {
/*border-left: 1px solid black;border-style: dashed;*/
position:relative; top:0; left:0; width:425px; margin:0 0 0 0; padding:0px 29px 27px 10px; float: left; overflow:hidden;}
div#conteneur div#contenu div#middle div#texte {
border-left: 1px solid black; border-style: dashed; padding-left: 20px;
position:relative; width:100%; top:0; left:0; color: #666666; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
div#conteneur div#contenu div#middle div#texte-et-menu {position:relative; width:100%; top:0; left:0; padding:0;}
div#conteneur div#contenu div#right {position:relative; top:0; right:0; width:310px; padding:0px 0 0 0; float: left}

div#conteneur div#conteneur-flash {position:relative; top:0; left:0; width:960px; display: block;}

div#conteneur div#conteneur-flash div#diapo p {width:50%; margin:auto auto 0 auto; text-align:center; color:#dddddd;}

.div_m2 {
/*border-right: 1px solid black;border-style: dashed;*/
width:170px; padding-right: 0px; height: 100%}



.saisi{padding: 10px 10px 5px 5px}
/*----- FOOTER -----*/
div#conteneur div#footer {position:relative; top:0; left:0; width:960px; font-size:10px;font-family:Arial, Helvetica, sans-serif;color:#9b9999;}

div#conteneur div#footer  a { color:#9b9999; text-decoration: none}
div#conteneur div#footer  a:hover { color:#9b9999; text-decoration: underline}

/*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:24px 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:37px 29px 0 10px; text-align:right; float:right;}
div#conteneur div#footer div#cgv img {vertical-align:middle;}

/*----- Realisation -----*/
div#conteneur div#realisation {position:relative; top:0; left:0; width:960px; 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:960px; height:24px; margin:150px 0 0 0; text-align:left; font-size:10px;}

.lienfooter {color: #9B9999}


/*----------------
----- 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:#666666; margin:0 0 27px 0;}
p.courant {color:#666666; 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; }

/*----- 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;}

.lien_ref{color:#666666;font-family:Arial,Helvetica,sans-serif;}
.lien_ref a{color:#666666;font-family:Arial,Helvetica,sans-serif;text-decoration:none;}
.bloc_ref {float: left; padding-bottom: 15px; width: 250px}
.bloc_ref a{color:#666666;font-family:Arial,Helvetica,sans-serif;text-decoration:none;}

.titre_ref{width: 500px; border-bottom:1px solid #797979;color:#92BC15;font-family:Arial,Helvetica,sans-serif;font-size:20px;text-decoration:none;}
.titre_ref a{width: 250px; border-bottom:1px solid #797979;color:#92BC15;font-family:Arial,Helvetica,sans-serif;font-size:20px;text-decoration:none;}