@charset "utf-8";
/* CSS Document */
html,body{
font-size:12px;
margin:0;
padding:0;
color:#ffffff;
font-family:Arial, sans-serif;
background-color:#628f0a;
}

/* TYPO -------------------------- */
h1,h2{
margin:0;
display:bloc;
border-left:8px solid #ffde00;
border-bottom:1px solid #ffde00;
color:#ffde00;
font-size:14px;
font-weight:bold;
padding:1%;
width:calc(98% - 8px);
position:relative;
float:left;
margin-bottom:14px;
}

h3{
margin:0;
padding:0 2% 4px 2%;
display:inline;
height:13px;
font-weight:bold;
font-size:14px;
color:#000000;
border-bottom:1px dashed #ffffff;
position:inherit;
float:inherit;
text-align:inherit;
}
	h3:first-letter{
	color:#ffde00;
	}

.jaune{color:#ffde00;}
.vert{color:#628f0a;}
.mini{font-size:10px;}
.grand{ font-size:1.2em; }

p{margin:0; padding:0;}
.bigV{ font-size:18px; font-weight:bold; }
/* ------------------------------ */

/* IMAGE ------------------------------- */
.imgMW{
max-width: 100%;
	height: auto;
	display: block;
}

/* ------------------------------------- */
/* BOUTON ----------------------- */
.boutonSuite{
	padding: 5px 15px;
	background-color:#ffde00;
	color: #000000;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	border-radius: 5px;
}

/* ------------------------------- */

#PartSup{
width:100%;
height:auto;
position:relative;
float:left;
}

.fdEntete{
width:100%;
height:220px;
background-image:url(img/back-acc-grand.jpg);
background-size:cover;
background-position:center center;
position:absolute;
float:left;
z-index:-1;
top:100px;
}
	.fdEntete.activ{
	background-image:url(img/back-activ-grand.jpg);
	}
	.fdEntete.serv{
	background-image:url(img/back-serv2023-grand.jpg);
	}
	.fdEntete.empl{
	background-image:url(img/back-empl-grand.jpg);
	}
	.fdEntete.loc{
	background-image:url(img/back-loc2024-grand.jpg);
	}
	.fdEntete.salle{
	background-image:url(img/back-salle-grand-2025.jpg);
	}
	.fdEntete.region{
	background-image:url(img/back-region-grand.jpg);
	}
	.fdEntete.contact{
	background-image:url(img/back-contact-grand.jpg);
	}
	.fdEntete.surfcamp{
	background-image:url(img/back-camp-grand.jpg);
	}

#Entete{
width:100%;
height:320px;
position:relative;
float:left;
z-index:5;
}
	#LogoP{
	width:calc(100% - 40px);
	height:100px;
	background-color:#ffffff;
	box-shadow:0px 2px 5px #000000;
	position:relative;
	float:left;
	text-align:center;
	}
		#LogoP img{
		max-width:95%;
		max-height:95%;
		width:auto;
		height:auto;
		}
	#Langue{
	width:40px;
	height:100px;
	background-color:#ffde00;
	box-shadow:0px 2px 5px #000000;
	text-align:center;
	position:relative;
	float:left;
	}
		#Langue .lotDrap{
		position:relative;
		top:50%;
		transform:translateY(-50%);
		}
	#Menu{
	width:100%;
	position:relative;
	float:left;
	margin-top:10px;
	}
		.accesMenu{
		width:calc(100% - 65px);
		height:24px;
		line-height:24px;
		vertical-align:middle;
		background-color:#ffde00;
		color:#628f0a;
		text-align:left;
		font-weight:bold;
		font-size:16px;
		position:relative;
		float:left;
		padding-left:5px;
		}
		.pointeAccesMenu{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 0 12px 24px;
		border-color: transparent transparent transparent #ffde00;
		position:relative;
		float:left;
		}
		#DetailMenu{
		width:calc(100% - 65px);
		height:0px;
		background-color:#6a320e;
		border-right:1px solid #ffde00;
		position:absolute;
		float:left;
		z-index:5;
		top:25px;
		overflow:hidden;
		}
			.bMenu{
			width:calc(100% - 10px);
			height:24px;
			background-color:#3d6006;
			border-bottom:1px solid #ffde00;
			line-height:24px;
			font-size:14px;
			font-weight:bold;
			color:#FFFFFF;
			text-align:left;
			position:relative;
			float:left;
			margin-bottom:1px;
			padding-left:10px;
			}
			.bMenu a{
			color:#FFFFFF;
			text-decoration:none;
			}

