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

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

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


section.la section .img.fg { max-width: 38rem; }


/* >–––––––––––––––––––––––––––––––––––––– DIPLOMES –––––––––< */

section.diplm .box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
	section.diplm section {
		flex: 0 0 33%;
		box-sizing: border-box;
		padding: 0 0.5rem;
		margin-bottom: 1rem;
	}
		section.diplm img {
			display: block;
			width: 100%;
			height: auto;
		}






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



@media all and (max-width: 900px) {
	section.diplm section { flex: 0 0 50%; }
}

@media all and (max-width: 500px) {
	section.diplm .box { display: block; }
}