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


footer.more {
	display: flex;
	align-items: center;
}
	footer.more .fiori {
		flex: 0 0 2rem;
        position: relative;
        margin-right: 1rem;
    }
    footer.more .fiori::before {
        content: ''; display: block; padding-top: 60%;
    }
        footer.more .fiori svg {
            position: absolute;
            left: 0; top: 0; right: 0; bottom: 0;
        }

    footer.more p { margin-bottom: 0; }


/* >–––––––––––––––––––––––––––––––––––––– A –––––––––< */

section.slider {
	display: flex;
}
	section.slider .img {
		flex: 0 0 65%;
	}
		section.slider .img img { display: block; width: 100%; height: auto; }

	section.slider nav {
		flex-grow: 1;
		box-sizing: border-box;
		padding-left: 0.5rem;
	}

		section.slider nav a li { 
			box-sizing: border-box;
			padding: 2rem 2.5rem;
			color: #000;
			list-style: none; 
			border-bottom: 1px solid #000;
		}
		section.slider nav a:last-child li { border-bottom: none; }

		section.slider nav a:hover li { background-color: #444; color: #FDF8EB; }

		section.slider nav a h3 {
			font-family: "URW Garamond W01 Regular", sans-serif;
    		font-size: 2rem; line-height: 2.2rem; letter-spacing: 0.1rem;
		}

		section.slider nav a h2 {
			font-family: "FuturaExtBol W05 Regular", sans-serif;
			font-size: 2.5rem; line-height: 2.8rem;
		}

		
	/*section.a section .img {
		flex: 0 0 20rem;
		margin-right: 2rem;
	}
		section.a section .img img {
			width: 100%;
			height: auto;
		}*/

		/*section.a section > div footer {
			display: flex;
			align-items: center;
		}
			section.a section > div footer .fiori {
				flex: 0 0 2rem;
                position: relative;
                margin-right: 1rem;
            }
            section.a section > div footer .fiori::before {
                content: ''; display: block; padding-top: 60%;
            }
                section.a section > div footer .fiori svg {
                    position: absolute;
                    left: 0; top: 0; right: 0; bottom: 0;
                }

            section.a section > div footer p { margin-bottom: 0; }*/


/* >–––––––––––––––––––––––––––––––––––––– B –––––––––< */

section.b section {
	margin-bottom: 4rem;
	text-align: center;
}
section.b section.one { 
	display: inline-block; vertical-align: top;
	margin-left: 4%; margin-right: 4%;
	width: 40%; 
}

	section.b section h2 {
		margin-bottom: 1rem;
		padding-bottom: 1rem;
		font-family: "GaramondURW W01 Bold", sans-serif;
		font-size: 3rem;
		text-align: center;
		border-bottom: 1px solid #000;
	}

	section.b section > div {
		display: inline-block; vertical-align: top;
		margin: 1rem 2rem;
		width: 25vw;
		text-align: center;
	}
		section.b section h3 {
			margin-bottom: 0.5rem;
			font-family: "GaramondURW W01 Oblique", sans-serif;
			font-size: 4.5rem; line-height: 4.5rem;
		}

		section.b section h4 {
			font-family: "GaramondURW W01 Oblique", sans-serif;
			font-size: 3.2rem; line-height: 3.2rem;
		}

		section.b section p { margin-bottom: 0; text-align: center; }

		section.b section a .btn {
			padding: 1rem;
			font-family: "URW Garamond W01 Regular", sans-serif;
			font-size: 1.8rem; line-height: 1.8rem;
			color: #007fff;
			cursor: pointer;
		}
		section.b section a .btn:hover { color: #000; }

			section.b section a .btn b { font-size: 2.4rem; }
		

section.b footer.more .fiori { margin-left: auto; }


/* >–––––––––––––––––––––––––––––––––––––– TESTIMONIALS –––––––––< */

section.testim section {
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	width: 90%;
}
	section.testim blockquote {
		flex: 0 0 30%;
		position: relative;
		box-sizing: border-box;
		margin: 0;
		padding: 1rem;
		width: 70%;
	}
	section.testim blockquote::before {
		position: absolute; left: -3rem; top: -4rem;
		font-family: "GaramondURW W01 Bold Oblique", sans-serif;
		font-size: 6rem;
	}
	section.testim blockquote.fr::before { content: '«'; }
	section.testim blockquote.en::before { content: open-quote; }

		section.testim blockquote p:last-of-type { margin-bottom: 1rem;  }
		section.testim blockquote footer {
			font-family: "GaramondURW W01 Bold Oblique", sans-serif;
			font-size: 2rem; line-height: 2rem;
			text-align: right;
		}

/* >–––––––––––––––––––––––––––––––––––––– LA –––––––––< */

section.la section {
	display: flex;
	margin: 0 auto;
	width: 90%;
}
	section.la section .img { flex: 0 0 45rem; }
	section.la section .img.l { margin-right: 2rem; }
	section.la section .img.r { margin-left: 2rem; }
	section.la section .img.v { max-width: 30rem; }

		section.la section .img img {
			width: 100%;
			height: auto;
		}

	section.la section p.big {
		margin: 2rem 0;
		font-size: 3rem; line-height: 3.2rem;
	}


/* >–––––––––––––––––––––––––––––––––––––– CLOSING –––––––––< */

section.closing {
	margin: 2rem auto;
	padding: 2rem 0 4rem 0;
	max-width: 80rem;
	text-align: center;
}
section.closing h1 {
	font-size: 3rem;
	color: #FF3355;
}
section.closing p {
	margin-bottom: 0;
	text-size: 2.4rem;
	line-height: 2.8rem;
	text-align: center;
}
section.closing div.fg {
	margin-top: 1rem;
	text-align: right;
}
section.closing quote {
	margin-left: auto;
	font-family: "GaramondURW W01 Bold Oblique", sans-serif;
	font-size: 1.6rem;
}




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





@media all and (max-width: 1000px) {
	/* >–––––––––––––––––––––––––––––––––––––– A –––––––––< */
	/*section.a section { width: 80%; }
	section.a section .img { flex: 0 0 15rem; }*/

	/* >–––––––––––––––––––––––––––––––––––––– TESTIMONIALS –––––––––< */
	section.testim section { display: block; }
	section.testim blockquote { margin-bottom: 3rem; width: 100%; }
}

@media all and (max-width: 900px) {
	/* >–––––––––––––––––––––––––––––––––––––– A –––––––––< */
	section.slider { display: block; }
	section.slider nav { display: flex; flex-wrap: wrap; padding-left: 0; width: 100%; }
	section.slider nav a { display: block; flex: 0 0 50%; }
	section.slider nav a:last-child li { border-bottom: 1px solid #000; }
}

@media all and (max-width: 800px) {
	footer.more .fiori { margin-left: auto; }
	/* >–––––––––––––––––––––––––––––––––––––– A –––––––––< */
	/*section.a section { display: block; width: 100%; }
	section.a section .img { width: 20rem; float: left; }*/
	section.slider nav a li { padding: 1.5rem; }
	section.slider nav a h3 { font-size: 1.8rem; line-height: 2rem; }
	section.slider nav a h2 { font-size: 2.2rem; line-height: 2.4rem; }

	/* >–––––––––––––––––––––––––––––––––––––– B –––––––––< */
	/*section.b section.one { display: block; margin-left: 0; margin-right: 0; width: 100%; }
	section.b section > div { margin: 2rem 0; width: 70vw; }*/
	section.b section h3 { font-size: 3.5rem; line-height: 3.5rem; }
	section.b section h4 { font-size: 2.5rem; line-height: 2.5rem; }

	/* >–––––––––––––––––––––––––––––––––––––– LA –––––––––< */
	section.la section { display: block; width: 100%; }
	section.la section .img { width: 80%; }
	section.la section .img.l,
	section.la section .img.r { margin: 0 auto 4rem auto; }
}

@media all and (max-width: 700px) {
	/* >–––––––––––––––––––––––––––––––––––––– B –––––––––< */
	section.b section.one { display: block; margin-left: 0; margin-right: 0; width: 100%; }
	section.b section > div { margin: 2rem 0; width: 40vw; }

	/* CLOSING */
	section.closing { text-align: left; }
	section.closing p { text-align: left; }
}

@media all and (max-width: 600px) {
	/* >–––––––––––––––––––––––––––––––––––––– A –––––––––< */
	/*section.a section .img { width: 15rem; }*/
	section.slider nav { display: block; }

	/* >–––––––––––––––––––––––––––––––––––––– B –––––––––< */
	/*section.b section > div { width: 90%; }*/
	section.b section p.big { font-size: 2.5rem; line-height: 2.7rem; }

	/* >–––––––––––––––––––––––––––––––––––––– TESTIMONIALS –––––––––< */
	section.testim blockquote::before { left: -1.5rem; top: -2rem; font-size: 4rem; }
	section.testim blockquote footer { font-size: 1.8rem; line-height: 2.7rem; }

	/* >–––––––––––––––––––––––––––––––––––––– LA –––––––––< */
	section.la section .img { width: 90%; }
	section.la section h2 { margin-bottom: 1rem; font-size: 2.5rem; line-height: 2.7rem; }
}

@media all and (max-width: 500px) {
	/* >–––––––––––––––––––––––––––––––––––––– B –––––––––< */
	section.b section > div { width: 90%; }
}