/********************************************************************/
/* Import des Google Fonts                                          */
/********************************************************************/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/********************************************************************/
/* Gestion des variables : polices, couleurs, et autres presets     */
/********************************************************************/

:root {

    /* Gestion fontes */
    --font-1: "DM Sans", sans-serif;
    --font-fa: 'Font Awesome 6 Pro','Font Awesome 7 Pro';

    /* Gestion couleurs */
    --color-transparent: transparent;
    --color-light:  #ffffff;
    --color-dark:   #000000;
    --color-primaire: #262322;
    --color-1: #262322;
    --color-secondaire: #716e6b;
    --color-2: #716e6b;
    --color-tertiaire: #c4c4c4;
    --color-3: #c4c4c4;
    --color-grey: #eeeeee;
    --color-4: #eeeeee;
    --color-grey-subtil: #f9f7f5;
    --color-5: #f9f7f5;

    /* Gestion couleur Gutenberg Natif */
    --wp--preset--color--black: #000000;
    --wp--preset--color--white: #ffffff;

    
    /* Gestion des gouttières */
    --bs-gutter-x: 20px;

    /* Gestion des marges */
    --rem-0:0;      /*0 rem initial */
    --rem-1:20px;      /* S */
    --rem-2:40px;      /* M */
    --rem-3:60px;      /* L */
    --rem-4:120px;      /* XL */
    --rem-5:180px;      /* XXL */

    /* Gestion des gouttières mobiles */
    --bs-gutter-x-md: 20px;

    /* Gestion des marges mobiles */
    --rem-0-md:0;      /*0 rem initial */
    --rem-1-md:20px;
    --rem-2-md:40px;
    --rem-3-md:60px;
    --rem-4-md:90px;
    --rem-5-md:120px;

}


/********************************************************************/
/* Gestion du logo et sa taille en responsive                       */
/********************************************************************/

img.custom-logo.custom-logo-regular,
img.custom-logo.custom-logo-small {
    width : 100%;
    max-width : 200px;    max-height : 50px;    height : 50px;}
@media only screen and (min-width: 990px) {
    img.custom-logo.custom-logo-small {
        display: none;
    }
    img.custom-logo.custom-logo-regular {
        display: block;
    }
}
@media only screen and (max-width: 990px) {
    img.custom-logo.custom-logo-small {
        display: block;
    }
    img.custom-logo.custom-logo-regular {
        display: none;
    }
    img.custom-logo.custom-logo-small {
        width : 100%;
        max-width : 200px;        max-height : 50px;        height : 50px;    }
}
body {
    }
body.scrolled {
    }
@media (max-width: 768px) {
    body {
        }
    body.scrolled {
        }
}


/********************************************************************/
/* Gestion globale                                                  */
/********************************************************************/

a {text-decoration: none;}

/* Gouttières Bootstrap */
.container, .container-fluid, .container-lg, .container-md,
.container-sm, .container-xl, .container-xxl, .row {
    --bs-gutter-x: 20px;
}

@media (max-width: 768px) {
    .container, .container-fluid, .container-lg, .container-md,
    .container-sm, .container-xl, .container-xxl, .row {
        --bs-gutter-x: 20px;
    }
}

.container-fluid.g-0 > .row {
    --bs-gutter-x: 0;
}



/********************************************************************/
/* Gestion des fontes                                               */
/********************************************************************/

.font-1 {
    font-family: "DM Sans", sans-serif;
}


/********************************************************************/
/* Gestion des backgrounds                                          */
/********************************************************************/

.bg--light, .bg--color-light,
.fond-color-full.bg--color-light::before {
    background: var(--color-light);
}
.bg--dark, .bg--color-dark,
.fond-color-full.bg--color-dark::before  {
    background: var(--color-dark);
}
.bg--transparent, .bg--color-transparent,
.fond-color-full.bg--color-transparent::before  {
    background: transparent;
}
.bg--image {
    background-size: cover;
}
.bg--color-primaire, .bg--color-1,
.fond-color-full.bg--color-1::before {
    background: var(--color-1);
}
.bg--color-secondaire, .bg--color-2,
.fond-color-full.bg--color-2::before {
    background: var(--color-2);
}
.bg--color-tertiaire, .bg--color-3,
.fond-color-full.bg--color-3::before {
    background: var(--color-3);
}
.bg--color-grey, .bg--color-4,
.fond-color-full.bg--color-4::before {
    background: var(--color-4);
}
.bg--color-grey-subtil, .bg--color-5,
.fond-color-full.bg--color-5::before {
    background: var(--color-5);
}


/********************************************************************/
/* Gestion des couleurs de texte                                    */
/********************************************************************/

.fc-light, .has-fc-light,
.has-light-color, .has-fc-light-color,
.fc-light p,
.fc-light a,
.fc-light .style-body,
.fc-light .style-body a,
.fc-light .the-content ul li,
.fc-light .the-content ul li a {
    color: var(--color-light) !important;
}
.fc-dark, .has-fc-dark,
.has-dark-color, .has-fc-dark-color,
.fc-dark p,
.fc-dark a,
.fc-dark .style-body,
.fc-dark .style-body a,
.fc-dark .the-content ul li,
.fc-dark .the-content ul li a {
    color: var(--color-dark) !important;
}

.fc-color-1,
.fc-color-primaire,
.has-fc-color-1,
.has-fc-color-1-color {
    color: var(--color-1)!important;
}
.fc-color-2,
.fc-color-secondaire,
.has-fc-color-2,
.has-fc-color-2-color {
    color: var(--color-2)!important;
}
.fc-color-3,
.fc-color-tertiaire,
.has-fc-color-3,
.has-fc-color-3-color {
    color: var(--color-3)!important;
}
.fc-color-4,
.fc-color-grey,
.has-fc-color-4,
.has-fc-color-4-color {
    color: var(--color-4)!important;
}
.fc-color-5,
.fc-color-grey-subtil,
.has-fc-color-5,
.has-fc-color-5-color {
    color: var(--color-5)!important;
}


/********************************************************************/
/* Gestion du style général de texte                                */
/********************************************************************/

body, p,
.container p,
.container-fluid p,
.style-body,
#acf-group_6409ea3a6b5f0 span.style-visu {
    color: var(--color-dark);
    font-family: var(--font-1);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 144.444% */
}

@media (max-width: 768px) {
    .style-body,
    p.style-body,
    .style-body p {
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 26px; /* 144.444% */
    }
    .style-md-body,
    .style-md-body a {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 144.444% */
    }
}

.bg--color-dark .style-body,
.bg--color-dark p,
.bg--color-dark li,
.bg--color-dark li div {
    color: var(--color-light) !important;
}

.style-body {
    margin-top: var(--rem-1);
    margin-bottom: var(--rem-1);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: var(--rem-1);
    margin-bottom: var(--rem-1);
}

.contenu.color--main-light p {
    color: var(--color-light);
}



/********************************************************************/
/* Gestion des styles de liens                                      */
/********************************************************************/

.wp-block-kko-texte-libre a,
.style-body a,
#acf-group_6409ea3a6b5f0 span.style-visu a,
#acf-group_6409ea3a6b5f0 span.style-visu-md a  {
        color: var(--color-dark);
    text-transform: none;
    text-decoration: none;
}
.wp-block-kko-texte-libre .color--main-light a,
.wp-block-kko-texte-libre .color--main-light .style-body,
.wp-block-kko-texte-libre .color--main-light .style-body a,
.wp-block-kko-texte-libre .color--main-light .style-body a p,
.contenu.color--main-light .wp-block-kko-texte-libre a,
.contenu.color--main-light .style-body a,
.bg--color-dark .wp-block-kko-texte-libre a,
.bg--color-dark .wp-block-kko-texte-libre .style-body,
.bg--color-dark .wp-block-kko-texte-libre .style-body a,
.bg--color-dark .wp-block-kko-texte-libre .style-body a p,
.bg--color-dark .contenu .wp-block-kko-texte-libre a,
.bg--color-dark .contenu .style-body a
{
    color: var(--color-light);
}

.wp-block-kko-texte-libre a:hover,
.style-body a:hover,
#acf-group_6409ea3a6b5f0 span.style-visu a:hover,
#acf-group_6409ea3a6b5f0 span.style-visu-md a:hover {
        color: var(--color-dark);
    text-decoration: none;
}

.contenu.color--main-light .wp-block-kko-texte-libre a:hover,
.contenu.color--main-light .style-body a:hover,
.bg--color-dark .contenu .wp-block-kko-texte-libre a:hover,
.bg--color-dark .contenu .style-body a:hover,
.bg--color-dark .wp-block-kko-texte-libre a:hover,
.bg--color-dark .wp-block-kko-texte-libre .style-body a:hover,
.bg--color-dark .wp-block-kko-texte-libre .style-body a:hover p,
.bg--color-dark .contenu .wp-block-kko-texte-libre a:hover,
.bg--color-dark .contenu .style-body a:hover {
    color: var(--color-light);
}
a.style-body {text-decoration: none;}


/********************************************************************/
/* Gestion des breadcrumbs                                          */
/********************************************************************/


.breadcrumb,
#acf-group_6409ea3a6b5f0 span.breadcrumb-visu {
    color: var(--color-dark);
    font-family: var(--font-1);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	text-transform: none;
	letter-spacing: 0px;
}

.breadcrumb a,
#acf-group_6409ea3a6b5f0 span.breadcrumb-visu a {
    color: var(--color-dark);
    text-transform: none;
    text-decoration: none;
}
.breadcrumb a:hover,
#acf-group_6409ea3a6b5f0 span.breadcrumb-visu a:hover {
    color: var(--color-dark);
    text-decoration: none;
}



/********************************************************************/
/* Gestion des styles personnalisés utilisés dans gutenberg         */
/********************************************************************/


/*********************** Style display ****************************/

.style-display,
p.style-display,
.style-display span,
.style-display p,
.style-display h1,
.style-display h2,
.style-display h3,
.style-display h4,
.style-display h5,
.style-display h6,
.style-display blockquote,
.style-display a,
#acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(1) span.style-visu {
    font-family: var(--font-1);
    color: var(--color-dark);
	font-size: 90px;
	font-style: normal;
	font-weight: 300;
	line-height: 98px;
	letter-spacing: 0px;
}

.bg--color-1 .style-display { color: var(--color-light); }
.bg--color-1 .style-body,
.bg--color-1 .style-display,
.bg--color-1 .style-display p,
.bg--color-1 .style-display li,
.bg--color-1 .style-display li div,
.bg--color-1 .style-display .wp-block-kko-texte-libre a,
.bg--color-1 .style-display .style-body a
{ color: var(--color-light); }

        .bg--color-2 .style-display { color: var(--color-light); }
.bg--color-2 .style-body,
.bg--color-2 .style-display,
.bg--color-2 .style-display p,
.bg--color-2 .style-display li,
.bg--color-2 .style-display li div,
.bg--color-2 .style-display .wp-block-kko-texte-libre a,
.bg--color-2 .style-display .style-body a
{ color: var(--color-light); }

        .bg--color-dark .style-display { color: var(--color-light) !important; }

.contenu.color--main-light .style-body,
.contenu.color--main-light .style-display,
.contenu.color--main-light p.style-display,
.contenu.color--main-light .style-display span,
.contenu.color--main-light .style-display p,
.contenu.color--main-light .style-display h1,
.contenu.color--main-light .style-display h2,
.contenu.color--main-light .style-display h3,
.contenu.color--main-light .style-display h4,
.contenu.color--main-light .style-display h5,
.contenu.color--main-light .style-display h6,
.contenu.color--main-light .style-display blockquote,
.contenu.color--main-light .style-display a {
    color: var(--color-light);
}
a.style-display,
.style-display a {
    text-decoration: none;
}
.style-display {
    margin-top: var(--rem-1);
    margin-bottom: var(--rem-1);
}

@media (max-width: 768px) {
    .style-display,
    p.style-display,
    #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(1) span.style-visu {
		font-size: 60px;
		font-style: normal;
		font-weight: 300;
		line-height: 68px;
		letter-spacing: 0px;
    }
}

.style-md-display,
.style-md-display a,
#acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(1) .style-visu.style-visu-md {
	font-size: 60px;
	font-style: normal;
	font-weight: 300;
	line-height: 68px;
	letter-spacing: 0px;
}
    
/*********************** Style style-1 ****************************/

.style-style-1,
p.style-style-1,
.style-style-1 span,
.style-style-1 p,
.style-style-1 h1,
.style-style-1 h2,
.style-style-1 h3,
.style-style-1 h4,
.style-style-1 h5,
.style-style-1 h6,
.style-style-1 blockquote,
.style-style-1 a,
        h1.wp-block-heading,        #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(2) span.style-visu {
    font-family: var(--font-1);
    color: var(--color-dark);
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0px;
}

.bg--color-1 .style-style-1 { color: var(--color-light); }
.bg--color-1 .style-body,
.bg--color-1 .style-style-1,
.bg--color-1 .style-style-1 p,
.bg--color-1 .style-style-1 li,
.bg--color-1 .style-style-1 li div,
.bg--color-1 .style-style-1 .wp-block-kko-texte-libre a,
.bg--color-1 .style-style-1 .style-body a
{ color: var(--color-light); }

        .bg--color-2 .style-style-1 { color: var(--color-light); }
.bg--color-2 .style-body,
.bg--color-2 .style-style-1,
.bg--color-2 .style-style-1 p,
.bg--color-2 .style-style-1 li,
.bg--color-2 .style-style-1 li div,
.bg--color-2 .style-style-1 .wp-block-kko-texte-libre a,
.bg--color-2 .style-style-1 .style-body a
{ color: var(--color-light); }

        .bg--color-dark .style-style-1 { color: var(--color-light) !important; }

