@charset "utf-8";
/* CSS Document */

body {
margin:0;
padding:0;
background:#3b6ba2;
font-family:Tahoma,Arial,Verdana;}

h1 {
text-indent:-9999px;}

h2 {
text-indent:10px;
font-size:16px;
font-weight:bold !important;
margin-bottom:10px !important;}

h3 {
font-weight:bold !important;
text-indent:15px;
font-size:14px;
margin:10px 0 !important;}

em {
font-style:italic !important;
font-size:12px;}

.txt12 {
font-size:12px;}

.alignRight {
text-align:right;}

#wrapper {
position:absolute;
width:900px;
left:-450px;
margin-left:50%
}

#mainContenair {
position:relative;
float:left;
margin-top:30px;
background:#61acd9;
border: solid 10px #517bab;
width:880px;
height:auto;
}

#header {
width:880px;
height:80px;
position:relative;
float:left;
background: url(../images/fond-header.png) no-repeat;}

#headerGauche {
width:285px;
height:80px;
position:relative;
float:left;
}

#headerDroit {
width:300px;
height:80px;
position:relative;
float:left;
margin-left:295px;

}

#btResa, #btAccueil, #btNews {
height:35px;
margin-top:42px;
line-height:35px;
font-size:14px;
text-align:center;
position:relative;
float:left;
}

#btResa a, #btAccueil a{
color:#FFFFFF;
font-weight:bold;}

#btResa a:hover, #btAccueil a:hover{
color:#c8e1f1;
}

#btResa {
width:110px;
margin-left:4px;}

#btAccueil {
width:72px;
margin-left:10px;}

#btNews {
width:75px;
margin-left:10px;
background:url(../images/fond-news.gif) no-repeat;
padding-left:15px;
}

#btNews a{
color:#000000;
font-weight:bold;}

#btNews a:hover{
color:#765e00}

#contenairMiddle {
position:relative;
float:left;
width:850px;
background:url(../images/fond-contenair-repeat.png) repeat-y;
padding:2px 15px 5px 15px;
color:#FFFFFF;
font-size:14px;}

#contenairMiddle a{
color:#FFFFFF;
text-decoration:underline;}

#contenairMiddle a:hover{
color:#FFFFFF;
text-decoration:none;}

#slideShow {
position:relative;
float:left;
width:485px;
height:320px;
overflow:hidden;}


#ggMap {
position:relative;
float:left;
width:485px;
height:470px;
overflow:hidden;}

#output {
position:absolute;
width:485px;
height:30px;
text-indent:30px;
top:292px;
left:0;
line-height:30px;

font-size:12px !important;
font-style:italic;
color:#FFF;
left:15px;
z-index:1000;
background:#61acd9;
	filter : alpha(opacity=90);
    -moz-opacity : 0.9;
    opacity : 0.9;

}

#output h3{
margin:0!important;}

#masqueSlideShow {
position:absolute;
z-index:10;
width:485px;
height:320px;
background:url(../images/masque-slideshow.png) no-repeat;
left:15px;
top:2px;}

#navSlideShow {
position:absolute;
z-index:1200;
width:485px;
height:31px;
top:150px;
}

a#nextSlideShow {
margin-left:415px;
float:left;
position:relative;}
a#prevSlideShow {
float:left;
position:relative;}

#textes {
position:relative;
float:left;
width:325px;
/*height:300px;
overflow:auto;*/
padding:10px 20px;
color:#FFFFFF;
font-size:14px;}

#textes p {
margin:10px 0;}

#textes a {
color:#FFFFFF;
text-decoration:underline;
}

#textes a:hover {
text-decoration:none;}

#contenairBas {
position:relative;
float:left;
width:880px;
background:url(../images/fond-contenair-bas.png) no-repeat;
height:4px;}

#logo {
width:179px;
height:197px;
position:relative;
float:left;}


#navigation {
position:relative;
width:880px;
height:40px}

#navigation li {
float:left;
height:40px;
display:block;
line-height:40px;

margin:0 10px;
font-size:18px;
}

#navigation li a {
color:#FFFFFF;
padding:0 20px;}

#navigation li a:hover, #navigation li.current a{
background: url(../images/fond-nav.png) repeat;
color: #000000;
display:block;
}



