@charset "UTF-8";
/* @Grp Responsive ============================================================================= */
/* ( @grp RESPONSIVE ) ============================================================================================================================================================= */
/* ==============================================================================
   @grp Responsive Media queries                                                 
============================================================================== */
/* < 1550 (FIN )*/
/* < 1200 (FIN )*/
/* < 1025 (FIN )*/
/* < 950px (FIN) */
@media (max-width: 850px) {
  .vignettes__list-item {
    flex-basis: 50%;
    max-width: initial;
  }
}
/* < 850px (FIN) */
@media screen and (max-width: 758px) {
  .pg_accueil #wrapper__intro {
    height: 100vh !important;
  }
  /*
  .pg_accueil #tpl__top-bar {
    height: calc(100vh - var(--header_heigth)) !important;
  }
  */
  .pg_accueil #tpl__intro {
    background-image: url(/images/_Media/Intro/acc-intro.jpg);
    background-size: cover;
    background-size: contain;
    background-position: 50% bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 500px !important;
    transition: all 0.3s ease-in;
    z-index: 10;
  }

  /* Menu Burger */
  #tpl__menu-main .mobileckhambuger_togglerlabel {
    background-image: url(/images/_Design/logo-main_noir--small.svg);
    background-size: 100px 33px;
    background-position: 50% 4px;
    background-repeat: no-repeat;

    text-align: left !important;
    text-indent: -999px;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin: 0 auto;
  }
  
} /* < 758px (FIN) */




@media screen and (max-width: 640px) {
  .mdl__logo-main {
    --svg-width: 300px;
    --svg-height: 200px;
  }
} /* de 525 à 640 */



@media (max-width: 550px) {

  
}/* < 550px (FIN) */


@media (max-width: 480px) {

  .vignettes__list-item { flex-basis: 100%; }
}
/* < 480px (FIN) */

@media (max-width: 350px) {

  
}/* < 350px (FIN) */


@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
}
/* @grp Responsive Media queries  (FIN) ====================================== */
/* @Grp Responsive (FIN) =================================== *//*# sourceMappingURL=css_Responsive.css.map */