/* CSS Document */

/* 

	Ici on défini les bases du site :

	- La structure des pages

	- Les menus (nav principale, nav du footer, sous-menus déroulants ...)

	- Le bouton de rappel

	- Le H1 (remplacement par le logo du site)

	- Les différents éléments du footer (powered, hcard ...)

*/



.img {
	border: 1px solid #002142;
	margin: 5px 5px;
}


/* Structure du site */



	body {

		background: url(/images/interface/body.jpg) repeat-x top left #ffffff;

	}

	#global {

		width: 940px;

		position: relative; /* pour positionnement les différentes zones du site si besoin */

			/* pour centrer le site dans la page*/

		margin-left: auto;

		margin-right: auto;

	}

	#header {

		width: 100%;

		height: 232px;

		background: url(/images/interface/header.jpg) no-repeat top center;

		position: relative; /* pour positionnement du menu #nav */

		padding: 142px 0 0 0;

	}

	
	
	
	
	
	
	
	
	
	#nav {

		bottom: 0;

		width: 917px;

		height: 39px;

		padding: 10px 0 0 0;

		position: absolute; /* pour positionner le menu en bas de header */

		top: 103px;

		left: 12px;

	}

	#center {

		width: 100%;

		height: auto !important; /* ignoré par ie6 */

		min-height: 280px; /* ignoré par ie6 */

		height: 280px;

		padding: 0 0 150px 0;

	}

	#footer {

		clear: both; /* permet d éviter le chevauchement avec les éléments flotants */

		width: 658px;	/* largeur du site - le padding (20px x2) */

		padding: 20px 20px 0 20px;

	}

	

	#footer {

		clear: both; /* permet d'éviter le chevauchement avec les éléments en float */

		width: 880px;	/* largeur du site - le padding (20px x2) */

		height: 125px;

		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/interface/footer.png', sizingMethod='crop');

		background-color: #002142;

		position: absolute;

		bottom: 0;

		padding: 15px 30px 0 30px;

	}

	#footer[id] { background:url(/images/interface/footer.png) no-repeat top center #002142; }



/**/





/* Les différents éléments de #center */



	#content { width: 900px; padding: 15px 20px 33px 20px; }



/**/





/* Bouton de rappel */

#header #log {

		
		position: absolute;

		top: 2px;

		left: 832px;

		height: 106px;

		width: 106px;

		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logis.png', sizingMethod='crop');

		display: block;

		cursor: pointer;

	}
#header #log1 {

		
		position: absolute;

		top: 2px;

		left: 332px;

		height: 90px;

		width: 90px;

		display: block;

		cursor: pointer; 

	}
	#header #headerElements #wcb {

		position: absolute;

		top: 10px;

		left: 26px;

	}





	#header #headerElements #wcb #boutonappel {

		text-indent : -9999px;

		height: 106px;

		width: 192px;

		overflow: hidden;

		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/interface/wcb.png', sizingMethod='crop');

		display: block;

		cursor: pointer;

	}

	#header #headerElements #wcb #boutonappel[id] { background: url(/images/interface/wcb.png) no-repeat top left; }

	

/**/





/* H1 */



	#header #headerElements h1 {

		position: absolute;	

		top: 0;

		left: 0;
		display:none;

 	}

	#header #headerElements h1 a {

		text-indent : -9999px;

		height: 72px;

		width: 278px;

		overflow: hidden;

		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png', sizingMethod='crop');

		display: block;

		cursor: pointer;

		top: 12px;

		left: 662px;
		display:none;

 	}





/**/





/* Menu de navigation principal */



	#nav li {

		float: left;

		position: relative;	/* pour que les éléments du menu se refere au li */

		list-style: none;

	}

	#nav a {

		color: #FFFFFF;

		text-decoration: none;

		font-size: 1em;

		font-weight: normal;

		/**/

		float: left; /* A ajouter si affichage du menu en ligne (horizontal) */

		margin: 0 15px 0 15px;

	}

	#nav a:hover 		{ color: #9A936B; }

	#nav li.mentions 	{ margin-top: -99999px; margin-left: -99999px; } /* Permet de cacher le bouton */

	

	/* 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,
	#actualite #nav li.actualite a,
	#the #nav li.the a,
	#reservation #nav li.reservation a { color: #9A936B; }



/**/





/* Menu de navigation du footer */



	#footer #footerElements ul { height: 30px; }

	#footer #footerElements li { 

		float: left;

		position: relative;

		list-style: none;

	}

	#footer #footerElements li a {

		color: #FFFFFF;

		text-decoration: none;

		text-align: center;

		font-size: 0.9em;

		text-indent: 4px;

		font-weight: normal;

		margin: 0 15px 0 0;

	}

	#footer #footerElements li a:hover { color: #9A936B; }



	/* 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,
	#reservation #footer li.reservation a,
	#actualite #footer li.actualite a,
	#the #footer li.the a,
	#mentions #footer li.mentions a { color: #9A936B; }



/* */





/* Elements du footer */



	#footer #footerElements a				{ color: #9A936B; text-decoration: underline; }



	#footer #footerElements .vcard 			{ font-size: 0.9em; margin: 0 0 10px 0; color: #ffffff; }	

	#footer #footerElements .vcard .type	{ display: none; } /* ne pas supprimer */ 



	#footer #footerElements .vcard .value,

	#footer #footerElements .vcard .org	 	{ font-weight: bold; } /* ne pas supprimer */ 



	#footer #footerElements .vcard .adr,

	#footer #footerElements .vcard .siret	{ display: block; } 

	

	#footer #footerElements #powered		{ font-size: 0.8em; text-decoration: none; }

	#footer #footerElements #powered img 	{ height: 10px; width: 10px; margin: 0 3px 0 0; vertical-align: middle; }



/* */





/* Autres elements */



	/* Alignement des images */

	.left 		{ float: left; margin: 0 15px 0 0; }

	.right 		{ float: right; margin: 0 0 0 15px; }

	

	.colunm		{ width: 435px; }

	

	.clear		{ clear: both; }



/* */





/* Photo gallery */

/*Just add <div id="gallery"> </div> around your photos in ul list*/



	#gallery 		{ padding: 1.9em; margin-bottom: 20px; }

	#gallery img	{ border: 1px solid #FFF; }

	#gallery ul li	{ margin: 0; padding: 0; }

	#gallery ul li	{ display: inline; margin: 0 7px 0 0; }

	

/* */





/* Figure for photos */

/*Just add <div id="figure"> </div> around your single photo with infos*/	



	#figure 				{ background: #FFF; font-size: 0.8em; }

	#figure img				{ border: 1px solid #FFF; }

	#figure p 				{ margin: 2px; width: auto; color: #333; }

	#figure p.credit 		{ text-align: right; margin-bottom: 10px; }

	#figure .credit cite 	{ font-style: inherit; font-weight: bold; }

	#figure p.caption 		{ text-align: left; font-style: normal; line-height: 1em; }

	#figure .title 			{ font-weight: bold; font-style: normal; }

	#figure.fig1 			{ float: right; margin: 0 0 10px 10px; width: 141px; }



/* */

#cms h1
{
display:block;

}

h1
{
display:none;
}
#poweredV2 { padding:10px 0 0 7px;}
#poweredV2 img {padding:10px 0 0 7px;
vertical-align:middle;}

.txt{ font-size: 1em; font-weight: normal; color: #003366; margin: 0 0 1.2em 0; }