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

#iViewport > section:first-of-type { padding-left: 6%; }


/* >–––––– SECTION LISTE ENTREVUES ––––––< */

	#iViewport > section.liste .item {
		display: block; /*vertical-align: top;*/
		box-sizing: border-box;
		/*margin-right: 1.5rem;*/margin-left: auto; margin-right: auto; margin-bottom: 1.5rem;
		padding: 1.5rem 2rem;
		width: 70vw; max-width: 100rem;
		text-align: left;
		background-color: #fff;
	}
	#iViewport > section.liste a:hover .item { opacity: 0.8; }

		#iViewport > section.liste .item > * { display: inline-block; vertical-align: top; }

		#iViewport > section.liste .item img { 
			margin: 0; padding: 0;
			width: 20%; 
			height: auto;
		}

		#iViewport > section.liste .item div { 
			box-sizing: border-box;
			padding-left: 1.5rem;
			width: 80%;
		}

			#iViewport > section.liste .item h2 {
				margin-bottom: 2rem;
				font-family: "Frutiger Neue W01 Bd", sans-serif;
				font-size: 2.5rem; line-height: 2.5rem;
				color: #000;
			}
			#iViewport > section.liste a:hover .item h2 { color: #000; }

			#iViewport > section.liste .item p {
				font-size: 1.6rem; line-height: 2rem;
			}
			#iViewport > section.liste a:hover a:hover .item p { color: #000; }






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



@media all and (min-width: 1500px) {
	#iViewport > section.liste .item { max-width: 140rem; }
	#iViewport > section.liste .item img { width: 20%; }
	#iViewport > section.liste .item div { width: 80%; }
}

@media all and (min-width: 1350px) {
	#iViewport > section:first-of-type { padding-left: 3rem; }
}

@media all and (max-width: 1100px) {
	/* >–––––– LISTE ––––––< */
	#iViewport > section.liste .item p { font-size: 1.4vw; line-height: 1.7vw; }
}

@media all and (max-width: 1000px) {
	#iViewport > section:first-of-type { padding-left: 3rem; }
	/* >–––––– LISTE ––––––< */
	#iViewport > section.liste .item { /*margin: 0 auto 1.5rem auto;*/ width: 100%; max-width: 70rem; }
	#iViewport > section.liste .item img { width: 30%; }
	#iViewport > section.liste .item div { width: 70%; }
	#iViewport > section.liste .item p { font-size: 1.6rem; line-height: 2rem; }
}

@media all and (max-width: 800px) {
	/* >–––––– LISTE ––––––< */
	#iViewport > section.liste .item h2 { font-size: 2rem; line-height: 2rem; }
}

@media all and (max-width: 600px) {
	#iViewport > section:first-of-type { padding-left: 2rem; }
	/* >–––––– LISTE ––––––< */
	#iViewport > section.liste .item h2 { margin-bottom: 1rem; }
}

@media all and (max-width: 500px) {
	/* >–––––– LISTE ––––––< */
	#iViewport > section.liste .item p { font-size: 1.4rem; }
}

@media all and (max-width: 400px) {
	/* >–––––– LISTE ––––––< */
	#iViewport > section.liste .item > * { vertical-align: middle; }
	#iViewport > section.liste .item p { display: none; }
}