.btn-cookies-bar {text-align: center;margin-top: 20px;}
.btn-cookies-form {display: inline-block}
.cookies-main-banner-btns {text-align: center;}

.cookies-main-banner {position: fixed;z-index:1020;bottom: 0;width: 100%;padding: 1% 0;background: rgba(34,34,34,82%);border: none;font-size: 13px;font-family: Montserrat, sans-serif;text-align: center;color:white;display: flex;overflow-wrap: anywhere;}
.cookies-main-banner-explication {padding: 0px 30px 20px 30px;}
.btn-cookies{display: inline-block;	padding: 8px 15px;	margin: 0 10px;	border: 1px solid rgb(255,255,255);	color: rgb(255,255,255);	background-color: transparent}
.btn-cookies:hover{	display: inline-block;	padding: 8px 15px;margin: 0 10px;border: 1px solid rgb(255,255,255);color: rgb(66,71,88);	background-color: #ffffff;}
.btn-cookies {display: inline-block;padding: 8px 15px;border: 1px solid rgb(66,71, 88);margin: 0 10px;color: rgb(66,71,88);background: rgb(255,255,255,74%);}
.btn-cookies.btn-choix-cookies,  .btn-choix-cookies {background: rgba(34,34, 34,0.82);color: white;}
.bloc-avertissement-cookie{	background: #ddd;padding: 20px;	margin: 5px;color: #222;overflow-wrap: anywhere;}

a.social-not-display-text,
a.social-not-display-text:link,
a.social-not-display-text:active,
a.social-not-display-text:hover,
a.social-not-display-text:visited
{color: transparent;font-size: 0;}

.websee-payfip-form th {text-align: left;}
.websee-payfip-btn-valider {display: inline-block;padding: 5px 20px; background: #aeaeae; color:black;}
.websee-payfip-btn-valider:hover{background: #dedede;}

.detail_maps-image img {max-width:100%;height: auto;}
.module_lien_groupe_carte_fiche_image img {max-width:100%;height: auto;}

@media screen and (min-width: 980px) {
	.colonne20 {
		width: 20%;
		float: left
	}

	.colonne30 {
		width: 33%;
		float: left
	}

	.colonne40 {
		width: 30%;
		float: left
	}

	.colonne50 {
		width: 50%;
		float: left
	}

	.colonne80 {
		width: 80%;
		float: left
	}

	.colonne90 {
		width: 90%;
		float: left
	}

	.colonne100 {
		width: 100%;
		float: left;
		margin-top: 10px;
		margin-outside: 10px
	}
}

@media screen and (max-width: 980px) {
	.colonne20 {
		width: 100%;
		float: left;
		margin-top: 10px;
		margin-outside: 10px
	}
	.colonne20 .label-input-text-signalement {
		width: 100% !important;
	}

	.colonne30 {
		width: 100%;
		float: left;
		margin-top: 10px;
		margin-outside: 10px
	}

	.colonne40 {
		width: 100%;
		float: left;
		margin-top: 10px;
		margin-outside: 10px
	}

	.colonne50 {
		width: 100%;
		float: left;
		margin-top: 10px;
		margin-outside: 10px
	}

	.colonne80 {
		width: 100%;
		float: left;
		margin-top: 10px;
		margin-outside: 10px
	}

	.colonne90 {
		width: 100%;
		float: left;
		margin-top: 10px;
		margin-outside: 10px
	}

	.colonne100 {
		width: 100%;
		float: left;
		margin-top: 10px;
		margin-outside: 10px
	}
}
.legend-signalement{font-size: 20px;font-weight: bold}
.label-input-text-signalement{padding: 10px 0;border: 1px solid #e6e2e2;}
.websee-burgermenu-close {position: absolute;top: 5px;right: 10px;z-index:1000}
nav	{width: 100%}

.bloc-accordeon h2,
.bloc-accordeon h3,
.bloc-accordeon h4,
.bloc-accordeon h5,
.bloc-accordeon h6 {cursor:pointer;position:relative;padding:0;margin:5px;}
.bloc-accordeon {border:1px solid #dedede;padding:0 10px;}
.bloc-accordeon h2::after,
.bloc-accordeon h3::after,
.bloc-accordeon h4::after,
.bloc-accordeon h5::after,
.bloc-accordeon h6::after {content:"";height:20px;width:20px;display:inline-block;vertical-align:middle;background-image:url(/images/plus.png);background-repeat:no-repeat;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;right:10px;position:absolute;top:5px;z-index:1000;cursor:pointer;}
.bloc-accordeon p {display:none;}
.bloc-accordeon ul, .bloc-accordeon ol {display:none;}
.bloc-accordeon:hover > h2::after,
.bloc-accordeon:hover > h3::after,
.bloc-accordeon:hover > h4::after,
.bloc-accordeon:hover > h5::after,
.bloc-accordeon:hover > h6::after {-moz-transform:rotate(181deg);-webkit-transform:rotate(181deg);-o-transform:rotate(181deg);-ms-transform:rotate(181deg);transform:rotate(181deg);}
.mce-content-body .bloc-accordeon p {display:block !important;}
.recherche-keywords {
	margin-right: 5px;
	padding: 2px 5px;
}


.websee-recherche-keywords {
	font-size: 18px;
	padding: 5px 10px;
	border-bottom: 1px solid black;
	width: 50%;
}

.recherche-submit-button {
	background-color: #aeaeae;
	color: white;
	display: block;
	padding: 2px 3px;
	text-decoration: none;
}

.recherche-submit::after {
	content: "OK";
}

.skip-links-container {
	position: absolute;
	top: -100px; /* Cache les liens en dehors de l'écran */
	left: 0;
	display: flex;
	gap: 10px; /* Espacement entre les liens */
	background: #000; /* Fond noir pour un bon contraste */
	padding: 10px; /* Ajout de padding pour l'effet focus */
	z-index: 1000; /* Assure que les liens restent au-dessus du contenu */
	transition: top 0.3s ease-in-out; /* Animation fluide */
}

.skip-link {
	color: #fff !important; /* Texte blanc forcé */
	padding: 10px 15px;
	text-decoration: none;
	font-weight: bold; /* Améliore la lisibilité */
	border-radius: 5px; /* Coins arrondis */
	transition: background 0.3s ease-in-out;
}

/* Lorsque l'un des liens reçoit le focus, on affiche toute la div */
.skip-links-container:focus-within {
	top: 0; /* Amène le conteneur dans le champ de vision */
}

.skip-link:hover, .skip-link:focus {
	background: #333; /* Assombrit le fond au survol */
}

/* Mobile First : Bouton simple, clair et ergonomique sur mobile */
.websee-boutton {
	display: inline-block;
	border: none;
	padding: 10px 20px;
	font-size: 16px;
	width: 100%; /* Pleine largeur sur mobile */
	cursor: pointer; /* Curseur en main */
	box-sizing: border-box;
	transition: box-shadow 0.3s ease;
}

.websee-boutton:hover {
	box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.5); /* Effet d'ombre sur bordure au survol */
}

/* Écrans plus grands : adaptation pour tablettes et ordinateurs */
@media (min-width: 768px) {
	.websee-boutton {
		width: auto; /* largeur automatique sur tablettes et plus grands écrans */
		font-size: 18px;
		padding: 12px 24px;
	}
}