@media (min-width: 1601px) and (max-width: 1800px) {
  header.mini .logo{
    right: -197px;
  }
}

/* Ecrans moyens et petits */
@media (min-width: 992px) and (max-width: 1600px) {
	
  body{
    font-size : .9rem;
  }

  #main-container{
    margin-top: 35vh;
  }

  header .container-container-menu{
    width: 70vw;
  }

  .banner{
    height: 70%;
  }

  .ma-vague{
    height: 18%;
  }

  .baseline_box{
    background-size:auto 7vh;
  }

  .baseline_box div{
    width: 50vw;
    height: 5.5vh;

  }

  .baseline_box{
    transform: translateY(30px);
  }

  .btn_references .label-menu-wrapper{
    right: 7px;
    bottom: 5px;
  }

  .mini-reference {
    width: 90vw;
  }

  .mini-reference .texte {
    padding: 1rem;
  }

  .mini-reference .texte h3{
    margin-bottom: 1.5rem;
  }

  .mini-reference .photo {
    height: 45vh;
  }

  .mini-reference .texte .meta {
    left: 3rem;
    bottom: 2.5rem;
    font-size: 0.8rem;
  }

  #description_popup_reference{
    font-size: .8rem;
    margin: 0 1rem 1rem 1rem;
  }
 
  .etapes .text{
    font-size: 1.15rem;
    width: auto;
  }

  header .menu > li > a{
    font-size: 1.2rem;
  }

  header .menu > li + li{
    margin-top: 1rem;
  }

  .label-menu-wrapper span{
    font-size: 0.7rem;
  }

  header.mini .logo{
    right: -202px;
    bottom: 280px;
  }

  .container_liste_categories{
    font-size: 1rem;
  }

}


@media (min-width: 992px) and (max-width: 1400px) {

  h1.home-title{
    font-size: 2.3rem;
  }

  ul.keywords li{
    font-size: 1.3rem;
  }

  div.slogan{
    font-size: 1.4rem;
  }

  h2 + h3{
    font-size: 1.8rem;
    top: -0.45rem;
  }

  h3.team-title{
    font-size: 1.5rem;
  }

  .counter{
    font-size: 6rem;
  }

  footer .form-intro{
    font-size: 2.8rem;
    padding: 0 4rem 0 0;
  }

  footer .wpcf7{
    width: 50%;
  }

  #panneau_references{
    width: 39vw !important;
  }

  .container-menu li>span{
    font-size: 0.8rem;
  }

  header .menu-menu-footer-container ul{
    font-size: 0.8rem;
  }

  .mini-reference .texte .description{
    min-height: 23vh;
  }

  .mini-reference .texte{
    padding-top: 1rem;
  }

  .mini-reference .texte .meta{
    bottom: 2.5rem;
  }

  .mini-reference .photo{
    height: 50vh;
  }

  .etapes-arrow a + a{
    margin-left: 10px;
  }

  #popup_reference{
    left: 5vw;
    right: 5vw;
    top: 7vh;
    bottom: 7vh;
  }

  #nav-reference span{
    font-size: 1rem;
    padding: 0.2rem 1rem;
  }

  .mini-reference .texte .meta li{
    line-height: 0.7rem;
  }

  .mini-reference .texte h3{
    font-size: 1.7rem;
    font-weight: 500;
  }

  #popup_reference .contenu_popup .col_gauche{
    width: 47vw;
  }

  #popup_reference .contenu_popup .col_droite{
    width: 42vw;
  }

  #video_popup_reference,
  #image_popup_reference,
  #video_popup_reference .vimeo_player{
    width: 45vw;
    height:25.3vw;
  }

}


/* md */
@media (min-width: 992px) and (max-width: 1199px) {

  h1.home-title{
    font-size: 1.8rem;
  }

}


@media (max-height: 700px) and (min-width: 992px){
}


