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

body{
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Arial;
	background:#5E83AE;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;}

.h3Tarifs{
	width:auto !important;
	padding:4px !important;
	background:#FF84B3 !important;
	font-size: 16px !important;
	font-weight: bold !important;
	color: #FFFFFF !important;
	}

.BG-Default{
	background:url(../images/bg-default.jpg) no-repeat;}

.BG_Homepage{
	background:url(../images/fond-homepage.jpg) no-repeat #5E83AE;}
.BG_Camping{
	background:url(../images/fond-camping.jpg) no-repeat #5E83AE;}
.BG_Hebergement{
	background:url(../images/fond-hebergement.jpg) no-repeat #5E83AE;}
.BG_Contact{
	background:url(../images/fond-contact.jpg) no-repeat #5E83AE;}
.BG_Activites{
	background:url(../images/fond-activites.jpg) no-repeat #5E83AE;}
.BG_Proximite{
	background:url(../images/fond_camping.jpg) no-repeat #5E83AE;}
#header{
	height:96px;
	background: url(../images/bg-menu.jpg) repeat-x; 
	width:auto;	
	position:relative;
}
.BorderHeaderHome{
	border-bottom:6px solid #FF84B3;
}
.BorderHeaderCamping{
	border-bottom:6px solid #FFCC00;
}
.BorderHeaderHebergement{
	border-bottom:6px solid #CC0099;
}
.BorderHeaderActivites{
	border-bottom:6px solid #003399;
}
.BorderHeaderProximite{
	border-bottom:6px solid #99CC00;
}
.BorderHeaderContact{
	border-bottom:6px solid #66CCFF;
}



#contentHeader{
	width:1000px;}
#logo{
	float:left;
	height:96px;
	width:185px;
	margin:0;
	border:0;
}

#menu{
	float:left;
	margin:0;
	padding:0;
	height:96px;
	position:relative;
}

#menu ul{
	margin:0;
	padding:0;
}
#menu li{
	list-style-type:none;
	float:left;
	margin-right:5px;
	min-width:117px;
	text-align:center;
	line-height:70px;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	padding:0 5px 0 5px;
}
#menu li a{
	color: #FFFFFF;
	text-decoration:none;
}
#menu li a:hover{
	color: #FFFFFF;
	text-decoration:underline;
}

.accueilMenu{
	background:url(../images/bg-accueil.jpg) repeat-x;
	display:block;
	height:100px;
	}
.campingMenu{
	background: url(../images/bg-camping.jpg) repeat-x;
	display:block;
	height:100px;
}
.hebergementMenu{
	background:url(../images/bg-hebergement.jpg) repeat-x;
	display:block;
	height:100px;
}
.activiteMenu{
	background: url(../images/bg-activite.jpg) repeat-x;
	display:block;
	height:100px;
}
.proximiteMenu{
	background:url(../images/bg-proximite.jpg) repeat-x;
	display:block;
	height:100px;
}
.contactMenu{
	background:url(../images/bg-contact.jpg) repeat-x;
	display:block;
	height:100px;
}

#submenu{
	position:absolute;
	right:5px;
	top:75px;
	height:45px;
	height:50px !important;


}
#submenu ul{
	margin:0;
	padding:0;
}
#submenu li{
	color: #FFFFFF;
	margin-left:40px!important;
	border-right:1px solid #FFC1D8!important;
	font-weight: normal!important;
	min-width:inherit !important;
	line-height:inherit !important;
	height:inherit !important;
	margin-right:inherit !important;
	text-align: inherit !important;
	padding:0 5px 0 0 !important;
	font-size: 14px !important;
}
#submenu li a{
	color: #FFFFFF!important;
	text-decoration:none!important;
}
#submenu li a:hover{
	color: #FFC1D8 !important;
	text-decoration:none !important;
}
.coeur{
	background:url(../images/coeur.png) no-repeat;
	height:42px !important;
	width:40px;
	position:absolute;
	left: 220px;
	top: 60px;
}
#content{
	width:990px;
	clear:both;
	position:relative;
}
#blocGaucheContent h2,#blocMilieuContent h2,#blocdroitContent h2 {
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom:1px solid #9DB2E4;
	padding-bottom:4px;
	margin:15px 8px 8px 8px;
}

#blocMilieuContentPage h2 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
	border-bottom:1px dashed #666;
	padding-bottom:4px;
	margin:15px 8px 8px 8px;}
	
#blocGaucheContent{
	position:absolute;
	top:0;
	left:0;
	width:205px;
}
#blocGaucheContent p{
	font-size: 12px;
	color: #FFFFFF;
	padding:10px;
	margin:0;
}
#blocGaucheContent p a{
	font-size: 12px;
	color: #FFFFFF;
}
#blocGaucheContent p a:hover{
	text-decoration:none;
}
#video{
	width:200px;
	position:absolute;
	top: -14px;
	left:0;
}
#blocMilieuContent{
	background:transparent url(../images/bg-blanc-transparent.png) repeat 0 0;
	position:absolute;
	top:0;
	left:205px;
	width:475px;
}
#blocMilieuContent p{
	font-size: 13px;
	color: #000000;
	padding:10px;
	margin:0;
}

#blocMilieuContent h2{ color:#000000; }

