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

#iViewport aside.f:first-child .l {
    background-color: #EDF5CE;
}

#iViewport aside.f:first-child .c {
    background-color: #FFFABA;
}


/* >–––––––––––––––––––––––––––––––––––––– HYPNOSE –––––––––< */

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


/* >–––––––––––––––––––––––––––––––––––––– SÉANCES –––––––––< */

section.prods .imag { width: 100%; }
section.prods .imag img { display: block; width: 100%; height: auto; }


/* >–––––––––––––––––––––––––––––––––––––– CHAMPS APPLICATIFS –––––––––< */

section.champs .tableau section {
	display: flex;
	padding: 3rem 1rem;
	font-size: 2.5rem; line-height: 2.6rem;
	text-align: left;
}
section.champs .tableau section.title { 
	padding: 2rem 1rem;
	font-size: 2rem; line-height: 2rem;
	border-bottom: 2px solid #000; 
}
section.champs .tableau section.winner {
	font-family: "GaramondURW W01 Bold", sans-serif;
	font-size: 3rem;
}

	section.champs .tableau section > div { 
		flex-grow: 1;
		flex: 0 0 40%;
		box-sizing: border-box;
		padding: 0 1.5rem;
	}
	section.champs .tableau section > div:first-child { 
		flex: 0 0 20%; 
	}


/* >–––––––––––––––––––––––––––––––––––––– PRIX –––––––––< */

section.prix section.prixitems {
	display: flex;
	margin-bottom: 6rem;
}
	section.prix .item {
		flex: 0 0 50%;
		display: flex;
	}

	section.prix .item .img {
		flex: 0 0 20rem;
	}
		section.prix .item img { display: block; width: 100%; height: auto; }

	section.prix .item .txt {
		/*flex: 0 0 30%;*/
		box-sizing: border-box;
		padding: 0 2rem;
	}





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



@media all and (max-width: 1000px) {
	/* PRIX –––––––––< */
	section.prix .item .img { flex: 0 0 30%; }
}

@media all and (max-width: 800px) {
	/* CHAMPS APPLICATIFS –––––––––< */
	section.champs .tableau section { font-size: 2rem; line-height: 2.1rem; }
	section.champs .tableau section.winner { font-size: 2.5rem; }
}

@media all and (max-width: 600px) {
	/* CHAMPS APPLICATIFS –––––––––< */
	section.champs .tableau section { flex-wrap: wrap; font-size: 1.8rem; line-height: 2rem; }
	section.champs .tableau section.winner { font-size: 2.2rem; }
	section.champs .tableau section > div { flex: 0 0 50%; }
	section.champs .tableau section > div:first-child { flex: 0 0 100%; margin-bottom: 1rem; font-size: 3rem; }

	/* PRIX –––––––––< */
	section.prix section.prixitems { display: block; }
	section.prix .item { margin-bottom: 2rem; width: 100%; }
}