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

@import url("infobulle.css"); 
@import url("navigation.css");

html
{
	width: 100%;
	height: 100%;
	background-image:url(../img/home/brownstrip.gif);
	background-position: 0px 31px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #555;
	background-image:url(../img/home/bg.gif);
	background-position: center 10px;
	background-repeat: no-repeat;
}

* {outline:none}
textarea {resize:none}
	
img {
	border:0;
}
	
valign {
	vertical-align:middle;
}
	
/* Blocs */

#logos {
margin:-23px 0 0 0;
position:absolute;

}

#actu {
	background:url(../img/actu-fd.png);
	float:left;
	height:48px;
	margin:410px 0 0 0;
	padding:8px 16px;
	position:absolute;
	width:954px;	
	}
	
	.actu-illus {
	float:left;
	margin-right:5px;
	}
	
	.actu-titre {
	color:#6eca3d;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	}
	
	.actu-texte {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}

	.actu-texte a {
	color:#6eca3d;
	text-decoration:none;
	}
	
		.actu-texte a:hover {
		color:#FFF;
		}

#content {
	position:absolute;	width:1009px;
	left:50%;
	margin-left:-502px;
}
	
#content #flash {
	position:relative;
	width:986px;
	height:473px;
	padding: 32px 0 0 11px;
	margin-bottom: 5px;
}

#content #illus {
	position:relative;
	width:986px;
	height:473px;
	padding: 32px 0 0 11px;
	margin-bottom: 5px;
}

#lang_search_menus {
	width: 1009px;
	height: 41px;
	margin: 15px 0 0 0;
	background:url(../img/home/menu_background.jpg) no-repeat #fff;
}
#lang_search_menus #lang{
	width: 120px;
	height: 31px;
	padding: 10px 0 0 15px;
	margin-right: 5px;
	float: left;
}
#lang_search_menus #search{
	width: 150px;
	height: 31px;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	float: left;
}

#lang_search_menus #menu{
	height: 31px;
	padding: 10px 0 0 0;
	margin: 0 10px 0 0;
	color: #5e5549;
	float:left;
}

#search {
	background:url(../img/search_fd.png) no-repeat left center;
}

#search form {
	padding:3px 0 0 20px;
	}

#search input {
	border:0;
	font-size:11px;
	background-color:transparent;
	}

#corps {
	width: 1000px;
	padding: 0px;
}

#corps #left_col { 
	width: 350px;
	float: left;
	overflow:hidden;
}

#corps #left_col a{ 
	text-decoration: none;
	font-size: 13px;
	font-family:"Times New Roman", Times, serif;
	color: #7a7964;
}
#corps #left_col a:hover{ 
	border-bottom: 1px dotted #7a7964;
}

/* *********************************** VIDEO ****************************************************/
#corps #left_col #video {
	width: 348px;
	height: 224px;
	background-image: url(../img/home/fd_video.jpg);
	background-repeat: no-repeat;
	padding: 10px 0 0 10px;
}

/* *********************************** WIDGETS **************************************************/
#corps #left_col .separation {
	height:10px;
	background:#FFF;
	clear:both;
	}

#corps #left_col #widgets {
	width: 348px;
	height: 192px;
	background-image: url(../img/home/fd_widgets.jpg);
	background-repeat: no-repeat;
	padding: 10px 0 0 10px;
}

#corps #left_col #widgets #reseaux-sociaux {
	width: 62px;
	height: 192px;
	float: left;
}

#corps #left_col #widgets #reseaux-sociaux .ico{
	width: 25px;
	height: 25px;
	margin: 5px 0 2px 8px;
}

	#reseaux-sociaux .ico a {
	text-decoration:none;
	border-bottom:0px;
	}


#corps #left_col #widgets #menus{
	width: 145px;
	height: 150px;
	margin: 10px 0 0 0;
	float: left;
}
#corps #left_col #widgets #menus div{
	margin-bottom: 3px;
}

#corps #left_col #widgets #menus li{
	list-style-type:none;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
}

#corps #left_col #widgets #menus li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
}

#corps #left_col #widgets #menus li a:hover{
	color:#333;
}

#corps #left_col #widgets #liens {
	width: 125px;
	height: 150px;
	margin:-7px 0 0 -4px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
}
#corps #left_col #widgets #liens div {
	width: 125px;
	padding: 0px 0 0 0;
	margin-bottom: 0px;
}
#corps #left_col #widgets #liens div a{
	text-decoration: none;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
	padding:0;
	margin:0;
}
/* *********************************** OFFRES PROMO *********************************************/
#corps #left_col #top_offrespromo {
	width: 348px;
	height: 8px;
	background-image: url(../img/home/top_offrepromo.png);
	background-repeat:repeat-y;
}
#corps #left_col #offrespromo {
	width: 348px;
	background: url(../img/home/motif_offrepromo.png) repeat-y;
	}
	
