@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;

	background:#ccc url(images/planche.jpg) center top fixed ;
	
}
.tendeur{
	clear:both;
	margin:0;
	padding:0;
	}
/*--------L'habillage du bandeau se fait ici avec les ID de chaques pages--------*/
.container{
	width:958px;
	margin:30px auto 5px;
	border:solid 15px #797870;
	background-color:#e2e6e7;
	}
#accueil{
	background:url(images/fond_accueil.jpg) top left no-repeat #ebebeb;
	}
#chambres{
	background:url(images/fond_chambres.jpg) top left no-repeat #ebebeb;
	}
#suites{
	background:url(images/fond_suites.jpg) top left no-repeat #ebebeb;
	}
#residences{
	background:url(images/fond_residences.jpg) top left no-repeat #ebebeb;
	}
#tsituation{
	background:url(images/fond_situation.jpg) top left no-repeat #ebebeb;
	}
#services{
	background:url(images/fond_services.jpg) top left no-repeat #ebebeb;
	}
	
#bar{
	background:url(images/fond_bar.jpg) top left no-repeat #ebebeb;
	}
	
#plage{
	background:url(images/fond_plage.jpg) top left no-repeat #ebebeb;
	}
#restaurant{
	background:url(images/fond_restaurant1.jpg) top left no-repeat #ebebeb;
	}
#seminaire{
	background:url(images/fond_seminaire.jpg) top left no-repeat #ebebeb;
	}	
#tarifs{
	background:url(images/fond_tarifs.jpg) top left no-repeat #ebebeb;
	}	
	
#mer{
	background:url(images/fond_activites_mer.jpg) top left no-repeat #ebebeb;
	}
#montagne{
	background:url(images/fond_activites_montagne.jpg) top left no-repeat #ebebeb;
	}
	
#tcontact{
	background:url(images/fond_contact.jpg) top left no-repeat #ebebeb;
	}

#ecoledevoile{
	background:url(images/fond_ecole_voile.jpg) top left no-repeat #ebebeb;
	}
	
#bien-etre{
	background:url(images/fond_bien_etre.jpg) top left no-repeat #ebebeb;
	}

#bien-etre-femme{
	background:url(images/fond_bien_etre_femme.jpg) top left no-repeat #ebebeb;
	}
#bien-etre-homme{
	background:url(images/fond_bien_etre_homme.jpg) top left no-repeat #ebebeb;
	}
#bien-etre-cap-minceur{
	background:url(images/fond_dietetique.jpg) top left no-repeat #ebebeb;
	}
#balade{
	background:url(images/fond_activites_balade.jpg) top left no-repeat #ebebeb;
	}

#ski-nautique{
	background:url(images/fond_activites_ski_wake.jpg) top left no-repeat #ebebeb;
	}

#loisirs-nautiques{
	background:url(images/fond_activites_loisirs.jpg) top left no-repeat #ebebeb;
	}
#location-scooters{
	background:url(images/fond_activites_location_scooters.jpg) top left no-repeat #ebebeb;
	}
#tcross-blade {

	background:url(images/fond_crossblade.jpg) top left no-repeat #ebebeb;
	}
/*-----------------------------------------------------------------------------*/
#header{
	width:958px;
	height:240px;
	margin:0px auto;
	}
/*----------------------------L'aspect du menu----------------------------------*/
#menu{
	width:890px;
	height:40px;
	margin:0 auto 20px;
	padding:0;
	text-align:center;
	}
/*------------------------------------------------------------------------------*/
/*---------------------------l'aspect des boutons-------------------------------*/
.link_menu a{
	width:115px;
	height:34px;
	display:block;
	margin:0 0 0 10px;
	padding:0;
	float:left;
	}
.cache{
	width:115px;
	display:block;
	text-indent:-10000px;
	}
/*-----------------differenciation de chaque bouton du menu---------------------*/	
#btn_accueil a{
	background:url(images/btn_menu_accueil.png) top left no-repeat;
	}	
