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


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

.gtm-row {
  display: flex;
  flex-wrap: wrap;
}

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

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


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


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

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

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


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

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

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


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

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

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

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



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

MEDIA-QUERIE

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




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

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

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

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

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


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

    .gtm-menu5 {
      width: 50%;
    }

    .gtm-menu6 {
      width: 50%;
    }

    .gtm-menu7 {
      width: 50%;
    }

    .gtm-menu8 {
      width: 50%;
    }

    .gtm-menu9 {
      width: 50%;
    }

    .gtm-menu10 {
      width: 50%;
    }

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

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

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

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

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

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


    .gtm-bottom7 {
      width: 50%;
    }

    .gtm-bottom8 {
      width: 50%;
    }

    .gtm-bottom9 {
      width: 50%;
    }

    .gtm-bottom10 {
      width: 50%;
    }


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


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

    .gtm-contact2 {
      width: 50%;
      min-height: auto;
    }

    .gtm-contact3 {
      width: 50%;
      min-height: auto;
    }


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

    .gtm-contact5 {
      width: 50%;
      min-height: auto;
    }

    .gtm-contact6 {
      width: 50%;
      min-height: auto;
    }


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

    .gtm-contact8 {
      width: 50%;
      min-height: auto;
    }

    .gtm-contact9 {
      width: 50%;
      min-height: auto;
    }

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

    .gtm-footer4 {
      width: 100%;
    }

    .gtm-footer5 {
      width: 50%;
    }

    .gtm-footer6 {
      width: 50%;
    }

    .gtm-footer7 {
      width: 50%;
    }

    .gtm-footer8 {
      width: 50%;
    }

    .gtm-footer9 {
      width: 50%;
    }

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

    .gtm-copyright4 {
      width: 100%;
    }

    .gtm-copyright5 {
      width: 50%;
    }

    .gtm-copyright6 {
      width: 50%;
    }


  }

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


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

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

    .gtm-over2 {
      width: 50%;
    }

    .gtm-over3 {
      width: 50%;
    }

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

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

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

    .gtm-menu2 {
      width: 50%;
    }

    .gtm-menu3 {
      width: 50%;
    }

    .gtm-menu4 {
      width: 33.33%;
    }

    .gtm-menu5 {
      width: 33.33%;
    }

    .gtm-menu6 {
      width: 33.33%;
    }

    .gtm-menu7 {
      width: 25%;
    }

    .gtm-menu8 {
      width: 25%;
    }

    .gtm-menu9 {
      width: 25%;
    }

    .gtm-menu10 {
      width: 25%;
    }

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

    .gtm-hero2 {
      width: 50%;
    }

    .gtm-hero3 {
      width: 50%;
    }

    .gtm-hero4 {
      width: 33.33%;
    }

    .gtm-hero5 {
      width: 33.33%;
    }

    .gtm-hero6 {
      width: 33.33%;
    }

    .gtm-hero7 {
      width: 25%;
    }

    .gtm-hero8 {
      width: 25%;
    }

    .gtm-hero9 {
      width: 25%;
    }

    .gtm-hero10 {
      width: 25%;
    }

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

    .gtm-top2 {
      width: 50%;
    }

    .gtm-top3 {
      width: 50%;
    }

    .gtm-top2b {
      width: 50%;
    }

    .gtm-top3b {
      width: 50%;
    }

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

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

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

    .gtm-bottom2 {
      width: 50%;
    }

    .gtm-bottom3 {
      width: 50%;
    }

    .gtm-bottom2b {
      width: 50%;
    }

    .gtm-bottom3b {
      width: 50%;
    }

    .gtm-bottom4 {
      width: 33.33%;
    }
    
    .gtm-bottom5 {
      width: 33.33%;
    }
    
    .gtm-bottom6 {
      width: 33.33%;
    }

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

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

    .gtm-footer2 {
      width: 50%;
    }

    .gtm-footer3 {
      width: 50%;
    }

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

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


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

    .gtm-copyright2 {
      width: 50%;
    }

    .gtm-copyright3 {
      width: 50%;
    }

    .gtm-copyright4 {
      width: 33.33%;
    }

    .gtm-copyright5 {
      width: 33.33%;
    }

    .gtm-copyright6 {
      width: 33.33%;
    }


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


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

    .gtm-ms2 {
      width: 50%;
    }

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