/* =============================================================================
   colors
   ========================================================================== */
:root {
    --color0: #EEEEEE; /* default */
    --color00: #424242; /* gris foncé */
    --color000: #EEE; /* gris clair */
    --color0000: #F7F7F7;
    --color00000: #F6F6F6;
    --constrain_width: 1280px;
    --padding: 12px 0 36px 0;
    --header_height: 72.5px;
    --max-width: 1440px;
    --background: #FFFFFF;
    --blue: #182A7F;
    --lightBlue: #d4effd;
    --skyBlue: #0091e0;
    --darkBlue: #0b1751;
    --black: #000;
    --red: #d60f3c;
    --green: #088c77;
    --white: #FFF;
    --shadow: 0 .25rem .75rem 0 rgba(0, 0, 0, .1);
    --textColor: #4d5359;
    --padding-4-8: 4px 8px;
    --padding-8: 8px;
    --padding-32: 32px;
    --gradient2: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(83, 237, 216, 1) 100%);
    /* trapezoid - clip-path */
    --trapeze01: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
    --trapeze02: polygon(56% 0, 91% 0, 33% 100%, 0% 100%);
    @media screen and (max-width: 1280px) {
        --constrain_width: 100%;
    }
}


/* =============================================================================
   FONT-FACE
   ========================================================================== */

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-VariableFont.ttf') format("truetype-variations");
    font-weight: 300 800;
}


/* =============================================================================
        $Icones
   ========================================================================== */
@font-face {
    font-family: 'icoESG';
    src: url('fonts/icoESG.woff') format('woff'), url('fonts/icoCof.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icoESG"], [class*=" icoESG"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icoESG' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    font-size: 2rem;
}

.icoESG[data-icon]::before {
    content: attr(data-icon);
}