/* CSS Document */

body {
background-color:#67CBFF;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

h1 {
font-size:24px;
font-weight:bold;
color:#FFFFFF;
margin:10px 0 15px 0;}

h2 {
font-size:16px;
font-weight:bold;
color:#0099FF;
margin:5px;}

h3 {
font-size:14px;
font-weight:bold;
margin:3px;
color:#FFFFFF;
}

p {
margin:7px 0;
padding:0;}

.txtTresGros {
font-size: 24px;
font-weight:bold;}



#contenairFond {
position:relative;
margin:auto;
width:950px;
height:auto;
background:url(../images/fond-contenair.gif) repeat-y;
}

#contenairGeneral {
width:930px;
height:auto;
position:relative;
margin:auto;
background-color:#FFFFFF;}

#bandeauHaut {
width:930px;
height:150px;
background:url(../images/fond-bandeau.gif) repeat-x;
border-bottom: solid 8px #FF90C3;
}

#bandeauHautInt {
width:930px;
height:150px;
background:url(../images/fond-bandeau.gif) repeat-x;
border-bottom: solid 8px #DA047E;
}

#bandeauHautGauche {
position:relative;
float:left;
width:365px;
height:95px;
float:left;}

#bandeauHautDroit {
position:relative;
float:left;
width:565px;
height:80px;
padding-top:15px;}

#contenairBtHaut {
position:relative;
float:left;
width:365px;
height:38px;

}

.btProprio {
width:158px;
height:30px;
position:relative;
float:left;
background:url(../images/fond-bt-proprio.gif) no-repeat;
color:#FFFFFF;
text-align:center;
padding-top:8px;
text-decoration:none;}

.btProprio a{
text-decoration:none;
color:#FFFFFF;}

.btProprio a:hover {
text-decoration:none;
font-weight:bold;}

img {
vertical-align: middle;}

.btDrapeaux {
position:relative;
float:left;
margin-left:3px;
width:47px;
height:32px;
background:url(../images/fond-bt-drapeaux.gif) no-repeat;
text-align:center;
padding-top:6px;
}

.txtVillage {
color:#FFFFFF;
font-size:28px;
top:10px;
margin-left:15px;
position:relative;
float:left;
}

#menu {
width:930px;
height:37px;
position:relative;
float:left;
font-size:11px;
top:19px;
}

#menu ul{
margin:0;
padding:0;}

	#menu li {
	background: url(../images/boutons-menu.gif) no-repeat 0 -37px;
	width:100px;
	height:36px;
	font-size:11px;
	color:#FFFFFF;
	list-style:none;
	display:block;
	float:left;
	margin-left:2px;
	text-align:center;
	}	
	#menu li a {
	background: url(../images/boutons-menu.gif) no-repeat 0 -37px;
	height:32px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	padding-top:4px;
	}	
	#menu li a:hover {
	display:block;
	background: url(../images/boutons-menu.gif) no-repeat;
	color:#DA047E;
	}
	
	.actif {
	height:32px;
	background: url(../images/boutons-menu.gif) no-repeat !important;
	color:#508EB7 !important;

	}
	
	.actif a {
	color:#DA047E !important;
	text-decoration:none;
	display:block;
	background: url(../images/boutons-menu.gif) no-repeat !important;}
	
	.actif a:hover {
	color:#FFFFFF !important;
	text-decoration:none;
	background: url(../images/boutons-menu.gif) no-repeat 0 -37px!important;}


.menuLigne {
line-height:25px;}

#vueAerienne {
width:930px;
height:550px;
display:block;
}

#promo{
position:absolute;
top:540px;
color:#FFFFFF;
width:280px;
height:135px;
background: url(../images/badge-promo.png) no-repeat;
padding:10px 45px 5px 55px;
}
.titrePromo {
font-size:14px;
font-weight:bold;
margin: 20px 0;
}
.titrePromo a {
font-size:14px;
font-weight:bold;
margin: 20px 0;
text-decoration:none;
}
.titrePromo a span{
font-size:14px;
font-weight:normal;
margin: 20px 0;
text-decoration:none;
}
.titrePromo a:hover {
	color:#ffffff;}


#texteAccueil {
height:85px;
width:920px;
border-bottom: solid 8px #FF90C3;
border-top: solid 8px #FF90C3;
color:#314297;
font-size:14px;
padding:5px;
background-color:#FFFFFF;
}