.contenu.color--main-light .style-body,
.contenu.color--main-light .style-style-1,
.contenu.color--main-light p.style-style-1,
.contenu.color--main-light .style-style-1 span,
.contenu.color--main-light .style-style-1 p,
.contenu.color--main-light .style-style-1 h1,
.contenu.color--main-light .style-style-1 h2,
.contenu.color--main-light .style-style-1 h3,
.contenu.color--main-light .style-style-1 h4,
.contenu.color--main-light .style-style-1 h5,
.contenu.color--main-light .style-style-1 h6,
.contenu.color--main-light .style-style-1 blockquote,
.contenu.color--main-light .style-style-1 a {
    color: var(--color-light);
}
a.style-style-1,
.style-style-1 a {
    text-decoration: none;
}
.style-style-1 {
    margin-top: var(--rem-1);
    margin-bottom: var(--rem-1);
}

@media (max-width: 768px) {
    .style-style-1,
    p.style-style-1,
    #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(2) span.style-visu {
		font-size: 34px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0px;
    }
}

.style-md-style-1,
.style-md-style-1 a,
#acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(2) .style-visu.style-visu-md {
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0px;
}
    
/*********************** Style style-2 ****************************/

.style-style-2,
p.style-style-2,
.style-style-2 span,
.style-style-2 p,
.style-style-2 h1,
.style-style-2 h2,
.style-style-2 h3,
.style-style-2 h4,
.style-style-2 h5,
.style-style-2 h6,
.style-style-2 blockquote,
.style-style-2 a,
        h2.wp-block-heading,        #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(3) span.style-visu {
    font-family: var(--font-1);
    color: var(--color-dark);
	font-size: 34px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing:0px;
}

.bg--color-1 .style-style-2 { color: var(--color-light); }
.bg--color-1 .style-body,
.bg--color-1 .style-style-2,
.bg--color-1 .style-style-2 p,
.bg--color-1 .style-style-2 li,
.bg--color-1 .style-style-2 li div,
.bg--color-1 .style-style-2 .wp-block-kko-texte-libre a,
.bg--color-1 .style-style-2 .style-body a
{ color: var(--color-light); }

        .bg--color-2 .style-style-2 { color: var(--color-light); }
.bg--color-2 .style-body,
.bg--color-2 .style-style-2,
.bg--color-2 .style-style-2 p,
.bg--color-2 .style-style-2 li,
.bg--color-2 .style-style-2 li div,
.bg--color-2 .style-style-2 .wp-block-kko-texte-libre a,
.bg--color-2 .style-style-2 .style-body a
{ color: var(--color-light); }

        .bg--color-dark .style-style-2 { color: var(--color-light) !important; }

.contenu.color--main-light .style-body,
.contenu.color--main-light .style-style-2,
.contenu.color--main-light p.style-style-2,
.contenu.color--main-light .style-style-2 span,
.contenu.color--main-light .style-style-2 p,
.contenu.color--main-light .style-style-2 h1,
.contenu.color--main-light .style-style-2 h2,
.contenu.color--main-light .style-style-2 h3,
.contenu.color--main-light .style-style-2 h4,
.contenu.color--main-light .style-style-2 h5,
.contenu.color--main-light .style-style-2 h6,
.contenu.color--main-light .style-style-2 blockquote,
.contenu.color--main-light .style-style-2 a {
    color: var(--color-light);
}
a.style-style-2,
.style-style-2 a {
    text-decoration: none;
}
.style-style-2 {
    margin-top: var(--rem-1);
    margin-bottom: var(--rem-1);
}

@media (max-width: 768px) {
    .style-style-2,
    p.style-style-2,
    #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(3) span.style-visu {
		font-size: 34px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		letter-spacing:0px;
    }
}

.style-md-style-2,
.style-md-style-2 a,
#acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(3) .style-visu.style-visu-md {
	font-size: 34px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing:0px;
}
    
/*********************** Style style-3 ****************************/

.style-style-3,
p.style-style-3,
.style-style-3 span,
.style-style-3 p,
.style-style-3 h1,
.style-style-3 h2,
.style-style-3 h3,
.style-style-3 h4,
.style-style-3 h5,
.style-style-3 h6,
.style-style-3 blockquote,
.style-style-3 a,
        h3.wp-block-heading,        #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(4) span.style-visu {
    font-family: var(--font-1);
    color: var(--color-dark);
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0px;
}

.bg--color-1 .style-style-3 { color: var(--color-light); }
.bg--color-1 .style-body,
.bg--color-1 .style-style-3,
.bg--color-1 .style-style-3 p,
.bg--color-1 .style-style-3 li,
.bg--color-1 .style-style-3 li div,
.bg--color-1 .style-style-3 .wp-block-kko-texte-libre a,
.bg--color-1 .style-style-3 .style-body a
{ color: var(--color-light); }

        .bg--color-2 .style-style-3 { color: var(--color-light); }
.bg--color-2 .style-body,
.bg--color-2 .style-style-3,
.bg--color-2 .style-style-3 p,
.bg--color-2 .style-style-3 li,
.bg--color-2 .style-style-3 li div,
.bg--color-2 .style-style-3 .wp-block-kko-texte-libre a,
.bg--color-2 .style-style-3 .style-body a
{ color: var(--color-light); }

        .bg--color-dark .style-style-3 { color: var(--color-light) !important; }

.contenu.color--main-light .style-body,
.contenu.color--main-light .style-style-3,
.contenu.color--main-light p.style-style-3,
.contenu.color--main-light .style-style-3 span,
.contenu.color--main-light .style-style-3 p,
.contenu.color--main-light .style-style-3 h1,
.contenu.color--main-light .style-style-3 h2,
.contenu.color--main-light .style-style-3 h3,
.contenu.color--main-light .style-style-3 h4,
.contenu.color--main-light .style-style-3 h5,
.contenu.color--main-light .style-style-3 h6,
.contenu.color--main-light .style-style-3 blockquote,
.contenu.color--main-light .style-style-3 a {
    color: var(--color-light);
}
a.style-style-3,
.style-style-3 a {
    text-decoration: none;
}
.style-style-3 {
    margin-top: var(--rem-1);
    margin-bottom: var(--rem-1);
}

@media (max-width: 768px) {
    .style-style-3,
    p.style-style-3,
    #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(4) span.style-visu {
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0px;
    }
}

.style-md-style-3,
.style-md-style-3 a,
#acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(4) .style-visu.style-visu-md {
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0px;
}
    
/*********************** Style style-4 ****************************/

.style-style-4,
p.style-style-4,
.style-style-4 span,
.style-style-4 p,
.style-style-4 h1,
.style-style-4 h2,
.style-style-4 h3,
.style-style-4 h4,
.style-style-4 h5,
.style-style-4 h6,
.style-style-4 blockquote,
.style-style-4 a,
        h4.wp-block-heading,        #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(5) span.style-visu {
    font-family: var(--font-1);
    color: var(--color-dark);
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0px;
}

.bg--color-1 .style-style-4 { color: var(--color-light); }
.bg--color-1 .style-body,
.bg--color-1 .style-style-4,
.bg--color-1 .style-style-4 p,
.bg--color-1 .style-style-4 li,
.bg--color-1 .style-style-4 li div,
.bg--color-1 .style-style-4 .wp-block-kko-texte-libre a,
.bg--color-1 .style-style-4 .style-body a
{ color: var(--color-light); }

        .bg--color-2 .style-style-4 { color: var(--color-light); }
.bg--color-2 .style-body,
.bg--color-2 .style-style-4,
.bg--color-2 .style-style-4 p,
.bg--color-2 .style-style-4 li,
.bg--color-2 .style-style-4 li div,
.bg--color-2 .style-style-4 .wp-block-kko-texte-libre a,
.bg--color-2 .style-style-4 .style-body a
{ color: var(--color-light); }

        .bg--color-dark .style-style-4 { color: var(--color-light) !important; }

.contenu.color--main-light .style-body,
.contenu.color--main-light .style-style-4,
.contenu.color--main-light p.style-style-4,
.contenu.color--main-light .style-style-4 span,
.contenu.color--main-light .style-style-4 p,
.contenu.color--main-light .style-style-4 h1,
.contenu.color--main-light .style-style-4 h2,
.contenu.color--main-light .style-style-4 h3,
.contenu.color--main-light .style-style-4 h4,
.contenu.color--main-light .style-style-4 h5,
.contenu.color--main-light .style-style-4 h6,
.contenu.color--main-light .style-style-4 blockquote,
.contenu.color--main-light .style-style-4 a {
    color: var(--color-light);
}
a.style-style-4,
.style-style-4 a {
    text-decoration: none;
}
.style-style-4 {
    margin-top: var(--rem-1);
    margin-bottom: var(--rem-1);
}

@media (max-width: 768px) {
    .style-style-4,
    p.style-style-4,
    #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(5) span.style-visu {
		font-size: 22px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0px;
    }
}

.style-md-style-4,
.style-md-style-4 a,
#acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(5) .style-visu.style-visu-md {
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0px;
}
    
/*********************** Style style-5 ****************************/

.style-style-5,
p.style-style-5,
.style-style-5 span,
.style-style-5 p,
.style-style-5 h1,
.style-style-5 h2,
.style-style-5 h3,
.style-style-5 h4,
.style-style-5 h5,
.style-style-5 h6,
.style-style-5 blockquote,
.style-style-5 a,
        h5.wp-block-heading,        #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(6) span.style-visu {
    font-family: var(--font-1);
    color: var(--color-dark);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0px;
}

.bg--color-1 .style-style-5 { color: var(--color-light); }
.bg--color-1 .style-body,
.bg--color-1 .style-style-5,
.bg--color-1 .style-style-5 p,
.bg--color-1 .style-style-5 li,
.bg--color-1 .style-style-5 li div,
.bg--color-1 .style-style-5 .wp-block-kko-texte-libre a,
.bg--color-1 .style-style-5 .style-body a
{ color: var(--color-light); }

        .bg--color-2 .style-style-5 { color: var(--color-light); }
.bg--color-2 .style-body,
.bg--color-2 .style-style-5,
.bg--color-2 .style-style-5 p,
.bg--color-2 .style-style-5 li,
.bg--color-2 .style-style-5 li div,
.bg--color-2 .style-style-5 .wp-block-kko-texte-libre a,
.bg--color-2 .style-style-5 .style-body a
{ color: var(--color-light); }

        .bg--color-dark .style-style-5 { color: var(--color-light) !important; }

.contenu.color--main-light .style-body,
.contenu.color--main-light .style-style-5,
.contenu.color--main-light p.style-style-5,
.contenu.color--main-light .style-style-5 span,
.contenu.color--main-light .style-style-5 p,
.contenu.color--main-light .style-style-5 h1,
.contenu.color--main-light .style-style-5 h2,
.contenu.color--main-light .style-style-5 h3,
.contenu.color--main-light .style-style-5 h4,
.contenu.color--main-light .style-style-5 h5,
.contenu.color--main-light .style-style-5 h6,
.contenu.color--main-light .style-style-5 blockquote,
.contenu.color--main-light .style-style-5 a {
    color: var(--color-light);
}
a.style-style-5,
.style-style-5 a {
    text-decoration: none;
}
.style-style-5 {
    margin-top: var(--rem-1);
    margin-bottom: var(--rem-1);
}

@media (max-width: 768px) {
    .style-style-5,
    p.style-style-5,
    #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(6) span.style-visu {
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0px;
    }
}

.style-md-style-5,
.style-md-style-5 a,
#acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(6) .style-visu.style-visu-md {
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0px;
}
    
/*********************** Style style-6 ****************************/

.style-style-6,
p.style-style-6,
.style-style-6 span,
.style-style-6 p,
.style-style-6 h1,
.style-style-6 h2,
.style-style-6 h3,
.style-style-6 h4,
.style-style-6 h5,
.style-style-6 h6,
.style-style-6 blockquote,
.style-style-6 a,
        h6.wp-block-heading,        #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(7) span.style-visu {
    font-family: var(--font-1);
    color: var(--color-dark);
	font-size: 18px;
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
	line-height: normal;
}

.bg--color-1 .style-style-6 { color: var(--color-light); }
.bg--color-1 .style-body,
.bg--color-1 .style-style-6,
.bg--color-1 .style-style-6 p,
.bg--color-1 .style-style-6 li,
.bg--color-1 .style-style-6 li div,
.bg--color-1 .style-style-6 .wp-block-kko-texte-libre a,
.bg--color-1 .style-style-6 .style-body a
{ color: var(--color-light); }

        .bg--color-2 .style-style-6 { color: var(--color-light); }
.bg--color-2 .style-body,
.bg--color-2 .style-style-6,
.bg--color-2 .style-style-6 p,
.bg--color-2 .style-style-6 li,
.bg--color-2 .style-style-6 li div,
.bg--color-2 .style-style-6 .wp-block-kko-texte-libre a,
.bg--color-2 .style-style-6 .style-body a
{ color: var(--color-light); }

        .bg--color-dark .style-style-6 { color: var(--color-light) !important; }

.contenu.color--main-light .style-body,
.contenu.color--main-light .style-style-6,
.contenu.color--main-light p.style-style-6,
.contenu.color--main-light .style-style-6 span,
.contenu.color--main-light .style-style-6 p,
.contenu.color--main-light .style-style-6 h1,
.contenu.color--main-light .style-style-6 h2,
.contenu.color--main-light .style-style-6 h3,
.contenu.color--main-light .style-style-6 h4,
.contenu.color--main-light .style-style-6 h5,
.contenu.color--main-light .style-style-6 h6,
.contenu.color--main-light .style-style-6 blockquote,
.contenu.color--main-light .style-style-6 a {
    color: var(--color-light);
}
a.style-style-6,
.style-style-6 a {
    text-decoration: none;
}
.style-style-6 {
    margin-top: var(--rem-1);
    margin-bottom: var(--rem-1);
}

@media (max-width: 768px) {
    .style-style-6,
    p.style-style-6,
    #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(7) span.style-visu {
		font-size: 18px;
		font-style: normal;
		font-weight: 800;
		text-transform: uppercase;
		line-height: normal;
    }
}

.style-md-style-6,
.style-md-style-6 a,
#acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(7) .style-visu.style-visu-md {
	font-size: 18px;
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
	line-height: normal;
}
    
/*********************** Style citation ****************************/

