@charset "utf-8";
/* CSS Document */
/*TOUT  DEVICE MOBILE*/
/*body,
html{
  font-size:0.9em;
}*/
.no_show_mobile_tablette{
  display:none !important;
}
/*tablette landscape*/
/*@media screen and (min-width: 577px) and (max-width: 992px) and (orientation : landscape) {*/
@media screen and (min-width: 993px) and (max-width: 1280px) and (orientation : landscape) {

}
/*TABLETTE*/
@media screen and (min-width: 577px) and (max-width: 992px) {
  .margin_top_5vh_tablette{
    margin-top: 5vh;
  }
  .colonne_no_border.paragraphe{
    border:none;
  }

}
/*GSM*/
@media screen and (max-width: 576px) {
  .wpac {
    max-width: 100% !important;
  }
  .margin_top_5vh_mobile{
    margin-top: 5vh;
  }
  .centre_mobile{
    text-align: center !important;
  }
  header {
    height: 80vh;
  }
  .bg_header {
    height: 80vh;
  }
  h1 {
    padding-top: 25vh;
  }
  h1 .sous_titre_page::after {
    margin: 2vh auto;
  }
  #valeurs.section_carrousel .carousel-inner {
    height: 65vh;
  }
  #valeurs.section_carrousel .carousel-inner p {
    padding-left: 10vw;
    padding-right: 10vw;
  }
  #carousel_qui .carousel-inner {
    height: 35vh;
  }
  .grid-layout {
    grid-template-columns: repeat(auto-fill, minmax(20vw, 1fr));
    grid-auto-rows: minmax(20vw, auto);
  }

  /*.span-0 {
      grid-column-end: span 2;
      grid-row-end: span 2;
  }
  .span-2 {
      grid-column-end: span 4;
      grid-row-end: span 4;
  }
  .span-3 {
      grid-column-end: span 2;
      grid-row-end: span 1;
  }*/
  .liste_filtre li {
      margin-left: 5px;
      padding-right:10px;
  }
  .bloc_portfolio.darker_hover{
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 50%);
  }
  .bloc_portfolio.darker_hover span{
    display:block;
  }
  .bloc_portfolio {
    padding-top: 3vh!important;
  }
  .span-2 .bloc_portfolio{
      padding-top:8vh!important;
  }
  .grid-item {
      font-size: 10px;
  }
  .grid-item .bloc_portfolio_client {
    font-size: 14px;
  }
  .grid-item .sep {
    margin: 10px 40%;
  }
  .single-portfolio .parallax {
    min-height: 70vh;
  }
  .contener_services .paragraphe {
    border-left: none;
  }
  .single-blog_article .section_blocs_media .paragraphe {
    padding: 15px;
  }
  .bloc_image_contact {
    padding-top: 10vw;
  }
  .no_padding_top_video iframe{
    max-height: 30vh !important;
  }
}
/*GSM landscape*/
@media screen and (max-width: 992px) and (orientation : landscape) {
}
