:root {

            --vert-gravel: #1f451a;

            --vert-clair: #eaf1e8;

            --fond: #f6f7f4;

        }


        body {

            margin: 0;

            background: var(--fond);

            color: #222;

            font-family: Arial, sans-serif;

        }


        /*
        |--------------------------------------------------------------------------
        | FOOTER
        |--------------------------------------------------------------------------
        */

        footer {

            background: var(--vert-gravel);

            color: white;

        }


        footer a {

            color: white;

            text-decoration: none;

        }


        footer a:hover {

            text-decoration: underline;

        }
        /* =========================================================
   PUBLICITÉ
========================================================= */

.ad-space {

    width: 100%;

    min-height: 110px;

    background: #ffffff;

    border: 1px dashed #adb5bd;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    color: #8a8f94;

    margin-bottom: 30px;

}

.ad-horizontal {

    min-height: 110px;

}

.ad-content {

    padding: 20px;

}

.ad-label {

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #6c757d;

    margin-bottom: 5px;

}

.ad-placeholder {

    font-size: 14px;

    color: #8a8f94;

}