/* ===== ANIMATIONS DOUCES NAVIGATION ===== */
		.navbar, .nav, .menu, header, .header {
			transition: background 0.3s ease, box-shadow 0.3s ease;
		}
		.navbar a, .nav a, .menu a {
			transition: color 0.25s ease, opacity 0.25s ease;
		}
		.navbar a:hover, .nav a:hover, .menu a:hover { opacity: 0.8; }
		.navbar.scrolled, header.scrolled {
			box-shadow: 0 2px 12px rgba(0,0,0,0.13);
			background: rgba(255,255,255,0.98) ;
		}

		/* ===== MODAL ===== */
		#modal-index .modal-dialog { width: 700px; margin-top: 120px; }
		#modal-index .modal-content>div { border: none; }
		#modal-index .modal-body { padding: 30px; }
		#modal-index .modal-body p { text-align: start; font-size: 21px; font-weight: 700; }
		#modal-index .modal-body .para { padding: 0 25px; }
		#modal-index .modal-header { background: #fff; }
		#modal-index .modal-header h2.modal-title { flex: 3; margin: auto; text-align: center; color: #5d436e; font-weight: 600; font-size: 36px; }
		#modal-index .modal-header>.close { opacity: 1; font-size: 25px; color: #000; }
		#modal-index .modal-body { color: #0ba9af; }
		#modal-index .modal-body .img-content>img { width: 80%; }
		#modal-index .modal-footer { text-align: center; margin-bottom: 20px; margin-top: 20px; }
		#modal-index .modal-footer>a { color: #fff; padding: 13px 21px; font-size: 18px; background: #0ba9af; }
		@media (max-width: 1199px) {
			#modal-index .modal-dialog { width: 700px; }
			#modal-index .modal-body .img-content { margin-bottom: 35px; }
			#modal-index .modal-body .img-content>img { width: 80%; }
			#modal-index .modal-body p { text-align: center; }
			#modal-index .col-md-12 { padding: 0px; }
		}
		@media (max-width: 920px){
			#modal-index .modal-header>.close { font-size: 3rem; }
			#modal-index .first-content { margin-top: 20px; }
			#modal-index .modal-header h2.modal-title { font-size: 30px; }
			.modal-body>div>div>h2:first-child { font-size: 24px; }
			#modal-index .modal-body p { font-size: 18px; }
		}
		@media (max-width: 920px) and (min-width: 550px){ #modal-index .modal-dialog { width: 550px; margin: 30px auto; } }
		@media (max-width: 550px){ #modal-index .modal-dialog { width: 370px; margin: 15px auto; } }
		@media (max-width: 370px){ #modal-index .modal-dialog { width: 100%; margin: 10px auto; } }

		/* ===== CAROUSEL ===== */
		#carousel.carousel .item img.intense-img {
			max-width: 175px; position: absolute; right: 0; bottom: 50px; transition: transform 0.4s ease;
		}
		#carousel.carousel .item img.intense-img:hover { transform: scale(1.05); }
		.contain-img-slide {
			width: 100%; min-height: 800px; background-size: cover; background-position: center;
		}
		.contain-img-slide::before {
			content: ""; width: 100%; height: 150px;
			background: linear-gradient(rgba(0,0,0,0.62), rgba(0,0,0,0)); display: block;
		}
		#carousel.carousel .item h2 {
			position: absolute; right: 70px; top: 35px; text-align: right; color: #fff;
			font-size: 40px; font-weight: normal; font-family: Raleway, Arial; transition: opacity 0.4s ease;
		}
		#carousel.carousel .item h2 span { font-style: italic; font-family: Raleway, Arial; }
		#carousel.carousel .item h2 span::after { content: "\00a0"; }
		@media (max-width: 980px) {
			#carousel.carousel .item h2 { text-align: left; font-size: 25px; right: 10px; top: 10px; }
			#carousel.carousel .item h2 span::after { content: ' '; display: block; }
			.contain-img-slide { min-height: 400px; }
			#carousel.carousel .item img.intense-img { max-width: 90px; }
		}

		/* ===== INTERACTIONS ===== */
		.carto_interact,.webcam_interact,.actualite { padding: 0; margin: 0; background: unset; border: unset; box-shadow: unset; }
		.webcam_interact { margin-bottom: 16px; }
		.carto_interact a,.webcam_interact a,.actualite a { display: block; width: 100%; }
		.carto_interact img,.webcam_interact img {
			width: 100%; object-fit: contain; transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 10px;
		}
		.carto_interact a:hover img, .webcam_interact a:hover img { transform: scale(1.02); box-shadow: 0 6px 20px rgba(0,0,0,0.15); }
		.panel-body,.panel-heading { padding: 0; position: relative; }

		/* ===== ACTUALITÉ ===== */
		.actualite {
			height: 100%; background: #FFFFFF; border-radius: 10px; overflow: hidden;
			box-shadow: 0 2px 12px rgba(0,0,0,0.08); transition: box-shadow 0.3s ease, transform 0.3s ease;
			display: flex; flex-direction: column;
		}
		.actualite:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.14); transform: translateY(-3px); }
		.actualite a { display: flex; flex-direction: column; height: 100%; text-decoration: none; }
		.actualite .panel-heading { position: relative; overflow: hidden; height: 220px; }
		.actualite .panel-heading img { width: 100%; height: 100%; object-fit: cover; display: block; }
		.actualite .panel-body { padding: 24px; flex: 1; display: flex; flex-direction: column; }
		.actualite .panel-body>div>.actu_desc {
			overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical;
		}
		.actualite .actu_date { color: #757575; font-family: Raleway; font-size: 14px; text-transform: uppercase; margin-bottom: 8px; }
		.actualite .actu_title { color: #757575; font-family: Raleway; font-size: 25px; font-weight: 700; margin: 0 0 8px; }
		.actualite .actu_desc { color: #181818; font-family: Raleway; font-size: 16px; line-height: 24px; }
		.tag_actu {
			position: absolute; top: 12px; left: 12px; background: #0ba9af; color: #fff;
			font-size: 12px; font-family: Raleway; font-weight: 600; padding: 4px 10px;
			border-radius: 20px; z-index: 2; text-transform: uppercase; letter-spacing: 0.5px;
		}
		.pl-10 { padding-left: 10px; }
		.pr-10 { padding-right: 10px; }

		/* ===== AGENDA ===== */
		.events-index .col-md-4 { margin-bottom: 30px; }
		.events-index .col-md-4 > a {
			display: block; border-radius: 10px; overflow: hidden; background: #fff;
			box-shadow: 0 2px 10px rgba(0,0,0,0.08); transition: box-shadow 0.3s ease, transform 0.3s ease;
			text-decoration: none; color: inherit;
		}
		.events-index .col-md-4 > a:hover { box-shadow: 0 6px 22px rgba(0,0,0,0.14); transform: translateY(-4px); }
		.img-evenement-index { overflow: hidden; border-radius: 10px 10px 0 0; height: 200px; }
		.img-evenement-index img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
		.events-index .col-md-4 > a:hover .img-evenement-index img { transform: scale(1.05); }
		.events-index h4, .events-index h3, .events-index .date { padding: 0 15px; }
		.events-index h4 { margin-top: 12px; margin-bottom: 4px; font-size: 13px; color: #0ba9af; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; }
		.events-index h3 { font-size: 17px; color: #333; font-weight: 600; margin-bottom: 15px; line-height: 1.4; }
		.events-index .date { display: block; font-size: 13px; color: #888; margin-bottom: 6px; }
		.events-index .nb_dispo { border-radius: 4px ; }
		.events-index h3.title { font-size: 28px; font-weight: 700; color: #333; margin-bottom: 30px; padding: 0; }






		/* ===== 4 TERRITOIRES ===== */
		.section-territories { padding: 60px 0; background: #fff; }
		.territory-card {
			border-radius: 10px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.08);
			transition: box-shadow 0.3s ease, transform 0.3s ease; margin-bottom: 24px; background: #fff;
		}
		.territory-card:hover { box-shadow: 0 6px 22px rgba(0,0,0,0.14); transform: translateY(-4px); }
		.territory-card a { text-decoration: none; color: inherit; display: block; }
		.territory-card .tc-img { height: 180px; overflow: hidden; }
		.territory-card .tc-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
		.territory-card:hover .tc-img img { transform: scale(1.06); }
		.territory-card .tc-body { padding: 18px 20px 20px; }
		.territory-card .tc-body h3 { font-size: 17px; font-weight: 700; color: #333; margin: 0 0 8px; font-family: Raleway, Arial; }
		.territory-card .tc-body p { font-size: 14px; color: #666; line-height: 1.6; margin: 0; font-family: Raleway, Arial; }

		/* ===== DÉCOUVRIR LA DESTINATION ===== */
		.section-decouvrir {
			padding: 70px 0;
			background: linear-gradient(135deg, #f0fafa 0%, #e8f7f7 100%);
		}
		.section-decouvrir h2 { font-size: 30px; font-weight: 700; color: #333; margin-bottom: 14px; font-family: Raleway, Arial; }
		.section-decouvrir p { font-family: Raleway, Arial; font-size: 16px; line-height: 1.8; color: #555; margin-bottom: 32px; }
		.btn-decouvrir {
			display: inline-block; padding: 14px 30px; border-radius: 30px;
			font-family: Raleway, Arial; font-size: 15px; font-weight: 700; text-decoration: none;
			transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
			margin: 6px 8px 6px 0;
		}
		.btn-decouvrir--primary { background: #0ba9af; color: #fff; border: 2px solid #0ba9af; }
		.btn-decouvrir--primary:hover { background: #089198; border-color: #089198; color: #fff; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(11,169,175,0.3); }
		.btn-decouvrir--outline { background: transparent; color: #5d436e; border: 2px solid #5d436e; }
		.btn-decouvrir--outline:hover { background: #5d436e; color: #fff; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(93,67,110,0.25); }
		.decouvrir-visual { border-radius: 14px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.12); }
		.decouvrir-visual img { width: 100%; height: 340px; object-fit: cover; display: block; transition: transform 0.5s ease; }
		.decouvrir-visual:hover img { transform: scale(1.04); }
		@media (max-width: 991px) { .decouvrir-visual { margin-bottom: 32px; } }

		/* ===== NOS INCONTOURNABLES PAR SAISON ===== */
		.section-incontournables { padding: 70px 0; background: #f7f9f9; }
		.section-incontournables h2 { font-size: 30px; font-weight: 700; color: #333; margin-bottom: 10px; font-family: Raleway, Arial; }
		.section-incontournables .section-subtitle { font-family: Raleway, Arial; font-size: 16px; color: #666; margin-bottom: 40px; }

		/* FIX ESPACEMENT : padding sur les colonnes Bootstrap */
		.section-incontournables .row { margin-left: -12px; margin-right: -12px; }
		.section-incontournables .col-md-3,
		.section-incontournables .col-sm-6 { padding-left: 12px; padding-right: 12px; }

		.saison-card {
			position: relative; border-radius: 14px; overflow: hidden; height: 320px;
			display: block; text-decoration: none;
			box-shadow: 0 4px 16px rgba(0,0,0,0.12);
			transition: transform 0.3s ease, box-shadow 0.3s ease;
			margin-bottom: 24px; /* espacement vertical mobile */
		}
		.saison-card:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0,0,0,0.18); }
		.saison-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
		.saison-card:hover img { transform: scale(1.07); }
		.saison-card-overlay {
			position: absolute; inset: 0;
			background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.1) 60%, transparent 100%);
			transition: background 0.3s ease;
		}
		.saison-card:hover .saison-card-overlay {
			background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);
		}
		.saison-card-body { position: absolute; bottom: 0; left: 0; right: 0; padding: 24px 22px 22px; }
		.saison-card-label {
			display: block; font-family: Raleway, Arial; font-size: 11px; font-weight: 700;
			text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255,0.75); margin-bottom: 4px;
		}
		.saison-card-title { display: block; font-family: Raleway, Arial; font-size: 22px; font-weight: 700; color: #fff; line-height: 1.2; margin-bottom: 10px; }
		.saison-card-cta {
			display: inline-flex; align-items: center; gap: 6px;
			font-family: Raleway, Arial; font-size: 13px; font-weight: 600; color: #fff;
			border: 1.5px solid rgba(255,255,255,0.6); padding: 5px 14px; border-radius: 20px;
			transition: background 0.2s ease, border-color 0.2s ease;
		}
		.saison-card:hover .saison-card-cta { background: rgba(255,255,255,0.2); border-color: #fff; }
		.saison-card--ete .saison-card-label { color: #ffe082; }
		.saison-card--automne .saison-card-label { color: #ffb74d; }
		.saison-card--hiver .saison-card-label { color: #90caf9; }
		.saison-card--printemps .saison-card-label { color: #a5d6a7; }

		/* ===== FADE-IN ===== */
		.fade-in-section { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }
		.fade-in-section.visible { opacity: 1; transform: translateY(0); }


        	.section-activites { padding: 60px 0; background: #fff; }
	
	.activite-card {
    margin-bottom: 20px;
	}

	.section-activites .row {
		margin-left: -12px;
		margin-right: -12px;
	}

	.section-activites .col-md-3,
	.section-activites .col-sm-6 {
		padding-left: 12px;
		padding-right: 12px;
	}

	.activite-card { display: block; text-decoration: none; margin-bottom: 24px; }
	.activite-card-img {
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		height: 220px;
	}
	.activite-card-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.4s ease;
		display: block;
	}
	.activite-card:hover .activite-card-img img { transform: scale(1.06); }
	.activite-card-overlay {
		position: absolute;
		bottom: 0; left: 0; right: 0;
		background: linear-gradient(transparent, rgba(0,0,0,0.62));
		padding: 32px 16px 16px;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		color: #fff;
	}
	.activite-card-overlay span {
		font-family: Raleway, Arial;
		font-size: 15px;
		font-weight: 600;
		line-height: 1.3;
	}
	.activite-card-overlay i {
		font-style: normal;
		font-size: 20px;
		flex-shrink: 0;
	}

	
	.section-sejourner { padding: 60px 0 80px; background: #f7f9f9; }
	.sejourner-card { display: block; text-decoration: none; margin-bottom: 24px; }
	.sejourner-card-img {
		position: relative;
		overflow: hidden;
		border-radius: 12px;
		height: 260px;
	}
	.sejourner-card-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.4s ease;
		display: block;
	}
	.sejourner-card:hover .sejourner-card-img img { transform: scale(1.05); }
	.sejourner-card-overlay {
		position: absolute;
		bottom: 0; left: 0; right: 0;
		background: linear-gradient(transparent, rgba(0,0,0,0.72));
		padding: 40px 18px 18px;
		display: flex;
		align-items: flex-end;
		gap: 12px;
	}
	.sejourner-card-icon {
		font-size: 22px;
		flex-shrink: 0;
		margin-bottom: 2px;
	}
	.sejourner-card-text {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 3px;
	}
	.sejourner-card-text strong {
		font-family: Raleway, Arial;
		font-size: 17px;
		font-weight: 700;
		color: #fff;
		line-height: 1.2;
	}
	.sejourner-card-text span {
		font-family: Raleway, Arial;
		font-size: 13px;
		color: rgba(255,255,255,0.82);
		line-height: 1.3;
	}
	.sejourner-arrow {
		font-style: normal;
		font-size: 22px;
		color: #fff;
		flex-shrink: 0;
		margin-bottom: 2px;
	}