/*********************** Sommaire ****************************
    - Variables colors
*****************************************************************/
* {
    /* Variables colors */
    --color01: rgb(255, 255, 255); /* blanc */
    --color01-c: 255, 255, 255; /* blanc */
    --color02: #FBECEF; /* rose très clair */
    /* --color03: rgb(245, 246, 248);*/ /* gris clair */
    --color03: #E5EBF6; /* gris clair */
    --color04: rgb(254, 245, 225); /* jaune clair */
    --color05: rgb(248, 170, 9); /* orange */
    --color06: rgb(175, 0, 31); /* rouge foncé */
    --color07: rgb(0, 173, 84); /* vert */
    --color08: #7FAEE8; /* bleu */
    --color09: #D5DEED; /* gris moyen */
    --color09-rgb: 213, 222, 237; /* gris moyen */
    --color10: rgb(135, 135, 135); /* gris foncé */
    --color11: #252c62; /* bleu foncé */
    --color11-c: 37, 44, 98; /* bleu foncé */
    --color12: #192663; /* bleu ebra */
    --color12-c: 25, 38, 99; /* bleu foncé */
    --color13: #242424; /* bleu très foncé */
    --color14: #e30613; /* rouge ebra */
    --color14-c: 227, 6, 19; /* rouge ebra */
    --color15: rgb(102, 110, 118);
    --color16: rgb(67, 61, 102);
    --color17: rgb(247, 180, 184);
    --color18: #d3d7de; /* gris bleu */

    --white: var(--color01);
    --black: var(--color13);
    --bleu-ebra: var(--color12);
    --rouge-ebra: var(--color14);
    --rouge-transparent: var(--color17);
    --bleu: var(--color08);
    --bleu-transparent: rgba(var(--color12-c), 0.6);
    --bleu-hover: var(--color11);
    --grey: var(--color09);
    --clear-blue: var(--color03);
    --grey-light: rgba(var(--color09-rgb), 0.3);
    --error: var(--color06);
    --success: var(--color07);
    --success-light: var(--color04);
    --background: var(--color01);
    --background-transparent: rgba(var(--color01-c), 0.3);
    --background-alt: var(--color09);
    --background-dark: var(--color16);
    --text-regular: var(--color15);
    --text-heading: var(--color11);
    --text-surtitre: var(--color14);
    --text-black: var(--color13);
    --text-medium: var(--color09);
    --gradient_libra: radial-gradient(circle,rgba(194, 232, 250, 0) 16%, #009cde 50%, rgba(14, 60, 125, 0) 100%);
    --bleu_libra: #0e3c7d;
    --noir_diverto: rgb(15, 15, 15);

    --gradient: linear-gradient(90deg, #192663 0%, #192663 6.25%, #1A2663 12.5%, #1B2664 18.75%, #1E2665 25%, #222666 31.25%, #282669 37.5%, #30266C 43.75%, #3B256F 50%, #4A2373 56.25%, #5B1E75 62.5%, #701476 68.75%, #890073 75%, #A40069 81.25%, #BF0058 87.5%, #D6003C 93.75%, #E2000B 100%);
    --shadow-1: 0px 0px 20px 0px rgba(0, 0, 0, .3);
    --shadow-2: 0rem .1875rem .375rem rgba(188,197,211,.43);

    --constrain : 1000px;
    --constrain_small : 800px;
    --constrain_medium : 1200px;
    --constrain_large : 100%;




    /* Font Size */
   
  
    --f-4xl : 8rem;
    --f-3xl : 4rem;
    --f-2xl : 3.1rem;
    --f-xl : 2.6rem;
    --f-l : 2.2rem;
    --f-m : 1.6rem;
    --f-s : 1.4rem;
    --f-xs : 1.3rem;
    --f-xxs : 1rem;
    --f-chiffre : 12rem;
    --f-chiffre-valeur : 6rem;
    --f-chiffre-detail : 7rem;
    
}
@media screen and (min-width: 1200px) and (max-width: 1280px) {
    * {

        --f-4xl : 6rem;
        --f-3xl : 4rem;
        --f-2xl : 2.6rem;
        --f-xl : 2.3rem;
        --f-l : 2rem;
        --f-m : 1.6rem;
        --f-s : 1.4rem;
        --f-chiffre : 10rem;
        --f-chiffre-valeur : 6rem;
        --f-chiffre-detail : 6rem;
        
        --constrain_large : var(--constrain_medium);
    }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
    * {
        --f-4xl : 6rem;
        --f-3xl : 4rem;
        --f-2xl : 2.6rem;
        --f-xl : 2.3rem;
        --f-l : 2rem;
        --f-m : 1.6rem;
        --f-s : 1.4rem;
        --f-chiffre : 10rem;
        --f-chiffre-valeur : 4rem;
        
        --constrain_medium : var(--constrain);
        --constrain_large : var(--constrain_medium);
    }
}
@media screen and (max-width: 1000px) {
    * {
        --f-4xl : 6rem;
        --f-3xl : 4rem;
        --f-2xl : 2.6rem;
        --f-xl : 2.3rem;
        --f-l : 2rem;
        --f-m : 1.6rem;
        --f-s : 1.4rem;
        --f-chiffre : 6rem;
        --f-chiffre-valeur : 4rem;
        
        --constrain : 100%;
        --constrain_medium : var(--constrain);
        --constrain_large : var(--constrain_medium);
    }
}
@media screen and (max-width: 800px) {
    * {
        --f-4xl : 5rem;
        --constrain_small : 100%;
    }
}