/* CSS Document */
html, body, div, span, p, a, a:hover, a:visited, h1, h2, h3, h4, img, object, form, li, ul {
	margin:0;
	padding:0;
	border:0;
}
body {
 font: 12px verdana, sans-serif;
 color:#FFFFFF;
 background-color:#066d86;
 padding: 0;
 text-align:center;
 margin:0px;
}
img{
	border:0;
}
a, a:visited{
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
a:hover{
	font-weight:bold;
	color:#EEE;
	text-decoration:underline;
}
.petit{font-size:9px;}
.sorry{ font-size:12px; text-align:center; padding-top:60px;}
#encadrant{
	width:960px;
	height:auto;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;

	}
/*.....................................INTRO..............................*/
#content{
	width:960px;
	margin: auto;
	height: 610px;
}
#entete_index{
	width:960px;
	height:150px;
}
#langues{
	float:left;
	width:960px;
	height:55px;
	background:url(/images/charte/fondlang.jpg) no-repeat;
	padding:0;
	margin:0;
}
ul#lang{
	list-style-type:none;
	padding:0;
	margin:0;
	padding-left:305px;
}

ul#lang li{
	float:left;
	margin:0;
	padding:0;
}
#visu{
	float:left;
	margin:0;
	padding:0;
	height:405px;
	width:900px;
}

/*.................................................................FIN INTRO.....................................................*/


#entete{
	width:960px;
}

/*...............................................................MENU.............................................................*/
/*................................................................................................................................*/
#bandeau-menu_fr{
	width:960px;
	height:50px;
	background-image:url(/images/fr/fond-menu.jpg);
	background-repeat:no-repeat;
}
#bandeau-menu_gb{
	width:960px;
	height:50px;
	background-image:url(/images/gb/fond-menu.jpg);
	background-repeat:no-repeat;
}
#bandeau-menu_nl{
	width:960px;
	height:50px;
	background-image:url(/images/nl/fond-menu.jpg);
	background-repeat:no-repeat;
}
#bandeau-menu_de{
	width:960px;
	height:50px;
	background-image:url(/images/de/fond-menu.jpg);
	background-repeat:no-repeat;
}
#bandeau-menu_da{
	width:960px;
	height:50px;
	background-image:url(/images/da/fond-menu.jpg);
	background-repeat:no-repeat;
}
ul#menu{
	list-style-type: none;
	float:left;
	margin:0px;
	width:880px;
	padding:0px;
	margin-top:10px;
	padding-left:40px;
}
#menu li{
	list-style-type: none;
	float:left;
	height:40px;
	margin:0px;
	padding:0;
	color:#006666;
	font-size:12px;
	text-transform:uppercase;
}
/*.......................................................BTN MENU...................................................................*/
#accueil a, #accueil a:visited{
	width:90px;
	height:30px;
	font-weight:normal;
}
#accueil .onglet-actif {
	width:90px;
	height:30px;
	color:#999999;
	text-decoration:none;
}


#news a, #news a:visited{
	width:100px;
	height:30px;
	color:#006666;
	text-decoration:none;
	font-weight:normal;
}
#news .onglet-actif {
	width:100px;
	height:30px;
	color:#999999;
}


#service a, #service a:visited{
	width:90px;
	height:30px;
	color:#006666;
	font-weight:normal;
}
#service .onglet-actif{
	width:90px;
	height:30px;
	color:#999999;
}




#loisir a, #loisir a:visited{
	width:90px;
	height:30px;
	color:#006666;
	font-weight:normal;
}
#loisir .onglet-actif{
	width:90px;
	height:30px;
	color:#999999;
}


#info a, #info a:visited{
	width:120px;
	height:30px;
	color:#006666;
	font-weight:normal;
}
#info .onglet-actif{
	width:120px;
	height:30px;
	color:#999999;
}



#tarif a, #tarif a:visited{
	width:85px;
	height:30px;
	color:#006666;
	font-weight:normal;
}
#tarif .onglet-actif{
	width:85px;
	height:30px;
	color:#999999;
}




#contact a, #contact a:visited{
	width:95px;
	height:30px;
	margin:0px;
	color:#006666;
	font-weight:normal;
}
#contact .onglet-actif{
	width:95px;
	height:30px;
	margin:0px;
	color:#999999;
}
#espace{
	width:20px;
	height:30px;
	margin:0px;
}
#menu a{
	display:block;
	color: #006666;
	text-decoration:none;
}
#menu a:hover{
	display:block;
	color: #999999;
	text-decoration:none;
}

/*.........................................................FIN MENU...................................................................*/