#corps #left_col #offrespromo #deco_promo {
	width: 348px;
	background-image: url(../img/home/bottom_offrepromo.png);
	background-repeat:no-repeat;
	background-position: center bottom;
}
#corps #left_col #offrespromo #deco_promo #titre{
	width: 242px;
	height: 30px;
	padding: 0;
	margin-left: 66px;
	font-size: 17px;
	color: #5d5d53;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
	border-bottom: 1px dotted #5d5d53;
}
#corps #left_col #offrespromo #deco_promo .offre {
	width: 348px;
	margin-bottom: 20px; 
}
#corps #left_col #offrespromo #deco_promo .offre .titre {
	width: 260px;
	height: 24px;
	padding-left: 18px;
	margin-left: 56px;
	line-height: 18px;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(../img/home/fleche-titre.png);
	background-repeat:no-repeat;
}
#corps #left_col #offrespromo #deco_promo .offre .photo {
	width: 259px;
	height: 147px;
	margin-left: 56px;
}
#corps #left_col #offrespromo #deco_promo .offre .photo a {
	border: 0;
}
#corps #left_col #offrespromo #deco_promo .offre .legende {
	width: 239px;
	margin-top: 4px;
	margin-left: 76px;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
}
#corps #left_col #offrespromo #deco_promo .lienext {
	width: 239px;
	height: 20px;
	margin-left: 76px;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
}

#resa-camping {
	margin:0 0 0px 5px;
	width: 330px;
	float: left;
	clear:both;
	background:#7b931b url(../img/resa_fd.png);
	padding: 0;
	border:5px solid #7b931b;
}

#corps #resa-camping h2 {
	margin:5px 12px 8px 12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color:#3b470c;
	border-bottom:1px dotted #3b470c;
	}
	
#corps #resa-camping p {
	margin:5px 12px 2px 12px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#414e10;
	}
	
#corps #resa-camping .date {
	margin:5px 0 10px 12px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#414e10;
	}
	
#corps #resa-camping p select, #corps #resa-camping .date input{
	border:1px solid #657915;
	margin-top:3px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	}
	
#corps #resa-camping .date input {
	width:120px;
	}
	
#corps #resa-camping #validation {
	margin:10px 0 0 0;
	padding:10px;
	clear:both;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#879e2d;
	background:#465215;
	}
	
#corps #resa-camping #validation .mi {
	width:50%;
	float:left;
	}
	
#corps #resa-camping #validation .mi .button{
	background:#e7a025 url(../img/button_fd.png);
	height:20px;
	padding:2px 10px 4px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#5e400c;
	border:0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	}
	
#corps #resa-camping #validation .mi .button:hover {
	cursor:pointer;
	background:#000 url(../img/button_fd2.png);
	color:#FFF;
	}

#corps #resa-camping2 {
	width: 350px;
	float: left;
	clear:both;
	background:#FFF;
	padding: 0 0 5px 5px;
}

#corps #resa-hotel {
	margin:0;
	width: 320px;
	float: left;
	clear:both;
	background:#b39f7d url(../img/resa-hotel-fd.png);
	padding:0 0 0 10px;
	border:5px solid #b39f7d;
}

#resa-hotel h2 {
	margin:5px 12px 8px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color:#5d4c2e;
	border-bottom:1px dotted #3b470c;
	}
	
#resa-hotel h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	color:#5d4c2e;
	}
	
#resa-hotel, #resa-hotel label {
	margin:5px 0px 2px 0px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#493a1f;
	}
	
#resa-hotel #homein, #resa-hotel #homeout {
	float:left;
	}
	
#resa-hotel button{
	background:#e7a025 url(../img/button_fd.png);
	height:20px;
	margin:10px 10px 10px 0;
	padding:2px 10px 4px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#5e400c;
	border:0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	}
	
#corps #resultat-hotel {
padding:10px;
}

#corps #resultat-hotel .promotionHotelItemsInc {
background:#faf5ef;
padding:5px;
}

#corps #resultat-hotel img.hotel {
border:5px solid #FFF;
margin:5px;
}

#corps #resultat-hotel .show_map {
display:hidden;
}

#corps #resultat-hotel a {
color:#34631c;
text-decoration:none;
}

#corps #resultat-hotel a:hover {
color:#7fbd60;
}
	
#resa-hotel button:hover {
	cursor:pointer;
	background:#000 url(../img/button_fd2.png);
	color:#FFF;
	}


/* ************************************* ADRESSE ************************************************/

#corps #left_col #adresse {
	width: 288px;
	height: 150px;
	margin: 0 0 0 5px;;
	padding : 5px 0 0 60px;
	background-image: url(../img/home/encart_adresse2.gif);
	background-repeat: no-repeat;
}



/* *********************************** PAGE CENTRALE ********************************************/

#corps #page  {
	width: 650px;
	background:url(../img/home/motif_centre.gif);
	background-repeat: repeat-y;
	overflow:hidden;
}