/* ------------------------------- */

/* COPYR ---------------------- */
#PartBas{
width:100%;
position:relative;
float:left;
}
	.nav2{
	width:100%;
	background-color:#3d6006;
	height:110px;
	position:relative;
	float:left;
	}
		.caseNav2{
		width:24%;
		height:100%;
		margin:0.5%;
		text-align:center;
		position:relative;
		float:left;
		}
			.caseNav2 p{
			margin:0;
			padding:0;
			position:absolute;
			float:left;
			top:50%;
			transform:translateY(-50%);
			}
			.caseNav2 img{
			max-width:100%;
			width:auto;
			height:auto;
			}
	.navC{
	width:100%;
	height:80px;
	background-color:#ffde00;
	color:#628f0a;
	font-size:16px;
	font-weight:bold;
	position:relative;
	float:left;
	}
		.caseNav3{
		width:19%;
		height:100%;
		margin:0.5%;
		text-align:center;
		position:relative;
		float:left;
		}
			.caseNav3 p{
			margin:0;
			padding:0;
			position:absolute;
			float:left;
			top:50%;
			transform:translateY(-50%);
			}
			.caseNav3 img{
			max-width:100%;
			width:auto;
			height:auto;
			}
		.caseTel3{
		width:60%;
		height:100%;
		text-align:center;
		position:relative;
		float:left;
		}
			.caseTel3 p{
			width:100%;
			margin:0;
			padding:0;
			position:absolute;
			float:left;
			top:50%;
			transform:translateY(-50%);
			}
	.coord{
	width:96%;
	background-color:#FFFFFF;
	color:#628f0a;
	position:relative;
	float:left;
	text-align:center;
	padding:2%;
	}
	.bWebStd{
	width:96%;
	height:30px;
	line-height:30px;
	background-color:#ffde00;
	color:#000000;
	position:relative;
	float:left;
	text-align:center;
	vertical-align:middle;
	padding:2%;
	}
		.bWebStd a{
		color:#000000;
		text-decoration:none;
		}
	.copyr{
	width:100%;
	position:relative;
	float:left;
	font-size:11px;
	text-align:center;
	}


/* ------------------------------ */

/* LEGAL --------------------------- */
#Legal{
width:calc(100% - 20px);
max-height:90%;
background-color:rgba(98,143,10,0.95);
position:fixed;
overflow:auto;
padding:20px 10px 10px 10px;
box-shadow:0 0 10px #000000;
z-index:20;
}
.closeF{
width:80px;
height:20px;
background-color:#fdc300;
border-radius:0px 0px 0px 8px;
color:#000000;
font-size:10px;
font-weight:bold;
text-align:center;
line-height:20px;
vertical-align:middle;
position:absolute;
top:0;
right:0;
}
	.closeF a{
	color:#000000;
	text-decoration:none;
	}

#TramePromo{
width:100%;
height:100%;
background-color:rgba(255,255,255,0.8);
position:fixed;
float:left;
z-index:20;
}
.message{
width:auto;
max-width:600px;
height:auto;
padding:8px;
border-radius:8px;
border:1px solid #ffde00;
background-color:#628f0a;
text-align:center;
position:fixed;
float:left;
top:50%;
left:50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform:translate(-50%, -50%);
z-index:21;
}
/* ------------------------------- */
		
#Contenu{
width:100%;
position:relative;
float:left;
z-index:1;
padding-bottom:10px;
margin-top:10px;
}
.baseTxt{
width:96%;
padding:2%;
text-align:justify;
}
.tarifTxt{
width:96%;
padding:2%;
text-align:justify;
background-color:#3d6006;
clear:both;
}
.photo30{
width:33.3%;
padding-bottom:33.3%;
text-align:center;
position:relative;
float:left;
margin:0;
background-color:none;
overflow:hidden;
}
	.photo30 .contenu{
	position:absolute;
	height:100%;
	width:100%;
	}
	.photo30 .contenu img{
	/*max-width:100%;*/
	max-height:100%;
	width:auto;
	/*height:auto;*/
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	}