.style-citation,
p.style-citation,
.style-citation span,
.style-citation p,
.style-citation h1,
.style-citation h2,
.style-citation h3,
.style-citation h4,
.style-citation h5,
.style-citation h6,
.style-citation blockquote,
.style-citation a,
        blockquote.wp-block-heading,        #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(8) span.style-visu {
    font-family: var(--font-1);
    color: var(--color-dark);
	font-size: 22px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.bg--color-1 .style-citation { color: var(--color-light); }
.bg--color-1 .style-body,
.bg--color-1 .style-citation,
.bg--color-1 .style-citation p,
.bg--color-1 .style-citation li,
.bg--color-1 .style-citation li div,
.bg--color-1 .style-citation .wp-block-kko-texte-libre a,
.bg--color-1 .style-citation .style-body a
{ color: var(--color-light); }

        .bg--color-2 .style-citation { color: var(--color-light); }
.bg--color-2 .style-body,
.bg--color-2 .style-citation,
.bg--color-2 .style-citation p,
.bg--color-2 .style-citation li,
.bg--color-2 .style-citation li div,
.bg--color-2 .style-citation .wp-block-kko-texte-libre a,
.bg--color-2 .style-citation .style-body a
{ color: var(--color-light); }

        .bg--color-dark .style-citation { color: var(--color-light) !important; }

.contenu.color--main-light .style-body,
.contenu.color--main-light .style-citation,
.contenu.color--main-light p.style-citation,
.contenu.color--main-light .style-citation span,
.contenu.color--main-light .style-citation p,
.contenu.color--main-light .style-citation h1,
.contenu.color--main-light .style-citation h2,
.contenu.color--main-light .style-citation h3,
.contenu.color--main-light .style-citation h4,
.contenu.color--main-light .style-citation h5,
.contenu.color--main-light .style-citation h6,
.contenu.color--main-light .style-citation blockquote,
.contenu.color--main-light .style-citation a {
    color: var(--color-light);
}
a.style-citation,
.style-citation a {
    text-decoration: none;
}
.style-citation {
    margin-top: var(--rem-1);
    margin-bottom: var(--rem-1);
}

@media (max-width: 768px) {
    .style-citation,
    p.style-citation,
    #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(8) span.style-visu {
		font-size: 18px;
		font-style: normal;
		font-weight: 800;
		text-transform: uppercase;
		line-height: normal;
    }
}

.style-md-citation,
.style-md-citation a,
#acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(8) .style-visu.style-visu-md {
	font-size: 18px;
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
	line-height: normal;
}
    
/*********************** Style listing ****************************/

.style-listing,
p.style-listing,
.style-listing span,
.style-listing p,
.style-listing h1,
.style-listing h2,
.style-listing h3,
.style-listing h4,
.style-listing h5,
.style-listing h6,
.style-listing blockquote,
.style-listing a,
#acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(9) span.style-visu {
    font-family: var(--font-1);
    color: var(--color-dark);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0px;
}

.bg--color-1 .style-listing { color: var(--color-light); }
.bg--color-1 .style-body,
.bg--color-1 .style-listing,
.bg--color-1 .style-listing p,
.bg--color-1 .style-listing li,
.bg--color-1 .style-listing li div,
.bg--color-1 .style-listing .wp-block-kko-texte-libre a,
.bg--color-1 .style-listing .style-body a
{ color: var(--color-light); }

        .bg--color-2 .style-listing { color: var(--color-light); }
.bg--color-2 .style-body,
.bg--color-2 .style-listing,
.bg--color-2 .style-listing p,
.bg--color-2 .style-listing li,
.bg--color-2 .style-listing li div,
.bg--color-2 .style-listing .wp-block-kko-texte-libre a,
.bg--color-2 .style-listing .style-body a
{ color: var(--color-light); }

        .bg--color-dark .style-listing { color: var(--color-light) !important; }

.contenu.color--main-light .style-body,
.contenu.color--main-light .style-listing,
.contenu.color--main-light p.style-listing,
.contenu.color--main-light .style-listing span,
.contenu.color--main-light .style-listing p,
.contenu.color--main-light .style-listing h1,
.contenu.color--main-light .style-listing h2,
.contenu.color--main-light .style-listing h3,
.contenu.color--main-light .style-listing h4,
.contenu.color--main-light .style-listing h5,
.contenu.color--main-light .style-listing h6,
.contenu.color--main-light .style-listing blockquote,
.contenu.color--main-light .style-listing a {
    color: var(--color-light);
}
a.style-listing,
.style-listing a {
    text-decoration: none;
}
.style-listing {
    margin-top: var(--rem-1);
    margin-bottom: var(--rem-1);
}

@media (max-width: 768px) {
    .style-listing,
    p.style-listing,
    #acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(9) span.style-visu {
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0px;
    }
}

.style-md-listing,
.style-md-listing a,
#acf-group_6409ea3a6b5f0 .acf-flexible-content .layout:nth-child(9) .style-visu.style-visu-md {
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0px;
}
    

/********************************************************************/
/* Gestion des boutons personnalisés utilisés dans gutenberg        */
/********************************************************************/


/*********************** Style bouton cta-normal ****************************/

.btn-cta-normal,
#acf-group_64774b0720391 .acf-flexible-content .layout:nth-child(1) .btn-visu {
    display: inline-block;
    font-family: var(--font-1);
    text-decoration: none !important;
	padding: 16px 32px;
	background: var(--color-dark);
	color: var(--color-light);
	font-size: 16px;
	font-style: 22px;
	font-weight: 400;
	border-radius: 200px;
	line-height: normal;
}
@media (max-width: 768px) {
    .btn-cta-normal {
		padding: 12px 24px;
		background: var(--color-dark);
		color: var(--color-light);
		font-size: 16px;
		font-style: 22px;
		font-weight: 400;
		line-height: normal;
		border-radius: 200px;
    }
}
#acf-group_64774b0720391 .acf-flexible-content .layout:nth-child(1) .btn-visu-md {
	padding: 12px 24px;
	background: var(--color-dark);
	color: var(--color-light);
	font-size: 16px;
	font-style: 22px;
	font-weight: 400;
	line-height: normal;
	border-radius: 200px;
}

.btn-cta-normal:hover,
.btn-check:checked+.btn-cta-normal, .btn-cta-normal.active, .btn-cta-normal.show, .btn-cta-normal:first-child:active, :not(.btn-check)+.btn-cta-normal:active,
#acf-group_64774b0720391 .acf-flexible-content .layout:nth-child(1) .btn-visu:hover,
#acf-group_64774b0720391 .acf-flexible-content .layout:nth-child(1) .btn-visu-hover {
	background: var(--color-secondaire);
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background-color: transparent;
    border-color: transparent;
}
    

/********************************************************************/
/* Breakpoints et taille container                                  */
/********************************************************************/

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl,
.container-xxxl,
.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}


