body { background:#193857 url(/images/interface/body.jpg) top center no-repeat; }
	
#global {
width:100%;
}
	
#header {
position:relative;
height:437px;
width:960px;
margin:0 auto;
}
	
#headerElements { }
	
#nav {
position:absolute;
width:190px;
top: 490px;
left:20px;
}

#center {
width:960px;
margin:0 auto;
}

#content {
background:url(/images/interface/content.jpg) top left no-repeat;
padding:10px;
height:auto !important;
height:470px;
min-height:470px;
width:710px;
padding:10px 0 10px 250px;
}
	
#footer {
position:relative;
clear:both;
width:100%;
height:auto !important;
height:150px;
min-height:150px;
}
	
#footerElements {
text-align:center;
width: 770px;
margin:0 auto;
padding-top:55px;
padding-left: 210px;
position: relative;
}



/**/


/* Bouton de rappel et H1 */

#header #headerElements #wcb {
height:135px;
width:160px;
top:165px;
right:52px;
position:absolute;
z-index:99;
}

#header #headerElements #boutonappel {
text-indent:-9999px;
height:209px;
width:186px;
overflow:hidden;
background:url(/images/interface/wcb.gif) top left no-repeat;
position:absolute;
}

#header #headerElements h1 {
height:437px;
width:960px;
position:absolute;
}

#header #headerElements h1 a 	{ 
text-indent:-9999px; 
height:437px;
width:960px;
overflow:hidden;
background:url(/images/interface/logo.jpg) top left no-repeat;
position:absolute;
}

/**/


/* Menu de navigation principal */
#nav ul {}

#nav li { margin-bottom:0; height:35px; width:190px;}

#nav li a {
color:#000;
display:block;
line-height:35px;
padding-left:15px;
height:35px;
width:175px;
background:url(/images/interface/menu.png) top left no-repeat;
text-decoration:none;
}

#nav a:hover {
color:#000;
background:url(/images/interface/menu.png) bottom left no-repeat;
}

#nav li.mentions {  margin-top:-99999px; margin-left:-99999px; position:absolute; }

#lang { width: 220px; position: absolute; top: 20px; right: 30px; height: 80px; }

#lang li { height: 80px; float: left; background: none; width: 100px; }

#lang li a { background: none; }
	
/* Boutons actifs */
#accueil #nav li.accueil a,
#infos #nav li.infos a,
#chambres #nav li.chambres a,
#iles #nav li.iles a,
#loisirs #nav li.loisirs a,
#restauration #nav li.restauration a,
#seminaire #nav li.seminaire a,
#the #nav li.the a,
#reservation #nav li.reservation a,
#actualite #nav li.actualite a,
#contact #nav li.contact a {
color:#000;
background:url(/images/interface/menu.png) bottom left no-repeat;
}

/**/


/* Menu de navigation du footer */

#footer #footerElements ul 		{ }
#footer #footerElements li 		{ display: inline; font-size:0.9em;}
#footer #footerElements li a 	{ color:#FFF; padding: 0 2px; text-decoration:none;  }
#footer #footerElements li a:hover 	{ color:#777;  }

/* Boutons actifs */
#accueil #footer li.accueil a,
#infos #footer li.infos a,
#chambres #footer li.chambres a,
#iles #footer li.iles a,
#loisirs #footer li.loisirs a,
#restauration #footer li.restauration a,
#seminaire #footer li.seminaire a,
#the #footer li.the a,
#reservation #footer li.reservation a,
#actualite #footer li.actualite a,
#contact #footer li.contact a,
#mentions #footer li.mentions a { color:#777; }

/* */


/* Elements du footer */

	#footer #footerElements .vcard 			{ color: #FFF; margin-top:-1px; margin-bottom:20px; }
	#footer #footerElements .vcard a 		{ color: #FFF; font-size: 1em; text-decoration: none; }
	#footer #footerElements .vcard a:hover	{ color: #FFF; font-size: 1em; text-decoration: none; }
	#footer #footerElements .vcard .fn		{ color: #FFF; font-size: 1em; text-decoration: none; }
	#footer #footerElements .vcard .type	{ display:none; } 
	#footer #footerElements .vcard .value,
	#footer #footerElements .vcard .org 	{ font-weight: bold; } 

	#footer #footerElements .vcard .sepTel	{ display: block; height:1px; overflow:hidden; } 





/* Sep hcard :
#footer #footerElements .vcard .sepAdr (avant Adresse)
#footer #footerElements .vcard .sepCpV (avant Code postal + Ville)
#footer #footerElements .vcard .sepTel (avant Téléphone Fix)
#footer #footerElements .vcard .sepMob (avant Téléphone Mobile)
#footer #footerElements .vcard .sepFax (avant Fax)
#footer #footerElements .vcard .sepEma (avant E-mail)
#footer #footerElements .vcard .sepSir (avant n° de Siret)
*/

#footer #footerElements #w3c { position:absolute; right:10px; bottom:-20px;}	



/* Autres elements */

/* Alignement des images */
.left 		{ float:left; margin-right: 16px; }
.right 		{ float:right; margin-left: 30px; margin-bottom: 10px; }
.clear { clear: both;}
	
.col1 { float: left; width: 47%;}
.col2 { float: right; width: 47%;}

		#content img { padding: 3px; background: #333; border: 1px solid #777; }
		
		#content .crawlercont { text-align:center; clear:both; overflow:hidden; margin-bottom:1em; margin: 0 auto; background: #333; padding: 10px; border: 1px solid #777; }
		#content .crawlercont img { padding: 0; background: none; border: none; }
		
		.liste { list-style: disc; padding-left: 20px; margin-bottom: 20px; }
		
		table { width: 700px; margin: 0 auto; margin-bottom: 20px; }
		td { padding: 10px; border: 1px solid #CCC; background: #777; color: #FFF; text-align: center; }
		.data1 { width: 200px; color: #036; }
		.data2 { width: 200px; color: #036; }
		
		#contact #content img { padding: 0; background: none; border: none; }
		
		.logo { position: absolute; top: 28px; left: 33px; width: 171px; }
		.logo img { margin-bottom: 3px; }
		
		.images_logo { width: 218px; height: 70px; position: absolute; top: 380px; right: 20px; }

#top { position:absolute; top:282px; left:274px; background:url(/images/f.jpg) top left no-repeat; width:217px; height:163px;}
.ad { position:relative; top:9px; left:39px; font-weight:bold; color:#fff; font-size:16px;}
.boul { position:relative; top:5px; left:-6px; font-weight:bold; color:#fff; padding-bottom:10px; font-size:12px;}
#top a:hover { color:#fff;}
#top a { color:#000000;}