/* >–––––––––––––––––––––––––––––––––––––– XXXXX –––––––––< */
/* >–––––– XXXXXX XXXXXXXX ––––––< */


/* >–––––––––––––––––––––––––––––––––––––– BYPASS LIGHTBOX –––––––––< */

#jquery-overlay { width: 100vw; height: 100vh; }
#lightbox-container-image-box { max-width: 90vw; height: auto; max-height: 80vh; background: #000; }
#lightbox-container-image > img { display: block; width: 100%; height: auto; }
#lightbox-container-image-data-box { padding-left: 0; padding-right: 0; max-width: 90vw; display: none; }
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext { opacity: 0.7; }
#lightbox-image-details { display: none; }


/* >–––––––––––––––––––––––––––––––––––––– GALERIE –––––––––< */

#iViewport > section #item { 
	box-sizing: border-box;
	margin: 0 auto 1rem auto;
	padding: 2rem 4rem;
	width: 70%; max-width: 100rem;
	text-align: left;
	background-color: #fff;
}

	#iViewport > section #item h2 {
		margin-bottom: 3rem;
		font-family: "Frutiger Neue W01 Book", sans-serif;
		font-size: 2.4rem;
	}

	#iViewport > section #item h3 {
		margin-top: 3rem; margin-bottom: 1rem;
		font-family: "Frutiger Neue W01 Book", sans-serif;
		font-size: 2.2rem;
	}

	#iViewport > section #item ul { 
		list-style: none; 
		padding-left: 0;
	}

		#iViewport > section #item img { 
			display: inline-block; vertical-align: top;
			margin: 0 1rem 1rem 0;
			width: 14rem; 
			height: auto;
		}





/* >–––––––––––––––––––––––––––––––––––––– REACTIF ––––––––––––––––––––––– REACTIF ––––––––––––––––––––––– REACTIF ––––––––––––––––––––––– REACTIF –––––––––< */




@media all and (max-width: 1100px) {
	#iViewport > section #item { width: 80%; }
}

@media all and (max-width: 1000px) {
	#iViewport > section #item { width: 100%; }
}

@media all and (max-width: 800px) {
	#iViewport > section #item { padding: 2rem; }
	#iViewport > section #item h2 { margin-bottom: 2rem; }
	#iViewport > section #item h3 { margin-top: 3rem; margin-bottom: 2rem; }
}

@media all and (max-width: 600px) {
	#iViewport > section #item img { width: 31%; margin: 0 2vw 2vw 0; }
	#iViewport > section #item a:nth-child(3n+3) img { margin-right: 0; }
}

@media all and (max-width: 500px) {
	#iViewport > section { padding-left: 0; padding-right: 0; }
	#iViewport > section > h1 { padding-left: 2rem; }
	#iViewport > section #item h2 { font-size: 1.8rem; line-height: 2.2rem; }
	#iViewport > section #item h3 { font-size: 1.8rem; line-height: 2.2rem; }
}