@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #1C3D80;
	background-color: #061824;
	background-image: url(../images/acc-fond2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	
}

.left {float:left}

.right {float:right}

.clear {clear: both;}

.noborder {border:none}

.blanc {color:#ffffff}
.orange {color:#fba51a;}

.lien_orange {text-decoration:none;color:#fba51a;}

.bleu {color:#1C3D80}
.rose {color:#F10575}
.vert {color:#8DC53E}

/**********************/
/****  LES BLOCS   ****/
/**********************/

#principale {
	
	
}

#contener {
	width: 960px;
	padding:0 0 0 0;
	margin:auto;
	position: relative;
	
}

#haut {
	width:958px;
	height:290px;
	margin:auto;
	position: relative;
}

#gauche {
	float:left;
	width:567px;
	padding:10px 0 0 10px;
}


#droite {float:left;padding:0 0 0 5px;width:377px;}

#bas {
	text-align: left;
	padding:3px 0 0 65px;	
}

#bas a {
	color:#60C4F9;
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;
	margin:0 10px 0 0;
}

/**********************/
/****  GAUCHE     ****/
/**********************/

#decouv {width:562px;}

#avoir {
	width:562px; /*567-5*/
	background-image: url(../images/acc-a-voir.gif);
	height: 230px;
	text-align: left;
	padding:0 0 0 5px;	
}

#avoir h1 {
	color:#EDF8CA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding:25px 0 12px 20px;
}

#avoir .cold {float:left;padding:0;}

#avoir .cold h2 {
	color:#E2007A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:10px 0 4px 60px;
}

#avoir .cold img.actu {margin:0 0 0 60px;}

#avoir .cold a.savoir {
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	display:block;
	margin:20px 0 0 65px;
}


/**********************/
/****  DROITE     ****/
/**********************/
#droite .meteo{float:left;width:105px;padding:6px 0 0 5px;}

#droite .meteo img {float:left;}

#droite .meteo p {
	color: #FFFFFF;
}



#droite .recherche {
	padding:10px 0 0 61px;
	background-image: url(../images/acc-fond-recherche.gif);
	background-repeat: no-repeat;
	height:57px;
	width:204px;
	float:left;
	background-position: 28px top;
}

#droite .recherche input.text {
	background-color: transparent;
	margin:5px 0 0 0;
	padding:2px;
	border:none;
	float:left;
}

#droite .recherche input.button_search {float:left;margin:7px 0 0 0;float:left;}

#droite .hebergement {
	background-image: url(../images/acc-heber.gif);
	background-repeat: no-repeat;
	height: 220px;
	width: 369px;
	margin:-10px 0 0 0;
	text-align: left;
}

#droite .hebergement h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #64BBE9;
	padding:5px 0 0 0;
	text-align: center;
}

#droite .hebergement ul{
	list-style-image: none;
	list-style-type: none;
	margin:12px 0 0 0;
	float:left;
}

#droite .hebergement ul li {margin:4px 0 4px 3px;}


/*La couleur des liens du menu est géré dans la feuille accueil-hebergement.css*/

#droite #hotel, #droite #camping, #droite #meubles, #droite #chbhote, #droite #residence, #droite #gites, #droite #autres, #droite #resto {float:left;color:#fff;display:none;margin:30px 0 0 20px;}




/*Formulaire hébergement*/
.hebergement p {
	margin:5px 0 0 5px;
	}

.hebergement label {
	color: #64BBE9;
	margin:5px 0 0 5px;
	}

.hebergement input[type=text] {
	color: #FFFFFF;
	background-color: #172435;
	border: 1px solid #485671;
	width:80px;
}

.hebergement select  {
	color: #FFFFFF;
	background-color: #172435;
	border: 1px solid #485671;
	width:40px;
	background-image: none;
}

.hebergement input.button {
	background: transparent url('../images/acc-bt-recherche.gif') no-repeat top left;
	border:none;
	height: 19px;
	width: 115px;
	color:#fff;
	cursor:pointer;
	margin:15px 0 0 65px;
}

.hebergement a.avance {color:#fff; display:block; margin: 8px 0 0 8px;}
.hebergement a.avance:hover {text-decoration:none;}

/*PRATIQUE*/


#droite .pratique{
	background-image: url(../images/acc-pratique.gif);
	width:369px;
	height:156px;
	margin-top:13px;
}


#droite .pratique h3 {
	display:block;
	text-align:left;	
	background-image: none;
	margin:0;
	padding:7px 0 0 31px;
	color:#FFFFFF;
}

#droite .pratique .col {
	float:left;
	width:33%;
	text-align:center;
	padding:12px 0 0 0;
}

#droite .pratique .col a{
	color:#1C4761;
	text-decoration:none;
	font-size: 11px;
}