/* <= à sm -> Tablettes & Smartphones */
@media (max-width: 991px) {
  #zone_references{
    display: none;
  }

  #bouton_ref_mobile{
    position: absolute;
    right : 0;
    top : 5rem;
    margin: 0;
    padding: 0;
    background: var(--couleur1);
    border-radius: 99em 0em 0em 99em;
    padding:0.2rem 0.8rem;
    transform: translateY(-50%);
    border:3px solid var(--couleur5);
    border-right : none;
    z-index : 100;
    padding-right : 1rem;
    color : #fff;
    font-family : var(--main-title-font);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #bouton_ref_mobile:active{
    background-color :  var(--couleur5);
  }

  #main-container,
  body.home #main-container{
    margin-top: 70px;
  }

  .flex-title h1.entry-title{
    max-width: 75vw;
    line-height: 2.5rem;
    font-size: 2.2rem;
    text-align: center;
  }

  .page-content, .single-content, 
  footer .container-fluid,
  .slogan-wrapper{
    padding: 0;
    margin: 0;
  }

  .page-content > p {
    padding:0 1rem;
  }

  .banner{
    height: 50vh;
  }

  .banner .baseline_box{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    display: block;
    background-size: 80% auto;
    transform: translateY(-5vh);
  }

  .single-content .alignwide{
    width: 100%;
  }

  .ma-vague{
    bottom: 40%;
  }

  .slogan-wrapper{
    padding:0 2rem 4rem 2rem;
  }

  .wp-block-columns.has-background.alignfull, .wp-block-group.has-background.alignfull, .alignfull{
    padding: 2rem 0;
  }

  .wp-block-columns{
    flex-direction: column;
  }

  .wp-block-columns .wp-block-column + .wp-block-column{
    margin-top: 2rem;
  }

  .block-counters{
    height: auto;
  }

  .block-counters .wp-block-column:first-child{
    display: none;
  }

  footer svg#vague-reverse{
    top: -1px;
  }

  #form-footer{
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .inview.from-top.inview-action{
    width: 90%;
    max-width: none;
    text-align: center;
  }

  footer .wpcf7{
    width: 75%;
    margin-top: 2rem;
  }

  footer .form-container{
    padding: 0;
  }

  .wp-block-column:nth-child(2n){
    margin-left: 0;
  }

  .row-menu-footer{
    display: block;
    text-align: center;
    border:none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .row-menu-footer section + section{
    margin-top: 2rem;
  }

  .row-menu-footer section{
    display: block;
  }

  .competences{
    width: 90%;
  }
  
  footer .copyright{
    position: relative;
  }

  .wp-block-columns.has-background{
    padding: 0;
  }

  .wp-block-media-text{
    flex-direction: column;
    grid-template-columns: 100%;
  }

  .wp-block-media-text .wp-block-media-text__content{
    padding: 0;
  }

  .inview.from-top.inview-action{
    width: 100%;
  }

  footer .social-icons{
    margin:2rem auto;

    align-items: center;
    justify-content: center;
    display: flex;
  }

  footer .social-icons{
    width: auto;
  }

  .social_icones{
    position: relative;
    right: 0;
  }

  li.btn-espace-client{
    left:auto;
  }

  #conteneur-menu-mobile .menu{
    font-size: 1.5rem;;
  }

  .mini-reference .texte .more{
    right: 0;
  }

  .container-mini-reference:nth-child(odd) .mini-reference .texte .more{
    left: 0;
  }

  .wpcf7::before{
    left: -29px;
  }

  .mini-reference{
    width: 95vw;
  }

  .mini-reference .texte .meta{
    display: none;
  }

  .mini-reference .photo{
    background-size:250% auto;
  }

  .mini-reference .texte .description{
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .mini-reference .texte{
    padding-left: 0;
    padding-right: 1.5rem;
  }

  .container-mini-reference:nth-child(odd) .mini-reference .texte{
    padding-left: 1.5rem;
    padding-right: 0;
  }

  .mini-reference .texte h3{
    margin-bottom: 2rem;
  }

  #popup_reference{
    z-index: 1000;
    top: 3.5rem;
    left: 3rem;
    right: 3rem;
    bottom: 2rem;
  }

  .overlay{
    z-index: 999;
  }

  #intervenants_popup_reference, #intervenants_reference{
    flex-wrap: wrap;
  }

  #visuel_popup_reference{
    height: auto;
    flex-direction: column-reverse;
    display: flex;
  }

  #nav-reference{
    display: none;
  }

  #visuel_popup_reference .visuel_image{
    position: relative;
    left:auto;
    top:auto;
    height: 10vh;
    width: auto;
    display: flex;
  }

  #popup_reference .contenu_popup .col_gauche,
  #popup_reference .contenu_popup .col_droite{
    width: 100%;
  }

  #video_popup_reference,
  #image_popup_reference{
    position: relative;
    left:auto;
    right:auto;
    transform: none;
    display: none;
  }

  #video_popup_reference.active,
  #image_popup_reference.active{
    display: block;
    height: auto;
    margin:1rem 1rem 2rem 1rem;
  }

  #video_popup_reference,
  #image_popup_reference,
  #video_popup_reference .vimeo_player{
    width: 100%;
  }

  #popup_reference .contenu_popup{
    flex-direction: column;
  }

  #popup_reference h3{
    position: relative;
  }

  #learn_more_popup_reference, #learn_more_reference{
    z-index: 10000;
  }

  #intervenants_popup_reference li{
    margin-right: 1rem;
    margin-bottom: 1rem;
  }

  #intervenants_popup_reference li + li, #intervenants_reference li + li{
    margin-left: 0;
  }

  #description_popup_reference{
  padding: 0;
  height: auto !important;
  }

  #popup_reference .contenu_popup .col_gauche{
    flex-direction: column;
  }

  #popup_reference .contenu_popup .col_gauche > *{
    flex:none;
  }

  .etapes{
    padding:0 1rem;
  }

  .etape-wrapper{
    flex-direction: column !important;
    display: flex;
    align-items: center;
  }

  .etape-text{
    width: auto;
  }

  .etape-illu{
    width: 70%;
    display: flex;justify-content: center;
  }

  .etapes-arrow{
    display: none;
  }

  body.category #main-container,
  body.blog #main-container,
  body.author #main-container,
  body.single-post #main-container{
    padding : 0 2rem;
  }

  .single .post-meta{
    position: relative;
    right: auto;
    width: 100%;
    flex-direction: row;
    margin-bottom: 3rem;
    border:none;
    align-items: center;
    justify-content: center;
  }

  .single .post-meta > *{
    flex:1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .single .post-meta .vignette-portrait{
    display: none;
  }

  aside.related-posts{
    position : relative;
    top: 0;
    left: 0;
    width : 90%;
    margin : auto;
    opacity : 1;
  }

  body.single-reference .page-content{
    margin:0 1rem;
  }

  body.single-reference .page-content > .d-flex{
    flex-direction: column;
  }

  body.single-reference #visuel_reference{
    margin-bottom: 2rem;
  }

  body.single-reference #description_reference{
    padding-right: 0;
  }

  body.single-reference #video_reference iframe{
    height: 30vh;
  }

  body.single-reference #competences_popup_reference,
  body.single-reference #intervenants_reference,
  body.single-reference #competences_reference{
    margin-left: 0;
    padding-left: 0;
  }

  body.single-reference #intervenants_reference{
    flex-direction: column;
  }

  body.single-reference #learn_more_reference{
    width: 65vw;
    position: relative;
    z-index: inherit;
  }

}