#corps #page #page-top {
	display:none;
}

#corps #page #rubriques {
	height: 730px;
	margin-left: 23px;
}
#corps #page #extras {
	margin-left: 23px;
}

#corps #page .endpage {
	width: 662px;
	clear: both;
	background:url(../img/home/bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
}
/* *********************************** CAPSULES *************************************************/

#corps #page .capsule .top a{
	text-decoration: none;
	color: #5d5d53;
}
#corps #page .capsule .top a:hover{
	text-decoration: none;
	color: #000;
}

#corps #page .capsule .top .texte {
	width: 288px;
	height: 70px;
	padding: 10px;
}

#corps #page .capsule .top .liens {
	width: 288px;
	margin: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #5d5d53;
}
#corps #page .capsule .top .partenaires {
	width: 288px;
	margin: 10px;
}

/* *********************************** CAPSULE PREHISTOIRE **************************************/
#corps #page #prehistoire  {
	width: 308px;
	height: 358px;
	margin-bottom: 7px;
	background:url(../img/home/image_prehistoire.jpg);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	float: left;
}
#corps #page #prehistoire .top {
	width: 308px;
	height: 358px;
	padding: 0px 0px 0px 0px;
}
/* *********************************** CAPSULE RANDONNEES **************************************/
#corps #page #randonnees  {
	width: 308px;
	height: 358px;
	margin-bottom: 7px;
	background:url(../img/home/image_randonnees.jpg);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	float: left;
}
#corps #page #randonnees .top {
	width: 308px;
	height: 358px;
	padding: 0px 0px 0px 0px;
}
/* *********************************** CAPSULE GASTRONOMIE **************************************/
#corps #page #gastronomie  {
	width: 308px;
	height: 358px;
	margin-bottom: 7px;
	background:url(../img/home/image_gastronomie.jpg);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	float: left;
}
#corps #page #gastronomie .top {
	width: 308px;
	height: 358px;
	padding: 0px 0px 0px 0px;
}
/* *********************************** CAPSULE HEBERGEMENT **************************************/
#corps #page #hebergement  {
	width: 308px;
	height: 358px;
	margin-bottom: 7px;
	background:url(../img/home/image_hebergement.jpg);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	float: left;
}
#corps #page #hebergement .top {
	width: 308px;
	height: 358px;
	padding: 0px 0px 0px 0px;
}

/* ************************************* COUP D'OEIL & AFFAIRES SEMAINE *******************************/

#corps #page #extras .col {
	width: 290px;
	margin: 10px 7px 0 8px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #5d5d53;
}

#corps #page #extras .top_extras {
	width: 615px;
	height: 31px;
	background:url(../img/home/top_extras.gif);
	background-repeat: no-repeat;
}
#corps #page #extras .bottom_extras {
	width: 615px;
	height: 275px;
	background:url(../img/home/bottom_extras.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#corps #page #extras .bottom_extras .col {
	width: 306px;
	margin: 10px 0 0 0;
	float: left;
}
#corps #page #extras .bottom_extras .col #illus_affaire {
	width: 284px;
	height: 147px;
	padding: 0 0 0 23px;
	background-color: #dac9ac;
}
.more{
	display:block;
	width:80px;
	margin:10px 0 0 23px;
	text-align:center;
	font-weight:bold;
	color:#333;
	line-height: 14px;
	padding: 4px;
	background-color: #e8890e;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.6);
}
.more:hover{
	color:#FFF;
	background:#f9a436;
	}
#corps #page #extras .bottom_extras .col a {
	color:#333;
	font-size:11px;
	text-decoration:none;
}
#corps #page #extras .bottom_extras .col #illus_coupdoeil {
	width: 283px;
	height: 147px;
	padding-left: 25px;
	background-color: #2c2419;
}
#corps #page #extras .bottom_extras .col .texte {
	width: 280px;
	padding-left: 24px;
	margin-top: 15px;
}

/* ************************************* INFOS PRATIQUES *******************************/

#corps #infos {
	width: 1000px;
	height: 250px;
	margin : 5px 0 5px 4px;
	background:url(../img/home/fd_infos.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#corps #infos .col1{
	width: 205px;
	height: 230px;
	padding: 20px 0 0 0;
	float: left;
}
#corps #infos .col2{
	width: 160px;
	height: 230px;
	padding: 20px 0 0 0;
	float: left;
}
#corps #infos .col3{
	width: 200px;
	height: 230px;
	padding: 20px 0 0 0;
	float: left;
}
#corps #infos .col4{
	width: 220px;
	height: 230px;
	padding: 20px 0 0 0;
	float: left;
}
#corps #infos .col5{
	width: 200px;
	height: 230px;
	padding: 20px 0 0 0;
	float: left;
}

#corps #infos a{
	color:#555;
	text-decoration:none;
}

#corps #infos a:hover {
	color:#111;
	}