@media (min-width: 600px) {

    .listOfPosts { display: flex; flex-wrap: wrap; justify-content: flex-start; }

    .listOfPosts.shortCodeNews { gap: 50px; }
    .listOfPosts.shortCodeNews .postInList { flex-basis: calc(33.33% - 33.34px); margin-top: 0; }
    .listOfPosts:not(.postsGrid) .postInListLine .postTitle { margin-top: 0; }
    

    .postInList {  padding-bottom: 0px; }
    
    
    
}



@media (min-width: 781px) {


   

    /*** header ***/
    
 
    /*** headings ***/

    

    /*** Mobile menu ***/


    /*** navigation ***/
    
    .colonnesAwards  .is-style-label { left: -35px; top: 30px; font-size: 20px; }
    .colonnesAwards .wp-block-buttons { margin-top: 50px; }
    /*** listsOfPosts ***/
    
    /*** postInList Line ***/
    
    /*** Footer ***/
    .site-footer { padding-bottom: 30px; text-align: left; }
    .copyright { text-align: center; }
    .footerLine { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0px;  }
    .footerLine > div { border-right: 1.5px solid #fff; padding: 40px 60px; }
    .footerLine > div:first-child { padding-left: 0; }
    .footerLine > div:last-child { border-right: 0; }
   
    /*** home ***/
   
    .wp-block-image.alignright { margin-left: auto; }
    .wp-block-image.alignleft figcaption, .wp-block-image.alignright figcaption { text-align: left; }
    
    /*** contact ***/
    .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea { padding: 16px;  }
    .wpcf7-form textarea { min-height: 330px;  }
    
    .txt .wp-block-gallery.logosGrid .wp-block-image { width: calc(20% - 120px / 5)!important;  }
   
    .casEtudesTopColumns > .wp-block-column:not(:first-child) { }
    .casEtudesTopColumns h1 { position: relative; right: calc(2 * var(--margin-left-one-step)); width: 120%; position: relative; top: -50px; margin-bottom: 50px; }
    .casEtudesTopColumns + .wp-block-spacer { height: 176px!important; }
    .offresReponseDuodakiWrapperWrapper { margin-top: 100px; margin-bottom: 100px; }
    
    .temoignagesSectionCols { padding-top: 100px; }
    
    .offresReponseDuodakiWrapper > .wp-block-columns { gap: 130px; }
    .offresReponseDuodakiWrapper > .wp-block-columns:before { content: ''; }
    
    .casEtudesTopImage  { width: 100%; max-width: none; position: relative; right: var(--margin-left-one-step); }
    .imageDebordeGauche  { width: 100%; max-width: none; position: relative; right: var(--margin-left-one-step); }
    .txt .wp-block-image.imageDebordeGauche figcaption { text-align: right; padding-left: var(--margin-left-one-step); }
    .imageDebordeDroite img { width: 120%; max-width: none; position: relative; }
    
    .groupPaddingRight { padding-right: calc(2 * var(--margin-left-one-step)); }
    .colPaddingRight > * { padding-right: calc(2 * var(--margin-left-one-step)); }
    .colPaddingLeftRight > * { padding-left: var(--margin-left-one-step); padding-right: var(--margin-left-one-step); }
    .methodeTxtImgGroup .colPaddingLeftRight:before { left: calc(var(--margin-left-one-step) - 20px); right: calc(var(--margin-left-one-step) + 20px); }
    .methodeTxtImgGroup .colPaddingRight:before { right: calc(var(--margin-left-one-step) + 20px); }
    
    .methodeIntroCols { padding-top: 200px; padding-bottom: 200px; }
    .colPaddingLeftRight > h2.titleArrowStrokeAbsolute:before { left: 0; }  
    .methodeSeparator { margin-top: 150px!important; margin-bottom: 100px!important; }
    
    .avecColonnes { padding-left: var(--margin-left-one-step); padding-right: var(--margin-left-one-step); padding-bottom: 200px; }
    
    .titreProjetCol > * { padding-left: var(--margin-left-one-step); transform: translateY(-80px); }
    .portfolioItemDescriptionWrapper  { padding: 0; line-height: 1.2; }
    .portfolioItemDescriptionWrapper .wp-block-columns { display: inline-grid; grid-template-columns: auto auto; position: relative; gap: 0px; align-items: center!important; }
    .portfolioItemDescriptionWrapper .wp-block-columns > .wp-block-column { flex-basis: auto!important; flex-grow: inherit!important; width: auto!important; }
    .portfolioItemDescriptionWrapper .wp-block-columns > .wp-block-column:first-child { width: 250px!important; position: relative; height: 100%; }
    .portfolioItemDescriptionWrapper .textContour  {  height: 100%; padding: 25px; display: flex; width: auto; align-items: center; }
    .portfolioItemDescriptionWrapper .textContour:before  { content: ''; position: absolute; top: 0; bottom: 0; right: 0; border-right: 1.5px solid var(--wp--preset--color--blue); height: 100%; padding: 25px; display: inline-block; width: auto; display: inline-block; }
    .portfolioItemDescriptionWrapper .textContour strong  { white-space: nowrap; }
    .portfolioItemDescriptionWrapper .portfolioItemDescriptionCol  { padding: 25px; }
    
    
    .offreCasEtudesGroup .postThumbnailLink { height: 100%; padding-bottom: 121px; }
    
    .postsGrid, .postsGrid.projectsGrid { display: grid; grid-template-columns: 20% 20% 20% 20% 20%; gap: 20px; }
    .postsGrid.listOfPages { display: grid; /*grid-template-columns: 1fr 1fr 1fr;*/ grid-template-columns: initial; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: 20px; }
     .wp-block-heading.titreOffre { font-size: clamp(40px, 8vw, 148px); font-size: clamp(3rem, 8vw, 9.25rem); line-height: .83; }
 
     
     .offreSection { padding-top: 130px; margin-top: -100px; }
     .offreBtnsReferences { padding-top: 85px; padding-bottom: 85px; }
     
     
     .methodeIntroCols { margin-left: var(--margin-left-one-step); }
     .methodeIntroCols .titreShadowShort { margin-left: calc(2 * var(--margin-left-one-step)); }
     .soustitreDefile { padding-bottom: 50px; }
     
     
     .topAgenceSection { padding-left: calc(2 * var(--margin-left-one-step)); padding-right: calc(2 * var(--margin-left-one-step)); }
     
     h2 + .chapoCols { /*margin-top: -50px;*/ }
     .expertsCols { gap: var(--margin-left-one-step);}
     .txt .expertName { margin-top: 40px; margin-bottom: 30px; }
     
     .ateliersHomeSection h2:before { width: 146px; height: 146px; font-size: 28px; padding: 10px; right: 100px; }
     .referencesTopGroup { margin-top: 60px; }
     .referencesTopGroup h1 { font-size: clamp(40px, 8vw, 148px); line-height: .83; }
     .topAgenceSection { padding-top: 60px; }
     .topAgenceSection:before { top: 0; }
     .txt h2.titleArrowStrokeAbsolute.bigTitle:before { }
     .mainPeopleCols .detailsContentWrapper { padding: 30px 25px; }
     
     .agenceEngagementsSeparator { margin-bottom: 80px; }
     

    .txt > .wp-block-group.alignfull.has-background.topBlueSection { padding-top: 350px; }
    .txt > .wp-block-group.alignfull.has-background.topBlueSection.topBlueContactSection { padding-top: 320px; padding-bottom: 80px; }
    .topBlueSectionStickersCol { transform: translateY(-150px); top: auto; }
    
    .contactInfosCol { padding: 25px 0; }
    .contactInfosCol .wp-block-separator.is-style-wide-line { margin: 30px 0; }
    .homeTopGroup { padding-bottom: 30px; }
    .homeTopGroup .wp-block-column p { font-size: 32px; line-height: 1.2; }
    .has-blue-background-color.topBlueSection .btn { transform: translateX(50%); }
    


    
    .ateliersHomeColonneDroite > p { transform: translateX(-50px); transition: opacity 0.5s ease, transform 1.5s ease; }
    .ateliersHomeColonneDroite > .inView { transform: translateX(0); }
    
    .miniMenuOffres { display: flex; flex-direction: column; width: 76px; position: fixed; z-index: 9999; right: 2.5vw;  right: 20px; top: 20px; margin-top: 0; }
    .miniMenuOffres ul { flex-direction: column; }
    
    .txt .postInList a .fakeBtn { position: absolute; bottom: 50px; left: 50px; z-index: 5; }
    
    .singleProjetHeader { margin-top: -25px; }
    
    .txt .wp-block-gallery.logosGallery .wp-block-image img { max-height: 155px; }
    .txt .wp-block-gallery.logosGallery { margin-bottom: 90px; }
    .homeReferencesSection .wp-block-buttons { margin-top: 50px; }
    
    .methodeIntroWrapper:before { top: auto; bottom: calc(50% + 15px); }
    .methodeIntroWrapper:after { bottom: auto; top: calc(50% + 15px); }
    
    .txt { padding-top: var(--site-content-padding-vertical); }
     
    .ateliersHomeColonneDroite p:before { font-size: 70px; left: -40px; }
    .colonnesAwards .wp-block-image img { max-height: 125px; }
}







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

    /*** header ***/
    


    /*** Menu ***/
    
    
    .showOnDesktop { display: block; }
    
    .footer-menu { padding: 0; }
    .back2top {  }
    
    .txt { font-size: 1.5rem; }
    
    .avecColonnes { position: relative; }
    .avecColonne2 { width: 101px!important; position: absolute; left: 50%; transform: translateX(calc(-50% - 30px)); top: clamp(0px, 1.6vw, 60px); z-index: 1; display: block;  }
    .avecColonne2 p { position: relative; margin-bottom: 12px;  margin-top: 12px; }
    .avecColonne2 p strong { font-size: 32px; width: 550px; display: block; opacity: 0; transition: opacity .3s ease; pointer-events: none; }
    .avecColonne2 p:hover { top: -20px; left: 20px; z-index: 5; }
    .avecColonne2 p:hover em { color: var(--wp--preset--color--orange); border-color: var(--wp--preset--color--orange); 
    box-shadow: -1px 1px 0 var(--wp--preset--color--orange), 
                  -2px 2px 0 var(--wp--preset--color--orange), 
                  -3px 3px 0 var(--wp--preset--color--orange), 
                  -4px 4px 0 var(--wp--preset--color--orange), 
                  -5px 5px 0 var(--wp--preset--color--orange), 
                  -5px 5px 0 var(--wp--preset--color--orange), 
                  -6px 6px 0 var(--wp--preset--color--orange), 
                  -7px 7px 0 var(--wp--preset--color--orange), 
                  -8px 8px 0 var(--wp--preset--color--orange), 
                  -9px 9px 0 var(--wp--preset--color--orange), 
                  -10px 10px 0 var(--wp--preset--color--orange), 
                  -11px 11px 0 var(--wp--preset--color--orange), 
                  -12px 12px 0 var(--wp--preset--color--orange), 
                  -13px 13px 0 var(--wp--preset--color--orange), 
                  -14px 14px 0 var(--wp--preset--color--orange), 
                  -15px 15px 0 var(--wp--preset--color--orange), 
                  -16px 16px 0 var(--wp--preset--color--orange), 
                  -17px 17px 0 var(--wp--preset--color--orange), 
                  -18px 18px 0 var(--wp--preset--color--orange), 
                  -19px 19px 0 var(--wp--preset--color--orange), 
                  -20px 20px 0 var(--wp--preset--color--orange) ; 
    }
    .avecColonne2 p:hover strong { display: block; opacity: 1; pointer-events: auto; }
    .avecColonne2 .wp-block-buttons { position: absolute; bottom: -74px; left: -60px; width: fit-content; white-space: nowrap; }
    .avecColonne3 > * { padding-left: 85px; padding-right: 110px; }
    
    .removeOnDesktop { display: none!important; }
    
    a.btn, .txt a.btn, .txt .wp-block-button__link, button, input[type="submit"], a.button, .fakebtn { font-size: 24px; }
    .txt .btnOffre .fakeBtn:after, .txt a .fakeBtn:after { font-size: 24px; }
    .txt .btnOffre .fakeBtn:before, .txt .is-style-bouton-plus .wp-block-button__link:after, .mainPeopleCols summary:before, .txt a .fakeBtn:before { mask-size: 25px auto; -webkit-mask-size: 25px auto; width: 25px; height: 25px;}
    .txt .btnOffre .fakeBtn, .txt a .fakeBtn { width: 55px; height: 55px; margin-top: 40px; }
    
    .ateliersHomeSection .wp-block-columns { gap: 140px; margin-left: var(--margin-left-one-step)!important; }
    .ateliersHomeColonneDroite p { margin-top: -10px; margin-bottom: 0; z-index: 3; }
    .ateliersHomeColonneDroite p:nth-child(2) { margin-left: clamp(80px, 7.5vw, 157px); z-index: 1; }
    .ateliersHomeColonneDroite p:nth-child(3) { margin-left: clamp(160px, 15vw, 314px); }
    
    .ateliersHomeColonneGauche p:last-child { position: relative; padding-bottom: 20px; }
    .ateliersHomeColonneGauche p:last-child:after { content: ''; display: block; width: 117px; height: 35px; background: transparent url(../img/arrow-arc.svg) no-repeat 50% 50%; position: absolute; right: -20px; bottom: 0; z-index: 2; }
    
    .pourquoiColonnesCol1 { position: relative; z-index: 5; padding-top: 100px; }
    .pourquoiColonnesCol1Img { transform: translateX(-20%); }
    .pourquoiColonnesCol1Img img {  width: 30vw; max-width: 517px; }
    .pourquoiColonnesCol2 { padding: 50px; }
    .pourquoiColonnesCol2 ul { margin-left: var(--margin-left-one-step); }
    .pourquoiColonnesCol2 ul li { margin-bottom: 40px; }
    /*** general ***/
  

    .txt > .wp-block-group.alignwide.has-background, .txt > .wp-block-group.alignfull.has-background {
        padding: 50px 0; 
    }
    .txt > .wp-block-group.alignfull.has-background > *:not(.alignfull) { /*max-width: calc(var(--content-max-width-wide) - var(--site-content-margin-horizontal) );*/  margin-left: auto; margin-right: auto; }

    
    .offresReponseDuodakiWrapper { margin-left: var(--margin-left-one-step)!important; margin-right: var(--margin-left-one-step)!important; padding: 50px 80px; }
    .txt .offresReponseDuodakiWrapper > .wp-block-heading.titreEncadre { left: -105px; }
    .gallerySlideshowWrapper { margin-top: 100px; }
    
    /*** listsOfPosts ***/
    .portfolioItemWrapper {margin-top: 100px; margin-bottom: 200px; }
    .txt .portfolioItemWrapper h2 { margin-right: calc(2 * var(--margin-left-one-step))!important; }
    .portfolioItemDescriptionWrapper  { margin-left: var(--margin-left-one-step)!important; margin-right: var(--margin-left-one-step)!important; }
    .portfolioItemSliderWrapper { margin-left: var(--margin-left-one-step)!important; margin-right: var(--margin-left-one-step)!important; }
   
    .slick-arrow.slick-prev { left: -90px; }
    .slick-arrow.slick-next { right: -90px; } 
    
    .referencesTopGroup > * { margin-left: calc(2 * var(--margin-left-one-step))!important; }
    .referencesTopGroup:before { left: -9%; }
    
    /*** home ***/
   .wp-block-details > summary:hover:before, .wp-block-details[open] > summary:before { right: -36px; }
      
   .siteBranding { position: absolute; left: 0; top: 0; z-index: 99; }
    .topNavCenterWrapper { position: absolute; top: 60px; left: 50%; z-index: 1; transform: translateX(-50%); }
    .topNavCenterWrapperCas { top: 59px; }
    

   .offreCasEtudesGroup .postThumbnailLink { padding: 50px 50px 121px; height: 100%; }
   
   .gallerySlideshowWrapper .is-style-slideshow { margin-left: var(--margin-left-one-step); margin-right: var(--margin-left-one-step); }
   
   .temoignagesSectionCols .temoignagePeople { position: relative; right: var(--margin-left-one-step); padding-top: 60px; margin-bottom: 50px; }
   
   .methodeIntroWrapper { padding-top: 0vw; padding-bottom: 0vw; }
   .methodeIntroCols .titreShadowShort:before { mask-size: 139px auto; width: 139px; height: 118px; left: auto; right: calc(100% + clamp(30px, 3.2vw, 70px)); }
   
   .headerMethodeImage { margin-right: var(--margin-left-one-step); position: relative; left: calc(-1 * var(--margin-left-one-step)); }
   
   .typeProjetWrapper .sousTypeTitle { margin-left: var(--margin-left-one-step); margin-right: var(--margin-left-one-step);  }
   .typeProjetWrapper .projectsGrid { margin-left: var(--margin-left-one-step); margin-right: var(--margin-left-one-step);  }
   
   
   .mainPeopleCols .has-blue-background-color { position: relative; z-index: 3; right: var(--margin-left-one-step); top: clamp(20px, 13vw, 300px); padding: 40px 40px 70px; }
   .mainPeopleCols.mainPeopleFirstCols .has-blue-background-color { right: auto; left: var(--margin-left-one-step); }
   .mainPeopleCols .peopleDetails { position: relative; z-index: 3; right: var(--margin-left-one-step);  }
   .mainPeopleCols.mainPeopleFirstCols .peopleDetails { right: auto; left: var(--margin-left-one-step); }
   
   .backBtnWrapper { top: 60px; right: 20px; }
   
   .topBlueSectionCols, .contactMapInfosCols { padding-left: var(--margin-left-one-step); padding-right: var(--margin-left-one-step); gap: 60px; }
   .contactMapInfosCols { padding-top: 180px; }
   .topBlueContactSection .topBlueSectionCols { margin-top: -30px; }
   .referencesTopConctentCols { margin-top: -20px; }
   
   .topBlueSectionStickersCol img { transform: scale(1.5); transform-origin: bottom left; position: relative; top: 50px; } 
   .offresHomeSection { padding: 150px 0; }
   .offresHomeSection > .wp-block-columns { padding-left: var(--margin-left-one-step); padding-right: var(--margin-left-one-step); }
   
   .slick-dots button { width: 13px; height: 13px; }
   .txt .portfolioItemWrapper h2.titleArrowStroke { padding-left: var(--margin-left-one-step); background-position: 35px 50%; }
   
   .methodeTitreLetter em:before { left: -14px; top: 0; width: 62px; height: 62px; }
    h3.methodeTitreLetter { font-size: 50px; }
   .mainPeopleCols + .mainPeopleCols { margin-top: 80px; }
   .mainPeopleCols summary {  width: 55px; height: 55px; }
    
}