#pied{
background:url(../images/fond-pied.jpg) repeat-x;
width:920px;
height:60px;
border-top:solid 2px #FFFFFF;
padding:10px 5px;
color:#0099FF;
text-decoration:none;
text-align:center;
font-size:10px;}

 #pied a{
 text-decoration:none;
 color:#0099FF;}
 
 #pied a:hover {
 text-decoration:underline;}

#ombreBas {
width:950px;
height:10px;
background:url(../images/ombre-bas.gif) repeat-x;
margin:auto;}

#blocFormulaire {
width:300px;
height:auto;
position:absolute;
top:650px;
left:450px;
z-index:100;
background:#FFFFFF;
border: solid 3px #FF90C3;
color:#314297;
display:none;
}

#blocFormulaire input {
color:#314297;
font-size:11px;}

#milieu {
width:920px;
height:380px;
padding:5px;
background:#FF85B8;
}

#milieuTarifs {
width:920px;
height:auto;
padding:5px;
background:#FFF;
color:#31428C;
}

#milieuTarifs a{
color:#666666;
text-decoration:none;}

#milieuTarifs a:hover{
color:#666666;
text-decoration:underline;}

#galerie {
width:550px;
height:370px;
position:relative;
float: left;
border:solid 5px #DA047E;
}

#contenuMap {
width:450px;
height:370px;
position:relative;
float: left;
border:solid 5px #DA047E;
}

.titreTarifs {
color:#FFFFFF;}

#contenuTexteAqua {
width:340px;
height:370px;
position:relative;
float:left;
padding:5px;
margin-left:5px;
background:url(../images/espace-aquatique-fond.png) no-repeat;
color:#31428C;
text-align:justify;
}

#contenuTexteContact {
width:440px;
height:370px;
position:relative;
float:left;
padding:5px;
margin-left:5px;
background: url(../images/fond-texte.jpg) repeat-x;
color:#31428C;
text-align:justify;
}

#contenuTexteContact a {
font-size: 10px;
color:#666
}
#contenuTexteContact span {
display:inline;
margin: 0;
font-size: 10px;
color:#666
}
#contenuTexteContact a:hover {
text-decoration:none;
}

#contenuMenuProprio {
width:250px;
height:380px;
position:relative;
float:left;
margin-left:5px;

line-height:25px;
}

#contenuMenuProprio ul{
margin:0;
padding:0;}

#contenuMenuProprio li{
margin:0;
width:250px;
height:auto;
float:left;
display:block;
background:#DA047E;
color:#FFFFFF;
list-style:none;
text-align:center;
border-bottom: solid 1px #FFF;

}

#contenuMenuProprio li a{
text-decoration:none;
color:#FFFFFF;
}

#contenuMenuProprio li a:hover{
text-decoration:none;
color:#FFFFFF;
background:#0099FF;
display:block;
}

.contenuMenuProprioHover a{
background:#0099FF;
display:block;
}



#contenuTexteProprio {
width:630px;
height:350px;
position:relative;
float: left;
border:solid 5px #DA047E;
background:#FFFFFF;
overflow:auto;
padding:10px;
color:#31428C;
text-align:justify;
}


#contenuTexteInt {
width:340px;
height:370px;
position:relative;
float:left;
padding:5px;
margin-left:5px;
background: url(../images/fond-texte.jpg) repeat-x;
color:#31428C;
text-align:justify;
overflow:hidden;
}

.photoProprio {
position:relative;
display:block;
margin:10px;
float:left;}

#contenuTexteInt a {
color:#31428C;
text-decoration:none;
}
#contenuTexteInt a:hover {
color:#31428C;
text-decoration:underline;
}

input, textarea{
font-size:11px;
color:#31428C;
border:solid 1px #6699FF;}


#contenuTexteAlentours {
width:340px;
height:370px;
position:relative;
float:left;
padding:5px;
margin-left:5px;
background: url(../images/fond-texte.jpg) repeat-x;
color:#31428C;
text-align:justify;
overflow-x:auto;
}

#contenuTexteAlentours a{
color:#666666;
text-decoration:none;}

#contenuTexteAlentours a:hover{
color:#666666;
text-decoration:underline;}

#badge {
width:131px;
height:101px;
background:url(../images/badge.gif) no-repeat;
text-align:center;
margin: 15px 0 0 175px;
padding:35px 5px 5px 5px;
}