.photo100{
width:100%;
position:relative;
float:left;
}
	.photo100 img{
	max-width:100%;
	}

.imgMW{ max-width: 100%;}

/* Tableau -------------------------- */
table{ 
font-size:12px; 
width:100%;
border-collapse:separate;
}
	.entete{
	background-color:#ffde00;
	color:#000000;
	font-weight:bold;
	text-align:center;
	line-height:20px;
	}
	.tdDate{
	background-color:#ffde00;
	color:#000000;
	line-height:16px;
	font-size:10px;
	text-align:center;
	}
	.tdStd{
	background-color:none;
	color:#FFFFFF;
	line-height:16px;
	height:20px;
	border-bottom:1px dashed #628f0a;
	}
	.tdPlus{
	background-color:#628f0a;
	color:#FFFFFF;
	font-weight:bold;
	line-height:16px;
	height:20px;
	border-bottom:1px dashed #628f0a;
	}
	.tdPrix{
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
	text-align:center;
	line-height:16px;
	height:20px;
	border:1px solid #ffde00;
	}
		.tdPrix.plus{
		background-color:#fbf0a6;
		}

/* FORMULAIRE ---------------------- */
.chpsCt{
width:95%;
font-size:11px;
}
.areaCt{
width:95%;
height:100px;
font-size:11px;
}
.dateCt{
width:70px;
font-size:11px;
}	
.numCt{
width:50px;
font-size:11px;
}	

/* -------------------------------- *

/* PUB & PROMO ---------------------- */
.pubOffre{
	width:100%; 
	max-width:600px;
	background-color:#FFFFFF; 
	border:1px solid #ffcc00; 
	border-radius:5px; 
	padding:5px; 
	position:relative; 
	color:#000000; 
	text-align:center; 
	display: flex; 
	justify-content: flex-start; 
	align-items:center; 
	flex-direction: column;
	gap:5px; 
	margin-bottom: 20px;
}
.pubClim{
	width: 100%;
	max-width: 600px;
	position: relative;
	display: flex;
	justify-content: center;
	padding: 40px 0;
}
.cadrePubClim{
	width: calc(100% - 50px);
	border-radius: 8px;
	border: 1px solid #ffcc00;
	background-color: #3d6006;
	font-size: 1.2em;
	color: #ffffff;
	text-align: center;
	padding: 10px;
}
.decoClim{
	width: 90px;
	height: 55px;
	position: absolute;
	z-index: 2;
}
.decoClim.top{ top: 0; left: 0; }
.decoClim.bas{ bottom: 0; right: 0; transform: rotate(180deg);}

/* INDEX ---------------------- */
/*.vidP{
width:calc(100% - 2px);
height:150px;
border:1px solid #ffde00;
position:relative;
float:left;
}*/

/* LOCATION ---------------------- */

.ssMenu{
width:100%;
position:relative;
float:left;
margin-bottom:10px;
margin-top:10px;
}
	.catBout{
	width:33%;
	text-align:center;
	position:relative;
	float:left;
	}
		.catBout a{
		color:#FFFFFF;
		text-decoration:none;
		}
		.rondBout{
		width:80px;
		height:80px;
		border-radius:50%;
		background-color:#FFFFFF;
		text-align:center;
		line-height:80px;
		vertical-align:middle;
		display:inline-block;
		}

