@charset "utf-8";
/* CSS Document */
* {
	margin:0px;
	padding:0px;
}

.divConteneurHeader{
	width:100%;
	height:200px;
	display:block;

	background-color:#0097a0;
	position:relative;
	z-index:1;
	margin-bottom:-10px;
}
/* logo et titres du site */
.divLogoBanniere{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	max-width:70%;
}
.divLogoBanniere img{
	width:100%;
}
.divTitreSite {
	position:absolute;
	top:45px;
	left:60%;
	z-index:3;
}

.divTitreSite h1{
	font-family: 'Josefin Sans', sans-serif;
	letter-spacing:0em;
	color:#fff;
	text-align:center;
	font-size:25px;
}

.divTitreSite h2{
	font-family: 'Gloria Hallelujah', cursive;
	font-size:20px;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	color:#ffcc00;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	margin:0px;
	padding:0px;
}

/* boutons en haut à droite de la bannière */
.divBtnHD{
	display:block;
	width:380px;

	position:absolute;
	top:10px;
	right:10px;
	/*background-color:#03f;*/
	text-align:right;
	z-index:2000;
}

.divCentreTopAbsolute{
	width:100%;
	display:block;
	position:absolute;
	top:160px;
	/* background-color:#F63;*/
	z-index:20;
	text-align:center;
}
.divConteneurGlobal{
	width:1200px;
	margin:auto;
	margin-top:0px;
	
	/* background-color:#FF9; */
	z-index:20;
}
.divMenu{
	position:relative;
	width:1200px;
	height:40px;
	margin:auto;
	/* background-color:#FF0; */
	text-align:left;
	z-index:10000;
}
.divTrame{
	width:100%;
	margin:0px;
	background-color:rgba(255,255,255,0.0);
}


/* contenu de la page d'accueil */
.divConteneurColsAccueil{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:20px;
}
	.divConteneurColA, .divConteneurColB{
		display:block;
		
		border-radius: 0px;
		box-sizing:border-box;
	}
	.divConteneurColA{
		width:80%;
		background-color:#ffcc00;
		margin:5px 0px;
	}
	.divConteneurColB {
		width:20%;
		background-color:transparent;
	}


	.divColA{
		padding:15px;
		text-align:center;
		overflow:hidden;
	}
	
	.divColB{
		text-align:center;
		overflow:hidden;
	}
	.divContenu .divColA h1, .divContenu .divColB h1{
	}
	.divContenu .divColA a, .divContenu .divColB a{
	}
	.divContenu .divColA a:hover, .divContenu .divColB a:hover{
	}





/***************CONTENU*********************/
.divContenu {
	display:block;
	box-sizing:border-block;
	min-height:400px;
	padding:20px 0%;
	padding-top:20px;
	margin-top:0px;
	text-align:left;
	font-family: 'Fresca', sans-serif;
	font-size:1.2em;
}

.divContenu h1{
	font-size:1.7em;
	line-height:1.2em;
	text-shadow: 1px 1px 2px #666;
	margin-top:0px;
	padding-bottom:15px;
	color:#ffcc00;

}

.divContenu h1 {
  font-size: 1.7em;
  font-style: normal;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.0);
  line-height: 1.5em;
  margin: 0px;
  padding: 0px;
  color: #054e6f;
}

.divContenu h2{
	font-size:1.4em;
	font-style:normal;
	line-height:1.1em;
	color:#054e6f;
	margin-top:0px;
	margin-bottom:10px;
}


.divContenu ul{
	margin:10px;
	margin-left:50px;
}

.divContenu a{
	color:#0f457f;
	text-decoration:none;
}
.divContenu a:hover{
	text-decoration:underline;
}

.divArticleContenu{
	margin-bottom:30px;
}

/* ARTICLES PAGES */

.divArticleContenu{
	padding-bottom:20px;
	margin-top:0px;
	margin-bottom:20px;
	border-top :0px #000 dotted;
	border-radius: 0px 0px 20px 0px;
}

.divArticleContenu h2{
	margin-top:0px;
	padding-top:0px;
}

.divTexteArticle{
	display:block;
	float:none;
	width:100%;
	margin:auto;
	max-width:640px;
}

.divPhotoArticleLeft,
.divPhotoArticleLeftBig{
	display:block;
	float:left;
	text-align:right;
	margin-right:2%;
	margin-top:15px;
}