/* sm - Tablettes */
@media (min-width: 768px) and (max-width: 991px) {

}


/* xs - Smartphones */
@media (max-width: 767px) {
  
  .slogan-wrapper{
    position: relative;
    bottom:auto;
  }

  .ma-vague{
    display: none;
  }

  .window-cover{
    height: auto;
  }

  ul.keywords li .scanner-wrapper{
    display: none;
  }

  h3,
  h3.team-title{
    font-size: 2.3rem;
  }

  h2 + h3{
    top:auto;
  }

  .home h1{
    margin-top: 0;
    padding-top: 2rem;
  }

  .banner .baseline_box{
    background-size: 90% auto;
    transform: translateY(-1vh);
  }

  h1.home-title{
    font-size: 2.3rem;
  }

  .wp-block-columns.has-background.alignfull, .wp-block-group.has-background.alignfull, .alignfull{
    padding: 1rem 0;
  }

  .wp-block-columns.has-background.alignfull,
  .wp-block-group.has-background.alignfull,
  .alignfull,
  .alignwide,
  .wp-block-buttons{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .wp-block-spacer{
    max-height: 3rem !important;
  }

  footer .form-intro{
    font-size: 2rem;
    padding: 0 2rem;
  }

  .wpcf7-textarea{
    height: 150px;
  }

  footer .wpcf7 .send-message{
    width: 100%;
  }

  #popup_reference .close span{
    display: none;
  }

  #popup_reference{
    top: 2.5rem;
    left: 2rem;
    right: 2rem;
    bottom: 2rem;
    border-width: 1px;;
  }

  .mini-reference .entry-content,
  .container-mini-reference:nth-child(odd) .mini-reference .entry-content{
    flex-direction: column;
    margin: 0;
  }

  .container-mini-reference:nth-child(even) .mini-reference{
    margin: 0;
  }

  .mini-reference .photo{
    width: 100%;
    height: 25vh;
    flex:none;
  }

  .mini-reference .texte h3{
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 500;
  }

  .mini-reference .texte{
    padding-top: 1rem;
    padding-bottom: 4rem;
  }

  .mini-reference .photo .deco{
    display: none;
  }

  #popup_reference .contenu_popup{
    overflow: auto;
    padding-bottom: 3rem;
  }

  #description_popup_reference{
    padding: 0;
    font-size: 1rem;
    line-height: 1.3rem;
  }

  #popup_reference h3::before,#popup_reference h3::after{
    display: none;
  }

  #visuel_popup_reference{
    overflow: visible;
  }

  #popup_reference h3{
    padding: 0.5rem;
    font-size: 1.8rem;
  }

  #popup_reference h3 span{
    transform:none;
  }

  .visuel_image.active{
    display: none;
  }

  #competences_popup_reference, #competences_reference{
    flex-direction: column;
  }

  #competences_popup_reference li + li, #competences_reference li + li{
    margin: 0;
    padding: 0;
  }

  #competences_popup_reference li + li::before, #competences_reference li + li::before{
    display: none;
    padding: 0;
  }

  .etapes .text{
    padding-left: 0;
    top: 2rem;
    width: 100%;
    font-size: 1rem;
  }

  .etape-illu{
    width: 100%;
    margin: 3.5rem 0 0 0;
  }

  .etape-illu-wrapper{
    width: 100%;
    margin: 0;
  }

  footer .copyright{
    display: none;
  }

  #conteneur-menu-mobile .menu > li{
    padding: 0;
  }

  #conteneur-menu-mobile .menu{
    font-size: 1.2rem;
    padding: 0;
  }

  #conteneur-menu-mobile .menu > li br{
    display: none;
  }

  .team-wrapper{
    flex-direction: column;
  }

  .membre{
    width: 100%;
  }

  .membre + .membre{
    margin-top: 2rem;
  }

  :root{
    --diametre-portraits: 40vw;
  }

  .membre span{margin-top: 1rem;}

  .wp-block-columns .wp-block-column + .wp-block-column{
    margin: 0;
  }

  .inview.from-bottom.inview-action{
    top: 0 !important;
  }

  .home footer{
    margin-top: 0;
  }

  #intervenants_popup_reference, #intervenants_reference {
    position: relative;
    top: 0;
    left: 0; 
    right: 0;
    bottom: 0;
  }

  #intervenants_popup_reference li p strong, #intervenants_reference li p strong{
    text-align: left;
  }

  #image_popup_reference.image-haute {
    bottom: 0;
  }

  body.category #main-container,
  body.blog #main-container,
  body.author #main-container,
  body.single-post #main-container{
    padding : 0 1rem;
  }

  .single .post-meta{
    flex-direction: column;
    margin-bottom: 1rem;
  }

  .single .post-meta > *{
    width: 100%;
  }

  .single .flex-thumbnail{
    clip-path: none;
    margin-bottom: 0;
  }

  body.single-post article > .container{
    padding: 0;
  }

  .extrait-blog .extrait-post-content{
    flex-direction: column;
  }

  article.extrait-blog:nth-child(odd) .fwf-excerpt{
    margin-left: 0;
  }

  article.extrait-blog:nth-child(even) h2{text-align: left;}

  article.extrait-blog:nth-child(even) .post_meta{
    justify-content: flex-start;
  }

  article.extrait-blog:nth-child(even) .extrait-post-content{
    flex-direction: column;
  }

  article.extrait-blog:nth-child(even) .fwf-excerpt{
    text-align: left;
    margin: 0;
  }
  
  article.extrait-blog:nth-child(even) .extrait-thumbnail,
  article.extrait-blog:nth-child(odd) .extrait-thumbnail{
    clip-path: none;
    -webkit-clip-path: none;
  }

  .container_liste_categories{
    font-size: 1rem;
    flex-direction: column;
  }

  .container_liste_categories p{
    text-align: center;
  }

  ul.liste_categories {
       flex-direction: column;
  }

  ul.liste_categories::before{
      display: none
  }

  ul.liste_categories li + li::before {
      display: none;
  }

}


/* very xs - petits Smartphones */
@media (max-width: 480px) {


}