* {box-sizing:border-box;}

:root {
	--bleu-clair:#86c5ed;
	--gris-fonce:#33383d;
}

body{margin:0;padding:0;font-family: 'Epilogue', sans-serif;font-size:95%;}
a:link, a:visited {text-decoration:none;}
img {width:100%;}
header {text-align:center;font-weight:300;}
header h1 {text-align:center;text-transform:uppercase;font-size:2.4rem;font-weight:300;color:var(--bleu-clair);margin-bottom:10px;}
.choix {font-size:2rem;margin-top:0;}
h2 {color:var(--bleu-clair);font-size:2rem;font-weight:300;margin-top:0px;}
section {text-align:center;font-size:12px;}
.grille1 {display:grid; grid-template-columns:25% 25% 50%;width:70vw;margin:0 auto;}
.grille2 {display:grid; grid-template-columns:50% 50%;width:70vw;margin:0 auto;text-align:left;gap:3rem;line-height:150%;}
.grille3 {display:grid; grid-template-columns:repeat(3, 1fr);width:86vw;margin:0 auto;margin-top:2rem;margin-bottom:3rem;text-align:center;gap:1rem;}
footer {background:var(--gris-fonce);color:#fff;text-align:center;padding:20px 0 50px 0;}
footer hr {width:70vw;}

@media screen and (max-width: 1080px) {
	.grille1 {grid-template-columns:1fr;width:80vw;}
	.grille1 img {width:70%;}
	.grille2 {grid-template-columns:100%;width:80vw;}
	.grille3 {grid-template-columns:100%;width:90vw;}

	section {font-size:18px;}
	header h1 {font-size:5rem;}
	h2 {font-size:4rem;}
	.choix {font-size:4rem;}
}