.ficheMH{
width:100%;
position:relative;
float:left;
	margin-bottom: 30px;
}
	.ficheMH .titre{
	width:100%;
	height:20px;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	background-color:#ffde00;
	font-size:14px;
	font-weight:bold;
	color:#628f0a;
	display:block;
	margin-bottom:8px;
	}
		.ficheMH .titre .stdTxt{
		font-size:12px;
		font-weight:normal;
		}
	.photoMH{
	width:50%;
	padding-bottom:40%;
	text-align:center;
	position:relative;
	float:left;
	margin:0;
	background-color:none;
	overflow:hidden;
	}
		.photoMH .contenu{
		position:absolute;
		height:100%;
		width:100%;
		}
		.photoMH .contenu img{
		/*max-width:100%;*/
		max-height:100%;
		width:auto;
		/*height:auto;*/
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		}
	.nouveau{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	position: absolute;
	float: left;
	left: 50%;
	top: 25px;
	color: #ffde00 /*#628f0a*/;
	font-size: 1em;
	font-weight: bold;
	background-color: #000000 /*#ffde00*/;
	transform: translateX(-50%);
	z-index: 5;
	}
	.nouveau p{ width:100%; text-align: center; position: absolute; float: left; top: 50%; transform: translateY(-50%);}
	.fdNouveau{
		width: 80px;
		height: 80px;
		border-radius: 50%;
		position: absolute;
		float: left;
		left: 50%;
		top: 25px;
		color: #ffde00 /*#628f0a*/;
		font-size: 1em;
		font-weight: bold;
		background-color: #000000 /*#ffde00*/;
		transform: translateX(-50%);
		z-index: 4;
		animation-delay:0s;
		animation-name: popNew;
		animation-duration: 3s;
		animation-fill-mode:both;
		animation-iteration-count:infinite;
		-webkit-animation-delay:0s;
		-webkit-animation-name: popNew;
		-webkit-animation-duration: 3s;
		-webkit-animation-fill-mode:both;
		-webkit-animation-iteration-count:infinite;
	}
	.planMH{
	width:48%;
	padding-bottom:40%;
	text-align:center;
	position:relative;
	float:left;
	margin:0 0 0 2%;
	background-color:none;
	overflow:hidden;
	}
		.planMH .contenu{
		position:absolute;
		height:100%;
		width:100%;
		}
		.planMH .contenu img{
		max-width:100%;
		max-height:100%;
		width:auto;
		height:auto;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		}
	.dimMH{
	width:100%;
	font-size:14px;
	font-weight:bold;
	color:#ffde00;
	text-align:center;
	position:relative;
	float:left;
	margin-top:8px;
	margin-bottom:8px;
	}
	.descrMH{
	width:98%;
	padding:1%;
	position:relative;
	float:left;
	}
	.actionMH{
	width:100%;
	position:relative;
	float:left;
	margin-bottom:8px;
	}
		.ligneRond{
		width:120px;
		position:relative;
		float:left;
		left:50%;
		transform:translateX(-50%);
		}
		.ficheRond{
		width:50px;
		height:50px;
		border-radius:50%;
		background-color:#FFFFFF;
		text-align:center;
		line-height:50px;
		vertical-align:middle;
		position:relative;
		float:left;
		margin-left:10px;
		}
	.tarifMH{
	width:96%;
	padding:0 2% 0 2%;
	text-align:justify;
	background-color:#3d6006;
	position:relative;
	float:left;
	overflow:hidden;
	}
	.sep{
	width:100%;
	height:40px;
	margin-bottom:10px;
	margin-top:10px;
	background-image:url(img/separation.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	float:left;
	}

	@keyframes popNew{
    from, 50%{
		transform: translateX(-50%) scale(1);
		opacity: 1;
	}
	50%, 85%{
		transform: translateX(-50%) scale(1.8);
		opacity: 0;
	}
	85%, 100%{
		transform: translateX(-50%) scale(1);
		opacity: 0;
	}
}

@media (max-width: 480px){
.fdEntete{
background-image:url(img/back-acc.jpg);
}
	.fdEntete.activ{
	background-image:url(img/back-activ.jpg);
	}
	.fdEntete.serv{
	background-image:url(img/back-serv2023.jpg);
	}
	.fdEntete.empl{
	background-image:url(img/back-empl.jpg);
	}
	.fdEntete.loc{
	background-image:url(img/back-loc2024.jpg);
	}
	.fdEntete.salle{
	background-image:url(img/back-salle-2025.jpg);
	}
	.fdEntete.region{
	background-image:url(img/back-region.jpg);
	}
	.fdEntete.contact{
	background-image:url(img/back-contact.jpg);
	}
	.fdEntete.surfcamp{
	background-image:url(img/back-camp.jpg);
	}

}