@media (hover: none) {
}
@media (hover: hover) {
    a:hover {
    }
    .footer a:hover{
        color:var(--color-black);
    }
    .button:hover{
        background-color: var(--color-yellow-hover);
        box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
    }
    .buttonlight:hover{
        color: var(--color-black);
        border: 1px solid var(--color-black);
    }
    .categorie.fiche:hover{
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }
    .categorie:hover{
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    }
    .prestation:hover{
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        #box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

    }
    .prestation>.book>a:hover{
        color: var(--color-black);
        border: 1px solid var(--color-black);
    }

}
@media (min-width: 1800px) {
    .container {
        padding: 0px;
    }
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
    #cnil .btns{
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .prestation{
        display: grid;
        grid-template-areas: "a b b b" "a c d e" "f f f f" "g g g g";
        grid-template-columns: 120px 1fr 1fr 2fr;
        grid-template-rows: auto auto auto 20px;
    }
}
@media (max-width: 575px) {
    .button{
        padding: 6px 10px;
    }
    .categorie {
        display: grid;
        grid-template-areas: "b" "c" "d";
        grid-template-columns: 1fr;
    }
    .categorie>.image{
        display: none;
    }
    .prestation{
        display: grid;
        grid-template-areas: "b b b" "c d e" "f f f" "g g g";
        grid-template-columns: 1fr 1fr 2fr;
        grid-template-rows: auto auto 1fr 20px;
    }
    .prestation>.image{
        display: none;
    }
    .prestation>.price{
        text-align: left;
    }
    .prestation>.time{
        text-align: left;
    }
    .prestation>.desc{
        font-size: 15px;
    }
}
@media (max-width: 479px) {
    .footer .columns{
        display: block;
    }
    .footer .columns>*{
        margin-bottom: 20px;
    }
    .footer .logo {
        width: 50%;
        margin: 0 auto;
    }
}

@media (max-width: 370px) {
}