/*------------------------------ Redefinition  ---------------------------------------*/
*{
	margin:0; 
	padding:0;
}

body{
	height:100%;
	width: 100%;
	text-align:center;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	line-height: normal;	
}

hr{
	display:block;
	color: #B5C2CC;
	background-color: #B5C2CC;
	height: 1px;
	border: 0;
	clear: both;
	margin: 0;
	_margin: -7px 0;
	padding: 0;
}




input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 2px;
	border: 1px solid #999999;
}

/*------------------------------------------------------------------------------------*/


/*------------------------------ Mise en forme globale --------------------------------*/
#wrap {
	position:relative;
	width: 915px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	padding-top: 10px;
	padding-bottom: 10px;
}

#content{
	/*position:relative;*/
	margin-top: 10px;
	margin-bottom: 10px;
}

#colonne1{
	float:left;
	width:180px;
}

#colonne2{
	float:left;
	margin-left: 15px;
}

#accroche {
	width: 720px;
	height: 105px;
	background-repeat: no-repeat;
	background-position: right top;	
}

#illustration{
	width: 330px;
	height: 260px;
	background-repeat: no-repeat;
	background-position: right top;	
}

#meteo{
	position:absolute;
	z-index: 100;
}


.pagination  a{
	text-decoration: none;
	padding: 6px;
	background-image: url(../images/btn/page_on.gif);
	background-repeat: no-repeat;
	background-position: center center;
}


.pagination a:hover, .pagination .lienPagination{
	background-image: url(../images/btn/page_off.gif);
}

/*------------------------------------------------------------------------------------*/





/*------------------------------  calque et carte ---------------------------------------*/

#calque {
	position: absolute;
	height: 100%;
	width:100%;
	top: 0px;
	left: 0px;
	background-color: #000000;

	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;

	z-index: 99;
	display:none;
}

#srcImage {
	position: absolute;
	z-index: 100;
	display:none;
	border: 5px solid #EFCDA5;
}

/*------------------------------------------------------------------------------------*/




/*------------------------------ En-tetes et navigation --------------------------------*/
#bandeau {
	width: 915px;
	height: 135px;
	background-repeat: no-repeat;
	background-position: left top;	
}


#lienHaut{
	background-color: #FFFFFF;
	padding-bottom:5px;
	text-align: center;
	float: right;
	color: #508296;	
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#lienHaut a{
	color: #508296;
	text-decoration: none;
	margin-left:5px;
	margin-right:5px;
	font-weight: bold;
}

#lienHaut a:hover{
	color: #00669D;
}


#lienHaut .lienActif{
	color: #00669D;	
	font-weight: bold;
	margin-left:5px;
	margin-right:5px;
}

#messageRetour, .messageRetour{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C60000;
	margin-bottom: 15px;
	height: 25px;
}

/*------------------------------------------------------------------------------------*/




/*------------------------------ Menus ----------------------------------------------*/
#chemin{
	float:left;
	margin-top:10px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CD8C2F;
}

#chemin .level1{color:#00669D;}
#chemin .level2{color:#8F9092;}


#menu{
	margin-top:5px;
	text-align: center;
	float: right;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#menu div{
	width:113px;
	float:left;
	margin-left:3px;
	padding-top:2px;
	padding-bottom:2px;
}

#menu #presentation{
	width:180px; 
	text-align:right;
	padding-right:15px;
	background-image: url(../images/menu_presentation.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#menu #presentation a:hover{color:#9A6729; }
#menu #presentation .actif{color:#9A6729; }


#menu #actualites{background-color:#71A7AF; }
#menu #actualites a:hover{color:#447177; }
#menu #actualites .actif{color:#447177; }

#menu #activites{ background-color:#5CA0D3; }
#menu #activites a:hover{color:#286999; }
#menu #activites .actif{color:#286999; }

#menu #hebergement{ background-color:#568094; }
#menu #hebergement a:hover{color:#304652; }
#menu #hebergement .actif{color:#304652; }

#menu a{	
	color: #ffffff;	
	text-decoration: none;
}



#menuGauche, #plan{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 7px;
}

#menuGauche a, #plan a{
	display:block;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-right: 8px;
}

#menuGauche .actif{
	display:block;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-right: 8px;
}

#messageRetour{
	color: #D7A568;
	line-height: 30px;
	margin-bottom: 0px;
	height: 40px;
}

/*------------------------------------------------------------------------------------*/




/*------------------------------ Pavé offres ----------------------------------------------*/

#offres_sejours{
	min-height:260px;
	background-image: url(../images/fond_offres_sejours.jpg);
	background-position: center top;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#offres_sejours img{
	margin-top: 15px;
	margin-bottom: 10px;
}

#offres_sejours #titre_offres_sejours{
	height: 45px;
	width: 100%;
	background-image: url(../images/titre_offres_sejours.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#offres_sejours #nom_offres_sejours{
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	line-height: 22px;
	margin-top: 10px;
}