.divTexteArticleLeft,
.divTexteArticleLeftBig{
	display:block;
	float:left;
	padding-top:15px;
}
.divPhotoArticleRight,
.divPhotoArticleRightBig{
	display:block;
	float:right;
	text-align:left;
	margin-left:2%;
}
.divTexteArticleRight,
.divTexteArticleRightBig{
	display:block;
	float:right;
}

.divPhotoArticleLeft,
.divPhotoArticleRight
{
		width:45%;
}
.divTexteArticleLeft,
.divTexteArticleRight
{
		width:50%;
}
.divPhotoArticleLeftBig,
.divPhotoArticleRightBig{
		width:75%;
}
.divTexteArticleLeftBig,
.divTexteArticleRightBig{
		width:20%;
}

.divPhotoArticleLeft  img, 
.divPhotoArticleRight  img,
.divPhotoArticleLeftBig img, 
.divPhotoArticleRightBig img{
	width:99%;
	margin-left:1px;
	margin-bottom:10px;
	border-radius:0px;
}

.divLegendePhotoArticle{
	font-size:0.7em;
	font-style:italic;
	text-align:right;
	padding-right:10px;
}

.divCorpsArticle{
	padding-left:0px;
}
	.divCorpsArticle blockquote{
			margin-left:20px;
			border-left:5px #fff solid;
			padding-left:15px;
			margin-bottom:15px;
			
	}

.divConteneurGallery{
  display:block;
  width: 98%;
  padding:1%;
  background-color: #dedede;
  /* à changer aussi ds royalslider/skins/default/rs-default.css !! */
  margin-bottom:15px;
  border-radius: 0px;
  text-align:center;
}
#gallery-article {
  width: 100%;
  user-select: none;
  text-align:left !important;
  margin:auto;
  padding:0px;
}

#divBoutonPrecedent a,
#divBoutonListe a,
#divBoutonSuivant a{
	display:block;
	float:left;
	margin-top:0px;
	margin-right:5px;
	border-radius:7px;
	width:30px;
	height:30px;
	padding:5px;
	position:relative;
	text-decoration:none;
	font-size:28px;
	line-height:1.0em;
	text-align:center;
	cursor:pointer;
	z-index:10;
	background-color:#0097a0;
	color:#fff;
}
#divBoutonPrecedent a:hover,
#divBoutonListe a:hover,
#divBoutonSuivant a:hover{
	background-color:#ffcc00;
	border-color:#fff;
	color:#fff;
	text-decoration:none;
}
#divBoutonPrecedent a img,
#divBoutonListe a img,
#divBoutonSuivant a img{
	width:100%;
	height:auto;
	opacity:1.0;
}
#divBoutonPrecedent a:hover img,
#divBoutonListe a:hover img,
#divBoutonSuivant a:hover img{
	width:100%;
	height:auto;
	opacity:1.0;
}
/* FIN ARTICLES PAGES */

/* ARTICLES FLEX */
	.divArticleContenuFlex{
		margin-top:15px;
		margin-bottom:20px;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content: space-between;
		width:100%;
	}
		.divPhotoArticleFlex,
		.divPhotoArticleFlexBig{
			box-sizing:border-box;
			margin:15px 5px;
			display:block;
			width:38%;
		}
		.divPhotoArticleFlexBig{
			width:58%;
		}
		.divPhotoArticleFlex img,
		.divPhotoArticleFlexBig img{
			width:100%;
			height:auto;
		}
		.divLegendePhotoArticle{
			z-index:10;
			height:15px;
			margin-top:-18px;
			text-align:right;
			color:#fff;
			text-shadow:1px 1px 1px rgba(0,0,0,0.7);
			overflow:none;
			font-size:9px;
			font-style:italic;
			padding-right:5px;
		}

		
		.divArticleContenuFlex .divTexteArticle{
			padding:15px 2%;
			background-color:#7cd7c2;
		}
		.divTexteArticleFlex,
		.divTexteArticleFlexBig{
			display:block;
			box-sizing:border-box;
			margin:15px 5px;
			width:56%;
			padding:15px 2%;
			background-color:#7cd7c2;
		}
		.divTexteArticleFlexBig{
			width:36%;
		}
		
