@charset "utf-8";
/* CSS Document */
label.error {
	background-color:#FFFFFF;
	border:1px dashed;
	color:#FD7D36;
	margin-left:0.2em;
	padding:0 0.2em;
	width:250px;
        display:block;
}

input.error, textarea.error { border:solid 1px #FD7D36 !important; }

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/fond.png) center top #249FFC no-repeat;}

h1 {
font-size:21px;
color:#4FA0BF;
font-weight:bold;
margin:20px;}

h2 {
font-size:18px;
font-weight:bold !important;
margin-left:40px !important;
color:#e20081;
}

h3 {
height:25px;
line-height:25px;
background:#4FA0BF;
color:#FFFFFF;
font-weight:bold !important;
text-indent:5px;
display:block;
}

h4 {
font-weight:bold !important;
margin-top:25px !important;}

p {
margin:10px 0;}

.txt11 {
font-size:11px;}

#wrapper {
position:relative;
width:915px;
margin:0 auto;
}

#logo {
width:265px;
height:138px;
position:absolute;
margin-left:-132px;
left:55%;
margin-top:7px;
z-index:100;}

.textes, .planSite {
padding:0 20px;
position:relative;
float:left;
color: #666666;
width:630px;}

.planSite {
min-height:750px;}

.planSite a{
color:#333333;
}

.textes a{
color: #333333;
font-weight:bold;}

.textes a:hover, .planSite a:hover {
text-decoration:underline;}

#drapeaux {
position:relative;
float:left;
width:240px;
height:31px;
background:url(../images/fond-langage.png) no-repeat;
color:#FFFFFF;
font-size:11px;
padding:5px 0 0 5px ;
}


.drapeauCurrent {
opacity : 0.3;
filter : alpha(opacity=30); }

#contenairGeneral {
position:relative;
float:left;
width:915px;
margin-top:30px;
}

#colGauche {
width:245px;
height:auto;
position:relative;
float:left;
margin-top:17px;}

#colDroite {
position:relative;
float:left;
width:670px;
height:auto;}

#slideShow {
width:664px;
height:auto;
padding:0 3px;
position:relative;
float:left;
background:#FFFFFF;
}
#gdePhoto img{
width:664px;
height:400px;}

#gdePhoto {
width:664px;
height:400px;
overflow:hidden;
}


.pics { 
	padding:0; 
	margin:0; 
}
#nav { 
	width: 664px; 
	padding:0;
	height:auto;
	margin:5px 0 0 0;
}


#nav li { 
	width: 42px; 
	height: 42px;
	margin: 1px; 
	list-style: none; 
	padding: 1px; 
	display: block;
	float:left
}
#nav a { 
	width: 40px;
	height:40px; 
	padding: 0px; 
	display: block; 
	border: 1px solid #4FA0BF; 
}
#nav li.activeLI { 
	background: #4FA0BF; 
}
#nav a:focus { 
	outline: none; 
}
#nav img { 
	border: none; 
	display: block; 
}



#ggmap {
width:664px;
height:394px;
position:relative;
float:left;
border: solid 3px #FFFFFF;
background:#FFFFFF;}

#masqueGgMap {
width:670px;
height:98px;
position:absolute;
z-index:99;
top:0;
left:0;
}

#navigation, #resa, #actu, #promos, #contact {
width:245px;
position:relative;
float:left;
margin-bottom:10px;
color:#FFFFFF;
font-size:11px;
}

#navigation {
height:295px;
background:url(../images/fond-menu.png) no-repeat;

padding-top:15px;
font-size:1px;
}

#navigation li{
font-size:14px;

width:245px;
height:33px;
text-indent:25px;
display:block;
line-height:33px;
list-style:none;
padding:0;
margin:0;
}

.navAccueil {
color:#0082AA;}
.navHebergements {
color:#E20081;}
.navEmplacements {
color:#97BE00;}
.navPiscine {
color:#FF8A0B;}
.navActivites {
color:#0069B2;}
.navServices {
color:#BA13AE;}
.navAlentours {
color:#755741;}
.navContact {
color:#0BAA61;}

#navigation li a {
background:none!important;
display:block;
font-weight:bold !important;
}

#navigation li a:hover, .current {
background:#FFFFFF !important;
display:block;
height:33px;
width:245px;}


#navigation li.separateur {
width:195px;
height:2px !important;
line-height:normal;
background:url(../images/separateur.gif) no-repeat;
margin:0 25px !important;
padding:0;
font-size:1px;}

#resa {
height:55px;
background:url(../images/fond-reservation.png) no-repeat;
text-indent:90px;
line-height:55px;
text-transform:uppercase;
font-size:14px;
}

#resa a{
color:#FFFFFF;}

#resa a:hover{
color:#ffd9ee;}

#actu {
height:125px;
background:url(../images/fond-actu.png) no-repeat;
color:#FFFFFF;
}

#actuTitre, #promoTitre, #contactTitre {
text-indent:90px;
line-height:60px;
text-transform:uppercase;
font-size:14px;}

#actuTextes, #promoTextes, #contactTextes {
padding:3px 16px;
}
#actuSavoirPlus, #promoSavoirPlus {
text-align:right;
padding-right:5px;
margin-top:6px;}

