/* bleu (strong) : 260ea1 */

html, body {height: 100%; width: 100%; }
* {padding: 0; margin: 0; }
body {font-size: 80%; font-family:"Arial"; background: #0e0440 url(../images/bkground.jpg) no-repeat 0 0;    }
img {border: 0; }
/* #cc8039;*/
a { text-decoration: none;  color: #fff; }
a:hover , a.selected {/*color: #a59cea;*/color: #2f209b;}
h1 {margin-bottom: 20px; font-family: "Palatino"; font-weight: normal; padding-top: 10px; font-size: 1.6em; }
h2 {margin-bottom: 10px; font-family: "Palatino"; font-weight: normal; padding-top: 10px; font-size: 1.4em; }
ul {list-style-position: inside; list-style-type: square; }

strong {font-weight: normal; color: #260ea1; }

/* centrage vertical */
table#centrage {position: relative; width: 100%; height: 100%; vertical-align: middle;  }

#main {position: relative; margin-left: auto; margin-right: auto; width: 875px; height: 650px; }
/*logo*/

#logo {position:absolute;left:40px; height: 79px; top: 0px;}

/* menus */
#menu-haut {position: absolute; top: 10px; right: 0; font-size: 0.9em; width: auto; height: 20px; overflow: hidden; font-size: 1.1em;}
#menu-haut ul {position: relative; float: right; absolute; list-style: none; }
#menu-haut ul li {display: inline; padding-right: 10px; }
#menu-haut ul li.selected a {color: #fff; }
#menu-haut ul#menu-principal {margin-right: 40px; }

/*menu langue*/

.langue-flag { width:20px; height:10px;}

#centre {position: absolute; left: 0px; top: 30px; background: transparent url(../images/centre.png) no-repeat 0 0; width: 872px; height: 582px;}
#ekiwi {position: absolute; top: 615px; left: 60px; color: #2f209b; font-size: 0.8em; }
#facebook {position: absolute; top: 616px; right: 5px; color: #2f209b; font-size: 0.8em; }
/*#photo  {position: relative; float:left; background-color:red; margin-top: 100px; margin-left:1px; background: transparent url(../images/photo.png) no-repeat 0 0; width: 870px; height: 402px;} */

#contenu {position: relative; float: left; clear:left; margin-top: 100px;  font-size: 0.9em; width: 869px; height: 403px; overflow: auto; color: #4e403a; margin-left:1px; padding-left: 1px; }
.photoaccueil {background: transparent url(../images/accueil.jpg) no-repeat 0 0; }

.phototarif {   background: transparent url(../images/back-tarif.png) no-repeat 0 0 !important; }
.photocontact {background: transparent url(../images/contact.png) no-repeat 0 0 !important; }
.photocontact p {margin-bottom: 15px; margin-left: 00px; width: 340px; }
.photocontact a {color: #2f209b; text-decoration: underline; }
.photocontact a:hover {text-decoration: none; }

/*.photocontact2 {padding-left: 40px !important; padding-right: 40px; width: 790px ! important;}
*/.photocontact2 p {margin-bottom: 10px;  width: 480px; text-align: justify;}
.photogalerie {  background: transparent url(../images/back-tarif.png) no-repeat 0 0; }
.photogalerie h1 {padding-left: 40px;}
.interieur {padding-left: 65px; padding-right: 65px; width: 739px; }
#conclusion {position: relative; float: left; margin-left: 2px; width: 749px; height: 65px; padding-left: 60px; padding-right: 60px; overflow: hidden; margin-top:10px; color:#938d78; text-align: center; font-size: 1em; }
/*traitement de news page dacceuil*/ 
#news {position: relative; float: left; margin-left:59px; margin-top:2px; width: 195px; height: 400px; background-color: #433c2e; }
.titre {position: relative; float: left; width:185px; height: 27px; text-align: center; color: #fff; text-align: center; font-size: 1.5em; letter-spacing: 6px;  border-bottom: dotted;margin-left: 2px;}
.itemnews {position: relative; float: left; width: 185px; height: 119px; text-align: center; color: #c2beac;  border-bottom: dotted;  margin-left: 2px; }
.itemnews a, .itemnews2 a { color: #c2beac; }
.itemnews a:hover, .itemnews2 a:hover { color: #fff; }
.itemnews h1 { padding-top:10px; font-size: 1em; color:#fff; margin-left: 0px; margin-bottom: 0px;}

/* page news */

#news2 {position: relative; float: left; margin-top:2px; width: 195px; overflow: auto; background-color: #433c2e; }
.itemnews2 {position: relative; float: left; width: 185px; text-align: center; color: #c2beac;  border-bottom: dotted; margin-left: 2px; }
#description {position: relative; float: left; width: 500px; height: 300px;  margin-left: 50px;  }
.itemnews2 h1, #description h1 { padding-top:10px; font-size: 1em; color:#fff; margin-left: 0px;  margin-bottom: 0px; }
#description h1{ color: #40331e;}

/* le formulaire de reservation*/

#contenu #form-gauche {position:relative; float:left;  width: 340px;  height:300px;margin-left: 10px !important; margin-top: 5px;  }
#contenu #form-gauche input.txt ,#contenu #form-gauche input.dat{width: 300px; height: 15px;}
#contenu #form-gauche  p {padding-bottom: 15px; }
#contenu  p label.error {  width:300px;color:red; position: relative; float: left; clear: left; font-size: 0.9em; font-style: italic;}
#contenu #form-droit {position: relative; float: left;  width: 410px; margin-top: 5px;  }
#contenu #form-droit p select {padding-left: 10px; margin-left: 8px; margin-bottom: 8px; margin-right: 8px;}
#contenu #form-droit p img { margin-right: 10px; margin-top: 10px;}
#contenu  #form-droit p label.error {  width:300px !important; }
#contenu #form-droit p.submit {margin-left:300px;margin-top: 10px;}

/*tableau des tarifs*/
table.tarifs-mep {position: relative; float: left; width: auto; text-align: left; border: none !important; margin-top: 0px !important; color: #b2ac8e; }
table.tarifs-mep td {text-align: left; vertical-align: top; border: none; width: 250px; }
table.tarifs-mep tr {border: none; }
table.tarifs-mep td h2 {font-size: 1.3em; }

table.tarifs-chambres { position: relative; float: left; margin-top: 10px; margin-left: 0px; border-top: solid 1px #b2ac8e; border-bottom: solid 1px #b2ac8e; border-spacing: 0px; border-collapse: collapse; margin-bottom: 30px; margin-top: 30px; }
table.tarifs-chambres td ,.phototarif th {text-align: left; padding-top: 3px; padding-bottom: 3px; }
table.tarifs-chambres th {font-size:0.9em; border-bottom: solid thin #b2ac8e; border-spacing: 0px; }
table.tarifs-chambres td strong {font-weight: bold; color: #4e403a; }
table.tarifs-chambres td:first-child {width: 200px; }
table.tarifs-chambres td.prix {width: 100px; }
table.tarifs-chambres td:last-child {width: auto; color: #b2ac8e; }


/*validation de formulaire de reservation*/
#reponse-form { text-align: center; color: red; font-style: italic; margin-top: -15px;}
#reponse-form-succes {position: relative; float: left; margin-left: 250px; text-align: center; margin-top: 100px; color: red; font-size: 1.5em;}
/*  galerie */
#cycle {position: relative;  width: 869px;  height:403px;  margin-top: 0px; overflow: hidden;}
#cycle img {height: 403px !important; width: 869px;}
/* page contact adresse 

#cordo {position: relative; float: left; margin-top: 40px; margin-left: 60px;}
#cordo p {margin:10px;}
#tour-texte {position: relative; float: left; margin-left:40px; }
*/
/* page tour fr*/

.pagination {position: relative; float: left; width: 600px !important;  margin-bottom: 10px; margin-top:10px;  } 
.pagination a {text-decoration: none; border: solid 1px #382a21; color: #382a21 !important; }
.pagination a, .pagination span {display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px;  }
.pagination a:hover {background-color: #2f209b; color: #fff; }
.pagination .current {background-color: #2f209b !important; color: #fff !important; border: solid 1px #2f209b; }
.pagination .current.prev, .pagination .current.next {color:#bfdbe8 !important; border-color:#bfdbe8 ; background-color:#fff !important;  }
#hiddenresult {position: relative; float: left; clear: left;  }

.realisation {position: relative; float: left; width: 790px; height: 250px;  margin-right: 6px; }
.realisation img {margin-bottom: 10px; padding: 0; float: right; }
#corps .realisation p {margin: 0; padding: 0; line-height: 1.1em; }


.text {position: relative; float: left; width: 440px; height: 250px;  overflow: auto; text-align: justify; margin-right: 20px;  }
.text h1 {font-size: 1.3em;margin-bottom: 5px; margin-left: 0px; font-family:"Arial";}
.text strong.prix { color: red; text-decoration: underline; margin-top: 5px!important; text-align: left;}
.text a, .text a:hover {color: #2f209b;}
.highslide-gallery {position:relative; float: right; width:300px;  text-align: right; }
/*pour la page news */
/*.highslide-gallery-news {position:relative; float:left; width:340px;  text-align: left; padding-left: 10px; height:240px; overflow: auto;}
*/
.text-news {position: relative; float: left; width: 600px; height:260px; overflow:auto; text-align: justify; }
.text-news h1 {font-size: 1.3em;margin-bottom: 5px; margin-left: 0px; font-family:"Arial";}

.scroll-pane {overflow: auto;width: 440px; height:240px;text-align: justify;}
	/*background: yellow;
	float: left;
	*/
	
#carte {position:absolute; float:left; top: 30px; left:400px; z-index: 10;}



/* page galerie */
#galerie-photos {margin-top: -100px;   }
#imageflow-pos {width: 845px; height: 300px; overflow: visible; position: absolute; bottom: 70px; left: 0; }
#contenu.galerie {overflow: hidden; }

/* tripadvisor*/
table.tripadvisor td {vertical-align: top; }