.divCorpsArticle a{
	display:inline-block;
	background-color:rgba(255,255,255,0.3);
	background-repeat:no-repeat;
	border-radius:8px;
	padding:1px 5px 1px 5px;
	margin:1px 3px;
	color:#000;
	text-decoration:none;
}
.divCorpsArticle a::before {
  content : "» ";
}
.divCorpsArticle a.left::before {
  content : "« ";
}
.divCorpsArticle a:hover{
	color:#000;
	background-color:rgba(255,255,255,0.7);
	text-decoration:none;
}


.divTexteArticleTexte{
	display:block; 
	width:50%; 
	float:left; 
	text-align:left;
}
.divTexteArticleTableauCoordonnees{
	display:block; 
	width:50%; 
	float:left; 
	text-align:left; 
	padding-top:15px;
}




.divPhotoUnique img,
.divPhotoArticleLeft img, 
.divPhotoArticleRight img{
	width:100%;
	margin-bottom:10px;
}
.divPhotoArticleLeft img.photoPrincipale, 
.divPhotoArticleRight img.photoPrincipale{
	display:block;
	width:100%;
}
.divPhotoArticleLeft img.photoSecondaire, 
.divPhotoArticleRight img.photoSecondaire{
	display:block;
	float:left;
	width:29%;
	margin:2%;
}


#divBoutonPrecedent a,
#divBoutonListe a,
#divBoutonSuivant a{
	display:block;
	float:left;
	margin-top:0px;
	margin-right:5px;
	border-radius:7px;
	width:30px;
	height:30px;
	padding:5px;
	position:relative;
	text-decoration:none;
	font-size:28px;
	line-height:1.0em;
	text-align:center;
	cursor:pointer;
	z-index:10;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	background-color:#0097a0;
}
#divBoutonPrecedent a:hover,
#divBoutonListe a:hover,
#divBoutonSuivant a:hover{
	background-color:rgba(0,0,0,0.8);
	background-color:#ffcc00;
	border-color:#fff;
	color:#fff;
	text-decoration:none;
}
#divBoutonPrecedent a img,
#divBoutonListe a img,
#divBoutonSuivant a img{
	width:100%;
	height:auto;
	opacity:1.0;
}
#divBoutonPrecedent a:hover img,
#divBoutonListe a:hover img,
#divBoutonSuivant a:hover img{
	width:100%;
	height:auto;
	opacity:1.0;
}

/* FIN ARTICLES FLEX */

/*LISTE ALENTOURS */
.divListeAlentours{
		margin:15px auto;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content: space-between;
		width:100%;
}
	.divListeAlentoursAcceuil{
			margin:0px auto;
			display:flex;
			justify-content: right;
	}
.divListeAlentours a{
	display:block;
	float:left;
	width:200px;
	height:200px;
	margin:5px;
	padding:5px;
	border-radius:0px;
	text-align:center;
	background-color:#0097a0;
	color:#fff;
	position:relative;
	text-decoration:none;
	overflow:hidden;
	
}
.divListeAlentours a:hover{
	background-color:#ffcc00;
	text-decoration:none;
	color:#fff;
}
.divListeAlentours a > img{
	max-width:100%;
	max-height:100%;
	border-radius:5px;
}
.divListeAlentoursTitre{
	position:absolute;
	width:180px;
	height:180px;
	padding:10px;
	border-radius:5px;
	top:154px;
	left:5px;
	background-color:rgba(0,0,0,0.0);
	text-align:center;
	transition: top 0.5s, background-color 1.5s;
}
.divListeAlentours a:hover .divListeAlentoursTitre{
	top:5px;
	background-color:rgba(0,0,0,0.6);
}

#bottomText {
	width:100%; 
	border-top:1px solid #801d8a; 
	border-bottom:1px solid #801d8a;
	padding:10px; 
	margin-top:50px; 
	text-align:center;
}


.divConteneurFooter{
	width:100%;
	background-color:#0097a0; 
}
.divFooter{
	padding:20px;
	color:#fff;
}
.divCoordonnees a{
	color:#fff;
	text-decoration:none;
}
.divCoordonnees a:hover{
	color:#fff;
	text-decoration:underline;
}

