@charset "UTF-8";

@media screen and (min-width: 701px) and (max-width: 1024px) {

	html {
		/*font-size: 95%;*/
	}

	#grid div { width: 25%; }

	/* - - - - - HEADER - - - - - */

	header .hamburger { width: 25%; }

	#menu nav ul {
		width: 50%;
		margin-left: 25%;
	}

	#menu .popup p {
		width: calc(25% - 1rem);
		width: -webkit-calc(25% - 1rem);
	}

	#menu .networks .icons { width: 25%; }
	#menu .networks #newsletter { margin-left: 75%; }

	/* - - - - - MAIN - - - - - */

	/* information pop-up */

	body > .popup p { width: 50%; }

	/* introduction */

	.main .introduction { width: 100%; }

	/* - - - - - SECTIONS - - - - - */

	/* subtitle */

	section > .sous-titre {
		width: 50%;
		margin: 1rem 50% 1rem 0;
	}

	/* section texte */

	section > .texte {
		width: 100%;
		margin: 0 0 1rem 0;
	}

	/* section events */

	.events > .event {
		width: 25%;
	}

	.events > .event[data-order="5"],
	.events > .event[data-order="6"] { display: none; }

	/* section galerie */

	section > .galerie {
		margin: 1rem 0 -1rem 0 !important;
		justify-content: flex-start !important;
	}
	section > h2 + .galerie { margin-top: 4rem !important; }

	section > .galerie-2 {
		justify-content: center !important;
	}

	section > .galerie figure {
		width: calc(25% - 1rem) !important;
		width: -webkit-calc(25% - 1rem) !important;
	}

	/* section video */

	section > .video {
		width: 100%;
		margin: 0;
	}

	/* - - - - - SECTION À ARTICLE - - - - - */

	article {
		width: 100% !important;
		margin: 4rem 0 !important;
	}

	/* article simple */

	.article-simple > .bloc-titre {
		width: 25%;
		margin: 0;
	}

	.article-simple > .texte {
		width: 50%;
		padding: 0.25rem 1rem;
	}

	.article-simple > figure,
	.article-simple.sans-titre > figure {
		width: 25%;
		margin: 0;
	}

	.article-simple.sans-titre > .bloc-titre { display: block; order: 1; }
	.article-simple.sans-titre > .texte { order: 2; }
	.article-simple.sans-titre > figure { order: 3; }

	/* article lien */

	.article-lien > .description {
		padding: 0.25rem 1rem;
	}

	.article-lien:not(.sans-texte) .lien,
	.article-lien.sans-titre .lien {
		transform: none; -ms-transform: none; -webkit-transform: none;
	}

	.article-lien.sans-titre > .bloc-titre { display: block; order: 1; }
	.article-lien.sans-titre > .description { order: 2; }
	.article-lien.sans-titre > .lien { order: 3; }

	/* article galerie */

	.article-galerie {
		width: 100%;
		margin: 1rem 0;
	}

	.article-galerie > .bloc-titre {
		width: 25%;
	}

	.article-galerie > .galerie-2 { width: 50%; }
	.article-galerie > .galerie-3 { width: 75%; }
	.article-galerie > .galerie-4 { width: 50%; }
	.article-galerie > .galerie-5,
	.article-galerie > .galerie-6 { width: 75%; }

	.article-galerie > .galerie-2 figure { width: calc(50% - 1rem); }
	.article-galerie > .galerie-3 figure { width: calc(33.33% - 1rem); }
	.article-galerie > .galerie-4 figure { width: calc(50% - 1rem); }
	.article-galerie > .galerie-5 figure,
	.article-galerie > .galerie-6 figure { width: calc(33.33% - 1rem); }

	/* webkit calc() */
	.article-galerie > .galerie-2 figure { width: -webkit-calc(50% - 1rem); }
	.article-galerie > .galerie-3 figure { width: -webkit-calc(33.33% - 1rem); }
	.article-galerie > .galerie-4 figure { width: -webkit-calc(50% - 1rem); }
	.article-galerie > .galerie-5 figure,
	.article-galerie > .galerie-6 figure { width: -webkit-calc(33.33% - 1rem); }

	/* article audio */

	.article-audio .description { padding: 0.25rem 1rem; }

	.article-audio.sans-titre > .bloc-titre { display: block; order: 1; }
	.article-audio.sans-titre > .description { order: 2; }
	.article-audio.sans-titre > .controls { order: 3; }
	.article-audio.sans-titre > .audio { order: 4; }

	.article-audio:not(.sans-texte, .sans-description) .controls {
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
	}

	.article-audio .audio {
		width: 75%;
		margin: 4rem 12.5% 0 12.5%;
	}

	/* - - - - - FOOTER - - - - - */

	/* accès/contact */

	footer .acces {
		width: 25%;
	}

	/* plan du site */

	footer nav { width: 75%; }

	footer nav ul > li {
		width: 33.33%;
	}

}