/*@media screen and (max-width: 1040px) { form ul.choix_photos li { width: 18%; } }*/
@media screen and (max-width: 1000px) { form ul.choix_photos li { width: 23%; } }
@media screen and (max-width: 800px) { form ul.choix_photos li { width: 31.33%; } }
/*@media screen and (max-width: 600px) { form ul.choix_photos li { width: 49%; margin-right: 1%; } }*/
@media screen and (max-width: 600px) { form ul.choix_photos li { float:none; width: 100%; margin-right: 0; } }


@media screen and (max-width: 2000px) {

	.video-accueil img { left: 150px; }

}

@media screen and (min-width: 1930px) { .btopo, .bbottomo, .btopf, .bbottomf { padding: 80px 0 0 0; } } /* Pour les très grand écrans (> 1920px), on augmente le padding, sinon l'effet biseau ne va pas jusqu'au bout */






@media screen and (max-width: 2400px) {

	.video-accueil img { left: 200px; }

}

@media screen and (max-width: 2000px) {

	.video-accueil img { left: 150px; }

}

@media screen and (max-width: 1900px) {

	.video-accueil img { left: 50px; }
	.video-accueil video { margin-left: 500px; }

}

/**** SAUT DU MENU VERS HAMBURGER ****/
@media screen and (max-width: 1740px) {
	header#header { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
	header #logo { width: 300px; height: 55px; background: url(/images/la-semaine-festive-logo-mobile-2025.png) no-repeat; margin-left: 20px; }

	header a.menu { display: block; }

	nav {
		position: fixed;
		top: 45px;
		right: -100%;
		/* background: rgba(250, 250, 250, 0.97); */
		/* background: rgba(39, 161, 145, 0.97); */
		background: rgba(27, 69, 147, 0.97);
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
		width: 45%;
		min-width: 0;
		height: 100%;
		z-index: 10;
		transition: all 0.5s;
		padding: 0px;
		-webkit-transform: skew(-5deg);
		-moz-transform: skew(-5deg);
		-o-transform: skew(-5deg);
	}

	nav ul {
		-webkit-transform: skew(5deg);
		-moz-transform: skew(5deg);
		-o-transform: skew(5deg);
		margin: 30px 0 0 30px;
	}
	nav ul li {
		display: block;
		width: 100% !important;
		margin: 0;
		border: none;
		padding: 10px;
		text-align: left;
		font-variant: small-caps;
		color: #FFF;
	}
	nav ul li:hover { border: none; }
	nav ul li a { color: #FFF; border-bottom: 2px dotted var(--bleu); transition: all 0.3s; }
	nav ul li:hover a { color: #FFF; border-bottom: 2px dotted #FFF; }
	nav ul li.ico a i { margin-right: 10px; }
	nav ul li.ico a span { display: inline; }
}

@media screen and (max-width: 1700px) {
	#mapid form { width: 500px; }
}

@media screen and (max-width: 1520px) {
	ul.fetes {
		width: 102%;
		margin-left: -1%;
	}
	ul.fetes li {
		flex-basis: 48%;
		margin: 0 1% 30px 1%;
	}

	div.partenaires a { flex-basis: 11.5%; }

	ul.mosaique-fetes li { flex-basis: 25%; }
}

@media screen and (max-width: 1500px) {

	footer .content {
		padding-left: 20px;
		padding-right: 20px;
	}

}

@media screen and (max-width: 1450px) {
	#mapid form { width: 450px; }

	div.article-aside ul li { display: block; }
	div.article-aside ul li div.photo { display: block; height: 100px; }
	div.article-aside ul li div.texte { display: block; padding: 15px 20px 10px 20px; }
}

@media screen and (max-width: 1400px) {

/*
	header #logo { width: 350px; height: 100px; margin-left: 20px; }
*/
	/* nav { width: calc(100% - 450px); max-width: 850px; }
	nav ul li { width: 32%; margin: 0 1.33% 0 0; font-size: 1em; } */

	#banniere { height: 400px; }
	#banniere.evenement #parint { top: 57%; }

	/* Cause : ajout de "2nde édition" (à retirer si retrait de ce petit élément) : */
	#banniere .txt1 { top: 50px; left: 0; }
	#banniere .txt2 { bottom: 50px; right: 0; }

	.video-accueil { height: 410px; }
	.video-accueil img { position: absolute; top: 50px; left: 20px; }
	.video-accueil video { margin-left: 450px; height: 340px; }

	.explications-1, .explications-2, .explications-3, .explications-4 { flex-basis: 48%; margin-bottom: 30px; height: 520px; }
	/* .explications-3 { flex-basis: 100%; height: 450px; } */
	ul.articles-groupe li {	flex-basis: 48%; }

	ul.liste-evenements-persos li span.bloc.c1 { flex-basis: 70%; }
	ul.liste-evenements-persos li span.bloc.c2 { flex-basis: 30%; }
}

@media screen and (max-width: 1300px) {

/*
	nav { max-width: 750px; min-width: 750px; }
	nav ul li { width: 32%; margin: 0 1.33% 0 0; font-size: 1em; }
*/

	#mapid form { width: 400px; font-size: 1.1em; }
	#mapid form p label { font-weight: normal; }

	ul.evenements-groupe { width: 100%; margin-left: 0; }
	ul.evenements-groupe li { flex-basis: 100%; margin: 0 0 20px 0; }

	#banniere.evenement ul { bottom: -53px; }
	.wrapper-interne.evenement { margin-top: 53px; }
	#banniere.evenement #parint { top: 65%; }

}

@media screen and (max-width: 1200px) {


	.video-accueil { height: 370px; }
	.video-accueil img { position: absolute; top: 50px; left: 30px; width: 340px; }
	.video-accueil video { margin-left: 400px; height: 300px; }
	.bandeau-video { top: 100px; padding: 150px 0 0 0; }


	div.article-main { padding-right: 30px; }
	ul.article-galerie { width: calc(102% - 30px); }
	ul.article-galerie li { flex-basis: 48%; }

	#mapid form { width: 350px; font-size: 1em; }


	#banniere.evenement ul { bottom: -53px; }
	.wrapper-interne.evenement { margin-top: 116px; }
	#banniere.evenement ul { flex-wrap: wrap; }
	#banniere.evenement ul li { flex-basis: 50%; padding: 15px; font-size: 1em; }
	#banniere.evenement ul li div.icone { font-size: 2.8em; }
	#banniere.evenement ul li:nth-child(1) { border-top: 0; }
	#banniere.evenement ul li:nth-child(2) { border-top: 0; border-right: none; }
	#banniere.evenement ul li:nth-child(3) { flex-basis: 100%; border-top: 2px solid rgba(56, 125, 216, 0.4); }

	div.partenaires { width: 102%; margin-left: -1%; }
	div.partenaires a { margin: 0 1% 30px 1%; flex-basis: 18%; }

	ul.mosaique-fetes li { flex-basis: 33.33%; }
}


@media screen and (max-width: 1100px) {

	#banniere { height: 350px; }
/* Cause : ajout de "2nde édition" (à remettre si retrait de ce petit élément) :
	#banniere .txt1 { top: 70px; left: 0; }
	#banniere .txt2 { bottom: 70px; right: 0; }
*/

	#banniere.evenement #parint { top: 75%; }
	#banniere.evenement ul { bottom: -85px; }
	.wrapper-interne.evenement { margin-top: 153px; }

	h1 { font-size: 1.6em; }

	.video-accueil { height: 350px; }
	.video-accueil img { position: absolute; top: 50px; left: 0; width: 300px; }
	.video-accueil video { margin-left: 310px; height: 280px; }
	.bandeau-video { top: 100px; padding: 120px 0 0 0; }

	article.article { float: none; padding-right: 0; margin-right: 0; }
	.wrapper-interne.flex { display: block; }

/*
	div.article-main { width: 100%; padding-right: 0; }
	div.article-aside { width: 100%; margin-left: 0;  }
	div.article-aside ul li { display: flex; }
	div.article-aside ul li div.photo { flex-basis: 30%; height: 180px; }
	div.article-aside ul li div.texte { flex-basis: 70%; padding: 20px; }
*/
	ul.article-galerie { width: 102%; }
	ul.article-galerie li { flex-basis: 31.33%; }
/*
	div.article-aside ul li {
		padding: 0;
		transition: all 0.5s;
	}
	div.article-aside ul li:hover { box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; }
*/
	#banniere.article h1 { top: 15%; }

	#mapid form { width: 300px; }
}


@media screen and (max-width: 1000px) {
	.wrapper-interne { width: calc(100% - 40px); }
	.wrapper-interne.explications { width: calc(102% - 40px); }
	#banniere.article div.donnees { width: calc(100% - 40px); }
	#banniere.evenement ul { width: calc(100% - 40px); }
	h2.highlight { font-size: 1.6em; }

	div.article-aside { padding: 20px 30px; }

	form#filtrage, #afficher-filtrage { width: calc(100% - 40px); }
}


@media screen and (max-width: 980px) {

	footer span.sep { display: block; margin: 5px 0 0 0; }
	footer span.sep:nth-child(1) { margin-top: 20px; }
	footer span.sep:after { content: " "; }

	#mapid { height: 720px; }
	#mapid form {
		width: calc(100% - 40px);
		top: 360px;
		right: 20px;
		height: auto;
	}

	ul.quisommesnous li {
		flex-basis: 100%;
		padding: 15px 40px;
	}

}

@media screen and (max-width: 950px) {

	#banniere.article h1 { font-size: 2em; }
	#banniere.evenement h1 { font-size: 2em; }

	.wrapper-interne.evenement div.contenu { padding: 0; }
	.wrapper-interne.evenement div.contenu div.principal { padding: 30px; }
	.wrapper-interne.evenement div.contenu div.principal, .wrapper-interne.evenement div.contenu div.aside { flex-basis: 100%; }
	.wrapper-interne.evenement div.contenu div.aside { margin-top: 30px; border-radius: 0 0 10px 10px; border: 3px solid #DEDEC6; }

	.wrapper-interne.evenement { margin-top: 238px; }
	#banniere.evenement ul li { flex-basis: 100%; border-right: none; border-top: 2px solid rgba(56, 125, 216, 0.4); }
	#banniere.evenement ul li:nth-child(1) { border-top: 0; }
	#banniere.evenement ul li:nth-child(2) { border-top: 2px solid rgba(56, 125, 216, 0.4); }

	.btn-flex.deux.choix-post-inscription a.btn { flex-basis: 100%; margin: 0 0 15px 0; }

	ul.fetes {
		width: 100%;
		margin-left: 0;
	}
	ul.fetes li {
		flex-basis: 100%;
		margin: 0 0 30px 0;
	}
	ul.fetes li strong { height: auto; }
	ul.fetes li a { font-size: 0.8em; }

	.statistiques-accueil { width: 700px; }
	.statistiques-accueil .cellule { width: 350px; }
}

@media screen and (max-width: 900px) {

	#banniere { height: 330px; }
	#banniere .txt1, #banniere .txt2, #banniere .edition { font-size: 1.2em; }
/* Cause : ajout de "2nde édition" (à remettre si retrait de ce petit élément) :
	#banniere .txt1 { top: 60px; left: 0; }
	#banniere .txt2 { bottom: 60px; right: 0; }
*/

	.video-accueil { height: 350px; }
	.video-accueil img { display: none; }
	.video-accueil video { margin: auto; max-width: 100%; }
	.bandeau-video { top: 80px; padding: 100px 0 0 0; }

	ul.tunnel-saisie-evenement li { font-size: 1em; }
	ul.tunnel-saisie-evenement li span.numero { padding: 7px 13px; margin-right: 20px; }

	ul.mosaique-fetes li { flex-basis: 50%; }

}

@media screen and (max-width: 870px) {

	#afficher-filtrage { display: block; }
	form#filtrage {
		display: none;
		bottom: -240px;
		z-index: 9;
	}
	form#filtrage ul li {
		flex-basis: 100%;
		padding: 25px;
		border: none;
	}
	form#filtrage ul li:nth-child(2), form#filtrage ul li:nth-child(3) { padding-top: 0; }
	form#filtrage ul li:nth-child(3) { padding-bottom: 40px; }
	form#filtrage input[type="submit"] { bottom: -40px; }

}

