/*
Styles globaux de l'application

Section: Position, taille et espacement

Auteur: Nathan Cerisara
*/



/* /-----/ Classes de base pour gérer le positionnement \-----\ */


/* Lignes / colonnes */

.row{
    display: flex;
    flex-direction: row;
}

.flex_wrap{
    flex-wrap: wrap;
}

.col{
    display: flex;
    flex-direction: column;
}


.resp_row_col{
    display: flex;
}

@media (max-aspect-ratio: 1) {
    .resp_row_col{
        flex-direction: column;
    }
}
@media (min-aspect-ratio: 1) {
    .resp_row_col{
        flex-direction: row;
    }
}


/* Alignment */

.center_h {
    display: flex;
    justify-content: center;
    text-align: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.center_v {
    display: flex;
    align-items: center;
    height: auto;
    margin-bottom: auto;
    margin-top: auto;
}

.left_align {
    text-align: left;
    align-items: left;
    justify-content: left;
}

.left_align * {
    text-align: left;
    align-items: left;
    justify-content: left;
}

.right_align {
    text-align: right;
    align-items: right;
    justify-content: right;
}

.right_align * {
    text-align: right;
    align-items: right;
    justify-content: right;
}

/* Containers */


.main_container{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.container{
    display: flex;
}

.h_scroll{
    padding-left: 10px;
    padding-right: 10px;
    overflow-x: auto;
}

.v_scroll{
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-y: auto;
}

.separator_v_small{
    display: flex;
    height: var(--size_small);
}

.separator_v_normal{
    display: flex;
    height: var(--size_normal);
}

.separator_v_large{
    display: flex;
    height: var(--size_large);
}

/* Sizes */

.font_extra_large, .font_extra_large *{
    font-size: var(--font_size_extra_large);
}

.font_large, .font_large *{
    font-size: var(--font_size_large);
}

.font_larger, .font_larger *{
    font-size: var(--font_size_larger);
}

.font_normal, .font_normal *{
    font-size: var(--font_size_normal);
}

.font_smaller, .font_smaller *{
    font-size: var(--font_size_smaller);
}

.font_small, .font_small *{
    font-size: var(--font_size_small);
}

.font_extra_small, .font_extra_small *{
    font-size: var(--font_size_extra_small);
}


.size_gggl{
    max-width: var(--size_gggl);
    max-height: var(--size_gggl);
}

.size_ggl{
    max-width: var(--size_ggl);
    max-height: var(--size_ggl);
}

.size_giga_large{
    max-width: var(--size_giga_large);
    max-height: var(--size_giga_large);
}

.size_uuul{
    max-width: var(--size_uuul);
    max-height: var(--size_uuul);
}

.size_uul{
    max-width: var(--size_uul);
    max-height: var(--size_uul);
}

.size_ultra_large{
    max-width: var(--size_ultra_large);
    max-height: var(--size_ultra_large);
}

.size_xxxl{
    max-width: var(--size_xxxl);
    max-height: var(--size_xxxl);
}

.size_xxl{
    max-width: var(--size_xxl);
    max-height: var(--size_xxl);
}

.size_extra_large{
    max-width: var(--size_extra_large);
    max-height: var(--size_extra_large);
}

.size_large{
    max-width: var(--size_large);
    max-height: var(--size_large);
}

.size_larger{
    max-width: var(--size_larger);
    max-height: var(--size_larger);
}

.size_normal{
    max-width: var(--size_normal);
    max-height: var(--size_normal);
}

.size_smaller{
    max-width: var(--size_smaller);
    max-height: var(--size_smaller);
}

.size_small{
    max-width: var(--size_small);
    max-height: var(--size_small);
}

.size_extra_small{
    max-width: var(--size_extra_small);
    max-height: var(--size_extra_small);
}

.size_tiny{
    max-width: var(--size_tiny);
    max-height: var(--size_tiny);
}

.size_extra_tiny{
    max-width: var(--size_extra_tiny);
    max-height: var(--size_extra_tiny);
}
.min_width_gggl{
    min-width: var(--size_gggl);
}

.min_width_ggl{
    min-width: var(--size_ggl);
}

.min_width_giga_large{
    min-width: var(--size_giga_large);
}

.min_width_uuul{
    min-width: var(--size_uuul);
}

.min_width_uul{
    min-width: var(--size_uul);
}

.min_width_large{
    min-width: var(--size_ultra_large);
}

.min_width_xxxl{
    min-width: var(--size_xxxl);
}

.min_width_xxl{
    min-width: var(--size_xxl);
}

.min_width_extra_large{
    min-width: var(--size_extra_large);
}

.min_width_large{
    min-width: var(--size_large);
}

.min_width_larger{
    min-width: var(--size_larger);
}

.min_width_normal{
    min-width: var(--size_normal);
}

.min_width_smaller{
    min-width: var(--size_smaller);
}

.min_width_small{
    min-width: var(--size_small)
}

.min_width_extra_small{
    min-width: var(--size_extra_small);
}

.min_width_tiny{
    min-width: var(--size_tiny);
}

.min_width_extra_tiny{
    min-width: var(--size_extra_tiny);
}


.min_height_gggl{
    min-height: var(--size_gggl);
}

.min_height_ggl{
    min-height: var(--size_ggl);
}

.min_height_giga_large{
    min-height: var(--size_giga_large);
}

.min_height_uuul{
    min-height: var(--size_uuul);
}

.min_height_uul{
    min-height: var(--size_uul);
}

.min_height_ultra_large{
    min-height: var(--size_ultra_large);
}

.min_height_xxxl{
    min-height: var(--size_xxxl);
}

.min_height_xxl{
    min-height: var(--size_xxl);
}

.min_height_extra_large{
    min-height: var(--size_extra_large);
}

.min_height_large{
    min-height: var(--size_large);
}

.min_height_larger{
    min-height: var(--size_larger);
}

.min_height_normal{
    min-height: var(--size_normal);
}

.min_height_smaller{
    min-height: var(--size_smaller);
}

.min_height_small{
    min-height: var(--size_small);
}

.min_height_extra_small{
    min-height: var(--size_extra_small);
}

.min_height_tiny{
    min-height: var(--size_tiny);
}

.min_height_extra_tiny{
    min-height: var(--size_extra_tiny);
}


.max_width_gggl{
    max-width: var(--size_gggl);
}

.max_wdith_ggl{
    max-width: var(--size_ggl);
}

.max_width_giga_large{
    max-width: var(--size_giga_large);
}

.max_width_uuul{
    max-width: var(--size_uuul);
}

.max_width_uul{
    max-width: var(--size_uul);
}

.max_width_ultra_large{
    max-width: var(--size_ultra_large);
}

.max_width_xxxl{
    max-width: var(--size_xxxl);
}

.max_width_xxl{
    max-width: var(--size_xxl);
}

.max_width_extra_large{
    max-width: var(--size_extra_large);
}

.max_width_large{
    max-width: var(--size_large);
}

.max_width_larger{
    max-width: var(--size_larger);
}

.max_width_normal{
    max-width: var(--size_normal);
}

.max_width_smaller{
    max-width: var(--size_smaller);
}

.max_width_small{
    max-width: var(--size_small);
}

.max_width_extra_small{
    max-width: var(--size_extra_small);
}

.max_width_tiny{
    max-width: var(--size_tiny);
}

.max_width_extra_tiny{
    max-width: var(--size_extra_tiny);
}


.max_height_gggl{
    max-height: var(--size_gggl);
}

.max_height_ggl{
    max-height: var(--size_ggl);
}

.max_height_giga_large{
    max-height: var(--size_giga_large);
}

.max_height_uuul{
    max-height: var(--size_uuul);
}

.max_height_uul{
    max-height: var(--size_uul);
}

.max_height_ultra_large{
    max-height: var(--size_ultra_large);
}

.max_height_xxxl{
    max-height: var(--size_xxxl);
}

.max_height_xxl{
    max-height: var(--size_xxl);
}

.max_height_extra_large{
    max-height: var(--size_extra_large);
}

.max_height_large{
    max-height: var(--size_large);
}

.max_height_larger{
    max-height: var(--size_larger);
}

.max_height_normal{
    max-height: var(--size_normal);
}

.max_height_smaller{
    max-height: var(--size_smaller);
}

.max_height_small{
    max-height: var(--size_small);
}

.max_height_extra_small{
    max-height: var(--size_extra_small);
}

.max_height_tiny{
    max-height: var(--size_tiny);
}

.max_height_extra_tiny{
    max-height: var(--size_extra_tiny);
}


/* Flex */

.flex{
    display: flex;
}

.flexgrow_0{
    flex-grow: 0;
}

.flexgrow_1{
    flex-grow: 1;
}

.flexgrow_2{
    flex-grow: 2;
}

.flexgrow_3{
    flex-grow: 3;
}

.flexgrow_5{
    flex-grow: 5;
}

.flexgrow_10{
    flex-grow: 10;
}

.flexgrow_20{
    flex-grow: 20;
}

.flexgrow_100{
    flex-grow: 100;
}

.flex_wrap{
    flex-wrap: wrap;
}

.flex_item_50{
    flex: 1 1 50%;
}

.flex_item_30{
    flex: 1 1 30%;
}

.flex_item_2O{
    flex: 1 1 20%;
}

.flex_item_15{
    flex: 1 1 15%;
}

.flex_item_10{
    flex: 1 1 10%;
}

/* /-----/ Classes de base pour gérer la taille des éléments \-----\ */

/* Tailles responsives */


.w_xxxl{
    max-width: var(--size_xxxl);
}

.w_xxl{
    max-width: var(--size_xxl);
}

.w_extra_large{
    max-width: var(--size_extra_large);
}

.w_large{
    max-width: var(--size_large);
}

.w_larger{
    max-width: var(--size_larger);
}

.w_normal{
    max-width: var(--size_normal);
}

.w_smaller{
    max-width: var(--size_smaller);
}

.w_small{
    max-width: var(--size_small);
}

.w_extra_small{
    max-width: var(--size_extra_small);
}

.w_tiny{
    max-width: var(--size_tiny);
}

.w_extra_tiny{
    max-width: var(--size_extra_tiny);
}

.h_xxxl{
    max-height: var(--size_xxxl);
}

.h_xxl{
    max-height: var(--size_xxl);
}

.h_extra_large{
    max-height: var(--size_extra_large);
}

.h_large{
    max-height: var(--size_large);
}

.h_larger{
    max-height: var(--size_larger);
}

.h_normal{
    max-height: var(--size_normal);
}

.h_smaller{
    max-height: var(--size_smaller);
}

.h_small{
    max-height: var(--size_small);
}

.h_extra_small{
    max-height: var(--size_extra_small);
}

.h_tiny{
    max-height: var(--size_tiny);
}

.h_extra_tiny{
    max-height: var(--size_extra_tiny);
}

/* Tailles fixes */

.w_auto{
    width: auto;
}

.h_auto{
    height: auto;
}

.w_100{
    width: 100%;
}

.w_95{
    width: 95%;
}

.w_90{
    width: 90%;
}

.w_80{
    width: 80%;
}

.w_75{
    width: 75%;
}

.w_50{
    width: 50%;
}

.w_25{
    width: 25%;
}

.w_20{
    width: 20%;
}

.h_100{
    height: 100%;
}

.h_95{
    height: 95%;
}

.h_90{
    height: 90%;
}

.h_80{
    height: 80%;
}

.h_75{
    height: 75%;
}

.h_50{
    height: 50%;
}

.h_25{
    height: 25%;
}

.h_20{
    height: 20%;
}

.vh_100{
    height: 100vh;
}

.vh_90{
    height: 90vh;
}

.vh_80{
    height: 80vh;
}

.vh_70{
    height: 70vh;
}

.vh_60{
    height: 60vh;
}

.vh_50{
    height: 50vh;
}

.vh_40{
    height: 40vh;
}

.vh_30{
    height: 30vh;
}

.vh_20{
    height: 20vh;
}

.vh_10{
    height: 10vh;
}

.vw_100{
    width: 100vw;
}

.vw_90{
    width: 90vw;
}

.vw_80{
    width: 80vw;
}

.vw_70{
    width: 70vw;
}

.vw_60{
    width: 60vw;
}

.vw_50{
    width: 50vw;
}

.vw_40{
    width: 40vw;
}

.vw_30{
    width: 30vw;
}

.vw_20{
    width: 20vw;
}

.vw_10{
    width: 10vw;
}


.w_max_100{
    max-width: 100%;
}

.w_max_95{
    max-width: 95%;
}

.w_max_90{
    max-width: 90%;
}

.w_max_80{
    max-width: 80%;
}

.w_max_75{
    max-width: 75%;
}

.w_max_50{
    max-width: 50%;
}

.w_max_25{
    max-width: 25%;
}

.w_max_20{
    max-width: 20%;
}

.h_max_100{
    max-height: 100%;
}

.h_max_95{
    max-height: 95%;
}

.h_max_90{
    max-height: 90%;
}

.h_max_80{
    max-height: 80%;
}

.h_max_75{
    max-height: 75%;
}

.h_max_50{
    max-height: 50%;
}

.h_max_25{
    max-height: 25%;
}

.h_max_20{
    max-height: 20%;
}

.vh_max_100{
    max-height: 100vh;
}

.vh_max_90{
    max-height: 90vh;
}

.vh_max_80{
    max-height: 80vh;
}

.vh_max_70{
    max-height: 70vh;
}

.vh_max_60{
    max-height: 60vh;
}

.vh_max_50{
    max-height: 50vh;
}

.vh_max_40{
    max-height: 40vh;
}

.vh_max_30{
    max-height: 30vh;
}

.vh_max_20{
    max-height: 20vh;
}

.vh_max_10{
    max-height: 10vh;
}

.vw_max_100{
    max-width: 100vw;
}

.vw_max_90{
    max-width: 90vw;
}

.vw_max_80{
    max-width: 80vw;
}

.vw_max_70{
    max-width: 70vw;
}

.vw_max_60{
    max-width: 60vw;
}

.vw_max_50{
    max-width: 50vw;
}

.vw_max_40{
    max-width: 40vw;
}

.vw_max_30{
    max-width: 30vw;
}

.vw_max_20{
    max-width: 20vw;
}

.vw_max_10{
    max-width: 10vw;
}


.w_min_100{
    min-width: 100%;
}

.w_min_95{
    min-width: 95%;
}

.w_min_90{
    min-width: 90%;
}

.w_min_80{
    min-width: 80%;
}

.w_min_75{
    min-width: 75%;
}

.w_min_50{
    min-width: 50%;
}

.w_min_25{
    min-width: 25%;
}

.w_min_20{
    min-width: 20%;
}

.h_min_100{
    min-height: 100%;
}

.h_min_95{
    min-height: 95%;
}

.h_min_90{
    min-height: 90%;
}

.h_min_80{
    min-height: 80%;
}

.h_min_75{
    min-height: 75%;
}

.h_min_50{
    min-height: 50%;
}

.h_min_25{
    min-height: 25%;
}

.h_min_20{
    min-height: 20%;
}

.vh_min_100{
    min-height: 100vh;
}

.vh_min_90{
    min-height: 90vh;
}

.vh_min_80{
    min-height: 80vh;
}

.vh_min_70{
    min-height: 70vh;
}

.vh_min_60{
    min-height: 60vh;
}

.vh_min_50{
    min-height: 50vh;
}

.vh_min_40{
    min-height: 40vh;
}

.vh_min_30{
    min-height: 30vh;
}

.vh_min_20{
    min-height: 20vh;
}

.vh_min_10{
    min-height: 10vh;
}

.vw_min_100{
    min-width: 100vw;
}

.vw_min_90{
    min-width: 90vw;
}

.vw_min_80{
    min-width: 80vw;
}

.vw_min_70{
    min-width: 70vw;
}

.vw_min_60{
    min-width: 60vw;
}

.vw_min_50{
    min-width: 50vw;
}

.vw_min_40{
    min-width: 40vw;
}

.vw_min_30{
    min-width: 30vw;
}

.vw_min_20{
    min-width: 20vw;
}

.vw_min_10{
    min-width: 10vw;
}


/* /-----/ Classes de base pour gérer les marges et le padding \-----\ */


/* Avec valeurs responsives */

.m_extra_large{
    margin: var(--size_extra_large);
}

.m_large{
    margin: var(--size_large);
}

.m_larger{
    margin: var(--size_larger);
}

.m_normal{
    margin: var(--size_normal);
}

.m_smaller{
    margin: var(--size_smaller);
}

.m_small{
    margin: var(--size_small);
}

.m_extra_small{
    margin: var(--size_extra_small);
}

.m_tiny{
    margin: var(--size_tiny);
}

.m_extra_tiny{
    margin: var(--size_extra_tiny);
}

.m_r_extra_large{
    margin-right: var(--size_extra_large);
}

.m_r_large{
    margin-right: var(--size_large);
}

.m_r_larger{
    margin-right: var(--size_larger);
}

.m_r_normal{
    margin-right: var(--size_normal);
}

.m_r_smaller{
    margin-right: var(--size_smaller);
}

.m_r_small{
    margin-right: var(--size_small);
}

.m_r_extra_small{
    margin-right: var(--size_extra_small);
}

.m_r_tiny{
    margin-right: var(--size_tiny);
}

.m_r_extra_tiny{
    margin-right: var(--size_extra_tiny);
}

.m_l_extra_large{
    margin-left: var(--size_extra_large);
}

.m_l_large{
    margin-left: var(--size_large);
}

.m_l_larger{
    margin-left: var(--size_larger);
}

.m_l_normal{
    margin-left: var(--size_normal);
}

.m_l_smaller{
    margin-left: var(--size_smaller);
}

.m_l_small{
    margin-left: var(--size_small);
}

.m_l_extra_small{
    margin-left: var(--size_extra_small);
}

.m_l_tiny{
    margin-left: var(--size_tiny);
}

.m_l_extra_tiny{
    margin-left: var(--size_extra_tiny);
}

.m_t_extra_large{
    margin-top: var(--size_extra_large);
}

.m_t_large{
    margin-top: var(--size_large);
}

.m_t_larger{
    margin-top: var(--size_larger);
}

.m_t_normal{
    margin-top: var(--size_normal);
}

.m_t_smaller{
    margin-top: var(--size_smaller);
}

.m_t_small{
    margin-top: var(--size_small);
}

.m_t_extra_small{
    margin-top: var(--size_extra_small);
}

.m_t_tiny{
    margin-top: var(--size_tiny);
}

.m_t_extra_tiny{
    margin-top: var(--size_extra_tiny);
}

.m_b_extra_large{
    margin-bottom: var(--size_extra_large);
}

.m_b_large{
    margin-bottom: var(--size_large);
}

.m_b_larger{
    margin-bottom: var(--size_larger);
}

.m_b_normal{
    margin-bottom: var(--size_normal);
}

.m_b_smaller{
    margin-bottom: var(--size_smaller);
}

.m_b_small{
    margin-bottom: var(--size_small);
}

.m_b_extra_small{
    margin-bottom: var(--size_extra_small);
}

.m_b_tiny{
    margin-bottom: var(--size_tiny);
}

.m_b_extra_tiny{
    margin-bottom: var(--size_extra_tiny);
}


.p_extra_large{
    padding: var(--size_extra_large);
}

.p_large{
    padding: var(--size_large);
}

.p_larger{
    padding: var(--size_larger);
}

.p_normal{
    padding: var(--size_normal);
}

.p_smaller{
    padding: var(--size_smaller);
}

.p_small{
    padding: var(--size_small);
}

.p_extra_small{
    padding: var(--size_extra_small);
}

.p_tiny{
    padding: var(--size_tiny);
}

.p_extra_tiny{
    padding: var(--size_extra_tiny);
}

.p_r_extra_large{
    padding-right: var(--size_extra_large);
}

.p_r_large{
    padding-right: var(--size_large);
}

.p_r_larger{
    padding-right: var(--size_larger);
}

.p_r_normal{
    padding-right: var(--size_normal);
}

.p_r_smaller{
    padding-right: var(--size_smaller);
}

.p_r_small{
    padding-right: var(--size_small);
}

.p_r_extra_small{
    padding-right: var(--size_extra_small);
}

.p_r_tiny{
    padding-right: var(--size_tiny);
}

.p_r_extra_tiny{
    padding-right: var(--size_extra_tiny);
}

.p_l_extra_large{
    padding-left: var(--size_extra_large);
}

.p_l_large{
    padding-left: var(--size_large);
}

.p_l_larger{
    padding-left: var(--size_larger);
}

.p_l_normal{
    padding-left: var(--size_normal);
}

.p_l_smaller{
    padding-left: var(--size_smaller);
}

.p_l_small{
    padding-left: var(--size_small);
}

.p_l_extra_small{
    padding-left: var(--size_extra_small);
}

.p_l_tiny{
    padding-left: var(--size_tiny);
}

.p_l_extra_tiny{
    padding-left: var(--size_extra_tiny);
}

.p_t_extra_large{
    padding-top: var(--size_extra_large);
}

.p_t_large{
    padding-top: var(--size_large);
}

.p_t_larger{
    padding-top: var(--size_larger);
}

.p_t_normal{
    padding-top: var(--size_normal);
}

.p_t_smaller{
    padding-top: var(--size_smaller);
}

.p_t_small{
    padding-top: var(--size_small);
}

.p_t_extra_small{
    padding-top: var(--size_extra_small);
}

.p_t_tiny{
    padding-top: var(--size_tiny);
}

.p_t_extra_tiny{
    padding-top: var(--size_extra_tiny);
}

.p_b_extra_large{
    padding-bottom: var(--size_extra_large);
}

.p_b_large{
    padding-bottom: var(--size_large);
}

.p_b_larger{
    padding-bottom: var(--size_larger);
}

.p_b_normal{
    padding-bottom: var(--size_normal);
}

.p_b_smaller{
    padding-bottom: var(--size_smaller);
}

.p_b_small{
    padding-bottom: var(--size_small);
}

.p_b_extra_small{
    padding-bottom: var(--size_extra_small);
}

.p_b_tiny{
    padding-bottom: var(--size_tiny);
}

.p_b_extra_tiny{
    padding-bottom: var(--size_extra_tiny);
}

/* Avec valeurs fixes */

.m_0{
    margin: 0;
}

.m_l_0{
    margin-left: 0;
}

.m_r_0{
    margin-right: 0;
}

.m_t_0{
    margin-top: 0;
}

.m_b_0{
    margin-bottom: 0;
}

.m_auto{
    margin: auto;
}

.m_l_auto{
    margin-left: auto;
}

.m_r_auto{
    margin-right: auto;
}

.m_t_auto{
    margin-top: auto;
}

.m_b_auto{
    margin-bottom: auto;
}

.m_5p{
    margin: 5px;
}

.m_l_5p{
    margin-left: 5px;
}

.m_r_5p{
    margin-right: 5px;
}

.m_t_5p{
    margin-top: 5px;
}

.m_b_5p{
    margin-bottom: 5px;
}

.m_10p{
    margin: 10px;
}

.m_l_10p{
    margin-left: 10px;
}

.m_r_10p{
    margin-right: 10px;
}

.m_t_10p{
    margin-top: 10px;
}

.m_b_10p{
    margin-bottom: 10px;
}

.m_15p{
    margin: 15px;
}

.m_l_15p{
    margin-left: 15px;
}

.m_r_15p{
    margin-right: 15px;
}

.m_t_15p{
    margin-top: 15px;
}

.m_b_15p{
    margin-bottom: 15px;
}

.m_5v{
    margin: 5vw;
}

.m_l_5v{
    margin-left: 5vw;
}

.m_r_5v{
    margin-right: 5vw;
}

.m_t_5v{
    margin-top: 5vw;
}

.m_b_5v{
    margin-bottom: 5vw;
}

.p_auto{
    padding: auto;
}

.p_l_auto{
    padding-left: auto;
}

.p_r_auto{
    padding-right: auto;
}

.p_t_auto{
    padding-top: auto;
}

.p_b_auto{
    padding-bottom: auto;
}

.p_5p{
    padding: 5px;
}

.p_l_5p{
    padding-left: 5px;
}

.p_r_5p{
    padding-right: 5px;
}

.p_t_5p{
    padding-top: 5px;
}

.p_b_5p{
    padding-bottom: 5px;
}

.p_15p{
    padding: 15px;
}

.p_l_15p{
    padding-left: 15px;
}

.p_r_15p{
    padding-right: 15px;
}

.p_t_15p{
    padding-top: 15px;
}

.p_b_15p{
    padding-bottom: 15px;
}

.p_5v{
    padding: 5vw;
}

.p_l_5v{
    padding-left: 5vw;
}

.p_r_5v{
    padding-right: 5vw;
}

.p_t_5v{
    padding-top: 5vw;
}

.p_b_5v{
    padding-bottom: 5vw;
}


/* Bordures et coins */


.br_extra_large{
    border-radius: var(--size_extra_large);
    -webkit-border-radius: var(--size_extra_large);
    -moz-border-radius: var(--size_extra_large);
    -ms-border-radius: var(--size_extra_large);
    -o-border-radius: var(--size_extra_large);
}

.br_large{
    border-radius: var(--size_large);
    -webkit-border-radius: var(--size_large);
    -moz-border-radius: var(--size_large);
    -ms-border-radius: var(--size_large);
    -o-border-radius: var(--size_large);
}

.br_larger{
    border-radius: var(--size_larger);
    -webkit-border-radius: var(--size_larger);
    -moz-border-radius: var(--size_larger);
    -ms-border-radius: var(--size_larger);
    -o-border-radius: var(--size_larger);
}

.br_normal{
    border-radius: var(--size_normal);
    -webkit-border-radius: var(--size_normal);
    -moz-border-radius: var(--size_normal);
    -ms-border-radius: var(--size_normal);
    -o-border-radius: var(--size_normal);
}

.br_smaller{
    border-radius: var(--size_smaller);
    -webkit-border-radius: var(--size_smaller);
    -moz-border-radius: var(--size_smaller);
    -ms-border-radius: var(--size_smaller);
    -o-border-radius: var(--size_smaller);
}

.br_small{
    border-radius: var(--size_small);
    -webkit-border-radius: var(--size_small);
    -moz-border-radius: var(--size_small);
    -ms-border-radius: var(--size_small);
    -o-border-radius: var(--size_small);
}


.br_extra_small{
    border-radius: var(--size_extra_small);
    -webkit-border-radius: var(--size_extra_small);
    -moz-border-radius: var(--size_extra_small);
    -ms-border-radius: var(--size_extra_small);
    -o-border-radius: var(--size_extra_small);
}

.br_tiny{
    border-radius: var(--size_tiny);
    -webkit-border-radius: var(--size_tiny);
    -moz-border-radius: var(--size_tiny);
    -ms-border-radius: var(--size_tiny);
    -o-border-radius: var(--size_tiny);
}

.br_extra_tiny{
    border-radius: var(--size_extra_tiny);
    -webkit-border-radius: var(--size_extra_tiny);
    -moz-border-radius: var(--size_extra_tiny);
    -ms-border-radius: var(--size_extra_tiny);
    -o-border-radius: var(--size_extra_tiny);
}