:root
{
--marges: 5vmin;
}
main {}

/* HEADER */

header
{
width: 100%;
height: 100vh;
background: url(Fonds/Entete.webp) no-repeat center / cover fixed;
}
header h1
{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
header h1 img
{
width: 90vmin;
height: 90vmin;
object-fit: contain;
filter: drop-shadow(0 0 5vw #c48093);
}
#defile
{
--couleur: black;
--ombre: transparent;
}

/* SECTIONS */

main > section
{
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 100%;
padding: var(--marges);
background: no-repeat center / cover;
text-align: justify;
}
main > section h2
{
max-width: 30em;
margin-bottom: calc(var(--marges) / 2);
text-align: center;
text-wrap: balance;
}

/* Infos */
#infos
{
display: flex;
min-height: 100vh;
/*background-image: url(Fonds/Fond.webp);*/
flex-direction: column;
place-content: center;
place-items: center;
gap: 2em;
}
#infos .visages {max-width: 50vw;}
#infos p
{
text-align: center;
}
#infos p .tel
{
display: inline-block;
padding: 0.5em;
border: 0.25em solid black;
border-radius: 1em;
font-size: 1.25em;
font-weight: 800;
&:hover
{
background: black;
color: var(--rose);
}
}
#infos p .rs
{
display: inline-block;
padding: 0.5em;
& a {display: block;}
& img {height: 3em;}
}

/* Footer */
footer
{
padding: 0.5em;
font-size: 0.8em;
text-align: center;
}