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


#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 Bd", sans-serif;
		font-size: 2.4rem;
	}

	#iViewport > section .item p { margin-bottom: 2rem; }
	#iViewport > section .item p.right { text-align: right; }
		#iViewport > section .item p.right .president { font-family: "FrutigerNeueW01-LightIt", sans-serif; }

	#iViewport > section .item .img { text-align: center; }

		#iViewport > section .item img {
			display: inline-block;
			margin: 0 auto;
			width: 80%;
			height: auto;
		}
		#iViewport > section .item a img { width: 60%; }
		#iViewport > section .item a:hover img { opacity: 0.7; }






/* >–––––––––––––––––––––––––––––––––––––– 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 .box ul { padding-left: 1rem; }
	#iViewport > section .item h2 { margin-bottom: 2rem; }
	#iViewport > section .item p { margin-bottom: 1rem; }
}

@media all and (max-width: 600px) {
	#iViewport > section .item img { width: 90%; }
	#iViewport > section .item a img { width: 70%; }
}

@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; }
}