@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
    .container-sm {
        max-width: 576px !important;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
    .container-md {
        max-width: 768px !important;
    }
    .container-sm {
        max-width: 576px !important;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 100%;
    }
    .container-lg {
        max-width: 992px !important;
    }
    .container-md {
        max-width: 768px !important;
    }
    .container-sm {
        max-width: 576px !important;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container {
        max-width: 1140px !important;
    }
    .container-lg {
        max-width: 992px !important;
    }
    .container-md {
        max-width: 768px !important;
    }
    .container-sm {
        max-width: 576px !important;
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container {
        max-width: 1320px !important;
    }
    .container-xl {
        max-width: 1140px !important;
    }
    .container-lg {
        max-width: 992px !important;
    }
    .container-md {
        max-width: 768px !important;
    }
    .container-sm {
        max-width: 576px !important;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1560px !important;
    }
    .container-xxl {
        max-width: 1320px !important;
    }
    .container-xl {
        max-width: 1140px !important;
    }
    .container-lg {
        max-width: 992px !important;
    }
    .container-md {
        max-width: 768px !important;
    }
    .container-sm {
        max-width: 576px !important;
    }
}


/*******************************************************************/
/* Ajout des raccourcis font-size                                  */
/*******************************************************************/

.fs-1 {
    font-size: 1px !important;
}
.fs-2 {
    font-size: 2px !important;
}
.fs-3 {
    font-size: 3px !important;
}
.fs-4 {
    font-size: 4px !important;
}
.fs-5 {
    font-size: 5px !important;
}
.fs-6 {
    font-size: 6px !important;
}
.fs-7 {
    font-size: 7px !important;
}
.fs-8 {
    font-size: 8px !important;
}
.fs-9 {
    font-size: 9px !important;
}
.fs-10 {
    font-size: 10px !important;
}
.fs-11 {
    font-size: 11px !important;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-13 {
    font-size: 13px !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-15 {
    font-size: 15px !important;
}
.fs-16 {
    font-size: 16px!important;
}
.fs-17 {
    font-size: 17px !important;
}
.fs-18 {
    font-size: 18px !important;
}
.fs-19 {
    font-size: 19px !important;
}
.fs-20 {
    font-size: 20px !important;
}
.fs-21 {
    font-size: 21px !important;
}
.fs-22 {
    font-size: 22px!important;
}
.fs-23 {
    font-size: 23px !important;
}
.fs-24 {
    font-size: 24px !important;
}
.fs-25 {
    font-size: 25px !important;
}
.fs-26 {
    font-size: 26px !important;
}
.fs-27 {
    font-size: 27px !important;
}
.fs-28 {
    font-size: 28px !important;
}
.fs-29 {
    font-size: 29px !important;
}
.fs-30 {
    font-size: 30px !important;
}
.fs-31 {
    font-size: 31px !important;
}
.fs-32 {
    font-size: 32px !important;
}
.fs-33 {
    font-size: 33px !important;
}
.fs-34 {
    font-size: 34px !important;
}
.fs-35 {
    font-size: 35px !important;
}
.fs-36 {
    font-size: 36px !important;
}
.fs-37 {
    font-size: 37px !important;
}
.fs-38 {
    font-size: 38px !important;
}
.fs-39 {
    font-size: 39px !important;
}
.fs-40 {
    font-size: 40px !important;
}
.fs-41 {
    font-size: 41px !important;
}
.fs-42 {
    font-size: 42px !important;
}
.fs-43 {
    font-size: 43px !important;
}
.fs-44 {
    font-size: 44px !important;
}
.fs-45 {
    font-size: 45px !important;
}
.fs-46 {
    font-size: 46px !important;
}
.fs-47 {
    font-size: 47px !important;
}
.fs-48 {
    font-size: 48px !important;
}
.fs-49 {
    font-size: 49px !important;
}
.fs-50 {
    font-size: 50px !important;
}
.fs-51 {
    font-size: 51px !important;
}
.fs-52 {
    font-size: 52px !important;
}
.fs-53 {
    font-size: 53px !important;
}
.fs-54 {
    font-size: 54px !important;
}
.fs-55 {
    font-size: 55px !important;
}
.fs-56 {
    font-size: 56px !important;
}
.fs-57 {
    font-size: 57px !important;
}
.fs-58 {
    font-size: 58px !important;
}
.fs-59 {
    font-size: 59px !important;
}
.fs-60 {
    font-size: 60px !important;
}
.fs-61 {
    font-size: 61px !important;
}
.fs-62 {
    font-size: 62px !important;
}
.fs-63 {
    font-size: 63px !important;
}
.fs-64 {
    font-size: 64px !important;
}
.fs-65 {
    font-size: 65px !important;
}
.fs-66 {
    font-size: 66px !important;
}
.fs-67 {
    font-size: 67px !important;
}
.fs-68 {
    font-size: 68px !important;
}
.fs-69 {
    font-size: 69px !important;
}
.fs-70 {
    font-size: 70px !important;
}
.fs-71 {
    font-size: 71px !important;
}
.fs-72 {
    font-size: 72px !important;
}
.fs-73 {
    font-size: 73px !important;
}
.fs-74 {
    font-size: 74px !important;
}
.fs-75 {
    font-size: 75px !important;
}
.fs-76 {
    font-size: 76px !important;
}
.fs-77 {
    font-size: 77px !important;
}
.fs-78 {
    font-size: 78px !important;
}
.fs-79 {
    font-size: 79px !important;
}
.fs-80 {
    font-size: 80px !important;
}
.fs-81 {
    font-size: 81px !important;
}
.fs-82 {
    font-size: 82px !important;
}
.fs-83 {
    font-size: 83px !important;
}
.fs-84 {
    font-size: 84px !important;
}
.fs-85 {
    font-size: 85px !important;
}
.fs-86 {
    font-size: 86px !important;
}
.fs-87 {
    font-size: 87px !important;
}
.fs-88 {
    font-size: 88px !important;
}
.fs-89 {
    font-size: 89px !important;
}
.fs-90 {
    font-size: 90px !important;
}
.fs-91 {
    font-size: 91px !important;
}
.fs-92 {
    font-size: 92px !important;
}
.fs-93 {
    font-size: 93px !important;
}
.fs-94 {
    font-size: 94px !important;
}
.fs-95 {
    font-size: 95px !important;
}
.fs-96 {
    font-size: 96px !important;
}
.fs-97 {
    font-size: 97px !important;
}
.fs-98 {
    font-size: 98px !important;
}
.fs-99 {
    font-size: 99px !important;
}
.fs-100 {
    font-size: 100px !important;
}
.fs-101 {
    font-size: 101px !important;
}
.fs-102 {
    font-size: 102px !important;
}
.fs-103 {
    font-size: 103px !important;
}
.fs-104 {
    font-size: 104px !important;
}
.fs-105 {
    font-size: 105px !important;
}
.fs-106 {
    font-size: 106px !important;
}
.fs-107 {
    font-size: 107px !important;
}
.fs-108 {
    font-size: 108px !important;
}
.fs-109 {
    font-size: 109px !important;
}
.fs-110 {
    font-size: 110px !important;
}
.fs-111 {
    font-size: 111px !important;
}
.fs-112 {
    font-size: 112px !important;
}
.fs-113 {
    font-size: 113px !important;
}
.fs-114 {
    font-size: 114px !important;
}
.fs-115 {
    font-size: 115px !important;
}
.fs-116 {
    font-size: 116px !important;
}
.fs-117 {
    font-size: 117px !important;
}
.fs-118 {
    font-size: 118px !important;
}
.fs-119 {
    font-size: 119px !important;
}
.fs-120 {
    font-size: 120px !important;
}
.fs-130 {
    font-size: 130px !important;
}
.fs-140 {
    font-size: 140px !important;
}
.fs-150 {
    font-size: 150px !important;
}
.fs-160 {
    font-size: 160px !important;
}
.fs-170 {
    font-size: 170px !important;
}
.fs-180 {
    font-size: 180px !important;
}
.fs-190 {
    font-size: 190px !important;
}
.fs-200 {
    font-size: 200px !important;
}


/*******************************************************************/
/* Ajout des raccourcis font-weight                                */
/*******************************************************************/

.fw-100 {
    font-weight: 100!important;
}
.fw-200 {
    font-weight: 200!important;
}
.fw-300 {
    font-weight: 300!important;
}
.fw-400 {
    font-weight: 400!important;
}
.fw-500 {
    font-weight: 500!important;
}
.fw-600 {
    font-weight: 600!important;
}
.fw-700 {
    font-weight: 700!important;
}
.fw-800 {
    font-weight: 800!important;
}
.fw-900 {
    font-weight: 900!important;
}


/*******************************************************************/
/* Ajout des raccourcis line-height                                */
/*******************************************************************/

.lh-1 {
    line-height: 1px !important;
}
.lh-2 {
    line-height: 2px !important;
}
.lh-3 {
    line-height: 3px !important;
}
.lh-4 {
    line-height: 4px !important;
}
.lh-5 {
    line-height: 5px !important;
}
.lh-6 {
    line-height: 6px !important;
}
.lh-7 {
    line-height: 7px !important;
}
.lh-8 {
    line-height: 8px !important;
}
.lh-9 {
    line-height: 9px !important;
}
.lh-10 {
    line-height: 10px !important;
}
.lh-11 {
    line-height: 11px !important;
}
.lh-12 {
    line-height: 12px !important;
}
.lh-13 {
    line-height: 13px !important;
}
.lh-14 {
    line-height: 14px !important;
}
.lh-15 {
    line-height: 15px !important;
}
.lh-16 {
    line-height: 16px!important;
}
.lh-17 {
    line-height: 17px !important;
}
.lh-18 {
    line-height: 18px !important;
}
.lh-19 {
    line-height: 19px !important;
}
.lh-20 {
    line-height: 20px !important;
}
.lh-21 {
    line-height: 21px !important;
}
.lh-22 {
    line-height: 22px!important;
}
.lh-23 {
    line-height: 23px !important;
}
.lh-24 {
    line-height: 24px !important;
}
.lh-25 {
    line-height: 25px !important;
}
.lh-26 {
    line-height: 26px !important;
}
.lh-27 {
    line-height: 27px !important;
}
.lh-28 {
    line-height: 28px !important;
}
.lh-29 {
    line-height: 29px !important;
}
.lh-30 {
    line-height: 30px !important;
}
.lh-31 {
    line-height: 31px !important;
}
.lh-32 {
    line-height: 32px !important;
}
.lh-33 {
    line-height: 33px !important;
}
.lh-34 {
    line-height: 34px !important;
}
.lh-35 {
    line-height: 35px !important;
}
.lh-36 {
    line-height: 36px !important;
}
.lh-37 {
    line-height: 37px !important;
}
.lh-38 {
    line-height: 38px !important;
}
.lh-39 {
    line-height: 39px !important;
}
.lh-40 {
    line-height: 40px !important;
}
.lh-41 {
    line-height: 41px !important;
}
.lh-42 {
    line-height: 42px !important;
}
.lh-43 {
    line-height: 43px !important;
}
.lh-44 {
    line-height: 44px !important;
}
.lh-45 {
    line-height: 45px !important;
}
.lh-46 {
    line-height: 46px !important;
}
.lh-47 {
    line-height: 47px !important;
}
.lh-48 {
    line-height: 48px !important;
}
.lh-49 {
    line-height: 49px !important;
}
.lh-50 {
    line-height: 50px !important;
}
.lh-51 {
    line-height: 51px !important;
}
.lh-52 {
    line-height: 52px !important;
}
.lh-53 {
    line-height: 53px !important;
}
.lh-54 {
    line-height: 54px !important;
}
.lh-55 {
    line-height: 55px !important;
}
.lh-56 {
    line-height: 56px !important;
}
.lh-57 {
    line-height: 57px !important;
}
.lh-58 {
    line-height: 58px !important;
}
.lh-59 {
    line-height: 59px !important;
}
.lh-60 {
    line-height: 60px !important;
}
.lh-61 {
    line-height: 61px !important;
}
.lh-62 {
    line-height: 62px !important;
}
.lh-63 {
    line-height: 63px !important;
}
.lh-64 {
    line-height: 64px !important;
}
.lh-65 {
    line-height: 65px !important;
}
.lh-66 {
    line-height: 66px !important;
}
.lh-67 {
    line-height: 67px !important;
}
.lh-68 {
    line-height: 68px !important;
}
.lh-69 {
    line-height: 69px !important;
}
.lh-70 {
    line-height: 70px !important;
}
.lh-71 {
    line-height: 71px !important;
}
.lh-72 {
    line-height: 72px !important;
}
.lh-73 {
    line-height: 73px !important;
}
.lh-74 {
    line-height: 74px !important;
}
.lh-75 {
    line-height: 75px !important;
}
.lh-76 {
    line-height: 76px !important;
}
.lh-77 {
    line-height: 77px !important;
}
.lh-78 {
    line-height: 78px !important;
}
.lh-79 {
    line-height: 79px !important;
}
.lh-80 {
    line-height: 80px !important;
}
.lh-81 {
    line-height: 81px !important;
}
.lh-82 {
    line-height: 82px !important;
}
.lh-83 {
    line-height: 83px !important;
}
.lh-84 {
    line-height: 84px !important;
}
.lh-85 {
    line-height: 85px !important;
}
.lh-86 {
    line-height: 86px !important;
}
.lh-87 {
    line-height: 87px !important;
}
.lh-88 {
    line-height: 88px !important;
}
.lh-89 {
    line-height: 89px !important;
}
.lh-90 {
    line-height: 90px !important;
}
.lh-91 {
    line-height: 91px !important;
}
.lh-92 {
    line-height: 92px !important;
}
.lh-93 {
    line-height: 93px !important;
}
.lh-94 {
    line-height: 94px !important;
}
.lh-95 {
    line-height: 95px !important;
}
.lh-96 {
    line-height: 96px !important;
}
.lh-97 {
    line-height: 97px !important;
}
.lh-98 {
    line-height: 98px !important;
}
.lh-99 {
    line-height: 99px !important;
}
.lh-100 {
    line-height: 100px !important;
}
.lh-101 {
    line-height: 101px !important;
}
.lh-102 {
    line-height: 102px !important;
}
.lh-103 {
    line-height: 103px !important;
}
.lh-104 {
    line-height: 104px !important;
}
.lh-105 {
    line-height: 105px !important;
}
.lh-106 {
    line-height: 106px !important;
}
.lh-107 {
    line-height: 107px !important;
}
.lh-108 {
    line-height: 108px !important;
}
.lh-109 {
    line-height: 109px !important;
}
.lh-110 {
    line-height: 110px !important;
}
.lh-111 {
    line-height: 111px !important;
}
.lh-112 {
    line-height: 112px !important;
}
.lh-113 {
    line-height: 113px !important;
}
.lh-114 {
    line-height: 114px !important;
}
.lh-115 {
    line-height: 115px !important;
}
.lh-116 {
    line-height: 116px !important;
}
.lh-117 {
    line-height: 117px !important;
}
.lh-118 {
    line-height: 118px !important;
}
.lh-119 {
    line-height: 119px !important;
}
.lh-120 {
    line-height: 120px !important;
}
.lh-130 {
    line-height: 130px !important;
}
.lh-140 {
    line-height: 140px !important;
}
.lh-150 {
    line-height: 150px !important;
}
.lh-160 {
    line-height: 160px !important;
}
.lh-170 {
    line-height: 170px !important;
}
.lh-180 {
    line-height: 180px !important;
}
.lh-190 {
    line-height: 190px !important;
}
.lh-200 {
    line-height: 200px !important;
}



/*******************************************************************/
/* Ajout des propriétés gouttières                                 */
/*******************************************************************/

.g-0, .gx-0 {
    --bs-gutter-x: var(--rem-0-md);
}
.g-0, .gy-0 {
    --bs-gutter-y: var(--rem-0-md);
}
.g-1, .gx-1 {
    --bs-gutter-x: var(--rem-1-md);
}
.g-1, .gy-1 {
    --bs-gutter-y: var(--rem-1-md);
}
.g-2, .gx-2 {
    --bs-gutter-x: var(--rem-2-md);
}
.g-2, .gy-2 {
    --bs-gutter-y: var(--rem-2-md);
}
.g-3, .gx-3 {
    --bs-gutter-x: var(--rem-3-md);
}
.g-3, .gy-3 {
    --bs-gutter-y: var(--rem-3-md);
}
.g-4, .gx-4 {
    --bs-gutter-x: var(--rem-4-md);
}
.g-4, .gy-4 {
    --bs-gutter-y: var(--rem-4-md);
}
.g-5, .gx-5 {
    --bs-gutter-x: var(--rem-5-md);
}
.g-5, .gy-5 {
    --bs-gutter-y: var(--rem-5-md);
}

@media (min-width: 576px) {
    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: var(--rem-0-md);
    }
    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: var(--rem-0-md);
    }
    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: var(--rem-1-md);
    }
    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: var(--rem-1-md);
    }
    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: var(--rem-2-md);
    }
    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: var(--rem-2-md);
    }
    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: var(--rem-3-md);
    }
    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: var(--rem-3-md);
    }
    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: var(--rem-4-md);
    }
    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: var(--rem-4-md);
    }
    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: var(--rem-5-md);
    }
    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: var(--rem-5-md);
    }
}

@media (min-width: 768px) {
    .g-1, .gx-1 {
        --bs-gutter-x: var(--rem-1);
    }
    .g-1, .gy-1 {
        --bs-gutter-y: var(--rem-1);
    }
    .g-2, .gx-2 {
        --bs-gutter-x: var(--rem-2);
    }
    .g-2, .gy-2 {
        --bs-gutter-y: var(--rem-2);
    }
    .g-3, .gx-3 {
        --bs-gutter-x: var(--rem-3);
    }
    .g-3, .gy-3 {
        --bs-gutter-y: var(--rem-3);
    }
    .g-4, .gx-4 {
        --bs-gutter-x: var(--rem-4);
    }
    .g-4, .gy-4 {
        --bs-gutter-y: var(--rem-4);
    }
    .g-5, .gx-5 {
        --bs-gutter-x: var(--rem-5);
    }
    .g-5, .gy-5 {
        --bs-gutter-y: var(--rem-5);
    }
    .g-md-0, .gx-md-0 {
        --bs-gutter-x: var(--rem-0);
    }
    .g-md-0, .gy-md-0 {
        --bs-gutter-y: var(--rem-0);
    }
    .g-md-1, .gx-md-1 {
        --bs-gutter-x: var(--rem-1);
    }
    .g-md-1, .gy-md-1 {
        --bs-gutter-y: var(--rem-1);
    }
    .g-md-2, .gx-md-2 {
        --bs-gutter-x: var(--rem-2);
    }
    .g-md-2, .gy-md-2 {
        --bs-gutter-y: var(--rem-2);
    }
    .g-md-3, .gx-md-3 {
        --bs-gutter-x: var(--rem-3);
    }
    .g-md-3, .gy-md-3 {
        --bs-gutter-y: var(--rem-3);
    }
    .g-md-4, .gx-md-4 {
        --bs-gutter-x: var(--rem-4);
    }
    .g-md-4, .gy-md-4 {
        --bs-gutter-y: var(--rem-4);
    }
    .g-md-5, .gx-md-5 {
        --bs-gutter-x: var(--rem-5);
    }
    .g-md-5, .gy-md-5 {
        --bs-gutter-y: var(--rem-5);
    }
}

@media (min-width: 992px) {
    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: var(--rem-0);
    }
    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: var(--rem-0);
    }
    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: var(--rem-1);
    }
    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: var(--rem-1);
    }
    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: var(--rem-2);
    }
    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: var(--rem-2);
    }
    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: var(--rem-3);
    }
    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: var(--rem-3);
    }
    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: var(--rem-4);
    }
    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: var(--rem-4);
    }
    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: var(--rem-5);
    }
    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: var(--rem-5);
    }
}

@media (min-width: 1200px) {
    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: var(--rem-0);
    }
    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: var(--rem-0);
    }
    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: var(--rem-1);
    }
    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: var(--rem-1);
    }
    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: var(--rem-2);
    }
    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: var(--rem-2);
    }
    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: var(--rem-3);
    }
    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: var(--rem-3);
    }
    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: var(--rem-4);
    }
    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: var(--rem-4);
    }
    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: var(--rem-5);
    }
    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: var(--rem-5);
    }
}
@media (min-width: 1400px) {
    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: var(--rem-0);
    }
    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: var(--rem-0);
    }
    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: var(--rem-1);
    }
    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: var(--rem-1);
    }
    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: var(--rem-2);
    }
    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: var(--rem-2);
    }
    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: var(--rem-3);
    }
    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: var(--rem-3);
    }
    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: var(--rem-4);
    }
    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: var(--rem-4);
    }
    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: var(--rem-5);
    }
    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: var(--rem-5);
    }
}



/*******************************************************************/
/* Ajout des propriétés marges                                     */
/*******************************************************************/

