@charset "UTF-8";
/* @Grp Responsive ============================================================================= */
/* ( @grp RESPONSIVE ) ============================================================================================================================================================= */
/* ==============================================================================
   @grp Responsive Media queries                                                 
============================================================================== */
/* < 1550 (FIN )*/
/* < 1200 (FIN )*/
@media screen and (max-width: 1200px) { 
  .logo-main__link {
    width: 250px;
    height: 50px;
    transition: all 0.36s ease-in;
  }
}
/* < 1200 (FIN )*/

@media screen and (max-width: 1025px) { 
  #camera_wrap_110 .camera_caption_title { font-size: 5.5rem; }
  .colonne img {
    display: block;
    margin: 0 auto;
  }
  .colonne.u-col-droite {
    padding: 0;
    padding-left: 0.9em;
  }
  /* @Grp Arguments ========================================================== */
    .arguments .u-flex-item {
      display: block;
      flex-basis: 30%;
      align-items: center;
      min-width: 250px;
      padding: 3em 0.2em 1.5em;
    }

}
/* < 1025 (FIN )*/

@media screen and (max-width: 950px) {
  :root {
    --inner_padding: 15px 1em;
  }
  .tpl__inner{
    padding: var(--inner_padding);
    width: 100%;
  }
  .header__main.tpl__inner {
    padding: 0 1em;
    max-width:initial;
  }
  a.u-btn__phone,
  a.u-btn__phone:link,
  a.u-btn.u-btn__devis,
  a.u-btn.u-btn__devis:link {
    font-size: 2rem;
    padding: 0.4em 1.5em;
    border-radius: 24px;
  }
  
  .voir-nos-projets .u-flex-item,
  .projets .u-flex-item {
    flex-basis: 45%;
    padding: 1em 0.4em;
    min-width: 400px;
    margin: 5px;
  }


  .nav-item a:link {
    font-size: 1.6rem;
    letter-spacing: 1px;
  }
} /* < 950px (FIN) */

@media screen and (max-width: 860px) {
  :root {
    --inner_padding: 0.5em 15px;
  }
  /* Header + Logo + Menu */
  
  /* MENU Burger */
    /* Logo */
      #tpl__logo-main { 
        display: block;
        float: left;
      }
    /* Logo menu index. */
      .nav-item.item-101,
      #menu-main .nav-item.item-101 {
        display: none; /* pour masquer le logo */
      }
      .header__main.tpl__inner.u-display--block{ display: block; }

      .header__main.tpl__inner.u-display--block .mobileckhambuger_togglerlabel{
        transform: translateY(-50px);
        transition: all 0.3s ease-in-out;
      }
      .header__main.tpl__inner .mobileckhambuger_togglerlabel{
        transform: translateY(0);
        transition: all 0.3s ease-in-out;
      }
      .mdl__menu-main.tck-module {
        background-color: var(--color_blanc);
      }
      #tpl__menu-main{ position: relative;}
      #tpl__menu-main .mobileckhambuger_toggler:checked + * {
        position: absolute;
        width: 100%;
      }
      .mdl__menu-main .menu-main {
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
      }
      /* .menu-main .nav-item { text-align: left; } */
      #wrapper__header { height: 53px !important; }
      .u-is-reduced {
        height: 50px !important;
        transition: all 0.36s ease-in;
      }

      #tpl__menu-main {
      width: 100%;
      float: right;
    }

    #tpl__menu-main .mobileckhambuger_togglerlabel {
      float: right;
      position: relative;
      text-align: center !important;
      cursor: pointer;
      width: 50px;
      z-index: 1500;
    }




  #camera_wrap_110 .camera_caption_title {
    font-size: 4.5rem;
    padding: 0;
  }
  #camera_wrap_110 .camera_caption_desc {
    font-size: 2.2rem;
    color: var(--color_gris-blanc);
    padding: 1em 0 1.2em;
  }
  #camera_wrap_110 .camera_caption_desc a.u-btn.u-btn__devis{
    font-size: 2rem;
  }
  .u-flex-item { min-width: 360px; }
  .voir-nos-projets .u-flex-item,
  .projets .u-flex-item {
    flex-basis: 45%;
    padding: 0.3em;
    min-width: 360px;
    margin: 0 auto;
  }
  .u-flex-container.projets__container { padding-top: 3em; }
  .arguments .u-flex-item {
    flex-basis: 50%;
    min-width: 400px;
    max-width: 600px;
    margin: 0 auto;
    padding: 1em 0.4em;
  }
  #tpl__voir-projets .tpl__voir-projets a.u-btn.u-btn_blanc {
    width: 82%;
    margin: 0 auto;
    border-radius: 20px;
    padding: 0.7em;
  }
  .article .u-btn__container .u-btn.u-btn__articles {
    display: block;
    width: 80%;
    margin: 0 auto;
  }


  .colonne.u-col-40,
  .colonne.u-col-60{
    flex-basis: auto;
    min-width: initial;
  }
  .colonne.u-col-gauche,
  .colonne.u-col-droite{ padding: 0; }
  .colonne.u-col-gauche { padding-bottom: 1em; }
  .colonne.u-col-droite { padding-top: 1em; }



  /* Footer ============== */
    .footer-main__item {
      flex: 30% 1 1;
      min-width: 200px;
    }
    .footer-main__inner-grid { flex-wrap: wrap; }
    .footer-main__item.coordonnees { 
      flex-basis: 40%;
      margin-right: 30px;
    }
    .footer-main__item.lien-divers { 
      flex-basis: 35%; 
      margin-right: 20px;
    }
    .footer-main__item.agences { 
      flex-basis: 8%;
      min-width: 100px;
    }
    .footer-main__item.reseaux-sociaux {
      flex-basis: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .footer-main__item.reseaux-sociaux h5 {
      padding: 0.2em 1em;
      margin: 0 1em;
    }
    .u-icon-facebook,
    .u-icon-instagram {
      display: block;
      text-align: center;
      width: 42px;
      height: 30px;
      padding: 0.2em;
      margin: 0 2em;
    }
} /* < 860px (FIN) */