#blocMilieuContentPage{
	position:absolute;
	top:0;
	left:205px;
	width:466px;
	background:url(../images/bg-blanc-transparent.png);
	height:500px ;
	overflow-x: hidden;
	overflow-y: auto;
}
#blocMilieuContentPage a{
	color:#000;
}
#blocMilieuContentPage a:hover{
	text-decoration:none;
}
#blocMilieuContentPage p{
	font-size: 13px;
	color: #000;
	padding:10px;
	margin:0;
}
#blocMilieuContentPage p a{
	color: #000;
}
#blocMilieuContentPage ul{
	margin:10px;
	padding:0;
	
}
#blocMilieuContentPage li{
	list-style-type: square;
	list-style-position: inside;
	font-size: 13px;
	color: #000;
}



#blocMilieuContentContact{
	position:absolute;
	top:19px;
	left:10px;
	width:950px;
	background:url(../images/bg-blanc-transparent.png);
	min-height:500px !important;
	padding:15px;
	border:1px dashed #fff;

}
#blocMilieuContentContact h3{
	font-size: 16px;
	font-weight: normal;
	background:#fff;
	width:300px;
	padding:5px;
	margin-bottom:5px;

}
#blocMilieuContentContact h2{
	font-size: 20px;
	font-weight: normal;
	background:#fff;

	padding:5px;
	margin-bottom:5px;
	border:1px dashed #F1EAE1;

}
#blocMilieuContentContact a{
	color:#000;
}
#blocMilieuContentContact a:hover{
	text-decoration:none;
}
#blocMilieuContentContact td{
	padding:5px;
	font-size: 11px;
}
#blocMilieuContentContact input{
	font-size: 11px;
	border:1px solid #999;
	padding:4px;
}
#blocMilieuContentContact p{
	font-size: 13px;
	color: #000;
	padding:10px;
	margin:0;
}
#blocMilieuContentContact ul{
	font-size: 12px;
	color: #000;
}
#blocdroitContent{
	position:absolute;
	top:0;
	right:0;
	width:310px;
}
#pastillevideo{
	clear:both;
	margin:10px 0 0 10px;
	background:none;}

#galerie{
	clear:both;
	margin-top:10px;
}
#galerie ul{
	margin:0;
	padding:0;
}
#galerie li{
	list-style-type:none;
	margin:5px 5px 0 0;
	float:left;
}
#galerie li img{
	width:90px;
	height:60px;
	border:3px solid #fff;
}
#partager{
	clear:both;
	font-size:11px;
	padding:10px 4px 10px 4px;
	border:1px solid #fff;

	}
#partager a{
	color:#000000;
	}
#partager a:hover{
	text-decoration:none;
	}
#partager input{
	border:1px solid #fff;
	padding:3px;
	margin:5px 0 0 0;
	color:#666666;
	font-size:11px;
}

#reponseenvoyerami{
color:red;
font-weight: bold;
}

#map{
	position:absolute;
	width:523px;
	height:281px;
	left: 426px;
	top: 152px;
	border:3px solid #66CCFF;
	padding:4px;
}

		#superbox-overlay{background:#e0e4cc;}
		#superbox-container .loading{width:32px;height:32px;margin:0 auto;text-indent:-9999px;background: url(../images/loader.gif) no-repeat 0 0;}
		#superbox .close a{float:right;padding:0 5px;line-height:20px;background:#FF5A94;cursor:pointer;}
		#superbox .close a span{color:#fff;}
		#superbox .nextprev a{float:left;margin-right:5px;padding:0 5px;line-height:20px;background:#333;cursor:pointer;color:#fff;}
		#superbox .nextprev .disabled{background:#ccc;cursor:default;}


.plus{
	background:url(../images/+.gif) no-repeat;
	padding-left:20px;
}

#premierprix{
	position:absolute;
	width:100px;
	height:50px;
	left: 640px;
	top: 285px;
}

.H2Tarifs{
	font-size: 16px;
	font-weight: bold;
	color: #6699CC;
	}

.rose{color:#FE1370;}	
	
#language{
	background:url(../images/fond-langue.png) no-repeat;
	width:186px;
	height:39px;
	margin-left:2px;
	padding-left:5px!important;
	font-size: 10px!important;
	font-weight: bold !important;
	color: #999999!important;
	position:relative;
}
#language p{
	margin:0!important;
	padding:0!important;
	float:left!important;
	font-size: 10px!important;
	font-weight: bold !important;
	color: #999999!important;
	line-height:39px!important;
}
#language ul{
	margin:0;
	padding:0;
	position:absolute;
	left:65px;
	top:15px;
	height:11px;
	
	
}
#language li{
	list-style-type:none;
	float:left;
	margin-right:7px;
}

#playerRich{
	margin:0 0 0 5px;}
	
	
#footer{
	position:absolute;
	top:510px;
	left:205px;
	width:456px;
	background:url(../images/bg-blanc-transparent.png);

	padding:5px;
	text-align:center;
	font-size: 11px;
	border:1px solid #fff;
	color: #666666;
}
#footer a{
	color: #666666;
}
#footer a:hover{
	color: #000;
	text-decoration:none;
}

#footer2{

	padding:5px;
	text-align:left;
	font-size: 11px;
	color: #666666;
}
#footer2 a{
	color: #666666;
}
#footer2 a:hover{
	color: #000;
	text-decoration:none;
}