#badge a{
text-decoration:none;
color:#31428C;}

#badge a:hover {
text-decoration:none;
color:#666666;}


.txtGros {
font-size:14px;
font-weight:bold;}

.txtPetit {
font-size:11px;}

#contenuVignette {
width:930px;
height:65px;
background:url(../images/fond-vignettes.png) no-repeat;
}

.bouton {
width:254px;
height:25px;
background:url(../images/fond-bt.gif) no-repeat;
color:#FFFFFF !important;
text-align:center;
margin:auto;
padding-top:8px;
font-weight:bold;
}

.boutonRose {
width:180px;
height:29px;
background:url(../images/bt-rose.gif) no-repeat;
color:#FFFFFF !important;
text-align:center;
margin:auto;
padding-top:10px;
font-weight:bold;
}

.bouton a,.petitBouton a,.boutonRose a{
text-decoration:none;
color:#FFFFFF !important;}

.bouton a:hover,.petitBouton a:hover, .boutonRose a:hover {
text-decoration:none;
color: #CCCCCC !important;}

.imageTexte {
float:left;
margin:0 2px 2px 2px;}

.petitBouton {
width:152px;
height:25px;
background: url(../images/bouton-club.gif) no-repeat;
color:#FFFFFF;
text-align:center;
margin:auto;
padding-top:8px;
font-weight:bold;
}

#cristalFiesta {
width:203px;
height:103px;
position:absolute;
z-index:2;
background:url(../images/fond-cristal-fiesta.gif) no-repeat;
padding:15px;
top:180px;
visibility:hidden;
}

#barracuda {
width:203px;
height:103px;
position:absolute;
z-index:3;
background:url(../images/fond-cristal-fiesta.gif) no-repeat;
padding:15px;
top:220px;
visibility:hidden;
}

#pirateShow {
width:203px;
height:103px;
position:absolute;
z-index:3;
background:url(../images/fond-pirate-show.gif) no-repeat;
padding:15px;
top:180px;
left:110px;
visibility:hidden;
}

/************ DIAPORAMA **************/

#gdePhoto {
width:550px;
height:370px;
position:relative;
float:left;
overflow:hidden;
}

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


#nav li { 
	width: 56px; 
	height: 56px;
	margin: 2px; 
	list-style: none; 
	padding: 2px; 
	display: block;
	float:left
}
#nav a { 
	width: 50px;
	height:50px; 
	padding: 0px; 
	display: block; 
	border: 3px solid #31428C; 
}
#nav li.activeLI { 
	background: #31428C; 
}
#nav a:focus { 
	outline: none; 
}
#nav img { 
	border: none; 
	display: block; 
}

/************ FIN DIAPORAMA **************/

.btHebergement1, .btHebergement2, .btHebergement3{
width:330px;
height:22px;
color:#FFFFFF;
background-color:#DA047E;
display:block;
font-size:18px;
padding:3px;
text-decoration:none;
margin-top:5px;}

.btHebergement a{
color:#FFFFFF !important;
}

.btHebergement a:hover {
background-color: #0099FF;
text-decoration:none !important;
}

.btHebergementProprio{
width:330px;
height:22px;
color:#FFFFFF;
background-color:#0099FF;
display:block;
font-size:18px;
padding:3px;
text-decoration:none;
margin-top:5px;}

.hebergementProprio a{
color:#FFFFFF !important;
}

.hebergementProprio a:hover {
background-color: #DA047E;
text-decoration:none !important;
}

#hebergementEsprit, #hebergementElegance, #hebergementExcellence {
width:430px;
height:180px;
position:absolute;
z-index:100;
background-color:#FFFFFF;
display:none;
padding:10px;
color:#666666;
bottom:157px;
left:110px;
}

.close1, .close2, .close3 {
width:15px;
height:16px;
position: relative;
float:right;
}

.afficheContenuCache {
color :#0099FF;
margin:5px;
font-weight:bold;}

.afficheContenuCache a{
color :#0099FF;
text-decoration:none;
border:0;}
.afficheContenuCache a:hover{
color :#0099FF;
text-decoration:underline;}

.contenuCache {
position:relative;
margin:5px;
height:235px;
overflow:auto;
border: solid 1px #0099FF;
}

#fb {
position:relative;
float:left;
width:94px;
height:33px;
background:url(../images/fond-bt-fb.gif) no-repeat;
padding-top : 5px;
padding-left:10px;
}