@media screen and (max-width: 758px) {
  
  .u-heading-2 {
    padding: 0;
    font-size: 3rem;
  }
  a.u-btn__phone,
  a.u-btn__phone:link,
  a.u-btn.u-btn__devis,
  a.u-btn.u-btn__devis:link {
    font-size: 1.8rem;
  }
  .u-btn,
  a.u-btn,
  .ui-btn,
  a.ui-btn:link,
  a.u-btn:link,
  a.ui-btn:visited,
  a.u-btn:visited {
    font-size: 1.6rem;
    line-height: 1.2;
    padding: 0.6em 1.5em;
    border: 3px var(--color_gris-fonce) solid;
    border-radius: 28px;
  }

  #camera_wrap_110 .camera_caption_title { font-size: 3.5rem; }
  #camera_wrap_110 .camera_caption_desc {
    color: var(--color_gris-blanc);
    padding: 1em 0 1.2em;
  }
  #camera_wrap_110 .camera_caption_desc a.u-btn.u-btn__devis{
    font-size: 2rem;
  }
  .inner.tpl__inner.tpl__travaux { padding: 5em 0; }
  .inner.tpl__inner.tpl__travaux .u-flex-item{ 
    padding: 0;
    margin: 0;
  }
  .tpl__travaux .u-heading-4 {
    font-size: 2.5rem;
    margin: 0 auto;
    padding: 1em 0 0.1em;
    letter-spacing: 0.35em;
  }
  .travaux .u-vignette {
    display: block;
    width: 96%;
    margin: 0 auto;
  }
  .travaux .u-flex-item { min-width: initial; }
  .colonne.u-col-30,
  .colonne.u-col-40,
  .colonne.u-col-50,
  .colonne.u-col-60,
  .colonne.u-col-70 {
    flex-basis: auto;
    min-width: initial;
  }

  .inner.tpl__inner.tpl__voir-projets,
  .voir-nos-projets .u-flex-container,
  .u-flex-item.voir-nos-projets__item,
  .tpl__voir-projets .u-flex-item.voir-nos-projets__item {
    padding: 0;
  }
  .u-text {
    width: 95%;
    margin: 20px auto;
  } 
  .voir-nos-projets__texte_container {
    max-width: 95%;
    margin: 0 auto;
    height: auto;
    padding: 1em;
    min-height: 350px;
  }
  .voir-nos-projets .logo_container {
    max-width: 75%;
    margin: 10px auto;
  }

  .u-flex-container{ display: block; }
  .u-flex-item { min-width: initial; }
    .voir-nos-projets .u-flex-item,
    .projets .u-flex-item {
      flex-basis: 100%;
      padding: 0.2em;
      min-width: initial;
      margin: 0 auto;
    }
    .projets figure[data-wf-figure] {
      display: block;
      text-align: center;
      margin: 0 auto;
    }
    .projet-card_maincontent img { width: 95%; }
    .u-flex-container.arguments{ display: block;}
    .arguments .u-flex-item {
      width: 95%;
      min-width: initial;
      max-width: initial;
      margin: 0 auto;
      padding: 1em 0.4em;
    }




    /* Footer ============== */
    .footer-main__item {
      flex: 50% 1 1;
      min-width: 200px;
    }
    .footer-main__inner-grid { flex-wrap: wrap; }
    .footer-main__item.coordonnees{
      flex-basis: 50%;
      min-width: 250px;
    }
    .footer-main__item.lien-divers { 
      flex-basis: 40%;
      min-width: 200px;
      margin: 0;
    }
    .footer-main__item.agences { 
      flex-basis: 20%;
      min-width: 100px;
    }
    .footer-main__item.agences h5{ padding: 0.2em 0 0.2em 0; }

    .footer-main__item.reseaux-sociaux {
      flex-basis: 70%;
      justify-content: flex-end;
      align-items: start;
    }
    .footer-main__item.reseaux-sociaux h5 {
      padding: 0.2em 1em;
      margin: 0 0.5em;
    }
    .u-icon-facebook,
    .u-icon-instagram {
      padding: 0.2em;
      margin: 0 0.5em;
    }
}/* < 758px (FIN) */

