/* VARIABLES */
:root{
    /* COLORS */
    --body-bg : #eeeeee;

    --main-blue : #4274b4;
    --main-pink : #FA285B;
    --main-red : #ff1414;
    --main-active : hsl(19, 95%, 57%);
    --main-active-f : hsl(19, 95%, 37%);
    --main-grey : #4b4b4b;
    --main-grey-title : #595959;
    --main-pink-pale : #f092a9;
    --main-yellow : #ede42d;

    /* FONTS */
    --main-size : 16px;
    --font-main : 'Fira Sans', sans-serif;
    --font-awesome : "Font Awesome 6 Pro";
    --font-awesome-sharp : "Font Awesome 6 Sharp";
    --font-awesome-brands : "Font Awesome 6 Brands";
    --font-title : 'Yeseva One', cursive;
    --font-condensed: 'Ubuntu Condensed', 'Ubuntu', sans-serif !important;

    /* SECTIONS */
    --section-padding : 4em;

    --page-titre-height : 400px;
    --page-titre-actu-height : 76px;

    --header-max-width : 1340px;
    --header-height : 70px;
    --header-small-height : 40px;
    --logo-size : 150px;
    --reseaux-size : 300px;
    --menu-divers-size : 40px;
    --header-padding-side : 24px;

    --boutons-margin : 1.8%;
    --boutons-margin : 1.8%;
	--boutons-radius : 6px;
	--boutons-radius-pill : 20px;
	--menu-rond-size : 80px;
	--couleur-reseaux : #4c4c4c;

	--box-shadow : 0 0 20px 0px rgba(50, 50, 50, .3);
	--box-shadow-hover : 0 0 20px 0px rgba(50, 50, 50, .6);

	--sous-menu-hover : rgb(254, 226, 46);
	--sous-menu-hover-o : rgba(254, 226, 46, .7);

    --transition-all : all .3s ease-in-out;

    /* COLOR BG */
    --bg-alternants : hsl(212, 52%, 48%);
    --bg-entreprises : hsl(332, 77%, 59%);
    --bg-tuteurs : hsl(95, 50%, 47%);
    --bg-cfa : hsl(282, 70%, 62%);
    --bg-adm : hsl(20, 75%, 60%);

        /* foncé : -15l */
    --bg-f-alternants : hsl(212, 52%, 33%);
    --bg-f-entreprises : hsl(332, 77%, 44%);
    --bg-f-tuteurs : hsl(95, 50%, 32%);
    --bg-f-cfa : hsl(282, 70%, 47%);
    --bg-f-adm : hsl(20, 75%, 45%);

        /* très foncé : -25l */
    --bg-ff-alternants : hsl(212, 52%, 23%);
    --bg-ff-entreprises : hsl(332, 77%, 34%);
    --bg-ff-tuteurs : hsl(95, 50%, 22%);
    --bg-ff-cfa : hsl(282, 70%, 37%);
    --bg-ff-adm : hsl(20, 75%, 35%);

        /* clair : +10s +15l */
    --col-alternants : hsl(212, 62%, 63%);
    --col-entreprises : hsl(332, 87%, 74%);
    --col-tuteurs : hsl(95, 60%, 62%);
    --col-cfa : hsl(282, 80%, 77%);
    --col-adm : hsl(20, 85%, 75%);

        /* clair : +10s +25l */
    --col-c-alternants : hsl(212, 62%, 73%);
    --col-c-entreprises : hsl(332, 87%, 84%);
    --col-c-tuteurs : hsl(95, 60%, 72%);
    --col-c-cfa : hsl(282, 80%, 87%);
    --col-c-adm : hsl(20, 85%, 85%);

     /* complémentaire +180h + retouches */
     --bg-i-alternants : hsl(32, 63%, 38%);
     --bg-i-entreprises : hsl(187, 53%, 39%);
     --bg-i-tuteurs : hsl(275, 50%, 47%);
     --bg-i-cfa : hsl(102, 60%, 47%);
     --bg-i-adm : hsl(200, 53%, 39%);
}

@media screen and (max-width: 1079px) {
    :root {
        --section-padding : 1em;
        --logo-size : 70px;
        --header-height : 50px;
        --header-max-width : 100vw;
        --header-small-height : 50px;
        --header-padding-side : 16px;
        --page-titre-height : 300px;
    }
}