/* PANIER */

#panier {}
#panier.recharge section
{
pointer-events: none;
filter: blur(3px) grayscale(1);
transition: none;
}
#panier:not(.recharge) .chargement {display: none;}
#panier .chargement
{
position: absolute;
left: 49vw;
}
#panier hr
{
margin-top: calc(var(--marges) * 2);
margin-bottom: calc(var(--marges) * 2);
}
#panier form
{
display: flex;
margin: 1em auto;
place-content: center;
place-items: center;
gap: 1em;
flex-wrap: wrap;
}
#panier form label {}
#panier form label i {padding: 0.5em;}
#panier form label input
{
width: 5em;
padding: 0.5em;
background: white;
border: none;
border-radius: 8px;
transition: width 0.5s;
}
#panier form label input:focus {width: 10em;}
#panier form div {width: 100%;}
#panier form div *
{
border: 4px solid var(--rouge);
font-size: 1.5em;
}
#panier form div .prix
{
display: inline-block;
margin-right: -0.2em;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#panier form div [type=submit]
{
display: inline-block;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
@media(max-width: 600px)
{
#panier form {flex-direction: column;}
#panier form label input, #panier form label input:focus {width: 15em;}
}

/* Panier vide et panier transmis */
.panierImg {height: 6em;}

/* CONTACT */

#contact {}
#contact ul
{
display: flex;
margin-top: 1em;
flex-wrap: wrap;
gap: 1em 3em;
place-content: center;
place-content: center;
}
#contact ul li
{
display: flex;
width: 30em;
text-align: left;
text-align-last: left;
}
#contact ul li strong
{
padding: 0.25em;
color: var(--rouge);
font-size: 4em;
font-weight: 800;
}
#contact ul li span {}
#contact section:last-of-type
{
text-align: center;
}
#contact section > a
{
display: inline-block;
margin: calc(var(--marges) / 2);
padding: 1em;
}

/* QUI SOMMES NOUS ? */

#qui {}
#qui ul
{
display: flex;
gap: 1.5em;
place-content: center;
place-items: center;
flex-wrap: wrap;
font-weight: 600;
}
#qui ul li
{
&:before
{
content: '✅';
margin-right: 0.25em;
}
}

/* CLIENTS */

#clients {}
#clients table
{
width: 100%;
max-width: 30em;
margin: auto;
white-space: nowrap;
}
#clients table tr {}
#clients table tr:first-of-type {font-weight: 600;}
#clients table tr:nth-of-type(even) {background: rgba(0,0,0,0.05);}
#clients table tr td {padding: 0.25em;}