#drapeaux {
width:85px;
height:25px;
position:absolute;
z-index:10;
left:820px;
top:5px;}

#drapeaux li {
/*float:left;*/
margin-left:3px;
display:inline;
}


#drapeaux li img{

filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1;}
	
	#drapeaux li img:hover {
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1;
	}

#drapeaux li a img{
filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5;}

#titre {
width:325px;
position:relative;
float:left;
overflow:hidden;
height:40px;}

.hotel {
background: url(../images/titres/l-hotel.png) no-repeat;}

.chambres {
background: url(../images/titres/les-chambres.png) no-repeat;}

.vueMer {
background: url(../images/titres/chambre-vue-mer.png) no-repeat;}

.vuePort {
background: url(../images/titres/chambre-vue-port.png) no-repeat;}

.vueJardin {
background: url(../images/titres/chambre-vue-jardin.png) no-repeat;}

.tarifs {
background: url(../images/titres/tarifs.png) no-repeat;}

.contact {
background: url(../images/titres/contact-et-situation.png) no-repeat;}

.region {
background: url(../images/titres/notre-region.png) no-repeat;}

.reservation {
background: url(../images/titres/reservation.png) no-repeat;}

.plan {
background: url(../images/titres/plan-du-site.png) no-repeat;}

.mentions {
background: url(../images/titres/mentions-legales.png) no-repeat;}

.news {
background: url(../images/titres/news.png) no-repeat;}

#titre h1 {
text-indent:-9999px;}





#footer {
position:relative;
width:880px;
float:left;
padding:10px;
color:#FFFFFF;
font-size:12px;
}

#footer a {
color:#FFFFFF;}

#footer a:hover {
text-decoration:underline;}

#footerLeft {
position:relative;
width:620px;
float:left;}

#footerRight {
position:relative;
float:left;
width:230px;
margin-left:30px;}

#visite {
width:600px;
height:280px;}

.ligneTitreTableau {
line-height:30px;
text-align:center;
background:#FFFFFF;
color:#61acd9;
font-weight:bold;}

.inputContact {
background:#FFF;

border:solid 1px #FFFFFF;
width:170px;}

.selectContact {
background:#FFF;

border:solid 1px #FFFFFF;
font-size:14px;
}

.inputContactLong {
background:#FFF;
border:solid 1px #FFFFFF;
width:250px;}

.inputContactCourt {
background:#FFF;
border:solid 1px #FFFFFF;
width:70px;}

.btEnvoyer {
width:100px;
height:33px;
background:url(../images/envoyer.png) no-repeat;
border: none;
cursor:pointer;}

.btReserver {
width:100px;
height:33px;
background:url(../images/reservez.png) no-repeat;
border: none;
cursor:pointer;}

.btSuite {
width:100px;
height:33px;
background:url(../images/suite.png) no-repeat;
border: none;
cursor:pointer;}

.btRetour {
width:100px;
height:33px;
background:url(../images/retour.png) no-repeat;
border: none;
cursor:pointer;}

.btDisponibilites {
width:150px;
height:33px;
background:url(../images/disponibilites.png) no-repeat;
border: none;
cursor:pointer;}

.btPaiement {
width:100px;
height:33px;
background:url(../images/paiement.png) no-repeat;
border: none;
cursor:pointer;}

.btAnnuler {
width:100px;
height:33px;
background:url(../images/annuler.png) no-repeat;
border: none;
cursor:pointer;}

.btValider {
width:100px;
height:33px;
background:url(../images/valider.png) no-repeat;
border: none;
cursor:pointer;}


.planSite li a {
text-decoration:none !important;}
.planSite li a:hover {
text-decoration:underline !important;}

.planSite li li {
text-indent:20px;}

.tablecenter {
margin:0 auto;}

.colHauteSaison {
background:#fedf53;
color:#333333;
}

.colMoyenneSaison {
background:#b1da37;
/*background:#feeb82;*/
color:#315000;}

.colBasseSaison {
background:#d5d9ce;
/*background:#86df4f;*/
color:#333333;}

#photosRegion {
position:relative;
float:left;
height:247px;
width:850px;
margin:15px 0;

}

#photosRegion li {
width:164px;
height:247px;
float:left;
margin:0 3px;}