@media (min-width: 600px) {

    .listOfPosts { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 50px; }
    .listOfPosts .postInList { flex-basis: calc(33.33% - 35px); margin-bottom: 50px;  }
    .listOfPosts .postInList:nth-child(even) {  }
    .blockHomeNewsWrapper .listOfPosts .postInList { flex-basis: calc(33.33% - 33.33px); margin-left: 50px; }
    .blockHomeNewsWrapper .listOfPosts .postInList:nth-child(4n+1) { margin-left: 0px; }
}



@media (min-width: 760px) {


    

    /*** header ***/
    .rubriqueSelector { display: block; }
 
    /*** headings ***/
    .txt {  }
    h1 { font-size: 52px; }
    h2 { font-size: 36px; }
   
    .singlePostInfos h1 { font-size: 40px; }
    
    .pageHeaderExcerpt { font-size: 1.3em; }
    
    /*** Mobile menu ***/
    .mobileMenuContentWrapper a { padding-left: 5%; padding-right: 5%; }

    /*** navigation ***/
    .navigation.pagination a.page-numbers.next, .navigation.pagination a.page-numbers.prev { display: inline-block; } 
    
    /*** listsOfPosts ***/
    

    
    /*** single post header ***/
    .singleHeaderRow { padding-top: 50px; }
    
    .singlePostHeader > .main { flex-direction: row; position: relative; align-items: center; min-height: 13vw; }
    .singlePostInfos { width: 50%; }
    .singlePostThumbnail {  width: 40%; margin-left: 10%; }
    .singlePostThumbnail img { aspect-ratio: 3 / 2; border-radius: 0; }
    
   
    /*** home ***/
    .homeRightWrapper .main { display: flex; flex-wrap: wrap; }
    .rubriqueInList { width: 46%; margin: 2% 2%; }
    .rubriqueInList a { min-height: 100%; }
    
    /*** temoignages ***/
    .sliderTemoignages { padding-left: 0;  }
    .sliderTemoignages:before { width: 54px; height: 44px; left: -70px; }
    /*** contact ***/
    .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {   }
    .wpcf7-form textarea { min-height: 261px;  }
    
    .textRollingBanner a { font-size: 24px; }
    

}