#actuSavoirPlus a, #promoSavoirPlus a, #contactTextes a, #contactTitre a{
color:#FFFFFF;}

#actuSavoirPlus a:hover, #promoSavoirPlus a:hover, #contactTextes a:hover{
text-decoration:underline;}

#contactTitre a:hover {
color:#F2E0BF;}

#promos {
height:125px;
background:url(../images/fond-promo.png) no-repeat;
}

#contact {
height:175px;
background:url(../images/fond-contact.png) no-repeat;
}

#contenairTextes {
width:670px;
height:auto;
position:relative;
float:left;
background: url(../images/fond-textes.png) no-repeat #FFF;
font-size:13px;
}

#basTextes {
width:670px;
height:12px;
position:relative;
float:left;
background:url(../images/fond-bas-textes.png) no-repeat;
margin-bottom:5px;
}

#contenairBtsHaut {
width:660px;
position:relative;
float:left;
margin-top:5px;
margin-left:10px;
}

#visiteVirtuelle, #planCamping, #telechargements {
position:relative;
float:left;
}

#visiteVirtuelle, #planCamping {
width:197px;
height:17px;
padding:82px 3px 5px 7px;
color:#FFFFFF !important;
margin:0 5px;
font-size:13px;
}

#visiteVirtuelle a, #planCamping a{
color:#FFFFFF;
font-weight:bold;}

#visiteVirtuelle a:hover, #planCamping a:hover{
color: #E2E2E2;
}

#visiteVirtuelle {
background:url(../images/visite-virtuelle.png) no-repeat;}

#planCamping {
background:url(../images/plan-camping.png) no-repeat;}

#telechargements {
background:url(../images/telechargements.png) no-repeat;
width:192px;
height:79px;
margin-left:5px;
font-size:12px;
color:#FFFFFF;
padding:20px 5px 5px 10px;
}

#telechargements li {
background:url(../images/puce-telechargement.png) no-repeat left;
padding-left:15px;}

#telechargements li a{
color:#FFFFFF;}

#telechargements li a:hover{
color:#c5e5fe;
}

#titreTelechargements {
margin-top:20px;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
}


#footer {
position:relative;
float:left;
width:670px;
color:#FFFFFF;
font-size:11px;
text-align:center;
margin-bottom:5px;
}

#footer a{
color:#FFFFFF;
}

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


#recommanderAmi {
position:absolute;
top:-100px;
right:50px;
width:164px;
height:114px;
background:url(../images/fond-recommander-ami.png) no-repeat;
padding:10px;
text-align:left;
font-size:11px;}

#recommanderAmi input{
font-size:11px;
}

.tarifs table {
background:#4FA0BF;
color:#333333;}

.tarifs td {
background:#eaf7fc;}

.tarifs th {
background:#4FA0BF;
color:#FFFFFF;
}

.listeMH {
margin:10px 0;}

.listeMH li img{
}
.listeMH li{
float:left;
font:12px;
text-align:center;
margin-right:3px;
margin-bottom:3px;
border:solid 2px #0069B2;
background:#E9F1F4;
}

.listeMH li a{
font-weight:normal;}

.listeMH li:hover{
border:solid 2px #0069B2;
background:#ffffff;
text-decoration:none !important;
}

.inputIti {
background:#efebb8;
border: solid 1px #e3d993;
color:#332702;
width:200px;
}

.inputIti:hover {
background:#fff;}

.ok, .envoyer {
background:#332702;
color:#FFFFFF;
font-weight:bold;
cursor:pointer;
border:none;
}

.envoyer {
width:200px;}

.ok:hover, .envoyer:hover {
background:#8a6905;}

#visite {
width:800px;
height:560px;}

.sousListe{
margin:10px !important;}


.sansSlideShow {
padding-top:100px;}