.menuFooter{
	display:inline;
	padding-left:10px;
	padding-right:10px;
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size:0.9em;
	text-decoration:none;
	color:#801d8a;
}
.menuFooter:hover{
	text-decoration:underline;
	color:#801d8a;
}

.menuFooterSelect{
	display:inline;
	padding-left:20px;
	padding-right:5px;
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size:0.9em;
	text-decoration:none;
	color:#ff3300;
}

.lienFooter{
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size:0.8em;
	text-decoration:none;
	color:#ccc;
}
.lienFooter:hover{
	text-decoration:underline;
	color:#999;
}


.divTraitH{
	height:300px;
	width:1px;
	float:left;
	border-right-style:dotted;
	border-right-width:1px;
	border-right-color:#C33;
}

/* *** */
.divClear{
	clear:both;
}
@media screen and (max-width:1200px){
	.divConteneurGlobal, .divMenu{
		width:100%;
	}
	.divTitreSite h1{
		font-size:1.3em;
	}
	
.divConteneurColA{
	width:100%;
	margin:auto;
	margin-bottom:15px;
	float:none;
}
.divConteneurColB{
	width:250px;
	margin:auto;
	float:none;
}
}
@media screen and (max-width:768px){
	/* logo et titres du site */
	.divBtnHD{
		width:30px;
		top:10px;
		right:5px;
	}
	.divLogoBanniere{
		top:80px;
		left:0px;
		z-index:2;
		max-width:100%;
		width:100%;
		text-align:center;
	}
	.divLogoBanniere img{
		width:auto;
		max-width:100%;
		max-height:120px;
	}
	.divTitreSite {
		position:absolute;
		top:0px;
		left:0%;
		width:100%;
		z-index:3;
	}
	
	.divTitreSite h1{
		font-family: 'Josefin Sans', sans-serif;
		letter-spacing:0em;
		color:#fff;
		text-align:center;
		font-size:20px;
	}
	
	.divTitreSite h2{
		font-family: 'Gloria Hallelujah', cursive;
		font-size:15px;
		text-align:center;
		font-weight:bold;
		font-style:italic;
		color:#ffcc00;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
		margin:0px;
		padding:0px;
	}
	
	
	.divCentreTopAbsolute{
		top:200px;
	}
	
	/* ARTICLES PAGES & RESUMES */

	.divPhotoArticleResumeLeft, .divTexteArticleResumeLeft, .divPhotoArticleResumeRight, .divTexteArticleResumeRight, 
	.divPhotoArticleLeft, .divTexteArticleLeft, .divPhotoArticleRight, .divTexteArticleRight, 
	.divPhotoArticleLeftBig, .divTexteArticleLeftBig, .divPhotoArticleRightBig, .divTexteArticleRightBig,
	.divArticleColG, .divArticleColD, 
	.divFicheVillageColG, .divFicheVillageColD,
	.divFormColG, .divFormColD,
	.divDemiColG, .divDemiColD{
		float:none;
		width:100%;
		margin:0;
	}
	.divPhotoArticleResumeLeft, .divPhotoArticleResumeRight,.divPhotoArticleLeft, .divPhotoArticleRight{
		text-align:center;
	}
	.divFormColG{
		text-align:left;
	}
}
@media screen and (max-width:480px){
	.divTitreSite h1{
		font-size:17px;
	}
	
	.divArticleContenuFlex{
		display:block;
	}
	.divPhotoArticleFlex, .divPhotoArticleFlexBig,
	.divFicheHebergementFlexWidget, .divFicheHebergementFlexEquipement, .divFicheHebergementFlexTexte{
		float:none;
		width:100%;
		margin-bottom:15px;
	}
	.divFicheHebergementFlex{
		display:block;
	}
	.divTexteArticleFlex,
	.divTexteArticleFlexBig{
		float:none;
		width:96%;
		margin-bottom:15px;
		padding:15px 2%;
	}
	
	/*LISTE ALENTOURS */

	.divListeAlentoursTitre{
		position:absolute;
		width:180px;
		height:auto;
		padding:10px;
		border-radius:5px;
		top:auto;
		bottom:5px;
		left:5px;
		background-color:rgba(0,0,0,0.5);
		text-align:center;
		transition:  background-color 1.5s;
	}
	.divListeAlentours a:hover .divListeAlentoursTitre{
		top:auto;
		background-color:rgba(0,0,0,0.9);
	}
}