/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                              GENERAL
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

/* -----------------------------------------------------
						RESET
------------------------------------------------------- */
html{
  max-width: 2560px;
  height: 100%;
  margin: 0 auto;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  font-size: 22px;
  font-family: 'Noto Sans JP', sans-serif;
  background-color: #f3f2f2;
  color: #212B51;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
    background-image: url(/images/trace-patin.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

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;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


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


.gtm-wrapper img {
  width: auto;
  max-width: 100%;
  height: auto;
}

/* Pour que les messages d'alertes soient toujours au dessus de tout */

.gtm-alert {
  position: relative;
  z-index: 20000000;
}

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

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

*[class^="gtm-box-"]{
  box-sizing: border-box;
  display: flex;
  justify-content: center;
      /* align-items: center; */
  flex-wrap: wrap;
  gap: 1%;
  width: 100%;
  padding: 0px 30px 2rem 30px;
}

*[class^="gtm-box-over"], *[class^="gtm-box-menu-"], *[class^="gtm-box-footer"]{
  padding-bottom: 0 !important;
}

*[class^="gtm-pos-"]{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gtm-box-article {
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-top: 70px;
  }

/* centrer les modules sur la hauteur sans cibler la ligne complète ex. gtm-bottom-23 */
.moduletable {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* -----------------------------------------------------
						LIGNES
------------------------------------------------------- */

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

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


.gtm-over1 {
    width: 100%;
    min-height: 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-box-hero-23 {
  margin-top: 20px;
}

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

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


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

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

.gtm-box-hero-23c {
    flex-direction: column-reverse;
}

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

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

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

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

.gtm-box-hero-23e {
    flex-direction: column-reverse;
}

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

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

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

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

.gtm-box-hero-23g {
    flex-direction: column-reverse;
}

.gtm-hero-wide1 {
  width: 100%;
  min-height: auto;
  padding: 0 35px;
}

.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;
}

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

/* -----------------------------------------------------
            LEFT ET RIGHT
------------------------------------------------------- */

    .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 90%;
      align-self: auto;
      }

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


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

.gtm-box-hero-23 {
    padding: 0 30px 50px 30px;
}

.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;
}


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


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

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

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

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

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

.gtm-bottom-wide1 {
  width: 100%;
  min-height: auto;
  padding: 0px 30px 2rem 30px;
}

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

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

.gtm-box-bottom-456 {
  align-items: flex-start;
}

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

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

.gtm-bottom6 {
  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-container-footer {
    background: url(/images/patinage-victo-patinoire-3.jpg);
    padding: 50px 55px !important;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    /* margin-top: 50px; */
}

.gtm-container-footer:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

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

.gtm-footer-wide1 .moduletable {
    align-items: center;
}

.gtm-box-footer-23 {
  padding: 0 !important;
}

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

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

.gtm-footer-wide1 {
  width: 100%;
  min-height: auto;
  margin: 0 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;
}

.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;
}

/* -----------------------------------------------------
            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;
    color: #fff;
  background-color: #40acf4;
  line-height: 1.3rem;
  font-weight: 400;
  letter-spacing: 1px;
    padding: 5px 10px;
  margin: 15px 0px;
  transition: background-color .2s ease-in-out;
  border: none;
  cursor: pointer; */
  border-radius: 99px;
  margin-bottom: 20px;
  box-sizing: border-box;
  color: #fff;
  line-height: 1;
  padding: 10px 20px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  display: inline-block;
  text-align: center;
  transition: box-shadow .2s ease-in-out;
  margin-top: 20px;
  position: relative;
  background-color: #8a88f2;
  border: #8a88f2;
  font-family: 'Noto Sans JP';
  font-weight: 700;
  font-size: 22px;
}

.btn.btn-primary:hover {
  background-color: #2b73a2;
}

.btn.btn-secondary {
  /* background-color: #85BFDD; */
    border-radius: 99px;
    margin-bottom: 20px;
    box-sizing: border-box;
    color: #FF7B75;
    line-height: 1;
    padding: 10px 0;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    display: inline-block;
    text-align: center;
    transition: box-shadow .2s ease-in-out;
    margin-top: 20px;
}

.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: #212B51;
}

.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;
  }


/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                      OPENGRAPH
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

li.field-entry.opengraph-image {
  display: none;
}

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

MEDIA-QUERIE

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



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


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

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