.m-0 {
    margin: var(--rem-0-md) !important;
}
.m-1 {
    margin: var(--rem-1-md) !important;
}
.m-2 {
    margin: var(--rem-2-md) !important;
}
.m-3 {
    margin: var(--rem-3-md) !important;
}
.m-4 {
    margin: var(--rem-4-md) !important;
}
.m-5 {
    margin: var(--rem-5-md) !important;
}
.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: var(--rem-0-md) !important;
    margin-left: var(--rem-0-md) !important;
}
.mx-1 {
    margin-right: var(--rem-1-md) !important;
    margin-left: var(--rem-1-md) !important;
}
.mx-2 {
    margin-right: var(--rem-2-md) !important;
    margin-left: var(--rem-2-md) !important;
}
.mx-3 {
    margin-right: var(--rem-3-md) !important;
    margin-left: var(--rem-3-md) !important;
}
.mx-4 {
    margin-right: var(--rem-4-md) !important;
    margin-left: var(--rem-4-md) !important;
}
.mx-5 {
    margin-right: var(--rem-5-md) !important;
    margin-left: var(--rem-5-md) !important;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: var(--rem-0-md) !important;
    margin-bottom: var(--rem-0-md) !important;
}
.my-1 {
    margin-top: var(--rem-1-md) !important;
    margin-bottom: var(--rem-1-md) !important;
}
.my-2 {
    margin-top: var(--rem-2-md) !important;
    margin-bottom: var(--rem-2-md) !important;
}
.my-3 {
    margin-top: var(--rem-3-md) !important;
    margin-bottom: var(--rem-3-md) !important;
}
.my-4 {
    margin-top: var(--rem-4-md) !important;
    margin-bottom: var(--rem-4-md) !important;
}
.my-5 {
    margin-top: var(--rem-5-md) !important;
    margin-bottom: var(--rem-5-md) !important;
}
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: var(--rem-0-md) !important;
}
.mt-1 {
    margin-top: var(--rem-1-md) !important;
}
.mt-2 {
    margin-top: var(--rem-2-md) !important;
}
.mt-3 {
    margin-top: var(--rem-3-md) !important;
}
.mt-4 {
    margin-top: var(--rem-4-md) !important;
}
.mt-5 {
    margin-top: var(--rem-5-md) !important;
}
.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: var(--rem-0-md) !important;
}
.me-1 {
    margin-right: var(--rem-1-md) !important;
}
.me-2 {
    margin-right: var(--rem-2-md) !important;
}
.me-3 {
    margin-right: var(--rem-3-md) !important;
}
.me-4 {
    margin-right: var(--rem-4-md) !important;
}
.me-5 {
    margin-right: var(--rem-5-md) !important;
}
.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: var(--rem-0-md) !important;
}
.mb-1 {
    margin-bottom: var(--rem-1-md) !important;
}
.mb-2 {
    margin-bottom: var(--rem-2-md) !important;
}
.mb-3 {
    margin-bottom: var(--rem-3-md) !important;
}
.mb-4 {
    margin-bottom: var(--rem-4-md) !important;
}
.mb-5 {
    margin-bottom: var(--rem-5-md) !important;
}
.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: var(--rem-0-md) !important;
}
.ms-1 {
    margin-left: var(--rem-1-md) !important;
}
.ms-2 {
    margin-left: var(--rem-2-md) !important;
}
.ms-3 {
    margin-left: var(--rem-3-md) !important;
}
.ms-4 {
    margin-left: var(--rem-4-md) !important;
}
.ms-5 {
    margin-left: var(--rem-5-md) !important;
}
.ms-auto {
    margin-left: auto !important;
}



/*******************************************************************/
/* Ajout des propriétés padding                                    */
/*******************************************************************/

.p-0 {
    padding: var(--rem-0-md) !important;
}
.p-1 {
    padding: var(--rem-1-md) !important;
}
.p-2 {
    padding: var(--rem-2-md) !important;
}
.p-3 {
    padding: var(--rem-3-md) !important;
}
.p-4 {
    padding: var(--rem-4-md) !important;
}
.p-5 {
    padding: var(--rem-5-md) !important;
}

.px-0 {
    padding-right: var(--rem-0-md) !important;
    padding-left: var(--rem-0-md) !important;
}
.px-1 {
    padding-right: var(--rem-1-md) !important;
    padding-left: var(--rem-1-md) !important;
}
.px-2 {
    padding-right: var(--rem-2-md) !important;
    padding-left: var(--rem-2-md) !important;
}
.px-3 {
    padding-right: var(--rem-3-md) !important;
    padding-left: var(--rem-3-md) !important;
}
.px-4 {
    padding-right: var(--rem-4-md) !important;
    padding-left: var(--rem-4-md) !important;
}
.px-5 {
    padding-right: var(--rem-5-md) !important;
    padding-left: var(--rem-5-md) !important;
}

.py-0 {
    padding-top: var(--rem-0-md) !important;
    padding-bottom: var(--rem-0-md) !important;
}
.py-1 {
    padding-top: var(--rem-1-md) !important;
    padding-bottom: var(--rem-1-md) !important;
}
.py-2 {
    padding-top: var(--rem-2-md) !important;
    padding-bottom: var(--rem-2-md) !important;
}
.py-3 {
    padding-top: var(--rem-3-md) !important;
    padding-bottom: var(--rem-3-md) !important;
}
.py-4 {
    padding-top: var(--rem-4-md) !important;
    padding-bottom: var(--rem-4-md) !important;
}
.py-5 {
    padding-top: var(--rem-5-md) !important;
    padding-bottom: var(--rem-5-md) !important;
}

.pt-0 {
    padding-top: var(--rem-0-md) !important;
}
.pt-1 {
    padding-top: var(--rem-1-md) !important;
}
.pt-2 {
    padding-top: var(--rem-2-md) !important;
}
.pt-3 {
    padding-top: var(--rem-3-md) !important;
}
.pt-4 {
    padding-top: var(--rem-4-md) !important;
}
.pt-5 {
    padding-top: var(--rem-5-md) !important;
}

.pt-banner-0 {
    padding-top: var(--rem-0-md) !important;
}
.pt-banner-1 {
    padding-top: calc( var(--rem-1-md)  * 4) !important;
}
.pt-banner-2 {
    padding-top: calc( var(--rem-2-md)  * 4) !important;
}
.pt-banner-3 {
    padding-top: calc( var(--rem-3-md)  * 4) !important;
}
.pt-banner-4 {
    padding-top: calc( var(--rem-4-md)  * 4) !important;
}
.pt-banner-5 {
    padding-top: calc( var(--rem-5-md)  * 4) !important;
}

.pb-banner-0 {
    padding-bottom: var(--rem-0-md) !important;
}
.pb-banner-1 {
    padding-bottom: calc( var(--rem-1-md)  * 4) !important;
}
.pb-banner-2 {
    padding-bottom: calc( var(--rem-2-md)  * 4) !important;
}
.pb-banner-3 {
    padding-bottom: calc( var(--rem-3-md)  * 4) !important;
}
.pb-banner-4 {
    padding-bottom: calc( var(--rem-4-md)  * 4) !important;
}
.pb-banner-5 {
    padding-bottom: calc( var(--rem-5-md)  * 4) !important;
}

.pe-0 {
    padding-right: var(--rem-0-md) !important;
}
.pe-1 {
    padding-right: var(--rem-1-md) !important;
}
.pe-2 {
    padding-right: var(--rem-2-md) !important;
}
.pe-3 {
    padding-right: var(--rem-3-md) !important;
}
.pe-4 {
    padding-right: var(--rem-4-md) !important;
}
.pe-5 {
    padding-right: var(--rem-5-md) !important;
}

.pb-0 {
    padding-bottom: var(--rem-0-md) !important;
}
.pb-1 {
    padding-bottom: var(--rem-1-md) !important;
}
.pb-2 {
    padding-bottom: var(--rem-2-md) !important;
}
.pb-3 {
    padding-bottom: var(--rem-3-md) !important;
}
.pb-4 {
    padding-bottom: var(--rem-4-md) !important;
}
.pb-5 {
    padding-bottom: var(--rem-5-md) !important;
}

.ps-0 {
    padding-left: var(--rem-0-md) !important;
}
.ps-1 {
    padding-left: var(--rem-1-md) !important;
}
.ps-2 {
    padding-left: var(--rem-2-md) !important;
}
.ps-3 {
    padding-left: var(--rem-3-md) !important;
}
.ps-4 {
    padding-left: var(--rem-4-md) !important;
}
.ps-5 {
    padding-left: var(--rem-5-md) !important;
}

/*******************************************************************/
/* Ajout des propriétés marges et padding en responsive            */
/*******************************************************************/