@media screen and (max-width: 650px) {
  .header__main.tpl__inner { padding: 0 0.5em;}
  .pg_accueil .tpl__banniere {
    background-image: url(/images/_Medias/bannieres/bg-ban_accueil.jpg);
    background-size: auto 100%;
    background-position-x: 20%;
  }
}/* < 650px (FIN) */






@media screen and (max-width: 550px) {
  p {
    font-size: 1.6rem;
    text-align: justify;
    letter-spacing: initial;
  }  
  #camera_wrap_110 .camera_caption_title { font-size: 2.8rem; }
  #camera_wrap_110 .camera_caption_desc a.u-btn.u-btn__devis { font-size: 1.6rem; }
  .camera_commands,
  .camera_prev,
  .camera_next { display: none; }
  
  .footer-main__inner-grid { display: block; }
}/* < 550px (FIN) */




@media screen and (max-width: 480px) {
  .u-heading-2 { font-size: 2.4rem; }
  .footer-main__text.u-text { margin: 0; }
  .logo-main__link {
    width: 150px;
    height: 30px;
    transition: all 0.36s ease-in;
  }
  
  #camera_wrap_110 .camera_caption_title { font-size: 1.8rem; }
  
  .article .u-btn__container .u-btn.u-btn__articles {
    font-size: 1.5rem;
    width: 96%;
    padding: 0.5em;
  }
  a.u-btn__phone,
  a.u-btn__phone:link,
  a.u-btn.u-btn__devis,
  a.u-btn.u-btn__devis:link {
    font-size: 1.6rem;
    padding: 0.4em 1em;
    border-radius: 18px;
  }
  .tpl__banniere,
  .pg_ravalement .tpl__banniere { background-size: auto; }
  .pg_projets .tpl__banniere {
    background-image: url(/images/_Medias/bannieres/bg-ban_projets.jpg);
    background-size: auto 100%;
    background-position-x: 25%;
  }
  
}/* < 480px (FIN) */

/* < 524px (FIN) */
/* < 480px (FIN) */
/* < 470px (FIN) */
/* < 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 */