@media (min-width: 1100px) { 
    
    .logo { padding-top: 42px; padding-bottom: 42px; padding-left: 50px; }
    .siteBranding { display: flex; }
    .logo img { height: 81px; }
    .site-content:before { height: 165px; }
    .mobileMenuWrapper { display: none; pointer-events: none; }
    .mainNavigationDesktop { display: none; gap: 15px; align-items: center;  }
    
    .menuOpened .mainNavigationDesktop { display: flex; }
    .menuOpened body { overflow: auto; height: auto; }
    
    .navCenterWrapper { margin-top: 4px; }
    
    .wp-block-separator.offreSeparator { margin-bottom: 250px; }
    
   /*** Footer ***/

    .footerLogosWrapper { justify-content: center; gap: 70px; }
    .footerLogosWrapper img { height: 92px; } 

    .offreChiffreCols2 .offreChiffreColonne, .offreChiffreCols3 .offreChiffreColonne { display: block; }
    .offreChiffreCols { justify-content: flex-start; }
    .wp-block-columns.offreChiffreCols > .offreChiffreColonne { flex-basis: 240px!important; flex-grow: 0; min-width: 240px; }
    .offreChiffre { font-size: 131px; width: 240px; height: 240px; }
    .wp-block-columns.offreChiffreCols2 > .offreChiffreTextesColonne { flex-basis: calc(100% - 480px)!important; flex-grow: 0; min-width: calc(100% - 480px); }
    
    .homeAvecGroup { margin-top: 160px; }
    .pourquoiColonnes { margin-top: 160px; }
    .txt .homeReferencesSection.alignfull { margin-top: 160px; margin-bottom: 50px; padding-top: 100px; }
    .offreChiffreCols3 > .wp-block-column > .wp-block-columns:after { content: ''; }
    
    .page-id-16 .site-content:after {  mask-size: 172px auto; width: 172px; height: 424px; top: -90px;  }
    
}