@media (min-width: 576px) {
    .m-sm-0 {
        margin: var(--rem-0-md) !important;
    }
    .m-sm-1 {
        margin: var(--rem-1-md) !important;
    }
    .m-sm-2 {
        margin: var(--rem-2-md) !important;
    }
    .m-sm-3 {
        margin: var(--rem-3-md) !important;
    }
    .m-sm-4 {
        margin: var(--rem-4-md) !important;
    }
    .m-sm-5 {
        margin: var(--rem-5-md) !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mx-sm-0 {
        margin-right: var(--rem-0-md) !important;
        margin-left: var(--rem-0-md) !important;
    }
    .mx-sm-1 {
        margin-right: var(--rem-1-md) !important;
        margin-left: var(--rem-1-md) !important;
    }
    .mx-sm-2 {
        margin-right: var(--rem-2-md) !important;
        margin-left: var(--rem-2-md) !important;
    }
    .mx-sm-3 {
        margin-right: var(--rem-3-md) !important;
        margin-left: var(--rem-3-md) !important;
    }
    .mx-sm-4 {
        margin-right: var(--rem-4-md) !important;
        margin-left: var(--rem-4-md) !important;
    }
    .mx-sm-5 {
        margin-right: var(--rem-5-md) !important;
        margin-left: var(--rem-5-md) !important;
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-sm-0 {
        margin-top: var(--rem-0-md) !important;
        margin-bottom: var(--rem-0-md) !important;
    }
    .my-sm-1 {
        margin-top: var(--rem-1-md) !important;
        margin-bottom: var(--rem-1-md) !important;
    }
    .my-sm-2 {
        margin-top: var(--rem-2-md) !important;
        margin-bottom: var(--rem-2-md) !important;
    }
    .my-sm-3 {
        margin-top: var(--rem-3-md) !important;
        margin-bottom: var(--rem-3-md) !important;
    }
    .my-sm-4 {
        margin-top: var(--rem-4-md) !important;
        margin-bottom: var(--rem-4-md) !important;
    }
    .my-sm-5 {
        margin-top: var(--rem-5-md) !important;
        margin-bottom: var(--rem-5-md) !important;
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-sm-0 {
        margin-top: var(--rem-0-md) !important;
    }
    .mt-sm-1 {
        margin-top: var(--rem-1-md) !important;
    }
    .mt-sm-2 {
        margin-top: var(--rem-2-md) !important;
    }
    .mt-sm-3 {
        margin-top: var(--rem-3-md) !important;
    }
    .mt-sm-4 {
        margin-top: var(--rem-4-md) !important;
    }
    .mt-sm-5 {
        margin-top: var(--rem-5-md) !important;
    }
    .mt-sm-auto {
        margin-top: auto !important;
    }
    .me-sm-0 {
        margin-right: var(--rem-0-md) !important;
    }
    .me-sm-1 {
        margin-right: var(--rem-1-md) !important;
    }
    .me-sm-2 {
        margin-right: var(--rem-2-md) !important;
    }
    .me-sm-3 {
        margin-right: var(--rem-3-md) !important;
    }
    .me-sm-4 {
        margin-right: var(--rem-4-md) !important;
    }
    .me-sm-5 {
        margin-right: var(--rem-5-md) !important;
    }
    .me-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-0 {
        margin-bottom: var(--rem-0-md) !important;
    }
    .mb-sm-1 {
        margin-bottom: var(--rem-1-md) !important;
    }
    .mb-sm-2 {
        margin-bottom: var(--rem-2-md) !important;
    }
    .mb-sm-3 {
        margin-bottom: var(--rem-3-md) !important;
    }
    .mb-sm-4 {
        margin-bottom: var(--rem-4-md) !important;
    }
    .mb-sm-5 {
        margin-bottom: var(--rem-5-md) !important;
    }
    .mb-sm-auto {
        margin-bottom: auto !important;
    }
    .ms-sm-0 {
        margin-left: var(--rem-0-md) !important;
    }
    .ms-sm-1 {
        margin-left: var(--rem-1-md) !important;
    }
    .ms-sm-2 {
        margin-left: var(--rem-2-md) !important;
    }
    .ms-sm-3 {
        margin-left: var(--rem-3-md) !important;
    }
    .ms-sm-4 {
        margin-left: var(--rem-4-md) !important;
    }
    .ms-sm-5 {
        margin-left: var(--rem-5-md) !important;
    }
    .ms-sm-auto {
        margin-left: auto !important;
    }
    .p-sm-0 {
        padding: var(--rem-0-md) !important;
    }
    .p-sm-1 {
        padding: var(--rem-1-md) !important;
    }
    .p-sm-2 {
        padding: var(--rem-2-md) !important;
    }
    .p-sm-3 {
        padding: var(--rem-3-md) !important;
    }
    .p-sm-4 {
        padding: var(--rem-4-md) !important;
    }
    .p-sm-5 {
        padding: var(--rem-5-md) !important;
    }
    .px-sm-0 {
        padding-right: var(--rem-0-md) !important;
        padding-left: var(--rem-0-md) !important;
    }
    .px-sm-1 {
        padding-right: var(--rem-1-md) !important;
        padding-left: var(--rem-1-md) !important;
    }
    .px-sm-2 {
        padding-right: var(--rem-2-md) !important;
        padding-left: var(--rem-2-md) !important;
    }
    .px-sm-3 {
        padding-right: var(--rem-3-md) !important;
        padding-left: var(--rem-3-md) !important;
    }
    .px-sm-4 {
        padding-right: var(--rem-4-md) !important;
        padding-left: var(--rem-4-md) !important;
    }
    .px-sm-5 {
        padding-right: var(--rem-5-md) !important;
        padding-left: var(--rem-5-md) !important;
    }
    .py-sm-0 {
        padding-top: var(--rem-0-md) !important;
        padding-bottom: var(--rem-0-md) !important;
    }
    .py-sm-1 {
        padding-top: var(--rem-1-md) !important;
        padding-bottom: var(--rem-1-md) !important;
    }
    .py-sm-2 {
        padding-top: var(--rem-2-md) !important;
        padding-bottom: var(--rem-2-md) !important;
    }
    .py-sm-3 {
        padding-top: var(--rem-3-md) !important;
        padding-bottom: var(--rem-3-md) !important;
    }
    .py-sm-4 {
        padding-top: var(--rem-4-md) !important;
        padding-bottom: var(--rem-4-md) !important;
    }
    .py-sm-5 {
        padding-top: var(--rem-5-md) !important;
        padding-bottom: var(--rem-5-md) !important;
    }
    .pt-sm-0 {
        padding-top: var(--rem-0-md) !important;
    }
    .pt-sm-1 {
        padding-top: var(--rem-1-md) !important;
    }
    .pt-sm-2 {
        padding-top: var(--rem-2-md) !important;
    }
    .pt-sm-3 {
        padding-top: var(--rem-3-md) !important;
    }
    .pt-sm-4 {
        padding-top: var(--rem-4-md) !important;
    }
    .pt-sm-5 {
        padding-top: var(--rem-5-md) !important;
    }
    .pe-sm-0 {
        padding-right: var(--rem-0-md) !important;
    }
    .pe-sm-1 {
        padding-right: var(--rem-1-md) !important;
    }
    .pe-sm-2 {
        padding-right: var(--rem-2-md) !important;
    }
    .pe-sm-3 {
        padding-right: var(--rem-3-md) !important;
    }
    .pe-sm-4 {
        padding-right: var(--rem-4-md) !important;
    }
    .pe-sm-5 {
        padding-right: var(--rem-5-md) !important;
    }
    .pb-sm-0 {
        padding-bottom: var(--rem-0-md) !important;
    }
    .pb-sm-1 {
        padding-bottom: var(--rem-1-md) !important;
    }
    .pb-sm-2 {
        padding-bottom: var(--rem-2-md) !important;
    }
    .pb-sm-3 {
        padding-bottom: var(--rem-3-md) !important;
    }
    .pb-sm-4 {
        padding-bottom: var(--rem-4-md) !important;
    }
    .pb-sm-5 {
        padding-bottom: var(--rem-5-md) !important;
    }
    .ps-sm-0 {
        padding-left: var(--rem-0-md) !important;
    }
    .ps-sm-1 {
        padding-left: var(--rem-1-md) !important;
    }
    .ps-sm-2 {
        padding-left: var(--rem-2-md) !important;
    }
    .ps-sm-3 {
        padding-left: var(--rem-3-md) !important;
    }
    .ps-sm-4 {
        padding-left: var(--rem-4-md) !important;
    }
    .ps-sm-5 {
        padding-left: var(--rem-5-md) !important;
    }
}

@media (min-width: 768px) {
    .m-1 {
        margin: var(--rem-1) !important;
    }
    .m-2 {
        margin: var(--rem-2) !important;
    }
    .m-3 {
        margin: var(--rem-3) !important;
    }
    .m-4 {
        margin: var(--rem-4) !important;
    }
    .m-5 {
        margin: var(--rem-5) !important;
    }

    .mx-1 {
        margin-right: var(--rem-1) !important;
        margin-left: var(--rem-1) !important;
    }
    .mx-2 {
        margin-right: var(--rem-2) !important;
        margin-left: var(--rem-2) !important;
    }
    .mx-3 {
        margin-right: var(--rem-3) !important;
        margin-left: var(--rem-3) !important;
    }
    .mx-4 {
        margin-right: var(--rem-4) !important;
        margin-left: var(--rem-4) !important;
    }
    .mx-5 {
        margin-right: var(--rem-5) !important;
        margin-left: var(--rem-5) !important;
    }

    .my-1 {
        margin-top: var(--rem-1) !important;
        margin-bottom: var(--rem-1) !important;
    }
    .my-2 {
        margin-top: var(--rem-2) !important;
        margin-bottom: var(--rem-2) !important;
    }
    .my-3 {
        margin-top: var(--rem-3) !important;
        margin-bottom: var(--rem-3) !important;
    }
    .my-4 {
        margin-top: var(--rem-4) !important;
        margin-bottom: var(--rem-4) !important;
    }
    .my-5 {
        margin-top: var(--rem-5) !important;
        margin-bottom: var(--rem-5) !important;
    }

    .mt-1 {
        margin-top: var(--rem-1) !important;
    }
    .mt-2 {
        margin-top: var(--rem-2) !important;
    }
    .mt-3 {
        margin-top: var(--rem-3) !important;
    }
    .mt-4 {
        margin-top: var(--rem-4) !important;
    }
    .mt-5 {
        margin-top: var(--rem-5) !important;
    }

    .me-1 {
        margin-right: var(--rem-1) !important;
    }
    .me-2 {
        margin-right: var(--rem-2) !important;
    }
    .me-3 {
        margin-right: var(--rem-3) !important;
    }
    .me-4 {
        margin-right: var(--rem-4) !important;
    }
    .me-5 {
        margin-right: var(--rem-5) !important;
    }

    .mb-1 {
        margin-bottom: var(--rem-1) !important;
    }
    .mb-2 {
        margin-bottom: var(--rem-2) !important;
    }
    .mb-3 {
        margin-bottom: var(--rem-3) !important;
    }
    .mb-4 {
        margin-bottom: var(--rem-4) !important;
    }
    .mb-5 {
        margin-bottom: var(--rem-5) !important;
    }

    .ms-1 {
        margin-left: var(--rem-1) !important;
    }
    .ms-2 {
        margin-left: var(--rem-2) !important;
    }
    .ms-3 {
        margin-left: var(--rem-3) !important;
    }
    .ms-4 {
        margin-left: var(--rem-4) !important;
    }
    .ms-5 {
        margin-left: var(--rem-5) !important;
    }

    .p-1 {
        padding: var(--rem-1) !important;
    }
    .p-2 {
        padding: var(--rem-2) !important;
    }
    .p-3 {
        padding: var(--rem-3) !important;
    }
    .p-4 {
        padding: var(--rem-4) !important;
    }
    .p-5 {
        padding: var(--rem-5) !important;
    }

    .px-1 {
        padding-right: var(--rem-1) !important;
        padding-left: var(--rem-1) !important;
    }
    .px-2 {
        padding-right: var(--rem-2) !important;
        padding-left: var(--rem-2) !important;
    }
    .px-3 {
        padding-right: var(--rem-3) !important;
        padding-left: var(--rem-3) !important;
    }
    .px-4 {
        padding-right: var(--rem-4) !important;
        padding-left: var(--rem-4) !important;
    }
    .px-5 {
        padding-right: var(--rem-5) !important;
        padding-left: var(--rem-5) !important;
    }

    .py-1 {
        padding-top: var(--rem-1) !important;
        padding-bottom: var(--rem-1) !important;
    }
    .py-2 {
        padding-top: var(--rem-2) !important;
        padding-bottom: var(--rem-2) !important;
    }
    .py-3 {
        padding-top: var(--rem-3) !important;
        padding-bottom: var(--rem-3) !important;
    }
    .py-4 {
        padding-top: var(--rem-4) !important;
        padding-bottom: var(--rem-4) !important;
    }
    .py-5 {
        padding-top: var(--rem-5) !important;
        padding-bottom: var(--rem-5) !important;
    }

    .pt-1 {
        padding-top: var(--rem-1) !important;
    }
    .pt-2 {
        padding-top: var(--rem-2) !important;
    }
    .pt-3 {
        padding-top: var(--rem-3) !important;
    }
    .pt-4 {
        padding-top: var(--rem-4) !important;
    }
    .pt-5 {
        padding-top: var(--rem-5) !important;
    }

    .pt-banner-1 {
        padding-top: calc( var(--rem-1)  * 4) !important;
    }
    .pt-banner-2 {
        padding-top: calc( var(--rem-2)  * 4) !important;
    }
    .pt-banner-3 {
        padding-top: calc( var(--rem-3)  * 4) !important;
    }
    .pt-banner-4 {
        padding-top: calc( var(--rem-4)  * 4) !important;
    }
    .pt-banner-5 {
        padding-top: calc( var(--rem-5)  * 4) !important;
    }

    .pb-banner-1 {
        padding-bottom: calc( var(--rem-1)  * 4) !important;
    }
    .pb-banner-2 {
        padding-bottom: calc( var(--rem-2)  * 4) !important;
    }
    .pb-banner-3 {
        padding-bottom: calc( var(--rem-3)  * 4) !important;
    }
    .pb-banner-4 {
        padding-bottom: calc( var(--rem-4)  * 4) !important;
    }
    .pb-banner-5 {
        padding-bottom: calc( var(--rem-5)  * 4) !important;
    }

    .pe-1 {
        padding-right: var(--rem-1) !important;
    }
    .pe-2 {
        padding-right: var(--rem-2) !important;
    }
    .pe-3 {
        padding-right: var(--rem-3) !important;
    }
    .pe-4 {
        padding-right: var(--rem-4) !important;
    }
    .pe-5 {
        padding-right: var(--rem-5) !important;
    }

    .pb-1 {
        padding-bottom: var(--rem-1) !important;
    }
    .pb-2 {
        padding-bottom: var(--rem-2) !important;
    }
    .pb-3 {
        padding-bottom: var(--rem-3) !important;
    }
    .pb-4 {
        padding-bottom: var(--rem-4) !important;
    }
    .pb-5 {
        padding-bottom: var(--rem-5) !important;
    }

    .ps-1 {
        padding-left: var(--rem-1) !important;
    }
    .ps-2 {
        padding-left: var(--rem-2) !important;
    }
    .ps-3 {
        padding-left: var(--rem-3) !important;
    }
    .ps-4 {
        padding-left: var(--rem-4) !important;
    }
    .ps-5 {
        padding-left: var(--rem-5) !important;
    }

    .m-md-0 {
        margin: var(--rem-0) !important;
    }
    .m-md-1 {
        margin: var(--rem-1) !important;
    }
    .m-md-2 {
        margin: var(--rem-2) !important;
    }
    .m-md-3 {
        margin: var(--rem-3) !important;
    }
    .m-md-4 {
        margin: var(--rem-4) !important;
    }
    .m-md-5 {
        margin: var(--rem-5) !important;
    }
    .m-md-auto {
        margin: auto !important;
    }

    .mx-md-0 {
        margin-right: var(--rem-0) !important;
        margin-left: var(--rem-0) !important;
    }
    .mx-md-1 {
        margin-right: var(--rem-1) !important;
        margin-left: var(--rem-1) !important;
    }
    .mx-md-2 {
        margin-right: var(--rem-2) !important;
        margin-left: var(--rem-2) !important;
    }
    .mx-md-3 {
        margin-right: var(--rem-3) !important;
        margin-left: var(--rem-3) !important;
    }
    .mx-md-4 {
        margin-right: var(--rem-4) !important;
        margin-left: var(--rem-4) !important;
    }
    .mx-md-5 {
        margin-right: var(--rem-5) !important;
        margin-left: var(--rem-5) !important;
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-0 {
        margin-top: var(--rem-0) !important;
        margin-bottom: var(--rem-0) !important;
    }
    .my-md-1 {
        margin-top: var(--rem-1) !important;
        margin-bottom: var(--rem-1) !important;
    }
    .my-md-2 {
        margin-top: var(--rem-2) !important;
        margin-bottom: var(--rem-2) !important;
    }
    .my-md-3 {
        margin-top: var(--rem-3) !important;
        margin-bottom: var(--rem-3) !important;
    }
    .my-md-4 {
        margin-top: var(--rem-4) !important;
        margin-bottom: var(--rem-4) !important;
    }
    .my-md-5 {
        margin-top: var(--rem-5) !important;
        margin-bottom: var(--rem-5) !important;
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-md-0 {
        margin-top: var(--rem-0) !important;
    }
    .mt-md-1 {
        margin-top: var(--rem-1) !important;
    }
    .mt-md-2 {
        margin-top: var(--rem-2) !important;
    }
    .mt-md-3 {
        margin-top: var(--rem-3) !important;
    }
    .mt-md-4 {
        margin-top: var(--rem-4) !important;
    }
    .mt-md-5 {
        margin-top: var(--rem-5) !important;
    }
    .mt-md-auto {
        margin-top: auto !important;
    }

    .me-md-0 {
        margin-right: var(--rem-0) !important;
    }
    .me-md-1 {
        margin-right: var(--rem-1) !important;
    }
    .me-md-2 {
        margin-right: var(--rem-2) !important;
    }
    .me-md-3 {
        margin-right: var(--rem-3) !important;
    }
    .me-md-4 {
        margin-right: var(--rem-4) !important;
    }
    .me-md-5 {
        margin-right: var(--rem-5) !important;
    }
    .me-md-auto {
        margin-right: auto !important;
    }

    .mb-md-0 {
        margin-bottom: var(--rem-0) !important;
    }
    .mb-md-1 {
        margin-bottom: var(--rem-1) !important;
    }
    .mb-md-2 {
        margin-bottom: var(--rem-2) !important;
    }
    .mb-md-3 {
        margin-bottom: var(--rem-3) !important;
    }
    .mb-md-4 {
        margin-bottom: var(--rem-4) !important;
    }
    .mb-md-5 {
        margin-bottom: var(--rem-5) !important;
    }
    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ms-md-0 {
        margin-left: var(--rem-0) !important;
    }
    .ms-md-1 {
        margin-left: var(--rem-1) !important;
    }
    .ms-md-2 {
        margin-left: var(--rem-2) !important;
    }
    .ms-md-3 {
        margin-left: var(--rem-3) !important;
    }
    .ms-md-4 {
        margin-left: var(--rem-4) !important;
    }
    .ms-md-5 {
        margin-left: var(--rem-5) !important;
    }
    .ms-md-auto {
        margin-left: auto !important;
    }

    .p-md-0 {
        padding: var(--rem-0) !important;
    }
    .p-md-1 {
        padding: var(--rem-1) !important;
    }
    .p-md-2 {
        padding: var(--rem-2) !important;
    }
    .p-md-3 {
        padding: var(--rem-3) !important;
    }
    .p-md-4 {
        padding: var(--rem-4) !important;
    }
    .p-md-5 {
        padding: var(--rem-5) !important;
    }

    .px-md-0 {
        padding-right: var(--rem-0) !important;
        padding-left: var(--rem-0) !important;
    }
    .px-md-1 {
        padding-right: var(--rem-1) !important;
        padding-left: var(--rem-1) !important;
    }
    .px-md-2 {
        padding-right: var(--rem-2) !important;
        padding-left: var(--rem-2) !important;
    }
    .px-md-3 {
        padding-right: var(--rem-3) !important;
        padding-left: var(--rem-3) !important;
    }
    .px-md-4 {
        padding-right: var(--rem-4) !important;
        padding-left: var(--rem-4) !important;
    }
    .px-md-5 {
        padding-right: var(--rem-5) !important;
        padding-left: var(--rem-5) !important;
    }
    
    .py-md-0 {
        padding-top: var(--rem-0) !important;
        padding-bottom: var(--rem-0) !important;
    }
    .py-md-1 {
        padding-top: var(--rem-1) !important;
        padding-bottom: var(--rem-1) !important;
    }
    .py-md-2 {
        padding-top: var(--rem-2) !important;
        padding-bottom: var(--rem-2) !important;
    }
    .py-md-3 {
        padding-top: var(--rem-3) !important;
        padding-bottom: var(--rem-3) !important;
    }
    .py-md-4 {
        padding-top: var(--rem-4) !important;
        padding-bottom: var(--rem-4) !important;
    }
    .py-md-5 {
        padding-top: var(--rem-5) !important;
        padding-bottom: var(--rem-5) !important;
    }
    
    .pt-md-0 {
        padding-top: var(--rem-0) !important;
    }
    .pt-md-1 {
        padding-top: var(--rem-1) !important;
    }
    .pt-md-2 {
        padding-top: var(--rem-2) !important;
    }
    .pt-md-3 {
        padding-top: var(--rem-3) !important;
    }
    .pt-md-4 {
        padding-top: var(--rem-4) !important;
    }
    .pt-md-5 {
        padding-top: var(--rem-5) !important;
    }
    
    .pe-md-0 {
        padding-right: var(--rem-0) !important;
    }
    .pe-md-1 {
        padding-right: var(--rem-1) !important;
    }
    .pe-md-2 {
        padding-right: var(--rem-2) !important;
    }
    .pe-md-3 {
        padding-right: var(--rem-3) !important;
    }
    .pe-md-4 {
        padding-right: var(--rem-4) !important;
    }
    .pe-md-5 {
        padding-right: var(--rem-5) !important;
    }
    
    .pb-md-0 {
        padding-bottom: var(--rem-0) !important;
    }
    .pb-md-1 {
        padding-bottom: var(--rem-1) !important;
    }
    .pb-md-2 {
        padding-bottom: var(--rem-2) !important;
    }
    .pb-md-3 {
        padding-bottom: var(--rem-3) !important;
    }
    .pb-md-4 {
        padding-bottom: var(--rem-4) !important;
    }
    .pb-md-5 {
        padding-bottom: var(--rem-5) !important;
    }
    
    .ps-md-0 {
        padding-left: var(--rem-0) !important;
    }
    .ps-md-1 {
        padding-left: var(--rem-1) !important;
    }
    .ps-md-2 {
        padding-left: var(--rem-2) !important;
    }
    .ps-md-3 {
        padding-left: var(--rem-3) !important;
    }
    .ps-md-4 {
        padding-left: var(--rem-4) !important;
    }
    .ps-md-5 {
        padding-left: var(--rem-5) !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: var(--rem-0) !important;
    }
    .m-lg-1 {
        margin: var(--rem-1) !important;
    }
    .m-lg-2 {
        margin: var(--rem-2) !important;
    }
    .m-lg-3 {
        margin: var(--rem-3) !important;
    }
    .m-lg-4 {
        margin: var(--rem-4) !important;
    }
    .m-lg-5 {
        margin: var(--rem-5) !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }

    .mx-lg-0 {
        margin-right: var(--rem-0) !important;
        margin-left: var(--rem-0) !important;
    }
    .mx-lg-1 {
        margin-right: var(--rem-1) !important;
        margin-left: var(--rem-1) !important;
    }
    .mx-lg-2 {
        margin-right: var(--rem-2) !important;
        margin-left: var(--rem-2) !important;
    }
    .mx-lg-3 {
        margin-right: var(--rem-3) !important;
        margin-left: var(--rem-3) !important;
    }
    .mx-lg-4 {
        margin-right: var(--rem-4) !important;
        margin-left: var(--rem-4) !important;
    }
    .mx-lg-5 {
        margin-right: var(--rem-5) !important;
        margin-left: var(--rem-5) !important;
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-0 {
        margin-top: var(--rem-0) !important;
        margin-bottom: var(--rem-0) !important;
    }
    .my-lg-1 {
        margin-top: var(--rem-1) !important;
        margin-bottom: var(--rem-1) !important;
    }
    .my-lg-2 {
        margin-top: var(--rem-2) !important;
        margin-bottom: var(--rem-2) !important;
    }
    .my-lg-3 {
        margin-top: var(--rem-3) !important;
        margin-bottom: var(--rem-3) !important;
    }
    .my-lg-4 {
        margin-top: var(--rem-4) !important;
        margin-bottom: var(--rem-4) !important;
    }
    .my-lg-5 {
        margin-top: var(--rem-5) !important;
        margin-bottom: var(--rem-5) !important;
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-lg-0 {
        margin-top: var(--rem-0) !important;
    }
    .mt-lg-1 {
        margin-top: var(--rem-1) !important;
    }
    .mt-lg-2 {
        margin-top: var(--rem-2) !important;
    }
    .mt-lg-3 {
        margin-top: var(--rem-3) !important;
    }
    .mt-lg-4 {
        margin-top: var(--rem-4) !important;
    }
    .mt-lg-5 {
        margin-top: var(--rem-5) !important;
    }
    .mt-lg-auto {
        margin-top: auto !important;
    }

    .me-lg-0 {
        margin-right: var(--rem-0) !important;
    }
    .me-lg-1 {
        margin-right: var(--rem-1) !important;
    }
    .me-lg-2 {
        margin-right: var(--rem-2) !important;
    }
    .me-lg-3 {
        margin-right: var(--rem-3) !important;
    }
    .me-lg-4 {
        margin-right: var(--rem-4) !important;
    }
    .me-lg-5 {
        margin-right: var(--rem-5) !important;
    }
    .me-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-0 {
        margin-bottom: var(--rem-0) !important;
    }
    .mb-lg-1 {
        margin-bottom: var(--rem-1) !important;
    }
    .mb-lg-2 {
        margin-bottom: var(--rem-2) !important;
    }
    .mb-lg-3 {
        margin-bottom: var(--rem-3) !important;
    }
    .mb-lg-4 {
        margin-bottom: var(--rem-4) !important;
    }
    .mb-lg-5 {
        margin-bottom: var(--rem-5) !important;
    }
    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ms-lg-0 {
        margin-left: var(--rem-0) !important;
    }
    .ms-lg-1 {
        margin-left: var(--rem-1) !important;
    }
    .ms-lg-2 {
        margin-left: var(--rem-2) !important;
    }
    .ms-lg-3 {
        margin-left: var(--rem-3) !important;
    }
    .ms-lg-4 {
        margin-left: var(--rem-4) !important;
    }
    .ms-lg-5 {
        margin-left: var(--rem-5) !important;
    }
    .ms-lg-auto {
        margin-left: auto !important;
    }

    .p-lg-0 {
        padding: var(--rem-0) !important;
    }
    .p-lg-1 {
        padding: var(--rem-1) !important;
    }
    .p-lg-2 {
        padding: var(--rem-2) !important;
    }
    .p-lg-3 {
        padding: var(--rem-3) !important;
    }
    .p-lg-4 {
        padding: var(--rem-4) !important;
    }
    .p-lg-5 {
        padding: var(--rem-5) !important;
    }

    .px-lg-0 {
        padding-right: var(--rem-0) !important;
        padding-left: var(--rem-0) !important;
    }
    .px-lg-1 {
        padding-right: var(--rem-1) !important;
        padding-left: var(--rem-1) !important;
    }
    .px-lg-2 {
        padding-right: var(--rem-2) !important;
        padding-left: var(--rem-2) !important;
    }
    .px-lg-3 {
        padding-right: var(--rem-3) !important;
        padding-left: var(--rem-3) !important;
    }
    .px-lg-4 {
        padding-right: var(--rem-4) !important;
        padding-left: var(--rem-4) !important;
    }
    .px-lg-5 {
        padding-right: var(--rem-5) !important;
        padding-left: var(--rem-5) !important;
    }

    .py-lg-0 {
        padding-top: var(--rem-0) !important;
        padding-bottom: var(--rem-0) !important;
    }
    .py-lg-1 {
        padding-top: var(--rem-1) !important;
        padding-bottom: var(--rem-1) !important;
    }
    .py-lg-2 {
        padding-top: var(--rem-2) !important;
        padding-bottom: var(--rem-2) !important;
    }
    .py-lg-3 {
        padding-top: var(--rem-3) !important;
        padding-bottom: var(--rem-3) !important;
    }
    .py-lg-4 {
        padding-top: var(--rem-4) !important;
        padding-bottom:var(--rem-4) !important;
    }
    .py-lg-5 {
        padding-top: var(--rem-5) !important;
        padding-bottom: var(--rem-5) !important;
    }

    .pt-lg-0 {
        padding-top: var(--rem-0) !important;
    }
    .pt-lg-1 {
        padding-top: var(--rem-1) !important;
    }
    .pt-lg-2 {
        padding-top: var(--rem-2) !important;
    }
    .pt-lg-3 {
        padding-top: var(--rem-3) !important;
    }
    .pt-lg-4 {
        padding-top: var(--rem-4) !important;
    }
    .pt-lg-5 {
        padding-top: var(--rem-5) !important;
    }

    .pe-lg-0 {
        padding-right: var(--rem-0) !important;
    }
    .pe-lg-1 {
        padding-right: var(--rem-1) !important;
    }
    .pe-lg-2 {
        padding-right: var(--rem-2) !important;
    }
    .pe-lg-3 {
        padding-right: var(--rem-3) !important;
    }
    .pe-lg-4 {
        padding-right: var(--rem-4) !important;
    }
    .pe-lg-5 {
        padding-right: var(--rem-5) !important;
    }

    .pb-lg-0 {
        padding-bottom: var(--rem-0) !important;
    }
    .pb-lg-1 {
        padding-bottom: var(--rem-1) !important;
    }
    .pb-lg-2 {
        padding-bottom: var(--rem-2) !important;
    }
    .pb-lg-3 {
        padding-bottom: var(--rem-3) !important;
    }
    .pb-lg-4 {
        padding-bottom: var(--rem-4) !important;
    }
    .pb-lg-5 {
        padding-bottom: var(--rem-5) !important;
    }

    .ps-lg-0 {
        padding-left: var(--rem-0) !important;
    }
    .ps-lg-1 {
        padding-left: var(--rem-1) !important;
    }
    .ps-lg-2 {
        padding-left: var(--rem-2) !important;
    }
    .ps-lg-3 {
        padding-left: var(--rem-3) !important;
    }
    .ps-lg-4 {
        padding-left: var(--rem-4) !important;
    }
    .ps-lg-5 {
        padding-left: var(--rem-5) !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: var(--rem-0) !important;
    }
    .m-xl-1 {
        margin: var(--rem-1) !important;
    }
    .m-xl-2 {
        margin: var(--rem-2) !important;
    }
    .m-xl-3 {
        margin: var(--rem-3) !important;
    }
    .m-xl-4 {
        margin: var(--rem-4) !important;
    }
    .m-xl-5 {
        margin: var(--rem-5) !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }

    .mx-xl-0 {
        margin-right: var(--rem-0) !important;
        margin-left: var(--rem-0) !important;
    }
    .mx-xl-1 {
        margin-right: var(--rem-1) !important;
        margin-left: var(--rem-1) !important;
    }
    .mx-xl-2 {
        margin-right: var(--rem-2) !important;
        margin-left: var(--rem-2) !important;
    }
    .mx-xl-3 {
        margin-right: var(--rem-3) !important;
        margin-left: var(--rem-3) !important;
    }
    .mx-xl-4 {
        margin-right: var(--rem-4) !important;
        margin-left: var(--rem-4) !important;
    }
    .mx-xl-5 {
        margin-right: var(--rem-5) !important;
        margin-left: var(--rem-5) !important;
    }
    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xl-0 {
        margin-top: var(--rem-0) !important;
        margin-bottom: var(--rem-0) !important;
    }
    .my-xl-1 {
        margin-top: var(--rem-1) !important;
        margin-bottom: var(--rem-1) !important;
    }
    .my-xl-2 {
        margin-top: var(--rem-2) !important;
        margin-bottom: var(--rem-2) !important;
    }
    .my-xl-3 {
        margin-top: var(--rem-3) !important;
        margin-bottom: var(--rem-3) !important;
    }
    .my-xl-4 {
        margin-top: var(--rem-4) !important;
        margin-bottom: var(--rem-4) !important;
    }
    .my-xl-5 {
        margin-top: var(--rem-5) !important;
        margin-bottom: var(--rem-5) !important;
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xl-0 {
        margin-top: var(--rem-0) !important;
    }
    .mt-xl-1 {
        margin-top: var(--rem-1) !important;
    }
    .mt-xl-2 {
        margin-top: var(--rem-2) !important;
    }
    .mt-xl-3 {
        margin-top: var(--rem-3) !important;
    }
    .mt-xl-4 {
        margin-top: var(--rem-4) !important;
    }
    .mt-xl-5 {
        margin-top: var(--rem-5) !important;
    }
    .mt-xl-auto {
        margin-top: auto !important;
    }

    .me-xl-0 {
        margin-right: var(--rem-0) !important;
    }
    .me-xl-1 {
        margin-right: var(--rem-1) !important;
    }
    .me-xl-2 {
        margin-right: var(--rem-2) !important;
    }
    .me-xl-3 {
        margin-right: var(--rem-3) !important;
    }
    .me-xl-4 {
        margin-right: var(--rem-4) !important;
    }
    .me-xl-5 {
        margin-right: var(--rem-5) !important;
    }
    .me-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-0 {
        margin-bottom: var(--rem-0) !important;
    }
    .mb-xl-1 {
        margin-bottom: var(--rem-1) !important;
    }
    .mb-xl-2 {
        margin-bottom: var(--rem-2) !important;
    }
    .mb-xl-3 {
        margin-bottom: var(--rem-3) !important;
    }
    .mb-xl-4 {
        margin-bottom: var(--rem-4) !important;
    }
    .mb-xl-5 {
        margin-bottom: var(--rem-5) !important;
    }
    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .ms-xl-0 {
        margin-left: var(--rem-0) !important;
    }
    .ms-xl-1 {
        margin-left: var(--rem-1) !important;
    }
    .ms-xl-2 {
        margin-left: var(--rem-2) !important;
    }
    .ms-xl-3 {
        margin-left: var(--rem-3) !important;
    }
    .ms-xl-4 {
        margin-left: var(--rem-4) !important;
    }
    .ms-xl-5 {
        margin-left: var(--rem-5) !important;
    }
    .ms-xl-auto {
        margin-left: auto !important;
    }

    .p-xl-0 {
        padding: var(--rem-0) !important;
    }
    .p-xl-1 {
        padding: var(--rem-1) !important;
    }
    .p-xl-2 {
        padding: var(--rem-2) !important;
    }
    .p-xl-3 {
        padding: var(--rem-3) !important;
    }
    .p-xl-4 {
        padding: var(--rem-4) !important;
    }
    .p-xl-5 {
        padding: var(--rem-5) !important;
    }

    .px-xl-0 {
        padding-right: var(--rem-0) !important;
        padding-left: var(--rem-0) !important;
    }
    .px-xl-1 {
        padding-right: var(--rem-1) !important;
        padding-left: var(--rem-1) !important;
    }
    .px-xl-2 {
        padding-right: var(--rem-2) !important;
        padding-left: var(--rem-2) !important;
    }
    .px-xl-3 {
        padding-right: var(--rem-3) !important;
        padding-left: var(--rem-3) !important;
    }
    .px-xl-4 {
        padding-right: var(--rem-4) !important;
        padding-left: var(--rem-4) !important;
    }
    .px-xl-5 {
        padding-right: var(--rem-5) !important;
        padding-left: var(--rem-5) !important;
    }

    .py-xl-0 {
        padding-top: var(--rem-0) !important;
        padding-bottom: var(--rem-0) !important;
    }
    .py-xl-1 {
        padding-top: var(--rem-1) !important;
        padding-bottom: var(--rem-1) !important;
    }
    .py-xl-2 {
        padding-top: var(--rem-2) !important;
        padding-bottom: var(--rem-2) !important;
    }
    .py-xl-3 {
        padding-top: var(--rem-3) !important;
        padding-bottom: var(--rem-3) !important;
    }
    .py-xl-4 {
        padding-top: var(--rem-4) !important;
        padding-bottom: var(--rem-4) !important;
    }
    .py-xl-5 {
        padding-top: var(--rem-5) !important;
        padding-bottom: var(--rem-5) !important;
    }

    .pt-xl-0 {
        padding-top: var(--rem-0) !important;
    }
    .pt-xl-1 {
        padding-top: var(--rem-1) !important;
    }
    .pt-xl-2 {
        padding-top: var(--rem-2) !important;
    }
    .pt-xl-3 {
        padding-top: var(--rem-3) !important;
    }
    .pt-xl-4 {
        padding-top: var(--rem-4) !important;
    }
    .pt-xl-5 {
        padding-top: var(--rem-5) !important;
    }

    .pe-xl-0 {
        padding-right: var(--rem-0) !important;
    }
    .pe-xl-1 {
        padding-right: var(--rem-1) !important;
    }
    .pe-xl-2 {
        padding-right: var(--rem-2) !important;
    }
    .pe-xl-3 {
        padding-right: var(--rem-3) !important;
    }
    .pe-xl-4 {
        padding-right: var(--rem-4) !important;
    }
    .pe-xl-5 {
        padding-right: var(--rem-5) !important;
    }

    .pb-xl-0 {
        padding-bottom: var(--rem-0) !important;
    }
    .pb-xl-1 {
        padding-bottom: var(--rem-1) !important;
    }
    .pb-xl-2 {
        padding-bottom: var(--rem-2) !important;
    }
    .pb-xl-3 {
        padding-bottom: var(--rem-3) !important;
    }
    .pb-xl-4 {
        padding-bottom: var(--rem-4) !important;
    }
    .pb-xl-5 {
        padding-bottom: var(--rem-5) !important;
    }

    .ps-xl-0 {
        padding-left: var(--rem-0) !important;
    }
    .ps-xl-1 {
        padding-left: var(--rem-1) !important;
    }
    .ps-xl-2 {
        padding-left: var(--rem-2) !important;
    }
    .ps-xl-3 {
        padding-left: var(--rem-3) !important;
    }
    .ps-xl-4 {
        padding-left: var(--rem-4) !important;
    }
    .ps-xl-5 {
        padding-left: var(--rem-5) !important;
    }
}

@media (min-width: 1400px) {
    .m-xxl-0 {
        margin: var(--rem-0) !important;
    }
    .m-xxl-1 {
        margin: var(--rem-1) !important;
    }
    .m-xxl-2 {
        margin: var(--rem-2) !important;
    }
    .m-xxl-3 {
        margin: var(--rem-3) !important;
    }
    .m-xxl-4 {
        margin: var(--rem-4) !important;
    }
    .m-xxl-5 {
        margin: var(--rem-5) !important;
    }
    .m-xxl-auto {
        margin: auto !important;
    }

    .mx-xxl-0 {
        margin-right: var(--rem-0) !important;
        margin-left: var(--rem-0) !important;
    }
    .mx-xxl-1 {
        margin-right: var(--rem-1) !important;
        margin-left: var(--rem-1) !important;
    }
    .mx-xxl-2 {
        margin-right: var(--rem-2) !important;
        margin-left: var(--rem-2) !important;
    }
    .mx-xxl-3 {
        margin-right: var(--rem-3) !important;
        margin-left: var(--rem-3) !important;
    }
    .mx-xxl-4 {
        margin-right: var(--rem-4) !important;
        margin-left: var(--rem-4) !important;
    }
    .mx-xxl-5 {
        margin-right: var(--rem-5) !important;
        margin-left: var(--rem-5) !important;
    }
    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xxl-0 {
        margin-top: var(--rem-0) !important;
        margin-bottom: var(--rem-0) !important;
    }
    .my-xxl-1 {
        margin-top: var(--rem-1) !important;
        margin-bottom: var(--rem-1) !important;
    }
    .my-xxl-2 {
        margin-top: var(--rem-2) !important;
        margin-bottom: var(--rem-2) !important;
    }
    .my-xxl-3 {
        margin-top: var(--rem-3) !important;
        margin-bottom: var(--rem-3) !important;
    }
    .my-xxl-4 {
        margin-top: var(--rem-4) !important;
        margin-bottom: var(--rem-4) !important;
    }
    .my-xxl-5 {
        margin-top: var(--rem-5) !important;
        margin-bottom: var(--rem-5) !important;
    }
    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xxl-0 {
        margin-top: var(--rem-0) !important;
    }
    .mt-xxl-1 {
        margin-top: var(--rem-1) !important;
    }
    .mt-xxl-2 {
        margin-top: var(--rem-2) !important;
    }
    .mt-xxl-3 {
        margin-top: var(--rem-3) !important;
    }
    .mt-xxl-4 {
        margin-top: var(--rem-4) !important;
    }
    .mt-xxl-5 {
        margin-top: var(--rem-5) !important;
    }
    .mt-xxl-auto {
        margin-top: auto !important;
    }

    .me-xxl-0 {
        margin-right: var(--rem-0) !important;
    }
    .me-xxl-1 {
        margin-right: var(--rem-1) !important;
    }
    .me-xxl-2 {
        margin-right: var(--rem-2) !important;
    }
    .me-xxl-3 {
        margin-right: var(--rem-3) !important;
    }
    .me-xxl-4 {
        margin-right: var(--rem-4) !important;
    }
    .me-xxl-5 {
        margin-right: var(--rem-5) !important;
    }
    .me-xxl-auto {
        margin-right: auto !important;
    }

    .mb-xxl-0 {
        margin-bottom: var(--rem-0) !important;
    }
    .mb-xxl-1 {
        margin-bottom: var(--rem-1) !important;
    }
    .mb-xxl-2 {
        margin-bottom: var(--rem-2) !important;
    }
    .mb-xxl-3 {
        margin-bottom: var(--rem-3) !important;
    }
    .mb-xxl-4 {
        margin-bottom: var(--rem-4) !important;
    }
    .mb-xxl-5 {
        margin-bottom: var(--rem-5) !important;
    }
    .mb-xxl-auto {
        margin-bottom: auto !important;
    }

    .ms-xxl-0 {
        margin-left: var(--rem-0) !important;
    }
    .ms-xxl-1 {
        margin-left: var(--rem-1) !important;
    }
    .ms-xxl-2 {
        margin-left: var(--rem-2) !important;
    }
    .ms-xxl-3 {
        margin-left: var(--rem-3) !important;
    }
    .ms-xxl-4 {
        margin-left: var(--rem-4) !important;
    }
    .ms-xxl-5 {
        margin-left: var(--rem-5) !important;
    }
    .ms-xxl-auto {
        margin-left: auto !important;
    }

    .p-xxl-0 {
        padding: var(--rem-0) !important;
    }
    .p-xxl-1 {
        padding: var(--rem-1) !important;
    }
    .p-xxl-2 {
        padding: var(--rem-2) !important;
    }
    .p-xxl-3 {
        padding: var(--rem-3) !important;
    }
    .p-xxl-4 {
        padding: var(--rem-4) !important;
    }
    .p-xxl-5 {
        padding: var(--rem-5) !important;
    }

    .px-xxl-0 {
        padding-right: var(--rem-0) !important;
        padding-left: var(--rem-0) !important;
    }
    .px-xxl-1 {
        padding-right: var(--rem-1) !important;
        padding-left: var(--rem-1) !important;
    }
    .px-xxl-2 {
        padding-right: var(--rem-2) !important;
        padding-left: var(--rem-2) !important;
    }
    .px-xxl-3 {
        padding-right: var(--rem-3) !important;
        padding-left: var(--rem-3) !important;
    }
    .px-xxl-4 {
        padding-right: var(--rem-4) !important;
        padding-left: var(--rem-4) !important;
    }
    .px-xxl-5 {
        padding-right: var(--rem-5) !important;
        padding-left: var(--rem-5) !important;
    }

    .py-xxl-0 {
        padding-top: var(--rem-0) !important;
        padding-bottom: var(--rem-0) !important;
    }
    .py-xxl-1 {
        padding-top: var(--rem-1) !important;
        padding-bottom: var(--rem-1) !important;
    }
    .py-xxl-2 {
        padding-top: var(--rem-2) !important;
        padding-bottom: var(--rem-2) !important;
    }
    .py-xxl-3 {
        padding-top: var(--rem-3) !important;
        padding-bottom: var(--rem-3) !important;
    }
    .py-xxl-4 {
        padding-top: var(--rem-4) !important;
        padding-bottom: var(--rem-4) !important;
    }
    .py-xxl-5 {
        padding-top: var(--rem-5) !important;
        padding-bottom: var(--rem-5) !important;
    }

    .pt-xxl-0 {
        padding-top: var(--rem-0) !important;
    }
    .pt-xxl-1 {
        padding-top: var(--rem-1) !important;
    }
    .pt-xxl-2 {
        padding-top: var(--rem-2) !important;
    }
    .pt-xxl-3 {
        padding-top: var(--rem-3) !important;
    }
    .pt-xxl-4 {
        padding-top: var(--rem-4) !important;
    }
    .pt-xxl-5 {
        padding-top: var(--rem-5) !important;
    }

    .pe-xxl-0 {
        padding-right: var(--rem-0) !important;
    }
    .pe-xxl-1 {
        padding-right: var(--rem-1) !important;
    }
    .pe-xxl-2 {
        padding-right: var(--rem-2) !important;
    }
    .pe-xxl-3 {
        padding-right: var(--rem-3) !important;
    }
    .pe-xxl-4 {
        padding-right: var(--rem-4) !important;
    }
    .pe-xxl-5 {
        padding-right: var(--rem-5) !important;
    }

    .pb-xxl-0 {
        padding-bottom: var(--rem-0) !important;
    }
    .pb-xxl-1 {
        padding-bottom: var(--rem-1) !important;
    }
    .pb-xxl-2 {
        padding-bottom: var(--rem-2) !important;
    }
    .pb-xxl-3 {
        padding-bottom: var(--rem-3) !important;
    }
    .pb-xxl-4 {
        padding-bottom: var(--rem-4) !important;
    }
    .pb-xxl-5 {
        padding-bottom: var(--rem-5) !important;
    }

    .ps-xxl-0 {
        padding-left: var(--rem-0) !important;
    }
    .ps-xxl-1 {
        padding-left: var(--rem-1) !important;
    }
    .ps-xxl-2 {
        padding-left: var(--rem-2) !important;
    }
    .ps-xxl-3 {
        padding-left: var(--rem-3) !important;
    }
    .ps-xxl-4 {
        padding-left: var(--rem-4) !important;
    }
    .ps-xxl-5 {
        padding-left: var(--rem-5) !important;
    }
}

/*******************************************************************/
/* Et c'est tout !                                                 */
/*******************************************************************/