@media screen and (max-width: 850px) {

	h1 { font-size: 1.4em; }

	.wrapper-interne.explications { display: block; }
	.explications-1, .explications-2, .explications-3, .explications-4 { margin-bottom: 30px; height: auto; }

	ul.articles-groupe { width: 100%; margin-left: 0; }
	ul.articles-groupe li { flex-basis: 100%; margin: 0 0 40px 0; }
	ul.articles-groupe li div.photo { height: 120px; }
	ul.articles-groupe li div.texte { height: 245px; }
	ul.articles-groupe li div.photo span.theme, ul.articles-groupe li div.photo span.theme.pos2, ul.articles-groupe li div.photo span.theme.pos3, ul.articles-groupe li div.photo span.theme.pos4, ul.articles-groupe li div.photo span.theme.pos5, ul.articles-groupe li div.photo span.theme.pos6, ul.articles-groupe li div.photo span.theme.pos7 { position: relative; display: inline-block; top: 0; left: 0; margin: 15px 5px 0px 5px; }
	ul.articles-groupe li div.photo span.theme:nth-child(1) { margin-left: 15px; }
	ul.article-galerie li { flex-basis: 48%; }

	ul.evenements-groupe li div.photo { height: 120px; flex-basis: 100%; }
	ul.evenements-groupe li div.texte { flex-basis: 100%; }

	ul.liste-evenements-persos li span.bloc.c1 { flex-basis: 100%; }
	ul.liste-evenements-persos li span.bloc.c2 { flex-basis: 100%; border-left: none; padding-bottom: 30px; }
	ul.liste-evenements-persos li { border-top: 2px dotted #555; border-bottom: 2px dotted #555; }

	ul.fetes li a { font-size: 0.7em; }

	footer .content { font-size: 0.8em; }

}


@media screen and (max-width: 780px) {

	.coins { padding: 0; }

	h1 { font-size: 1.2em; }

	#banniere { height: 300px; }
	#banniere .txt1, #banniere .txt2 { font-size: 0.85em; padding: 15px 15px; letter-spacing: 0.08em; }
	#banniere .edition { font-size: 0.85em; }
	#banniere .txt1 { top: 50px; left: 0; }
	#banniere .txt2 { bottom: 50px; right: 0; }

	.video-accueil { height: 320px; }

	.statistiques-accueil { width: 500px; }
	.statistiques-accueil .cellule { width: 250px; }
	.statistiques-accueil .cellule img { width: 80px; margin-right: 35px; }
	.statistiques-accueil .cellule div { padding-top: 5px; font-size: 1.3em; }
	.statistiques-accueil .cellule div span { font-size: 1.7em; }

	#banniere.article div.donnees { bottom: -53px; font-size: 1em; padding: 15px; }
	#banniere.article div.donnees div.icone { flex-basis: 70px; font-size: 2.7em; }
	
	.wrapper-interne.article { margin-top: 73px; }

	.accueil-organisateur-boutons a {
		flex-basis: 100%;
		margin: 20px 0 0 0;
	}

	ul.ideesevenements li {
		flex-basis: 100%;
		margin-bottom: 0;
	}

	/* div.partenaires a { flex-basis: 33%; } */

	ul.revue-presse { width: 100%; margin-left: 0; }
	ul.revue-presse li { flex-basis: 100%; margin: 0 0 30px 0; }
	ul.revue-presse li div:first-child { height: 230px; line-height: 230px; }

}

@media screen and (max-width: 700px) {

	ul.tunnel-saisie-evenement li span.texte { display: none; }
	ul.tunnel-saisie-evenement li span.numero { margin: 0; }

	div.partenaires a { flex-basis: 23%; }

	p.retro { font-size: 1.1em; line-height: 27px; }

	div.ex div { flex-basis: 100%; max-width: 100%; text-align: center; }
	div.ex ul.comment { flex-basis: 100%; padding-left: 0; margin: 30px 0; }

}

@media screen and (max-width: 650px) {

	header #logo { width: 200px; height: 35px; background: url(/images/la-semaine-festive-logo-mobile-2025-2.png) no-repeat; }
	nav { top: 25px; }
	/*#hamburger span { height: 2px; }*/
	header a.menu { top: 7px; right: 0; }

	.bandeau-video { display: none; }

	#banniere.evenement h1 { font-size: 1.7em; top: 20%; }

	h2.highlight {
		font-size: 1.3em;
		background-size: 75% 20%;
		padding: 0px 25px 30px 25px;
	}

	div.article-aside ul li { display: block; }
	div.article-aside ul li div.photo { display: block; height: 100px; }
	div.article-aside ul li div.texte { display: block; padding: 15px 20px 10px 20px; }

	div.partenaires a { margin: 0 2% 20px 2%; flex-basis: 21%; }

	ul.fetes li a { float: none; width: 100%; margin-right: 0 !important; font-size: 0.75em; }
	ul.fetes li a.savoir { margin-bottom: 10px; }

}

@media screen and (max-width: 600px) {

	.statistiques-accueil { width: 280px; margin: auto; }
	.statistiques-accueil .cellule { float: none; width: 100%; margin: 0 auto 30px auto; } 
	.statistiques-accueil .cellule img { width: 80px; margin-right: 35px; }
	.statistiques-accueil .cellule div { padding-top: 5px; font-size: 1.3em; }
	.statistiques-accueil .cellule div span { font-size: 1.7em; }

.statistiques-accueil a { display: block; width: 100%; margin: 20px 0 0 0 !important; }

	ul.mosaique-fetes li { flex-basis: 100%; }

	/* div.partenaires a { flex-basis: 50%; } */

}

@media screen and (max-width: 570px) {

	.video-accueil {
		width: calc(100% - 60px);
		margin: 20px auto 20px auto;
		background: none;
		height: auto;
		padding-top: 10px;
	}
	.video-accueil video { width: 100%; height: auto; }

	ul.article-galerie {
		display: block;
		position: fixed;
		bottom: -600%;
		left: 0;
		width: 100%;
		margin: 0;
		background: #FFF;
		padding: 20px;
		height: 100%;
		overflow: auto; /* ascenseur */
		z-index: 99998;
		overscroll-behavior: contain; /* on ne scrolle plus sur la page du dessous ! */
	}
	ul.article-galerie li {
		margin: 15px 0 25px 0;
	}
	div.article-galerie img { display: block; width: 100%; margin: 0 0 20px 0; }
	div.article-galerie p.legende { padding: 7px; background: #EEE; font-size: 0.8em; margin-bottom: 25px; }
	div.article-galerie-lien { display: block; }

	ul.revue-presse li div:first-child { height: 180px; line-height: 180px; }

}

@media screen and (max-width: 550px) {

	#banniere.evenement h1 { font-size: 1.5em; }

}

/****/
/**** + CAS PARTICULIER DU MENU EN VERSION MOBILE ****/
/****/

@media screen and (max-width: 1000px) { nav { width: 50%; } }
@media screen and (max-width: 750px) { nav { width: 60%; } }
@media screen and (max-width: 630px) {
	nav { width: 70%; -webkit-transform: skew(-3deg); -moz-transform: skew(-3deg); -o-transform: skew(-3deg); }
	nav ul { -webkit-transform: skew(3deg); -moz-transform: skew(3deg); -o-transform: skew(3deg); }
}
@media screen and (max-width: 530px) {
	header a.menu { right: -5px; }
	nav { right: -110%; width: 75%; }
}

/****/
/**** - CAS PARTICULIER DU MENU EN VERSION MOBILE ****/
/****/



/***********************/
/**** + PAGES FETES ****/
/***********************/

/***** AVANT 10/2024 :

@media screen and (max-width: 1665px) {
	#banniere.fete div.date.long { top: 70%; }
}
@media screen and (max-width: 1400px) {
	#banniere.fete h1.long { top: 15%; font-size: 3em; }
}
@media screen and (max-width: 1350px) {
	#contenu-page .images div { height: 300px; }
	div.partenaires-fete a { width: 20%; }
}
@media screen and (max-width: 1260px) {
	#banniere.fete h1:not(.long) { font-size: 2.8em; }
}
@media screen and (max-width: 1230px) {
	#contenu-page .texte { line-height: 35px; font-size: 1.3em; }
}
@media screen and (max-width: 1170px) {
	div.partenaires-fete { padding: 70px 10px 0 10px; }
	div.partenaires-fete a { width: 30%; margin: 0 1.5% 20px 1.5%; }
}

@media screen and (max-width: 1100px) {
	#banniere.fete h1.long { top: 10%; }
}
@media screen and (max-width: 1050px) {
	#contenu-page .texte { font-size: 1.2em; }
	p.rappel span.titre { font-size: 1.7em; }
}
@media screen and (max-width: 1020px) {
	#banniere.fete h1.long, #banniere.fete h1:not(.long) { font-size: 2.5em; }
	#banniere.fete div.date:not(.long) { top: 65%; }
}
@media screen and (max-width: 870px) {
	#banniere.fete h1.long { top: 8%; }
}
@media screen and (max-width: 820px) {
	#contenu-page { flex-direction: column-reverse; }
	#contenu-page .images, #contenu-page .texte { flex-basis: 100%; }
	#contenu-page .images div { height: 150px; margin: 15px 0; }
	#contenu-page .texte { font-size: 1.1em; line-height: 30px; padding-left: 0; }
}
@media screen and (max-width: 790px) {
	#banniere.fete h1.long { font-size: 2.2em; }
	#banniere.fete h1:not(.long) { top: 10%; }
}
@media screen and (max-width: 665px) {
	#banniere.fete div.date { font-size: 1.5em; }
	#banniere.fete h1:not(.long) { top: 7%; font-size: 2.3em; }
	#banniere.fete div.date:not(.long) { top: 70%; }
}
@media screen and (max-width: 600px) {
	#banniere.fete h1.long { font-size: 2em; }
}
@media screen and (max-width: 535px) {
	#banniere.fete h1.long { font-size: 1.9em; }
	#banniere.fete div.date.long { top: 73%; }
}

****************

@media screen and (max-width: 1100px) {
	#banniere.fete { display: table; width: 100%; }
	#banniere.fete h1 { position: relative; display: table-cell; margin: 0; vertical-align: middle; text-align: center; width: 100%; height: 350px; overflow: hidden; font-size: 2.5em !important; }

	#banniere.fete div.date, #banniere.fete div.date.long {
		top: auto;
		bottom: -15px;
		left: 0;
		right: 0;
		width: calc(100% - 120px);
		max-width: 1000px;
		margin: auto;
		background: var(--bleuspecial);
		color: #FFF;
		text-shadow: 1px 1px 2px #000;
		height: auto;
		font-size: 1.5em;
		font-weight: normal;
		padding: 15px 20px;
	}
}

@media screen and (max-width: 1050px) {
	#contenu-page .texte { font-size: 1.2em; }
	p.rappel span.titre { font-size: 1.7em; }
}

@media screen and (max-width: 1000px) {
	#banniere.fete div.date, #banniere.fete div.date.long { width: calc(100% - 60px); }

	div.partenaires-fete a { width: 45%; margin: 0 2.5% 20px 2.5%; }
}

@media screen and (max-width: 900px) {
	#banniere.fete h1 { height: 330px; }
}
@media screen and (max-width: 820px) {
	#contenu-page { flex-direction: column-reverse; }
	#contenu-page .images, #contenu-page .texte { flex-basis: 100%; }
	#contenu-page .images div { height: 150px; margin: 15px 0; }
	#contenu-page .texte { font-size: 1.1em; line-height: 30px; padding-left: 0; }

	div.partenaires-fete { margin-top: 25px; }
	div.partenaires-fete span { font-size: 0.9em; }
	div.partenaires-fete a { width: 30%; margin: 0 1.5% 20px 1.5%; }
}

@media screen and (max-width: 780px) {
	#banniere.fete h1 { height: 300px; }
	#banniere.fete h1 { font-size: 2.3em !important; }
}

@media screen and (max-width: 650px) {
	#banniere.fete h1.long { font-size: 2em !important; }
}
@media screen and (max-width: 600px) {
	#banniere.fete h1.long { font-size: 1.9em !important; }

	div.partenaires-fete a { width: 40%; margin: 0 5% 20px 5%; }
}

*/

@media screen and (max-width: 1400px) {
	#banniere.fete div h1 { font-size: 3em; }
	/* .wrapper-double div.col2 ul.partenaires li { flex-basis: 16%; } */
	.wrapper-double div.col2 ul.partenaires li { flex-basis: 12.66%; }
}
@media screen and (max-width: 1200px) {
	#banniere.fete div h1 { font-size: 3em; }
	.wrapper-double { flex-direction: column-reverse; }
	.wrapper-double div.col1, .wrapper-double div.col2 { flex-basis: 100%; }
	.wrapper-double div.col1 { padding-right: 0; margin-top: 30px; }
	.wrapper-double div.col1 div.illustration { display: none; }
	.wrapper-double div.col1 ul.fetes2 li { flex-basis: 33%; margin-bottom: 20px; }
	/* .wrapper-double div.col2 ul.partenaires li { flex-basis: 12.66%; } */
	.wrapper-double div.col2 ul.partenaires li { flex-basis: 10.28%; }
}
@media screen and (max-width: 1100px) {
	#banniere.fete div h1 { font-size: 2.5em; margin-bottom: 30px; } /* A 1100px, la bannière des pages est réduite => il faut gérer cela aussi pour le contenu des bannières des pages "Fête" */
	.wrapper-double div.col1 ul.fetes2 li { flex-basis: 50%; }
	.wrapper-double div.col2 ul.partenaires li { flex-basis: 12.66%; }
}
@media screen and (max-width: 900px) {
	#banniere.fete div { top: 35%; left: 0%; transform: translate(0, -35%); }
	#banniere.fete div div.date { font-size: 1.3em; }
	.wrapper-double div.col2 p.liens a { font-size: 0.95em; line-height: 25px; }
}
@media screen and (max-width: 820px) {
	.wrapper-double div.col2 div.entete div.logo, .wrapper-double div.col2 div.entete div:not(.logo) { flex-basis: 100%; }
	.wrapper-double div.col2 div.entete div.logo.rse { display: none; }
	.wrapper-double div.col2 div.entete div.logo img { max-height: 150px; }
	.wrapper-double div.col2 div.entete div:not(.logo) { margin-top: 40px; }
	.wrapper-double div.col2 ul.partenaires li { flex-basis: 16%; }
}
@media screen and (max-width: 750px) {
	/* .wrapper-double div.col2 ul.partenaires li { flex-basis: 21%; } */
}
@media screen and (max-width: 700px) {
	#banniere.fete div h1 { font-size: 2em; margin-bottom: 20px; }
	#banniere.fete div div.date { font-size: 1.2em; }
	.wrapper-double div.col2 { padding: 20px; }
	.wrapper-double div.col2 p.liens { width: 100%; margin-left: 0; }
	.wrapper-double div.col2 p.liens a { flex-basis: 100%; margin: 0 0 15px 0; }
}
@media screen and (max-width: 650px) {
	.wrapper-double div.col1 ul.fetes2 li { flex-basis: 100%; }
	/* .wrapper-double div.col2 ul.partenaires li { flex-basis: 29.33%; } */
	.wrapper-double div.col2 div.entete div:not(.logo) span { font-size: 0.85em;left: 25px; }
	.wrapper-double div.col2 ul.partenaires li { flex-basis: 21%; }
}

/***********************/
/**** - PAGES FETES ****/
/***********************/