@media (min-width: 1002px) { /*** 992px ***/

    
    :root { 
        --site-content-padding-vertical: 50px;
        --site-content-padding-vertical-minus: -50px;
    }
    
    /*** header ***/
    .logo a  { padding: 25px 0; }
    .logo img  { height: 52px; }
    
    /*** Menu ***/
    
    .siteWrapper { border-left: 1px solid var(--color-main); margin-left: 103px; }
    
    .mobileMenuSelector { position: fixed; top: 0; left: 0; }
    .admin-bar .mobileMenuSelector { top: 32px; }
    a.menuOpen { width: 103px; height: 103px; border-bottom: 1px solid var(--color-main); display: flex; align-items: center; justify-content: center; }
    a.menuOpen:hover i::before, a.menuOpen:hover i::after { background-color: var(--color-grey); }
    .mainHomeHeader a.menuOpen { border-bottom: 0; }
    
    .menuWrapper  { display: block!important; flex-basis: auto; width: auto; clear: none; padding-bottom: 0; text-align: center; }
    ul.mainMenu > li > a { white-space: nowrap; }
    
    .site-branding { justify-content: space-between; }
    .topNav { display: block; }
   
    /*** menu ***/
    .mobileMenuWrapper { display: flex; }
    .mobileMenuWrapper > .rubriqueMenuWrapper { flex-basis: 21%; margin: 0 2%; }
    .rubriqueMenuWrapper:hover .menuRubriqueThumbnail img {  transform: scale(1.1);  }
    .rubriqueMenuWrapper:hover { box-shadow: 0 0 30px rgba(0,0,0,0.3); }
    
    .mainNavigation { display: flex; align-items: center; margin-left: 103px; border-left: 1px solid var(--color-main); }
    .mainNavigation .logo { margin-bottom: 50px; }
    .mainNavigation .logo img { height: 75px; }
    .mobileMenu { display: block; }
    .mobileMenu li:before { content: ''; width: 18px; height: 1px; background: var(--color-grey); display: block; margin: 5px auto 1px; }
    .mobileMenu li:first-child:before { display: none; }
    .mobileMenu li a { display: block; padding: 10px 10px; }
    .rubriqueMenuWrapper h2 { font-size: 32px; font-weight: 600; padding: 25px 10px;}
    .menuRubriqueThumbnail { display: block; }
    
    .showOnDesktop { display: block; }

    /*** Footer ***/
    .site-footer .main { width: 100%; max-width: none; margin: 0; }
    .footerLeft { padding: 35px 1% 25px 5%; }
    .site-footer .main > * { width: 20%; }
    .footerMapLink { display: block; }
    .back2top { bottom: 28px; right: 17px; }
    
    .singleFooter { display: flex; text-align: left; }
    .singleFooter .dateWrapper { width: 30%; padding-top: 25px; }
    .singleFooter .btnWrapper { width: 30%; text-align: right; }
    .singleFooter .singlePostFooter { width: 40%; text-align: center; }
    .postFooterCategories { padding: 10px 0 0;  } 
    
    .footerCentered ul li { display: inline-block; margin: 0 5px 0 0; }
    .footerCentered ul li:last-child { margin-right: 0; }
    .footerCentered ul li:before { content: '|'; margin-right: 10px; }
    .footerCentered ul li:first-child:before { display: none; }

    /*** general ***/
    .homeBanner { min-height: 560px; }
    .homeBanner h1 { font-size: 5vw; }
    
    .smallBanner { min-height: 370px; }
    .smallBanner .subTitle { font-size: 24px; }
    
    
    
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { /*margin-left: 60px;*/ }
    .txt > .wp-block-group.alignwide.has-background, .txt > .wp-block-group.alignfull.has-background {
        padding: 50px 9%; 
    }
    
    .txt > .wp-block-group.alignfull.has-background > * { max-width: 1037px; margin-left: auto; margin-right: auto; }
    
    .showOnDesktop { display: block; }

    
    /*** listsOfPosts ***/
    
    /*** image slider ***/
    .photosSlideshow { margin-left: 60px; margin-right: 60px; }
    .photosSlideshow.wp-block-gallery.has-nested-images figure.wp-block-image img { margin: 0 auto; max-width: 70%!important; max-height: 60vh; }
    .photosSlideshow.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {   }
    .photosSlideshow .slick-arrow { bottom: 50%; left: 90%; }
    .photosSlideshow .slick-arrow.slick-prev { right: 90%; left: auto; }
    
    /*** home ***/
   .homeSiteContent { display: flex; }
   .homeSiteContent > div { width: 50%; }
   .homeRightWrapper { display: flex; align-items: center; }
   .homeLeftWrapper { display: flex; align-items: center; justify-content: center; }
   .homeLogo { margin-bottom: 100px; }
   .homeLogo img { max-width: 225px; }
   .homeFooterMenu { margin-top: 100px; }
        
    /*** presentation ***/
    .newsSlider .postInList .postThumbnailLink { display: flex; }
    .newsSlider .postInList .postThumbnailWrapper { flex-basis: calc(59% - 50px); margin-right: 50px;  }
    .newsSlider .postInList .postInfos { flex-basis: 41%; padding-top: 100px; }

    .newsSlider .slick-arrow { bottom: auto; top: 70px; left: calc(59% + 80px); }
    .newsSlider .slick-arrow.slick-prev { right: auto; left: 59%; } 
    .newsSlider .slick-list {  } 
    .newsSlider .slick-slide { opacity: 0; transition: opacity 0.3s ease; } 
    .newsSlider .slick-slide.slick-active { opacity: 1; } 
    
    .groupBgGradientOffset { padding-top: 0; }
    .groupBgGradientOffset:before { border-radius: 3px; left: 60px; right: 0; top: 50px; }
    .groupBgGradientOffset > .wp-block-columns > .wp-block-column:first-child { padding-top: 80px; }
    
    .ccGalerieWrapper h2 { margin-bottom: 0; }
    .ccGalerieWrapper.groupBgGradientOffset { padding-top: 25px; padding-bottom: 110px; }
    .ccGalerieWrapper.groupBgGradientOffset::before { top: 0; }
    
    .overlapLeft { max-width: 80%; position: relative; z-index: 0; left: 170px; margin-left: auto; }
    .overlapLeft:active { z-index: 3; }
    .overlapRight { max-width: 70%; position: relative; z-index: 1; }
    
    .sliderTemoignages .slick-arrow { visibility: visible; pointer-events: auto; bottom: auto; top: 60px; left: 120%; margin: 0; }
    .sliderTemoignages .slick-arrow.slick-prev { left: auto; right: 120%; } 
    
    .temoignage { padding-left: 13%; position: relative; top: -25px; }
    .temoignage .wp-block-quote { max-width: 550px; padding-left: 100px; }
    .temoignage .wp-block-quote:before { width: 54px; height: 44px; left: 5px; }
    .temoignage:before {  border-radius: 3px; left: 0px; right: 0;  }
    
    /*** Contact ***/
   
    
   
}

@media (min-height: 900px) { 
   
}


@media (min-width: 1220px) { 
    
    
   
}

@media (min-width: 1340px) { 
    .homeBanner h1 { font-size: 72px; }
}