#conteneur{
	background-image:url(/images/charte/contour-m.jpg);
	background-repeat:repeat-y;
	width:960px;
	height:auto;
	float:left;
	
}

#sousmenu{
	width:300px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;

}

#sousmenu-h{
 background-image: url(/images/charte/sousmenu-h.jpg);
 background-repeat:no-repeat; 
 float:left;
 width:240px;
 height:50px;
 text-align:left;
 padding-left:60px;
}
#sousmenu-h h2{
 	font-size:14px;
	text-transform:uppercase;
 	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	padding:0;
	margin:0;
	padding-top:18px;
}

#sousmenu-m{
 background-image:url(/images/charte/sousmenu-m.jpg);
 background-repeat:repeat-y;
 float:left;
 width:240px;
 height:auto;
 text-align:left;
 padding-left:60px;
 padding-top:10px;
 
}

#sousmenu-m h3{
 	font-size:13px;
	color:#034657;
	text-transform:uppercase;
 	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	padding:0;
	margin:0;
	padding:5px 0;
	margin-bottom:5px;
	margin-right:10px;
	margin-top:20px;
}
#sousmenu-m ul{
  	list-style-type:none;
	text-align:left;
	margin:0;
	padding:0;
	padding-left:15px;
}
#sousmenu-m li{
	padding-left:0;
	margin-right:10px;
	
}


#sousmenu-m a, #sousmenu-m a:visited{
	display: block;
	height:20px;
	padding:0;
	padding-top:5px;
	padding-left:10px;
	margin:0;
	color: #056d86;
	text-decoration: none;
	border-bottom:1px dotted #056d86;
	font:12px Helvetica, sans-serif;
	font-weight:bold;
}
#sousmenu-m a:hover{
	display: block;
	color: #ffffff;
	background-color: #056d86;
	font:12px Helvetica, sans-serif;
	font-weight:bold;
}
#sousmenu-m .actif a:visited{
	display: block;
	color: #FFF;
	background-color: #056d86;
	font:12px Helvetica, sans-serif;
	font-weight:bold;
}


#sousmenu-m  a.temp, #sousmenu-m  a.temp:visited{
	display: block;
	height:40px;
	padding:0;
	padding-top:5px;
	padding-left:10px;
	margin:0;
	color: #056d86;
	text-decoration: none;
	border-bottom:1px dotted #056d86;
	font:12px Helvetica, sans-serif;
	font-weight:bold;
}
#sousmenu-m  a.temp:hover{
	display: block;
	color: #ffffff;
	background-color: #056d86;
	font:12px Helvetica, sans-serif;
	font-weight:bold;
}

#sousmenu-b{
 float:left;
 background:url(/images/charte/sousmenu-b.jpg) no-repeat;
 height:284px;
 width:300px;
}



#contenu{
width:660px;
float:right;
text-align:left;
}



#contenu-visu{
 width:660px;
 height:295px;
 float:right;
 
}
#contenu-visu_mini{
 width:660px;
 height:100px;
 float:right;
}


#contenu-h{
	background-image:url(/images/charte/contenu-h.jpg);
	background-repeat:no-repeat;
	width:645px;
	height:45px;
	float:right;
	padding-left:15px;
	padding-top:10px;
}
#contenu-h h1{
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0;
}

#contenu-m{
 background-image:url(/images/charte/contenu-m.jpg);
 background-repeat:repeat-y;
 width:605px;
 height:auto;
 padding-left:15px;
 padding-right:40px;

}