/* ---------------------- 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-box-hero-23 {
      margin-top: 40px;
    }

    .gtm-hero2 {
      width: 57%;
    }

    .gtm-hero3 {
      width: 37%;
    }
    
    .gtm-hero2b {
      width: 57%;
    }

    .gtm-hero3b {
      width: 37%;
    }

    .gtm-box-hero-23c, .gtm-box-hero-23e, .gtm-box-hero-23g {
      flex-direction: row;
    }
    
    .gtm-hero2c {
      width: 37%;
    }

    .gtm-hero3c {
      width: 57%;
    }
    
    .gtm-hero2d {
      width: 57%;
    }

    .gtm-hero3d {
      width: 37%;
    }
    
    .gtm-hero2e {
      width: 37%;
    }

    .gtm-hero3e {
      width: 57%;
    }

    .gtm-hero2f {
      width: 57%;
    }

    .gtm-hero3f {
      width: 37%;
    }

    .gtm-hero2g {
      width: 37%;
    }

    .gtm-hero3g {
      width: 57%;
    }
    
    .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%;
    }
    .gtm-hero11 {
      padding: 0 30px 50px 30px;
    }

    
/* ---------------------- TOP ---------------------- */
    .gtm-top2 {
      width: 57%;
    }

    .gtm-top3 {
      width: 37%;
    }

    .gtm-top2c {
      width: 57%;
    }

    .gtm-top3c {
      width: 37%;
    }
    .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-bottom2 {
      width: 37%;
    }

    .gtm-bottom3 {
      width: 57%;
    }

    .gtm-bottom2b {
      width: 57%;
    }

    .gtm-bottom3b {
      width: 37%;
    }

    .gtm-bottom2c {
      width: 37%;
    }

    .gtm-bottom3c {
      width: 57%;
    }
    
    .gtm-bottom4 {
      width: 48%;
    }

    .gtm-bottom5 {
      width: 48%;
    }

    .gtm-bottom6 {
      width: 48%;
    }

    .gtm-bottom7 {
      width: 48%;
    }

    .gtm-bottom8 {
      width: 48%;
    }

    .gtm-bottom9 {
      width: 48%;
    }

    .gtm-bottom10 {
      width: 48%;
    }


 /* ---------------------- FOOTER ---------------------- */
  
    .gtm-footer2 {
      width: 37%;
    }

    .gtm-footer3 {
      width: 57%;
    }

    .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%;
    }
  }


/* -----------------------------------------------------
						BOITE ENGLOBANT LES MODULES
------------------------------------------------------- */
@media screen and (min-width: 769px) {
  *[class^="gtm-box-"]{
    padding: 0px 55px 2rem 55px;
  }
}


@media screen and (min-width: 992px) { 
  .gtm-bottom4 {
    width: 32%;
  }

  .gtm-bottom5 {
    width: 32%;
  }

  .gtm-bottom6 {
    width: 32%;
  }
}
/* ////////////////////////////////////////////----------------------------------------------////////////////////////////////////////////////////
                                                                   PETIT DESKTOP
//////////////////////////////////////////////------------------------------------------------//////////////////////////////////////////////////// */

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

    /* ---------------------- LEFT & RIGHT ---------------------- */


    .gtm-box-article {
      flex-direction: row;
      flex-wrap: nowrap;
      }

    .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 90%;
        align-self: auto;
        }

      }


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



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

  *[class^="gtm-box-"]{
    padding: 0px 35px 2rem 35px;
    max-width: 1920px;
    margin: 0 auto;
  }

  *[class^="gtm-box-over"]{
    padding: 0px;
  }


/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                  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: 57%;
    }

    .gtm-hero3 {
      width: 37%;
    }

    .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-top2b {
      width: 48%;
    }

    .gtm-top3b {
      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%;
    }

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

    

    .gtm-bottom4 {
      width: 31.33%;
    }

    .gtm-bottom5 {
      width: 31.33%;
    }

    .gtm-bottom6 {
      width: 31.33%;
    }

    .gtm-bottom7 {
      width: 23%;
    }

    .gtm-bottom8 {
      width: 23%;
    }

    .gtm-bottom9 {
      width: 23%;
    }

    .gtm-bottom10 {
      width: 23%;
    }

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

    

    .gtm-footer4 {
      width: 31.33%;
    }

    .gtm-footer5 {
      width: 31.33%;
    }

    .gtm-footer6 {
      width: 31.33%;
    }

    .gtm-footer7 {
      width: 23%;
    }

    .gtm-footer8 {
      width: 23%;
    }

    .gtm-footer9 {
      width: 23%;
    }

    .gtm-footer10 {
      width: 23%;
    }


/* ---------------------- 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%;
    }

  }