body {
    	font-family: 'Open sans', sans-serif;font-size:19px; color:#4e4e4e;line-height:1.2; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0;
		background:#fff;
	}
	a {color:#ffffff;text-decoration: none;font-weight: bold;}


	.bandeau-top {background: url('i/bandeau.jpg') center top no-repeat; height:calc(100vw * 450 / 1920);background-size: 100% auto}

	.overlay {background-color: rgb(16,110,63,0.45);width: 100%;height: 100%;}
	.logo {margin: 0 auto;}


	.reseaux {padding-top:5px;}
	.attente-activites strong {font-size:30px;font-weight: normal;text-transform: uppercase;}

	.wrapper-message {background-color: #F29993;border-top: 6px solid #fff;}
	.boxed-message {max-width: 1380px;margin: auto;text-align: center;color: #fff;font-size: 19px;padding: 30px 20px 20px 20px;}

.contenu {text-align: center;padding-top: 30px;position:relative;}

.titre {padding: 0 20px;margin: 0 auto 8px auto;}

.coordonnees {line-height: 1.4;}

.btn-reservation-wrap {
	margin: 28px auto 0 auto;
	padding: 0 16px;
}



a.btn-reservation {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45em;
	padding: 14px 28px;
	font-family: 'Fira Sans', 'Open Sans', sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #fff !important;
	background: linear-gradient(160deg, #158a4f 0%, #0d5c34 100%);
	border: none;
	border-radius: 999px;
	box-shadow: 0 4px 14px rgba(13, 92, 52, 0.35);
	text-decoration: none;
	letter-spacing: 0.02em;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
a.btn-reservation:hover {
	box-shadow: 0 6px 20px rgba(13, 92, 52, 0.45);
	color: #fff !important;
}
a.btn-reservation:focus-visible {
	outline: 3px solid #4caf7a;
	outline-offset: 3px;
}
a.btn-reservation::after {
	content: '';
	display: inline-block;
	width: 0.4em;
	height: 0.4em;
	margin-left: 0.15em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg) translateY(-1px);
	opacity: 0.9;
}
.realisation {font-size: 20px; font-weight: 700;margin-bottom:20px;}
.realisation a {color: #aaadc9;}
.realisation a img {filter: none;}

    .footer-reseaux {margin:10px auto; max-width: 200px; text-align: center;}

div.presentation {
	font-size: 17px;
    font-weight: 400;
    text-align: left;
    max-width: 1380px;
    margin: auto;
	padding:20px;}


@media (max-width: 725px){
	.bandeau-top {
		height: 170px;
		background-size: cover;
}

}


@media (max-width:400px) {
	.boxed-message {font-size: 17px}
	.coordonnees strong {font-size: 20px;}
	.coordonnees {font-size: 17px;}
	a.btn-reservation { font-size: 16px; padding: 12px 22px; }
}


@media (max-width: 360px){
		.coordonnees{font-size: 16px;}
	ul li {font-size: 16px;margin-bottom: 1px;}
}



.wrapper-contenu {
	padding-bottom:50px;
}