#mobil-home4p a, #mobil-home4p a:visited{
	display:block;
	background-image:url(/images/hebergement/image-mobilhome4p.jpg);
	background-repeat:no-repeat;
	width:635px;
	height:122px;
	margin:0;
	padding-left:25px;
	padding-top:25px;
	float:left;
}
#mobil-home4p a:hover{
	display:block;
	background-image:url(/images/hebergement/image-mobilhome4p-roll.jpg);
	background-repeat:no-repeat;
	width:635px;
	height:122px;
	margin:0;
	padding-left:25px;
	padding-top:25px;
}
#mobil-home4p h2{
	font-size:18px;
	text-transform:uppercase;
	padding-left:40px;
	padding-top:50px;
}
#mobil-home6p a, #mobil-home6p a:visited{
	background-image:url(/images/hebergement/image-mobilhome6p.jpg);
	background-repeat:no-repeat;
	width:285px;
	height:122px;
	margin:0;
	padding-left:330px;
	padding-top:23px;
	float:left;
}
#mobil-home6p a:hover{
	display:block;
	background-image:url(/images/hebergement/image-mobilhome6p-roll.jpg);
	background-repeat:no-repeat;
	width:285px;
	height:122px;
	margin:0;
	float:left;
	padding-left:330px;
	padding-top:23px;
}
#mobil-home6p h2{
	font-size:18px;
	text-transform:uppercase;
	padding-left:40px;
	padding-top:50px;
}
#camping a, #camping a:visited{
	background-image:url(/images/hebergement/image-camping.jpg);
	background-repeat:no-repeat;
	width:635px;
	height:122px;
	margin:0;
	padding-left:25px;
	padding-top:24px;
	float:left;
}
#camping a:hover{
	display:block;
	background-image:url(/images/hebergement/image-camping-roll.jpg);
	background-repeat:no-repeat;
	width:635px;
	height:122px;
	margin:0;
	padding-left:25px;
	padding-top:24px;
}
#camping h2{
	font-size:18px;
	text-transform:uppercase;
	padding-left:40px;
	padding-top:50px;
}
#studio a, #studio a:visited{
	background-image:url(/images/hebergement/image-studio.jpg);
	background-repeat:no-repeat;
	width:285px;
	height:152px;
	margin:0;
	padding-left:330px;
	padding-top:25px;
	float:left;
}
#studio a:hover{
	display:block;
	background-image:url(/images/hebergement/image-studio-roll.jpg);
	background-repeat:no-repeat;
	width:285px;
	height:152px;
	margin:0;
	padding-left:330px;
	padding-top:25px;
}
#studio h2{
	font-size:18px;
	text-transform:uppercase;
	padding-left:40px;
	padding-top:50px;
}

#piedepage{
	background-image:url(/images/charte/pieddepage.jpg);
	width:880px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	float:left;
	background-repeat:no-repeat;
	display:block;
	text-align:center;
	padding-left:80px;
	padding-top:3px;
}
#piedepage a, #piedepage a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
}
#piedepage a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
}
#ppcopy{
	float:left;
	width:250px;
	color:#FFF;
	font-size:9px;
	font-weight:normal;
	text-align:left;
}
#ppcopy a, #ppcopy a:visited{
	color:#FFF;
	font-size:9px;
	font-weight:normal;
	text-align:left;
}
#ppcopy a:hover{
	color:#FFF;
	font-size:9px;
	font-weight:normal;
	text-decoration:underline;
	text-align:left;
}
#ppmenu{
	float:left;
	width:570px;
	color:#FFF;
	font-size:11px;
	font-weight:normal;
	padding-top:10px;
	text-align:right;
}
#ppmenu a, #ppmenu a:visited{
	/*color:#003366;*/
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
}
#ppmenu a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	font-size:11px;
	font-weight:normal;
}
#fond_page{
	width:880px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	float:left;
	display:block;
	text-align:center;
	padding-top:15px;
	font-size:10px;
	color:#CCCCCC;
}