#offres_sejours #nom_offres_sejours a{
	color: #FFFFFF;
	text-decoration: none;
}

#offres_sejours #nom_offres_sejours a:hover{
	color: #333333;
}

#offres_sejours #jours_offres_sejours {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}

#offres_sejours #prix_offres_sejours{
	font-size: 35px;
	font-weight: bold;
}

#offres_sejours #tel_offres_sejours{
	font-size: 12px;
	margin: 10px;
	font-weight: bold;
}
/*--------------------------------------------------------------------------------------*/


/*------------------------------ Menu bas ----------------------------------------------*/
#menu_bas{
	text-align: right;
	color: #508296;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#menu_bas a{
	color: #508296;
	font-size: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

#menu_bas a:hover{
	text-decoration: none;
	color: #00669D;
}
/*--------------------------------------------------------------------------------------*/


/*------------------------------ Classes ----------------------------------------------*/


/* Mise en page */
.spacer {
    clear: both;
	float:none;
}

.inputAlerte {
	border: 1px solid #C60000;
}

.filet{
	background-image: url(../images/filet.gif);
	background-repeat: repeat-x;
	background-position: center center;
	height: 10px;

}


.loading{
	margin: 20px;
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 60px;
	color: #00A1D8;
	font-size: 10px;
	text-align: left;

}

.messageRetour{
	color: #00A1D8;
	font-size: 12px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
}

#formulaire .envoyer{
	border:none;
	background:none;
	background-image: url(../images/btn/envoyer.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 58px;
}

#formulaire .ok{
	border:none;
	background:none;
	background-image: url(../images/btn/ok.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 50px;
}

#formulaire .effacer{
	border:none;
	background:none;
	background-image: url(../images/btn/effacer.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 53px;
}

#formulaire .checkbox{
	width: auto;
	border: none;
	background: none;
}

/*--------------------------------------------------------------------------------------*/




/*------------------------------ Info bulle ----------------------------------------------*/
#bulle {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #568094;
	visibility: hidden;
	z-index: 99;
	font-weight:bold;
	
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}


#bulle #gauche_haut{
	background-image: url(../images/infobulle/gauche_haut.gif);
	background-repeat: no-repeat;
	height: 6px;
	width: 12px;
}

#bulle #gauche_centre{
	background-image: url(../images/infobulle/gauche_centre.gif);	
	width: 12px;
}

#bulle #gauche_bas{
	background-image: url(../images/infobulle/gauche_bas.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 12px;
}

#bulle #centre_haut{
	background-image: url(../images/infobulle/centre_haut.gif);
	height: 6px;
}

#bulle #centre_centre{
	background-color:#FFFFFF;
}

#bulle #centre_bas{
	background-image: url(../images/infobulle/centre_bas.gif);
	height: 16px;
}

#bulle #droite_haut{
	background-image: url(../images/infobulle/droite_haut.gif);
	background-repeat: no-repeat;
	height: 6px;
	width: 12px;
}

#bulle #droite_centre{
	background-image: url(../images/infobulle/droite_centre.gif);
	width: 12px;
}

#bulle #droite_bas{
	background-image: url(../images/infobulle/droite_bas.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 12px;
}
/*--------------------------------------------------------------------------------------*/




/*------------------------------ Administration ------------------------------------------*/

#contentTemoin {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	visibility: hidden;
}



.chgVisuel{
	width:250px;
	position:absolute;
	visibility:hidden;
	padding: 5px;
	border: 1px solid #65A8AF;
	background-color: #FFFFFF;
	top:-250px;
	left:-250px;
	z-index: 99;
}

.charger_visuel{
	width: 124px;
	position: absolute;
	z-index: 99;
	left: 0px;
	top: 0px;
	padding-top: 22px;
	padding-right: 5px;
	padding-bottom: 22px;
	padding-left: 5px;
	background-image: url(../admin/images/charger_visuel.gif);
	background-repeat: no-repeat;
	background-position: center center;

}

.inputOrdre {
	border: 0.1px solid transparent;
	background-color: transparent;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 5px;
}

.checkbox{
	float: left;
	padding-top: 5px;
	padding-right: 5px;

}

.checkbox input{
	border: 1px none #65A8AF;
}

.submit {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #F88E06;
	text-decoration: none;
	border:1px solid #D7A568;
	padding: 0px;
	font-weight: bold;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.submit:hover {
	color:#F88E06 ;
	background-color: #FFFFFF;
}

.submitSup {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #F88E06;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	border:1px solid #D7A568;
	margin: 0px;
	padding: 0px;
}


.submitSup:hover {
	color: #F88E06;
	background-color:#FFFFFF ;
}

.boutons_admin{
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F88E06;
	padding-top: 7px;
	margin-top: 7px;
}

/*--------------------------------------------------------------------------------------*/