:root {

    /* Layout */

    --paddingWideSize: calc((100vw - var(--wideSize))/2);
    --fullSize :  calc(100vw - var(--scrollbar-width));

    /* Padding top et bottom sur les blocks de type block-group */
    --spacingBlockGroup: 3rem;

    /* --mobile-container-margin-correction: -0.5rem; */



    --submenu-width: 200px;
    --submenu-padding: 0.75rem 0.75rem;

    /* Arrondis */
    --arrondi-small: 5px;
    --arrondi-medium: 10px;
    --arrondi-large: 15px;

    --arrondi-bouton-small: 0.35rem;
    --arrondi-bouton-medium: 0.4rem;
    --arrondi-bouton-large: 0.7rem;
    --arrondi-bouton-x-large: 999rem;

    --arrondi-modale: 30px;

    --arrondi-form-field: 0.25rem;

    /* Outline */
    --couleur-outline: var(--couleur1);

    /* Transitions */

    --transition-basic-duration: .3s;
    --transition-menu-duration: .5s;
    --transition-basic-timing-function: ease;
    --transition-menu-timing-function: ease;
    --transition-basic: var(--transition-basic-duration) var(--transition-basic-timing-function) all;
    --transition-menu: var(--transition-menu-duration) var(--transition-menu-timing-function) all;

    /* Ombrages */
    --box-shadow-basic: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
    --box-shadow-diffus: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    --box-shadow-diffus-over: 6px 6px 8px 0px rgba(0, 0, 0, 0.3);
    --box-shadow-diffus-select: 0px 3px 6px 0px rgba(0, 0, 0, 0.06) inset;

    --text-shadow-basic: 0px 0px 0.3rem rgba(0, 0, 0, 0.5);

    /* Typos */

    /* 1rem = 16px, sauf si zoom + ou - du navigateur */
    --font-size-base: 1rem;

    --font-size-menu-principal: var(--font-size-medium);
    --font-size-menu-drawer: var(--font-size-x-large);
    --font-size-sous-menu-principal: var(--font-size-small);
    --font-size-menu-footer: var(--font-size-medium);

    --font-size-input-normal: 1rem;
    --padding-input-normal: 0.65rem 1rem;

    --font-size-button-small: 0.9rem;
    --font-size-button-medium: 1.2rem;
    --font-size-button-large: 1.4rem;
    --font-size-button-x-large: 1.6rem;

    /* Boutons */
    --padding-size-button-small: 0.4rem 0.7rem;
    --padding-size-button-medium: 0.5rem 1rem;
    --padding-size-button-large: 0.9rem 1.8rem;
    --padding-size-button-x-large: 1.5rem 4rem;

    /* Arrow up */
    --arrow-up-width: 75px;

    /* Menu mobile */
    --burger-menu-padding-top: 2.5vh;
    --burger-menu-padding-bottom: 3vh;
    --burger-menu-padding-left: 5vw;
    --burger-menu-padding-right: 5vw;

    --header-menu-flex-logo: 1.2;
    --header-menu-flex-boutons: 0.5;

    /*Menu drawer*/
    --menu-drawer-width : 50vw;
    --menu-closer-width : 2rem;
    --menu-drawer-padding : 2rem;

}