/* Pour l'alignement des images dans les paragraphes*/
.illu-right{
	border:0px;
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}
.illu-left{
	border:0px;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

.illu-center{
	border:0px;
	text-align:center;
	margin:10px;
}	
.illu-bottom{
	border:0px;
	text-align:center;
	margin:10px;
}	
/* Evenements */
	.post {
		padding-bottom:5px;
	}
	.gros_date{
		font-size:12px;
	}
	/* Présentation de la date dans évènements */
	.date { /* date & author */
		color :#FFF;
		float:right;
		line-height:2.3em;
		margin:1.5em 10px 5px 0;
		padding-left:0;
		border-left:1px solid silver;
		font-size:.8em;
		text-align:center;
		right:0;
	}
	
	.date_day {
		display:block;
		font-size:3em;
		text-align:right;
	}
	
	.date_month {
		display:block;
		font-size:3em;
		text-align:right;
		font-weight:bold;
	}
	
	.date_year {
		display:block;
		font-size:1.4em;
		line-height:.9em;
	}
	/* Présentation du chapo de chaque post  */
	.chapo_event, .chapo_content {
		width:560px;
		float:left;
		margin:0;
		text-align:justify;
		padding:0;
	}
	.chapo_event h1, .chapo_content h1 {
		font-size:16px;
		height:30px;
		margin:10px 0 0 0;
		padding:3px 0 0 20px;;
		text-align:left;
		font-weight:bold;
		font-family:Helvetica, Arial, Verdana;
		background:url(/images/charte/sous-titre.jpg) no-repeat top;
	}
	.chapo_event h1 a, .chapo_event h1 a:visited{
		border: 0;
		color:#FFF;
		text-decoration:none;
	}
	.chapo_event h1 a:hover{
		border-bottom:silver 1px dotted;
	}
	
	.post h2 {
		font-size:1em;
		margin:0;
		padding:20px 0 0 0;
		
	}
	/*.post img{
		border:1px solid #EEE;
		padding:2px;
	}*/
	.post p{
		margin:0 0 1em 0;
		padding:0;
		text-align:justify;
		font-size:11px;
	}
	.auteur_event{
		float:left; 
		width:540px; 
		padding:2px 0 20px 20px; 
		color:#EEE;
		font-size:10px;
	}
	.auteur_event a, .auteur_event a:visited{
		border: 0;
		text-decoration:none;
	}
	.auteur_event a:hover{
		font-size:10px;
		text-decoration:underline;
	}
	.auteur_event h4 {
		font-size:1.1em;
		margin:0;
		padding:0;
		color:#000000;
		font-weight:bold;
	}
	.content_chapo{
		float:left; 
		width:540px; 
		padding:0 10px;; 
	}
	.gris{
		color:#666666;
	}
	
	.chapo_content p{
		margin:0.9em 0 1em 0;
		text-align:justify;
		font-size:10px;
	}
	.bidouille{
		width:520px;
	}
	.img-text-1_1{
		width:500px;
		float:left;
	}
	.bidouille-chapo{
		width:540px;
		padding-bottom:25px;
	}
	.content_event{
		width:500px;
	}
	.legende{
		padding:0;
		margin:0;
		font-size:0.85em;
		text-align:center;
		overflow:hidden;
		height:13px;
	}
	.bordure_illu{
		border:1px solid #06667d;
		padding:2px;
		text-align:center;
	}
	.galerie{
		width:100%;
		float:left;
	}
	.thumbnail{
		width:125px; 
		height:136px;
		float:left;
		padding:0;
		margin:0;
	}
	.more_info{
	padding-top:10px;
	text-align:right;
	}	
	.more_info a img{
		border:0;
		margin:0;
		padding:0;
	}	
	.auteur_event a, auteur_event a:visited, .more_info a, .more_info a:visited{
		font-size:10px;
	}	
	.auteur_event a:hover, .more_info a:hover{
		font-size:10px;
	}	
	#contenu_event{
		width:520px;
		padding-left:20px;
	}	
	#contenu_event h2{
		color:#94e3f6;
		margin-top:15px;
		border-bottom:1px solid #96b8be;
		padding:3px 0
	}
	
/* Fin Evenements */
/*******************  PAGINATION ****************************/
div.pagination {
	margin-top:20px;
	height:30px;
	width:550px;
	font-size:11px;
    /*padding: 7px;
	margin: 3px;*/
	text-align:right;
}
div.pagination a, div.pagination a:visited {
    padding: 2px 5px 2px 5px;
	margin: 2px;
	text-decoration: none; /* no underline */
	border: 1px solid #034657;
	color: #000;
}
div.pagination a:hover, div.pagination a:active {
    padding: 2px 5px 2px 5px;
	border: 1px solid #034657;
	margin: 2px;
	color: #000;
	background-color: #F4F4F4;
}
div.pagination span.courante {
    padding: 2px 5px 2px 5px;
	margin: 2px;
	/*border: 1px solid #333;*/
	border: 1px solid #034657;
	font-weight: bold;
	color: #333;
	background-color: #EEE;
}
div.pagination span.desactive {
    padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #034657;
	color: #CCC;
}
/******************* FIN  PAGINATION ****************************/

/* Formulaire*/
.form_ident{
	widht:500px;
	float:left;
	padding-top:15px;
	padding-left:5px;
	padding-right:20px;
}
fieldset{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-bottom:30px;
}
legend{
	color:#FFF;
	font-style:italic;
	font-size:11px;
	padding:0 5px;
}
.surligne{
	background-color:#056d86;
	color:#FFF;
	height:30px;
	text-transform:uppercase;
	font-size:13px;
	padding-left:15px;
}

/********* TARIFS **********/
.tarifs{
	width:580px;
	border:1px #CCCCCC solid;
}
table.tarifs td{
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
.entete_semaine{
	background-color:#006699;
}
.entete_ligne{
	font-size:11px;
	width:100px;
	background-color:#056d86;
}
.entete_ligne_mobil{
	font-size:11px;
	width:120px;
	background-color:#056d86;
}
.titre_tarifs{
	font-size:16px;
	font-family:Helvetica, Verdana, Arial;
	font-weight:bold;
	padding:10px 0;
	background-color:#66CCFF;
	color:#056d86;
}
.bas_tarifs{
	font-size:11px;
	padding:10px 0;
}