@media (min-width: 1220px) { 
    
    
    .maxWidth70p { max-width: 70%; }
    .maxWidth80p { max-width: 80%; }
    
    .postInListLine a .postInfos .postExcerpt  { max-width: 75%; }
    .postsGrid .eventInListWrapper { width: 25%; flex-basis: 25%; }
    
    .pourquoiColonnesCol1Img img {  width: 27vw; max-width: 517px; }
    .methodeIntroColText { padding: 40px; font-size: 28px; }
}





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

@media (min-width: 1440px) { 
    
    :root { 
        --site-content-padding-vertical: 120px;
        --site-content-padding-vertical-minus: -120px;
        /*--margin-bottom-elements: 50px;*/
        /*--margin-top-elements: 50px;*/
    }

    
    
}

@media (min-width: 1440px) { 
    .homeAvecGroup h2.titreShadow { position: relative; left: 70px; }
}

@media (max-width: 600px) { 
    .wp-block-spacer[style="height:130px"] { height: 70px!important; }
    .colPaddingLeftRight .wp-block-spacer[style="height:80px"] { height: 0px!important; }
    .agenceExpertsWrapper .wp-block-spacer[style="height:80px"] { height: 20px!important; }
    .wp-block-spacer[style="height:200px"] { height: 100px!important; }
    .wp-block-spacer[style="height:270px"] { height: 50px!important; }
    .wp-block-spacer[style="height:250px"] { height: 50px!important; }
    .wp-block-spacer[style="height:160px"] { height: 50px!important; }
    .methodeSeparatorVideoWrapper .wp-block-spacer[style="height:70px"] { height: 40px!important; }
    .hideOnMobile { display: none; }
    .pageInList .postExcerpt { display: none; }
    .backBtnWrapper { display: none; }
    .portfolioItemDescriptionWrapper > .wp-block-columns { gap: 10px; }
    .topBlueSection h1.soustitreDefile em { border: 0; padding-top: 8px; line-height: 1.05; }
    .methodeIntroCols { flex-direction: column-reverse; }
    .methodeTxtImgGroup-letterV > .wp-block-columns , .methodeTxtImgGroup-letterC > .wp-block-columns { flex-direction: column-reverse; }
    .titreShadowWrapperMethode h3 { font-size: 24px; }
    .methodeSeparatorVideoWrapper::after { content: none; }
    .topAgenceSection::before { left: -80%; }
    .arnaudCols { flex-direction: column-reverse; }
    .txt h2.titleArrowStrokeAbsolute::before { display: none; }
    .demarcheCols { flex-direction: column-reverse; }
    .btnReferences a.wp-block-button__link { font-size: 22px; padding: 10px 20px; }
    .txt .wp-block-buttons.btnReferences { margin-top: 0; gap: 25px; }
    .referencesTopConctentCols + .wp-block-columns { margin-top: 0; }
    .portfolioItemDescriptionWrapper { display: none; }
    .wpcf7-form .btnWrapper .btn { top: 0; margin-right: 19px; }
   
}