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


#iViewport > section:first-of-type { padding-bottom: 0; }

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

	#iViewport > section .box h2 {
		margin-bottom: 3rem;
		font-family: "Frutiger Neue W01 Bd", sans-serif;
		font-size: 2.4rem;
	}
	#iViewport > section .box p + h2,
	#iViewport > section .box ul + h2 { margin-top: 6rem; }

	#iViewport > section .box p { margin-bottom: 2rem; }

	#iViewport > section .box a { font-family: "Frutiger Neue W01 Bd", sans-serif; color: #000; }
	#iViewport > section .box a:hover { color: #6da4ff; }

	#iViewport > section .box p.lien a {
		font-size: 2rem; line-height: 2.2rem;
	}

	
#iViewport > section.img img { 
	display: block;
	margin: 0 auto;
	width: 80%; max-width: 50rem; 
	height: auto;
}


#iViewport > section.img + footer { margin-top: 0; }


#iViewport > section .box a.plan_pdf {
	display: block;
	margin: 0 auto;
	margin-bottom: 3rem;
	width: 80%;
	max-width: 40rem;
}
	#iViewport > section .box a.plan_pdf img { display: block; width: 100%; height: auto; }



/* >–––––––––––––––––––––––––––––––––––––– CONTACT INTRO –––––––––< */

#iViewport > section.intro .box .addr {
	text-align: right;
}

	#iViewport > section.intro .box .addr > div {
		display: inline-block; vertical-align: middle;
		margin-left: 1rem;
	}

#iViewport > section.intro article { margin-top: 3rem; }

	#iViewport > section.intro article img {
		display: block;
		box-sizing: border-box;
		padding: 0 3rem 1rem 0;
		float: left;
	}

	#iViewport > section.intro article .clear { clear: left; }

	#iViewport > section.intro article p:first-of-type { padding-top: 3rem; }
	#iViewport > section.intro article p:first-of-type::first-letter { 
		font-family: "Frutiger Neue W01 Bd", sans-serif;
		font-size: 5rem;
	}

	#iViewport > section.intro article p:not(:first-of-type) {
		text-indent: 2rem;
	}

	#iViewport > section.intro article p.right { width: 100%; text-align: right; }





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




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

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

@media all and (max-width: 800px) {
	#iViewport > section .box { padding: 2rem; }
	#iViewport > section .box ul { padding-left: 1rem; }
	#iViewport > section .box h2 { margin-bottom: 2rem; }
	#iViewport > section .box p + h2,
	#iViewport > section .box ul + h2 { margin-top: 4rem; }
	#iViewport > section .box p { margin-bottom: 1rem; }
	#iViewport > section.img img { width: 90%; }
}

@media all and (max-width: 600px) {
	/* >–––––– CONTACT INTRO ––––––< */
	#iViewport > section.intro .box .addr > div:last-child { display: none; }
	#iViewport > section.intro article { margin-top: 5rem; }
	#iViewport > section.intro article img { margin: 0 auto; padding: 0 0 1rem 0; float: none; }
	#iViewport > section.intro article p:first-of-type { padding-top: 0; }
	#iViewport > section.intro article p:first-of-type::first-letter { font-size: 3rem; }
	#iViewport > section.intro article p:not(:first-of-type) { text-indent: 1rem; }
}

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