/* CSS Document */

body {
background-color:#5B81B8;
background-image: url(images/ombre.gif);
background-position:center top;
background-repeat:repeat-y;
height:auto;
width:950px;
left:50%;
margin-left:-475px;
margin-top:0pt;
position:absolute;
}
#cadre {
	padding-top:4px;
	width:940px;
	height:auto;
	margin-left:-470px;
	left : 50%;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	z-index:0;
	background:url(images/fond-cadre.jpg) repeat-y;
}



/*/////// partie gauche ///////*/
#partiegauche {
width:290px;
height:auto;
position:relative;
float:left;
}

#menuhebergement {
width:auto;
height:30px;
background-color:#3463a7;
border-left: #6CA89C 5px solid;
border-bottom: #003366 1px solid;
}
#menuregion {
width:auto;
height:30px;
background-color:#3463a7;
border-left: #ffcc66 5px solid;
border-bottom:#003366 1px solid;
}

#menuclub {
width:auto;
height:30px;
background-color:#3463a7;
border-left: #cc6698 5px solid;
border-bottom:#003366 1px solid;
}

#menutarifs {
width:auto;
height:30px;
background-color:#3463a7;
border-left: #7db1ea 5px solid;
border-bottom:#003366 1px solid;
}

#menusituation {
width:auto;
height:30px;
background-color:#3463a7;
border-left: #99ff99 5px solid;
border-bottom:#003366 1px solid;
}

#menucontact {
width:auto;
height:30px;
background-color:#3463a7;
border-left: #986699 5px solid;
border-bottom:#003366 1px solid;
}
#menureservation {
width:auto;
height:30px;
background-color:#3463a7;
border-left: #FF9900 5px solid;
border-bottom:#003366 1px solid;
}
#menupromotion {
width:auto;
height:30px;
background-color:#3463a7;
border-left: #FF0000 5px solid;
border-bottom:#003366 1px solid;
}
#menugalerie {
width:auto;
height:30px;
border-left: #DF06CA 5px solid;
background-color:#3463a7;
border-bottom:#003366 1px solid;
display:block;
}
#sousmenudecouvrirregion{
width:auto;
height:30px;
background-color:#ffcc66;
border-bottom: 1px solid;
border-bottom-color:#FF9933;
display: none;
}

#sousmenudecouvriralentours{
width:auto;
height:30px;
background-color:#ffcc66;
border-bottom: 1px solid;
border-bottom-color:#FF9933;
display: none;
}
#sousmenudecouvrirdecouvrir{
width:auto;
height:30px;
background-color:#ffcc66;
border-bottom:#003366 1px solid;
display:none;
}

#degrade {
width:290px;
height:230px;
background:url(images/degrade.jpg) repeat-x;}


#drapeaux {
width:280px;
height:16px;
text-align:right;
padding-left: 5px;
}


/*/////// partie milieu ///////*/


#milieu {
	width:450px;
	height:auto;
	position:relative;
	background-color:#FFFFFF;
	float:left;
	margin-bottom: 20px;
}

#milieu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:underline;
}
#milieu a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration:underline;
}


#flashcontent{
width:450px;
height:375px;
background-color:#5B81B8}

#contenumilieu {
width:430px;
height:auto;
background: url(images/degrade-milieu.jpg) repeat-x;
padding:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#373C25;
line-height: 20px;
}


/*/////// partie droite ///////*/

#partiedroite {
width:200px;
height:auto;
background-color:#FFFFFF;
position: relative;
float:left;
margin-bottom: 20px;
}

#bandeaudroit {
width:200px;
height : auto;
background:url(images/fond-droit.jpg) no-repeat;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#6A1E15;
}
#bandeaudroit a{
text-decoration:none;
color:#6A1E15;
}
#bandeaudroit a:hover{
text-decoration:underline;
color:#6A1E15;
}
#actualites {
width:186px;
height:100px;
padding: 7px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#6A1E15;
}
#textebas {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color : #6A1E15;
padding : 5px 5px 5px 5px;
}

/*/////// pied ///////*/

#pied {
width:920px;
height:auto;
padding: 10px;
border-top:#C4D2E6 solid 1px;
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#373C25;
text-align:center;
background-color:#FFFFFF;
}
#pied a{
text-decoration:none;
color:#373C25;
}
#pied a:hover{
text-decoration:underline;
color:#373C25;
}

/*///////////////////////*/
.textemenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	padding: 10px 0 0 10px;
}
.textemenu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration:none;
}
.textemenu a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFCC00;
	text-decoration:none;
}
.textemenupromotion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #FE8D11;
	padding: 10px 0 0 10px;
}
.textemenupromotion a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #FE8D11;
	text-decoration:none;
}
.textemenupromotion a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}

.titredroit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
.gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.textesousmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3463a7;
	padding: 10px 0 0 10px;
}
.textesousmenu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3463a7;
	text-decoration:none;
}
.textesousmenu a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration:none;
}
.tarifbarre {
font-size:11px;
text-decoration: line-through;}


/*//////// PAGE HEBERGEMENT ////////////*/

#cadrehebergement {
	padding-top:4px;
	width:940px;
	height:auto;
	margin-left:-470px;
	left : 50%;
	position: absolute;
	z-index:0;
}
#descriptif {
padding:20px;
width:900px;
height:auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#373C25;
line-height: 20px;
}

#descriptif a{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#373C25;
text-decoration:none;
}
#descriptif a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#373C25;
text-decoration:underline;
}

#badge {
padding-right:20px;
width:170px;
height:90px;
z-index:10;
float:right;}
.titretableau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #5B81B8;
}
#formulaire {
width:940px;
height:auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#373C25;
line-height: 20px;
}
#retour {
padding-top: 20px;
width:auto;
height:50px;
float:right;
z-index:100;
position:relative;}


#formulairegauche {
padding-left:10px;
width:670px;
height:auto;
float:left;
position:relative;}

#formulairedroite {
width:220px;
height:480px;
background: url(images/formulaire-reservation.jpg) no-repeat top;
float:right;
z-index:100;
position:relative;
}
#formulairedroiteuk {
width:220px;
height:480px;
background: url(images/formulaire-reservationuk.jpg) no-repeat top;
float:right;
z-index:100;
position:relative;
}
#formulairedroitenl {
width:220px;
height:480px;
background: url(images/formulaire-reservationnl.jpg) no-repeat top;
float:right;
z-index:100;
position:relative;
}

#promotion {
width:100px;
height:100px;
z-index:100;
position:absolute;
top:280px;
left:345px;}