test {rien:rien;}
footer {font-size: 0.8em;    border-top: 4px solid black;    margin-top: 5em;    margin-left: 20px;    margin-right: 20px;    margin-left: clamp(20px,5vw,80px);    margin-right: clamp(20px,5vw,80px);}
footer .bas {display: flex;        gap: 1.67%;        gap: 5%;        align-items: center;}
footer .bas .gauche {display: block;            flex: 0 0 27%;            padding: 20px 0;}
footer .bas .gauche a {display: block;                margin: 0 auto;                max-width: 200px;}
footer .bas .gauche a img {width: 100% !important;                    height: auto !important;}
footer .droite {padding: 17px 0;        column-width: 200px;         column-gap: 20px;}
footer .droite a {display: inline-block;            line-height: 110%;            width: 100%;            padding: 3px 0;            break-inside: avoid;             color: black;            text-decoration: none;            font-weight: bold;            text-wrap: balance;}
footer .droite a:hover {color: var(--marron);}
footer .droite a:focus {color: var(--marron);}
footer #reseaux {display: flex;        border-bottom: 4px solid black;        padding: 15px 0;        gap: 15px;        justify-content: space-between;        font-size: 1.2em;}
footer #reseaux .lettre a {color: black;                text-decoration: none;}
footer #reseaux .lettre a:hover {color: var(--marron);}
footer #reseaux .lettre a:focus {color: var(--marron);}
footer #reseaux .lettre .logo_lettre {display: inline-block;                width: 34px;                vertical-align: middle;                margin-left: 5px;}
footer #reseaux .lettre .logo_lettre svg path {fill: currentColor;}
footer #reseaux .suiveznous a {display: inline-block;            margin-left: 5px;            margin-bottom: 5px;            transform: translateY(5px);            width: 20px;}
footer #reseaux .suiveznous a svg path {fill: var(--marron) !important;                transition: fill 0.2s;}
footer #reseaux .suiveznous a:hover svg path {fill: black !important;}
@media (max-width: 960px){
footer .bas .gauche{display: none;}
footer #reseaux{flex-direction: column;            text-align: center;}
}
@media (max-width: 500px){
footer .droite{column-width: 150px;}
}