@font-face {
  font-family: 'Comfortaa';
  src: url('/templates/gtm_template4/typographies/Comfortaa-Regular.woff2') format('woff2'),
       url('/templates/gtm_template4/typographies/Comfortaa-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JustAnotherHand';
  src: url('/templates/gtm_template4/typographies/JustAnotherHand-Regular.woff2') format('woff2'),
       url('/templates/gtm_template4/typographies/JustAnotherHand-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SciFlySans';
  src: url('/templates/gtm_template4/typographies/scifly-sans-webfont.woff2') format('woff2'),
       url('/templates/gtm_template4/typographies/scifly-sans-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                              GENERAL
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

/* -----------------------------------------------------
						RESET
------------------------------------------------------- */
html{
  max-width: 2560px;
  height: 100%;
  margin: 0 auto;
  line-height: 1.4;
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  /* font-family: "Comfortaa", sans-serif; */
  font-family: "Muli", sans-serif;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body,div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}


.gtm-wrapper {
  flex-grow: 1;
  /* margin-bottom: 65px; */
  margin-top: 85px;
}



/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        STRUCTURE -  SITE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


/* -----------------------------------------------------
						LIGNES
------------------------------------------------------- */

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

/* -----------------------------------------------------
						BOITE ENGLOBANT LES MODULES
------------------------------------------------------- */

*[class^="gtm-box-"]{
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2%;
  width: 100%;
  /* padding-left: 10px;
  padding-right: 10px; */
}


/* -----------------------------------------------------
						OVER
------------------------------------------------------- */


  .gtm-over1 {
    width: 96%;
    min-height: auto;
    margin: auto;
  }
  
  .gtm-over2 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over3 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over4 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over5 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over6 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over7 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over8 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over9 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over10 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over-wide {
    width: 100%;
    min-height: auto;
  }


/* -----------------------------------------------------
						MENU
------------------------------------------------------- */


.gtm-menu1 {
  width: 100%;
  min-height: auto;
}

.gtm-burger-menu {
  width: 100%;
  min-height: auto;
}

.gtm-menu2 {
  width: 100%;
  min-height: auto;
}

.gtm-menu3 {
  width: 100%;
  min-height: auto;
}

.gtm-menu4 {
  width: 100%;
  min-height: auto;
}

.gtm-menu5 {
  width: 100%;
  min-height: auto;
}

.gtm-menu6 {
  width: 100%;
  min-height: auto;
}

.gtm-menu7 {
  width: 100%;
  min-height: auto;
}

.gtm-menu8 {
  width: 100%;
  min-height: auto;
}

.gtm-menu9 {
  width: 100%;
  min-height: auto;
}

.gtm-menu10 {
  width: 100%;
  min-height: auto;
}

/* -----------------------------------------------------
            HERO
------------------------------------------------------- */


.gtm-hero1 {
  width: 100%;
  min-height: auto;
}

.gtm-hero2 {
  width: 100%;
  min-height: auto;
}

.gtm-hero3 {
  width: 100%;
  min-height: auto;
}

.gtm-hero-wide1 {
  width: 100%;
  min-height: auto;
}

.gtm-hero4 {
  width: 100%;
  min-height: auto;
}

.gtm-hero5 {
  width: 100%;
  min-height: auto;
}

.gtm-hero6 {
  width: 100%;
  min-height: auto;
}

.gtm-hero-wide2 {
  width: 100%;
  min-height: auto;
}

.gtm-hero7 {
  width: 100%;
  min-height: auto;
}

.gtm-hero8 {
  width: 100%;
  min-height: auto;
}

.gtm-hero9 {
  width: 100%;
  min-height: auto;
}

.gtm-hero10 {
  width: 100%;
  min-height: auto;
}

.gtm-hero-wide3 {
  width: 100%;
  min-height: auto;
}



/* -----------------------------------------------------
            TOP
------------------------------------------------------- */


.gtm-top1 {
  width: 100%;
  min-height: auto;
}

.gtm-top2 {
  width: 100%;
  min-height: auto;
}

.gtm-top3 {
  width: 100%;
  min-height: auto;
}

.gtm-top2b {
  width: 100%;
  min-height: auto;
}

.gtm-top3b {
  width: 100%;
  min-height: auto;
}

.gtm-top-wide1 {
  width: 100%;
  min-height: auto;
}

.gtm-top2c {
  width: 100%;
  min-height: auto;
}

.gtm-top3c {
  width: 100%;
  min-height: auto;
}

.gtm-top4 {
  width: 100%;
  min-height: auto;
}

.gtm-top5 {
  width: 100%;
  min-height: auto;
}

.gtm-top6 {
  width: 100%;
  min-height: auto;
}

.gtm-top-wide2 {
  width: 100%;
  min-height: auto;
}

.gtm-top7 {
  width: 100%;
  min-height: auto;
}

.gtm-top8 {
  width: 100%;
  min-height: auto;
}

.gtm-top9 {
  width: 100%;
  min-height: auto;
}

.gtm-top10 {
  width: 100%;
  min-height: auto;
}

.gtm-top-wide3 {
  width: 100%;
  min-height: auto;
}


.gtm-box-article {
  flex-direction: column-reverse !important;
}


/* -----------------------------------------------------
            BOTTOM
------------------------------------------------------- */


.gtm-bottom1 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom2, .gtm-bottom2b, .gtm-bottom2c, .gtm-bottom2d, .gtm-bottom2e, .gtm-bottom2f, .gtm-bottom2g {
  width: 100%;
  min-height: auto;
}

.gtm-bottom3, .gtm-bottom3b, .gtm-bottom3c, .gtm-bottom3d, .gtm-bottom3e, .gtm-bottom3f, .gtm-bottom3g {
  width: 100%;
  min-height: auto;
}

.gtm-bottom-wide1 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom4, .gtm-bottom4t {
  width: 100%;
  min-height: auto;
}

.gtm-bottom5, .gtm-bottom5t {
  width: 100%;
  min-height: auto;
}

.gtm-bottom6, .gtm-bottom6t {
  width: 100%;
  min-height: auto;
}

.gtm-bottom-wide2 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom7 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom8 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom9 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom10 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom-wide3 {
  width: 100%;
  min-height: auto;
}


/* -----------------------------------------------------
            FOOTER
------------------------------------------------------- */


.gtm-footer1 {
  width: 100%;
  min-height: auto;
}

.gtm-footer2 {
  width: 100%;
  min-height: auto;
}

.gtm-footer3 {
  width: 100%;
  min-height: auto;
}

.gtm-footer2b {
  width: 100%;
  min-height: auto;
}

.gtm-footer3b {
  width: 100%;
  min-height: auto;
}

.gtm-footer-wide1 {
  width: 100%;
  min-height: auto;
}

.gtm-footer4 {
  width: 100%;
  min-height: auto;
}

.gtm-footer5 {
  width: 100%;
  min-height: auto;
}

.gtm-footer6 {
  width: 100%;
  min-height: auto;
}

.gtm-footer-wide2 {
  width: 100%;
  min-height: auto;
  padding: 2rem 10px 10px 10px;
}

.gtm-footer7 {
  width: 100%;
  min-height: auto;
}

.gtm-footer8 {
  width: 100%;
  min-height: auto;
}

.gtm-footer9 {
  width: 100%;
  min-height: auto;
}

.gtm-footer10 {
  width: 100%;
  min-height: auto;
}

.gtm-footer-wide3 {
  width: 100%;
  min-height: auto;
}

.gtm-footer-wide4 {
  width: 100%;
  min-height: auto;
}

/* -----------------------------------------------------
            COPYRIGHT
------------------------------------------------------- */


.gtm-copyright1 {
  width: 100%;
  min-height: auto;
}

.gtm-copyright2 {
  width: 100%;
  min-height: auto;
}

.gtm-copyright3 {
  width: 100%;
  min-height: auto;
}

.gtm-copyright4 {
  width: 100%;
  min-height: auto;
}

.gtm-copyright5 {
  width: 100%;
  min-height: auto;
}

.gtm-copyright6 {
  width: 100%;
  min-height: auto;
}

/* -----------------------------------------------------
            MEDIAS SOCIAUX
------------------------------------------------------- */


.gtm-ms1 {
  width: 100%;
  min-height: auto;
}

.gtm-ms2 {
  width: 100%;
  min-height: auto;
}

.gtm-ms3 {
  width: 100%;
  min-height: auto;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

SECTIONS TOUJOURS PRESENTES  

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        COMPTE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


.gtm-article .gtm-compte {
  padding-top: 30px;
  padding-bottom: 60px;
  max-width: 1200px;
  margin: auto;
}


/* -----------------------------------------------------
                        CONNEXION
------------------------------------------------------- */

.com-users-login.login {
  display: flex;
  flex-direction: column;
  padding-top: 50px;
  align-items: center;
}

.login-image {
  max-width: 270px;
}

.com-users-login.login form.com-users-login__form {
  padding: 20px 30px;
  margin: 15px auto 25px auto;
}

.gtm-compte .control-group {
  margin-bottom: 15px;
}

.com-users-login.login input {
  padding: 10px;
  background-color: #ffffff !important;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

.btn.btn-primary {
  display: inline-block;
  font-family: "Comfortaa", sans-serif;
  background-color: transparent;
  line-height: 1.3rem;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 5px 10px;
  margin: 15px 0px;
  transition: background-color .2s ease-in-out;
  border: 3px solid rgb(239,82,69);
  color: rgb(239,82,69);
  cursor: pointer;
}

.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
  color: #DA5826;
  border-color: #DA5826;
}

.btn.btn-secondary {
  display: inline-block;
    color: #000;
  background-color: #cfcfcf;
  line-height: 1rem;
  font-weight: 400;
    padding: 1px 10px;
  transition: background-color .2s ease-in-out;
  border: none;
  cursor: pointer;
}

.form-control-feedback {
  font-size: 16px;
  color: red;
  padding-left: 5px;
}

/* -----------------------------------------------------
                        PROFIL
------------------------------------------------------- */

.com-users-profile.profile ul.com-users-profile__edit {
  padding-left: 0px;
}

.com-users-profile.profile ul.com-users-profile__edit.btn-toolbar li  {
  list-style: none;
}

.com-users-profile__core {
  margin-bottom: 35px;
}

.com-users-profile.profile legend {
  font-size: 1.7rem;
  margin-bottom: 20px;
}

.com-users-profile.profile .dl-horizontal dt {
  font-size: 1.1rem;
  color: rgb(62, 62, 62);
}

.com-users-profile.profile .dl-horizontal dd {
  color: #939393;
  padding-left: 10px;
  margin-bottom: 10px;
}

/* -----------------------------------------------------
              MODIFICATION PROFIL
------------------------------------------------------- */

.com-users-profile__edit.profile-edit legend {
  font-size: 1.7rem;
  margin-bottom: 20px;
}

.com-users-profile__edit.profile-edit .control-group {
  margin-bottom: 20px;
}

.btn.btn-danger {
  display: inline-block;
    color: #fff;
  background-color: #e94848;
  line-height: 1rem;
  font-weight: 400;
    padding: 1px 10px;
  transition: background-color .2s ease-in-out;
  border: none;
  cursor: pointer;
}

.btn.btn-danger:hover {
  background-color: #9c3636;
}

/* -----------------------------------------------------
                  DECONNEXION
------------------------------------------------------- */

.com-users-logout.logout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 150px);
}

.com-users-logout__description.logout-description {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}

.com-users-logout.logout .com-users-logout__image {
  max-width: 270px;
}

.gtm-scroll-top {
width: 50px;
height: 50px;
background-color: #E48424;
border-radius: 48%;
position: fixed;
bottom: 50px;
right: 20px;
padding: 10px;
cursor: pointer;
visibility: hidden;
opacity: 0;
transition: .3s ease-in-out;
}

.gtm-scroll-top.active {
visibility: visible;
opacity: 1;
}

.gtm-scroll-top:active {
background-color: #65646A;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                      SITEMAP
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.osmap-sitemap {
  margin-top: 180px;
  }
  
  *[id^="osmap-ul-uid-"] {
  display: block !important;
  }



/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

MEDIA-QUERIE

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                  STRUCTURE - SITE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


/* ////////////////////////////////////////////----------------------------------------------////////////////////////////////////////////////////
                                                                    TABLETTE
//////////////////////////////////////////////------------------------------------------------//////////////////////////////////////////////////// */

  @media screen and (min-width: 768px) {

    /* -----------------------------------------------------
						BOITE ENGLOBANT LES MODULES
------------------------------------------------------- */

/* *[class^="gtm-box-"]{
  padding-left: 35px;
  padding-right: 35px;
} */


/* ---------------------- OVER ---------------------- */

    .gtm-over4 {
      width: 100%;
    }
    
    .gtm-over5 {
      width: 48%;
    }
    
    .gtm-over6 {
      width: 48%;
    }

    .gtm-over7 {
      width: 48%;
    }
    
    .gtm-over8 {
      width: 48%;
    }
    
    .gtm-over9 {
      width: 48%;
    }
    
    .gtm-over10 {
      width: 48%;
    }


/* ---------------------- MENU ---------------------- */
    .gtm-menu4 {
      width: 100%;
    }

    .gtm-menu5 {
      width: 48%;
    }

    .gtm-menu6 {
      width: 48%;
    }

    .gtm-menu7 {
      width: 48%;
    }

    .gtm-menu8 {
      width: 48%;
    }

    .gtm-menu9 {
      width: 48%;
    }

    .gtm-menu10 {
      width: 48%;
    }

/* ---------------------- HERO ---------------------- */

    .gtm-hero4 {
      width: 100%;
    }
    
    .gtm-hero5 {
      width: 48%;
    }
    
    .gtm-hero6 {
      width: 48%;
    }

    .gtm-hero7 {
      width: 48%;
    }
    
    .gtm-hero8 {
      width: 48%;
    }
    
    .gtm-hero9 {
      width: 48%;
    }
    
    .gtm-hero10 {
      width: 48%;
    }
    
/* ---------------------- TOP ---------------------- */

    .gtm-top4 {
      width: 100%;
    }
    
    .gtm-top5 {
      width: 48%;
    }
    
    .gtm-top6 {
      width: 48%;
    }

    .gtm-top7 {
      width: 48%;
    }
    
    .gtm-top8 {
      width: 48%;
    }
    
    .gtm-top9 {
      width: 48%;
    }
    
    .gtm-top10 {
      width: 48%;
    }

 /* ---------------------- BOTTOM ---------------------- */

    .gtm-bottom4, .gtm-bottom4t {
      width: 100%;
    }

    .gtm-bottom5, .gtm-bottom5t {
      width: 100%;
    }

    .gtm-bottom6, .gtm-bottom6t {
      width: 100%;
    }

    .gtm-bottom7 {
      width: 48%;
    }

    .gtm-bottom8 {
      width: 48%;
    }

    .gtm-bottom9 {
      width: 48%;
    }

    .gtm-bottom10 {
      width: 48%;
    }


 /* ---------------------- FOOTER ---------------------- */

    .gtm-footer4 {
      width: 100%;
    }

    .gtm-footer5 {
      width: 48%;
    }

    .gtm-footer6 {
      width: 48%;
    }

    .gtm-footer7 {
      width: 48%;
    }

    .gtm-footer8 {
      width: 48%;
    }

    .gtm-footer9 {
      width: 48%;
    }

    .gtm-footer10 {
      width: 48%;
    }
/* ---------------------- COPYRIGHT ---------------------- */

    .gtm-copyright4 {
      width: 100%;
    }

    .gtm-copyright5 {
      width: 48%;
    }

    .gtm-copyright6 {
      width: 48%;
    }


  }


/* ////////////////////////////////////////////----------------------------------------------////////////////////////////////////////////////////
                                                                 PETITS DESKTOP
//////////////////////////////////////////////------------------------------------------------//////////////////////////////////////////////////// */



@media screen and (min-width: 1024px) {
  *[class^="gtm-box-"]{
    flex-direction: row;
    gap: 0;
  }

  .gtm-box-article {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: flex-start;
    }

    .gtm-wrapper {
      padding-left: 35px;
      padding-right: 35px;
    }
    
  
}

/* ////////////////////////////////////////////----------------------------------------------////////////////////////////////////////////////////
                                                                    DESKTOP
//////////////////////////////////////////////------------------------------------------------//////////////////////////////////////////////////// */


@media screen and (min-width: 1200px) {


/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                  STRUCTURE - SITE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


/* ---------------------- OVER ---------------------- */

    .gtm-over2 {
      width: 48%;
    }

    .gtm-over3 {
      width: 48%;
    }

    .gtm-over4 {
      width: 31.33%;
    }
    
    .gtm-over5 {
      width: 31.33%;
    }
    
    .gtm-over6 {
      width: 31.33%;
    }

    .gtm-over7 {
      width: 23%;
    }
    
    .gtm-over8 {
      width: 23%;
    }
    
    .gtm-over9 {
      width: 23%;
    }
    
    .gtm-over10 {
      width: 23%;
    }

    /* ---------------------- MENU ---------------------- */

    .gtm-menu2 {
      width: 48%;
    }

    .gtm-menu3 {
      width: 48%;
    }

    .gtm-menu4 {
      width: 31.33%;
    }

    .gtm-menu5 {
      width: 31.33%;
    }

    .gtm-menu6 {
      width: 31.33%;
    }

    .gtm-menu7 {
      width: 23%;
    }

    .gtm-menu8 {
      width: 23%;
    }

    .gtm-menu9 {
      width: 23%;
    }

    .gtm-menu10 {
      width: 23%;
    }

 /* ---------------------- HERO ---------------------- */

    .gtm-hero2 {
      width: 48%;
    }

    .gtm-hero3 {
      width: 48%;
    }

    .gtm-hero4 {
      width: 31.33%;
    }

    .gtm-hero5 {
      width: 31.33%;
    }

    .gtm-hero6 {
      width: 31.33%;
    }

    .gtm-hero7 {
      width: 23%;
    }

    .gtm-hero8 {
      width: 23%;
    }

    .gtm-hero9 {
      width: 23%;
    }

    .gtm-hero10 {
      width: 23%;
    }

/* ---------------------- TOP ---------------------- */

    .gtm-top2 {
      width: 48%;
    }

    .gtm-top3 {
      width: 48%;
    }

    .gtm-top2b {
      width: 48%;
    }

    .gtm-top3b {
      width: 48%;
    }

    .gtm-top2c {
      width: 48%;
    }

    .gtm-top3c {
      width: 48%;
    }

    .gtm-top4 {
      width: 31.33%;
      
    }
    
    .gtm-top5 {
      width: 31.33%;
    }
    
    .gtm-top6 {
      width: 31.33%;
    }

    .gtm-top7 {
      width: 23%;
    }
    
    .gtm-top8 {
      width: 23%;
    }
    
    .gtm-top9 {
      width: 23%;
    }
    
    .gtm-top10 {
      width: 23%;
    }
    /* ---------------------- LEFT & RIGHT ---------------------- */

    /* .gtm-box-article {
      display: flex;
      flex-direction: row !important;
      flex-wrap: nowrap;
      justify-content: center;
      align-content: stretch;
      align-items: flex-start;
      } */
  
  .gtm-right {
      order: 0;
      flex: 0 1 50%;
      align-self: auto;
      }
  
  .gtm-article {
      order: 0;
      flex: 0 1 100%;
      align-self: auto;
      }
  
  .gtm-left {
      order: 0;
      flex: 0 1 50%;
      align-self: auto;
      }

  

    /* ---------------------- BOTTOM ---------------------- */

    .gtm-bottom2, .gtm-bottom2b, .gtm-bottom2c, .gtm-bottom2d, .gtm-bottom2e, .gtm-bottom2f, .gtm-bottom2g{
      width: 48%;
    }

    .gtm-bottom3, .gtm-bottom3b, .gtm-bottom3c, .gtm-bottom3d, .gtm-bottom3e, .gtm-bottom3f, .gtm-bottom3g {
      width: 48%;
    }

    .gtm-bottom4, .gtm-bottom4t {
      width: 33.33%;
    }
    
    .gtm-bottom5, .gtm-bottom5t {
      width: 33.33%;
    }
    
    .gtm-bottom6, .gtm-bottom6t {
      width: 33.33%;
    }

    .gtm-bottom7 {
      width: 23%;
    }
    
    .gtm-bottom8 {
      width: 23%;
    }
    
    .gtm-bottom9 {
      width: 23%;
    }
    
    .gtm-bottom10 {
      width: 23%;
    }

/* ---------------------- FOOTER ---------------------- */

    .gtm-footer2 {
      width: 48%;
    }

    .gtm-footer3 {
      width: 48%;
    }

    .gtm-footer2b {
      width: 48%;
    }

    .gtm-footer3b {
      width: 48%;
    }

    .gtm-footer4 {
      width: 20%;
    }
    
    .gtm-footer5 {
      width: 20%;
    }
    
    .gtm-footer6 {
      width: 20%;
    }

    .gtm-footer7 {
      width: 23%;
    }
    
    .gtm-footer8 {
      width: 23%;
    }
    
    .gtm-footer9 {
      width: 23%;
    }
    
    .gtm-footer10 {
      width: 23%;
    }

    .gtm-footer-wide2 {
      margin: 0 2%;
    }


/* ---------------------- COPYRIGHT ---------------------- */

    .gtm-copyright2 {
      width: 48%;
    }

    .gtm-copyright3 {
      width: 48%;
    }

    .gtm-copyright4 {
      width: 31.33%;
    }

    .gtm-copyright5 {
      width: 31.33%;
    }

    .gtm-copyright6 {
      width: 31.33%;
    }


    /* ---------------------- MEDIAS SOCIAUX ---------------------- */


    .gtm-ms1 {
      width: auto;
      min-height: auto;
    }

    .gtm-ms2 {
      width: 48%;
    }

    .gtm-ms3 {
      width: 48%;
    }
    
  }


@media screen and (min-width: 768px) {
  .cc-compliance-list {
  display: flex !important;
  justify-content: center;
  gap: 30px;
}

.cc-checkboxes-container .cc-btn.cc-allow {
  margin: 20px 0px !important;
}
}

.cc-compliance-list li::before {
  display: none;
}

.cc-btn.cc-allowall, .cc-btn.cc-deny {
  width: 100% !important;
}