#btn_accueil a:hover{
	background:url(images/btn_menu_accueil_hover.png) top left no-repeat;
	}	
#btn_chambres a{
	background:url(images/btn_menu_chambres.png) top left no-repeat;
	}	
#btn_chambres a:hover{
	background:url(images/btn_menu_chambres_hover.png) top left no-repeat;
	}	
#btn_services a{
	background:url(images/btn_menu_services.png) top left no-repeat;
	}	
#btn_services a:hover{
	background:url(images/btn_menu_services_hover.png) top left no-repeat;
	}	
#btn_bienetre a{
	background:url(images/btn_menu_bienetre.png) top left no-repeat;
	}	
#btn_bienetre a:hover{
	background:url(images/btn_menu_bienetre_hover.png) top left no-repeat;
	}	
#btn_activites a{
	background:url(images/btn_menu_activites.png) top left no-repeat;
	}	
#btn_activites a:hover{
	background:url(images/btn_menu_activites_hover.png) top left no-repeat;
	}	
#btn_tarifs a{
	background:url(images/btn_menu_tarifs.png) top left no-repeat;
	}	
#btn_tarifs a:hover{
	background:url(images/btn_menu_tarifs_hover.png) top left no-repeat;
	}	
#btn_contact a{
	background:url(images/btn_menu_contact.png) top left no-repeat;
	}	
#btn_contact a:hover{
	background:url(images/btn_menu_contact_hover.png) top left no-repeat;
	}
/*------------------------------------------------------------------------------*/
a { outline:none;}

#contenu{
	width:958px;
	margin:0;
	padding:0;
	text-align:center;
	}
.section{
	width:958px;
	margin:0 0 4px 0;
	padding:0;
	border-bottom:solid 1px #ebebeb;
	text-align:center;
	}
.section2{
	width:958px;
	margin:0;
	padding:0;
	text-align:left;
	}
#footer{
	width:958px;
	height:270px;
	margin:0;
	padding:0;
	background:url(images/footer.jpg) top left no-repeat #ebebeb;
	clear:both;
	}
#spacer_footer{
	height:80px;
	}
#contenu_footer{
	width:944px;
	margin:0 0 0 10px;
	padding:0;
	text-align:left;
	}
#meteo{
	width:230px;
	height:70px;
	margin:0;
	padding:0;
	background:url(images/timbre_meteo.jpg) top left no-repeat;
	float:left;
	}
#picto_meteo{
	width:46px;
	height:46px;
	margin:16px 0 0 0;
	padding:0;
	float:left;
	}
#weather{
	width:140px;
	height:20px;
	margin:32px 0 0 0;
	padding:0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#555;
	}
#plandusite{
	width:684px;
	margin:20px 0 0 30px;
	padding:0;
	float:left;
	}
#portion{
	width:114px;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
	}
#portion ul{
	margin:0 0 0 20px;
	padding:0;
	}
#portion li{
	list-style-type:none;
	margin:0;
	padding:0;
	}
#portion li a{
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:0.8em;
	color:#fff;
	}
#portion li a:hover{
	text-decoration:underline;
	}
#colonne_d_ecartement_meteo{
	width:11px;
	height:62px;
	float:left;
	}

#fond_bas {padding-bottom:20px;}
.baseline {font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#333333;margin:0;}


.lien_baseline{color:#333333;}


/*------------------------------impression--------------------------------------*/

#print-tarif a{
display:block;
background:url(images/print-tarif.gif) no-repeat; 
padding:8px 0 0 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#555555;
height:30px;
margin-top:10px;
text-decoration:none;
}

#print-tarif  {

color:#555555;
text-decoration:none;
}

#print-tarif a:hover {
text-decoration:underline;}
#location{
	width:820px;
	margin:20px auto;
	padding:0;
	font-size:12px;
	color:#555;
	}
	
	
#bandeau_crossblade{
	width:876px;
	height:73px;
	margin:0 auto 14px;
	padding:0;
	background:url(images/bandeau_location_crossblade.jpg) top left no-repeat;
	}