@font-face {
    font-family: Photograph Signature;
    src: url("/Fonts/PhotographSignature.ttf")
   }

@font-face {
    font-family: Drive Hearts;
    src: url("/Fonts/DriveHearts.ttf")
   }

/* HEADER ABSOLU */
.et_builder_global_header {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: transparent;
}
  
/* Supprimer marge automatique du body */
body {
    margin-top: 0 !important;
}
  
/* ALIGNEMENT DES ICÔNES */
.menu-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}
  
/* ICÔNE LOUPE */
.search-icon {
    font-size: 20px;
    cursor: pointer;
}
  
/* BURGER À DEUX BARRES */
.burger-two-lines {
    width: 30px;
    height: 24px;
    position: relative;
    cursor: pointer;
    z-index: 1001;
}
  
.burger-two-lines span {
    position: absolute;
    height: 3px;
    width: 100%;
    background: white;
    left: 0;
    transition: all 0.3s ease-in-out;
}
  
.burger-two-lines span:nth-child(1) {
    top: 6px;
}
  
.burger-two-lines span:nth-child(2) {
    top: 16px;
}
  
  /* ANIMATION EN CROIX */
.burger-two-lines.open span:nth-child(1) {
    transform: rotate(45deg);
    top: 11px;
}
  
.burger-two-lines.open span:nth-child(2) {
    transform: rotate(-45deg);
    top: 11px;
}
  
  /* MENU OVERLAY */
.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: #1F1F1FD9;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1000;
    justify-content: center;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
    padding-left: 15%;
}
  
.menu-overlay.open {
    display: flex;
}
  
.menu-overlay a {
    font-size: 3rem;
    margin: 30px 0;
    text-decoration: none;
    color: white;
    transition: color 0.3s;
    position: relative;
    transition: color 0.3s ease;
    font-family: Montserrat;
    font-weight: 900;
    font-size: 80px;
    line-height: 100px;
    letter-spacing: 0%;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase; /* Si tu veux les titres en majuscules */
    width: fit-content;
}
  
.menu-overlay a {
    color: #b7b7b7;
}

.menu-overlay a:hover {
    color: white;
}
  
/* CHAMP DE RECHERCHE */
#et_top_search {
    display: none;
    position: absolute;
    right: 0;
    z-index: 1002;
    left: 0;
}
  
#et_top_search.show {
    display: block;
}
  
.et-search-field {
    padding: 10px;
    width: 100%;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #4e4e4e;
}
  
.search-icon {
    font-size: 20px;
    cursor: pointer;
    color: white; /* Icône blanche */
}
  
.search-icon:hover {
    opacity: 0.7;
}

header .et_pb_section {
    background-color: #1f1f1f;
}

.home header .et_pb_section, .page-id-317 header .et_pb_section, .page-id-536 header .et_pb_section {
    background-color: transparent;
}

/* LIEN ACTIF AVEC IMAGE DE SOULIGNEMENT */
/*.menu-overlay a.active::after {
    content: "";
    position: absolute;
    left: -20%;
    bottom: -20px;
    width: 140%;
    height: 40px;
    background-image: url('/wp-content/uploads/sites/2/2025/06/soulignementorange.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}*/

.menu-overlay a:hover::after {
    content: "";
    position: absolute;
    left: -20%;
    bottom: -20px;
    width: 140%;
    height: 40px;
    background-image: url('/wp-content/uploads/images/soulignementorange.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}


@media (max-width: 980px){
    .et-db #et-boc .et-l .et_pb_image_0_tb_header .et_pb_image_wrap img {
        height: 30px;
        width: 30px!important;
        object-fit: cover!important;
        object-position: left!important;
    }

    .et_pb_row_0_tb_header {
        display: flex!important;
        padding: 0!important;
        align-items: center!important;
    }

    .et_pb_row_0_tb_header .et_pb_column_1_3 {
        margin-bottom: 0!important;
    }

    .menu-overlay a {
        margin: 0px 0;
        font-size: 50px;
    }

    .menufooter {
        padding-left: 0!important;
    }

    .menufooter a{
        text-align: center;
    }
}

.et_pb_row_0_tb_header {
    height: 70px !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.titresection {
    color: var(--noir, #1F1F1F);
    text-align: center;
    /* DESKTOP H2 */
    font-size: 85px;
    font-style: normal;
    font-weight: 900;
    line-height: 90px; /* 105.882% */
    text-transform: uppercase;
}

.titre-orange, .titre-blanc, .titre-site {
    text-align: center;
    /* DESKTOP H2 */
    font-size: 85px;
    font-style: normal;
    font-weight: 900;
    line-height: 90px; /* 105.882% */
    text-transform: uppercase;
}

.titre-orange {
    color: #CA6A30;
}

.titre-blanc, .titre-site {
    color: white;
}

.titresection strong, .titre-site strong {
    font-weight: 900;
    color: #CA6A30;
}

.partenairessection .titresection span::after {
    content: "";
    position: absolute;
    left: -30%;
    bottom: -50px;
    width: 160%;
    height: 285px;
    background-image: url('/wp-content/uploads/images/surlignage.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    z-index: 10000000000000;
    display: block;
}

.titresection span {
    position: relative;
    text-decoration: unset!important;
}


.partenairessection .soustitresection {
    color: #CA6A30;
    font-family: "Photograph Signature";
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 96px */
    position: absolute !important;
    top: -60px;
}


.partenairessection .et_pb_row_0 {
    display: flex;
    justify-content: center;
}

.partenairessection .et_pb_row_0 .et_pb_column {
    width: fit-content;
}

.innovationsection .soustitresection {
    color: #CA6A30;
    font-family: "Photograph Signature";
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 96px */
    position: absolute !important;
    top: -60px;
}


.titresectionfooter {
    color: white;
    text-align: center;
    /* DESKTOP H2 */
    font-size: 85px;
    font-style: normal;
    font-weight: 900;
    line-height: 90px; /* 105.882% */
    text-transform: uppercase;
}


.menufooter a {
    color: #FFF;
    /* DESKTOP H5 */
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 120% */
    text-transform: uppercase;
}


.menufooter .et_pb_text {
    margin-bottom: 30px!important;
}

.titresligne {
    display: flex;
    justify-content: center;
}

.titresligne .et_pb_column, .titresligne .titresection {
    /*width: fit-content!important;*/
}

.creationssection .soustitresection {
    color: #CA6A30;
    font-family: "Photograph Signature";
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 96px */
    position: absolute !important;
    bottom: -20px;
    right: -30px;
}

.by-signature {
    color: #CA6A30;
    font-family: "Photograph Signature";
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 96px */
    position: absolute !important;
    left: 160px;
}

.basictext {
    color: var(--noir, #1F1F1F);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
}

.basictext span::after {
    content: "";
    position: absolute;
    left: -30%;
    bottom: -110%;
    width: 200%;
    height: 400%;
    background-image: url('/wp-content/uploads/images/surlignage.png');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 10000000000000;
    display: block;
}

.basictext span {
    position: relative;
    text-decoration: unset!important;
}

.soustitrecreation {
    color: var(--noir, #1F1F1F);
    /* DESKTOP CORPS DE TEXTE */
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
}

.titrecreation {
    color: var(--noir, #1F1F1F);
    /* DESKTOP H3 */
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px; /* 133.333% */
}

.elementbouton {
    /* DESKTOP H5 */
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 120% */
    text-transform: uppercase;
}

.elementbouton::after {
    
}


.et_pb_button_module_wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 112px;
    background-image: url('/wp-content/uploads/images/boutondeco.png');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 10000000000000;
    display: block;
    background-position: center;
    top: -32px;
  }
  
@media (min-width: 981px){
    .creationssection img {
        object-fit: cover;
        height: 449px;
    }

    .et_pb_gutters3 .creationssection  .et_pb_column_1_2 {
      /*width: 49.75%!important;*/
      width: auto!important;
    }

    .home .et_pb_gutters3 .creationssection  .et_pb_column {
      margin-right: 2.5%!important;
    }

    .creationlisting {
        display: flex;
        justify-content: center;
    }

    .creationlisting h3 {
        color: #1F1F1F;
        font-family: Montserrat;
        font-size: 30px!important;
        font-style: normal;
        font-weight: 900;
        line-height: 40px;
        font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    }

    .creationlisting p {
        color: #1F1F1F;
        font-family: Montserrat;
        font-size: 18px!important;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    }

    .hero-bg .et_pb_row, .hero-bg {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .bg-heading {
        top: -200px;
        left: 100px;
    }

    .hero-bg .et_pb_row .et_pb_column_1 {
        width: 57%;
        position: absolute;
        right: -80px;
    }
    
    .hero-bg .et_pb_row .et_pb_column_0 {
        width: 90vw;
        margin-right: 0;
    }

    .titrebandeau {
        padding-bottom: 5.82%;
        margin: 0;
    }

    .et_pb_section_0_tb_header .et_pb_row, .innovationsection .et_pb_row {
        max-width: unset;
        width: 90%        
    }

    .titresligne .et_pb_column, .titresligne .titresection {
        width: fit-content!important;
    }
    
}

@media (max-width: 980px) {
    .creationssection .et_pb_column {
    width: 100% !important;
    }
}

.et_pb_section_1_tb_header {
    background-color: transparent!important;
    padding: 0!important;
    margin: 0;
    height: 0;
}

.et_pb_section_1_tb_header .et_pb_row {
    padding: 0;
}

.grille-recherche {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
  
.bloc-recherche {
    transition: all 0.3s ease;
    margin-bottom: 30px;
}

.hero-bg {
    background: radial-gradient(circle at right, #1f1f1f 0%, #000000 100%);
    background-image: radial-gradient(circle, #3d3d3d 1px, transparent 1px);
    background-size: 20px 20px;
    position: relative;
    height: calc(100vh) !important;
}
  
.bg-heading {
    position: absolute!important;
    color: #222;
    font-size: 160px;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
}

.bg-souris1 {
    position:absolute!important;
    bottom: -200px;
    text-align: center!important;
    color: white;
}

.bg-souris2 {
    text-align: center!important;
    color: white;
}


 header {
    position: absolute;
    left: 0;
    right: 0;
}


.coordfooter p {
    display: flex;
    align-items: center;
}

.coordfooter p img {
    margin-right: 15px;
}

.innovationsection .titresection {
    color: white;
}

.innovationsection {
    background-size: cover!important;
}

.innovationsection .titresection strong::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    background-image: url('/wp-content/uploads/images/soulignementorange.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    z-index: -1;
    right: -70px;
  }

  footer .soustitresection {
    color: #CA6A30;
    font-family: "Photograph Signature";
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 96px */
    position: absolute !important;
    top: -90px;
    transform: rotate(-25deg);
    left: -100px;
}

footer .et_pb_button_module_wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 280px;
    background-image: url('/wp-content/uploads/images/boutondecorfooter.png');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 10000000000000;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
    top: -100px;
    left: 0;
    right: 0;
  }

footer .soustitresection::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    background-image: url('/wp-content/uploads/images/footersoulignage.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    z-index: -1;
    right: 0;
}

.agenceaccueil .titresection {
    font-size: 120px;
    font-style: normal;
    font-weight: 900;
    line-height: 130px; /* 108.333% */
    letter-spacing: 3.6px;
}

.agenceaccueil span {
    color: #CA6A30;
    font-family: "Drive Hearts";
    font-size: 470px;
    font-style: normal;
    font-weight: 400;
    vertical-align: top;
    line-height: 250px;
}

.agenceaccueil{
    height: calc(100vh) !important;
    background-image: url("/wp-content/uploads/images/agenceaccueil.png");
    display: flex;
    align-items: center;
}

.agencedescpart1 .soustitresection, .agencedescpart2 .soustitresection, .agencesitessection .soustitresection, .agencevaleursection .soustitresection {
    color: #CA6A30;
    font-family: "Photograph Signature";
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    position: absolute !important;
    top: -60px;
}

.agencedescpart3 .soustitresection {
    color: #CA6A30;
    font-family: "Photograph Signature";
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    position: absolute !important;
    bottom: -60px;
    right: 0;
}

.agencedescpart1::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    background-image: url('/wp-content/uploads/images/coingauche.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    left: -50px;
    top: -100px;
}

.agencedescpart1::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    background-image: url('/wp-content/uploads/images/coindroit.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    right: -50px;
    bottom: 50px;
}

.agencedescpart3 .et_pb_column, .agencedescpart3 .titresection {
    width: fit-content!important;
}

.agencedescpart3 {
    max-width: unset!important;
    display: flex;
    justify-content: center;
}

.agenceetiq {
    display: flex;
    justify-content: space-evenly;
}

.agenceetiq span {
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.agenceetiq a {
    padding: 15px;
    border: solid 1px white;
    padding-bottom: 15px;
}

.agenceetiq .et_pb_code_inner {
    display: flex;
    /*justify-content: space-between;*/
    width: 100%;
    flex-wrap: wrap;
}

.agenceetiq .et_pb_code_inner a {
    margin-right: 20px;
}

.agencedescpart2 {
    max-width: unset!important;
}

.swiper-container-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mySwiper {
    width: 100%;
    /*max-width: 1200px;*/
    padding: 40px 0;
}

.mySwiper img {
    max-width: 100%;
    height: 100%;
    margin-right: 20px;
}

.mySwiper .slide-content {
    display: flex;
}

.swiper-slide {
    color: white;
    /*padding: 20px;*/
    border-radius: 12px;
    box-sizing: border-box;
}

.slide-content h3 {
    font-weight: bold;
    margin: 15px 0 10px;
    color: #FFF;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
}

.slide-content p {
    margin-bottom: 15px;
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.mySwiper .btn {
    font-weight: bold;
    text-decoration: none;
    color: var(--orange, #CA6A30);
    font-family: Manrope;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
}

.mySwiper .btn::after {
    content: "";
    background-image: url('/wp-content/uploads/images/fleche.png');
    width: 60px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -5px;
  }


.swiper-button-custom {
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 10;
}

.swiper-button-prev-custom, .swiper-button-prev {
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
}

.swiper-button-next-custom, .swiper-button-next {
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
}

.swiper-button-custom img {
    width: 100%;
    height: auto;
    filter: brightness(0) saturate(100%) invert(56%) sepia(72%) saturate(356%) hue-rotate(338deg) brightness(97%) contrast(96%);
}

.agenceslidesite {
    max-width: unset!important;
}

.SwiperProjet {
    width: 100%;
    /*max-width: 1200px;*/
  }

  .SwiperProjet .swiper-slide {
    display: flex;
    justify-content: center;
  }

  .SwiperProjet .slide-item {
    
  }

  .SwiperProjet .slide-item img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 10px;
    aspect-ratio: 436/306;
  }

  .SwiperProjet .slide-item p {
    color: #121212;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
  }

  .SwiperProjet .caption {
    font-size: 0.9rem;
    color: #444;
    margin: 0;
  }

  .SwiperProjet .slide-item h3 {
    color: #151515;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    margin-top: 5px;
  }

  .swiper-button-custom {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
  }

  .marquee {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    background-color: #1F1F1F;
    height: 200px;
    display: flex;
    align-items: center;
  }

  .marquee-track {
    display: flex;
    width: max-content;
    animation: scroll 15s linear infinite;
  }

  .marquee-track span {
    font-size: 110px;
    text-shadow: -2px 0 #8F8F8F,0 2px #8F8F8F,2px 0 #8F8F8F,0 -2px #8F8F8F;
    font-weight: 900;
    color: #1F1F1F;
    font-family: 'Montserrat',sans-serif;
    padding-right: 2rem;
    white-space: nowrap;
    transition: color 0.3s ease;
  }

  .marquee-track span span {
    color: #8F8F8F;
    text-shadow: none;
  }

  .marquee-track span:hover {
    color: #8F8F8F;
    cursor: pointer;
  }
  .marquee-track span:hover {
    color: #8F8F8F;
    cursor: pointer;
  }

  @keyframes scroll {
    0% {
     transform:translateX(0%)
    }
    100% {
     transform:translateX(-50%)
    }
   }


.agencedescpart2 .titresection span::after {
    content: "";
    position: absolute;
    bottom: -70px;
    width: 160%;
    height: 285px;
    background-image: url('/wp-content/uploads/images/surlignageagence.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    z-index: 10000000000000;
    display: block;
    left: -100px;
}

@media (min-width: 981px) {
    .bg-souris2 {
        display: none;
    }

    .titresection {
        padding-top: 40px !important;
    }

    .creationssection .titresection p::before {
        content: "";
        display: block;
        width: 100px;
        height: 100px;
        background-image: url('/wp-content/uploads/images/deco.png');
        background-size: cover;
        position: absolute;
        top: -60px;
        left: -100px;
    }

    .hero-bg {
        background-image: url('/wp-content/uploads/images/Fondaccueilarobasedesktop.png') !important;
    }

    .agencedesc {
        background-image: url("/wp-content/uploads/sites/2/2025/06/Group-399751.png") !important;
    }
    .agencevaleursection .et_pb_row_6 {
        width: fit-content;
    }
}

@media (max-width: 980px) {
    .hero-bg {
        background-image: url('/wp-content/uploads/images/accueilmobile.png') !important;
    }

    .creationssection .titresection p::after {
        content: "";
        display: block;
        width: 40px;
        height: 40px;
        background-image: url('/wp-content/uploads/images/decomob.png');
        background-size: cover;
        position: absolute;
        top: -20px;
        right: -40px;
    }

    .titre-orange, .titre-blanc, .titre-site {
        font-size: 40px;
        line-height: 42px;
    }

    .titrebandeau {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .by-signature {
        font-size: 35px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        width: 100%;
    }

    .bg-heading {
        display: none;
    }

    .bg-souris1 {
        display: none;
    }

    .hero-bg {
        display: flex;
        justify-content: center;
    }

    .innovationsection .soustitresection, .partenairessection .soustitresection, .creationssection .soustitresection, footer .soustitresection {
        font-size: 35px;
        line-height: 100%;
    }

    .creationssection .titresection p {
        text-align: left!important;
    }

    .titresection {
        font-size: 40px!important;
        line-height: 42px;
        padding-top: 0px !important;
    }

    .creationlisting h3 {
        color: var(--noir, #1F1F1F);
        font-family: Montserrat;
        font-size: 25px!important;
        font-style: normal;
        font-weight: 900;
        line-height: 33px;
    }

    .creationlisting p {
        color: var(--noir, #1F1F1F);
        font-family: Montserrat;
        font-size: 15px!important;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
    }

    .et_pb_row_1-4_1-4 > .et_pb_column.et_pb_column_1_4, .et_pb_row_1-4_1-4_1-2 > .et_pb_column.et_pb_column_1_4, .et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
        margin-right: 0!important;
    }

    .creationlisting .et_pb_column {
        width: 100% !important;
        margin-right: 0 !important;
      }

    .creationssection .titresligne {
        display: flex;
        justify-content: left;
    }

    .hero-bg .et_pb_row, .innovationsection .et_pb_row, .creationssection .et_pb_row {
        width: 90%;
    }
      
    .titresection {
        width: fit-content !important;
    }

    .creationlisting .et_pb_column {
        margin-bottom: 30px!important;
    }

    .creationlisting  {
        padding-bottom: 0px!important;
    }

    .partenairessection .et_pb_column {
        display: flex;
        justify-content: center;
        width: fit-content;
    }

    .partenairessection .titresection span::after {
        left: 0;
        width: 100%;
        height: 160px;
        background-size: cover;
    }

    .agencedescpart2 .titresection span::after {
        left: -15px;
        width: 120%;
        height: 110px;
        background-size: cover;
        bottom: -20px;
      }

    .et_pb_row_1_tb_footer .et_pb_text_inner {
        text-align: center;
    }

    .coordfooter p {
        display: flex;
        align-items: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        padding-left: 15%;
      }

    .coordfooter img {
        width: 20px;
    }

    ul.et_pb_social_media_follow_0_tb_footer {
        justify-content: center!important;
    }

    .et_pb_text_0_tb_footer {
        font-size: 25px!important;
    }

    .menufooter {
        margin-bottom: 0!important;
    }

    .innovationsection .titresection strong::after {
        height: 40px;
        background-size: cover;
    }

    .creationssection .titresligne .et_pb_column {
        width: fit-content!important;
    }

    .partenairessection .soustitresection {
        top: 0;
    }

    .partenairessection, .creationssection {
        padding: 0!important;
    }

    .basictext {
        font-size: 15px;
    }

    footer .titresligne .et_pb_column{
        display: flex;
        justify-content: center;
    }

    .et_pb_button_module_wrapper .et_pb_button {
        font-size: 16px!important;
    }

    footer .soustitresection {
        transform: unset;
        left: unset;
        top: -60px;
    }

    .menufooter .et_pb_text_inner {
        text-align: center;
    }

    .et_pb_button_module_wrapper::before {
        height: 97px;
        top: -30px;
      }

    footer .et_pb_button_module_wrapper::before {
        height: 218px;
        top: -75px;
      }
    
    footer .soustitresection::after {
        width: 100px;
        height: 40px;
        background-size: cover;
        z-index: -1;
        left:50px
    }

    .agencedescpart1::before, .agencedescpart1::after {
        width: 70px;
        height: 70px;
        background-size: cover;
    }

    .agencedescpart1::before {
        left: -30px;
        top: -90px;
    }

    .agencedescpart1::after {
        right: -30px;
        bottom: 40px;
    }

    .agencedescpart1 .soustitresection, .agencedescpart2 .soustitresection, .agencesitessection .soustitresection, .agencedescpart3 .soustitresection, .agencevaleursection .soustitresection {
        font-size: 35px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
    }

    .basictext {
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
    }

    .agenceaccueil .titresection {
        text-align: center;
        font-size: 40px;
        font-style: normal;
        font-weight: 900;
        line-height: 42px;
    }

    .agenceaccueil span {
        font-size: 200px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .agencedesc .et_pb_row_2 {
        display: block!important;
    }

    .mySwiper .slide-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .slide-content h3 {
        font-size: 25px;
    }
    .slide-content p {
        font-size: 15px;
    }
    .slide-content img {
        width: 90px;
    }
    .swiper-button-next-custom, .swiper-button-next {
        right: -40px;
    }
    .swiper-button-prev-custom, .swiper-button-prev {
        left: -40px;
    }
    .agenceaccueil .et_pb_column {
        display: flex;
        justify-content: center;
    }
    .agenceaccueil .titresection {
        text-align: center!important;
    }
    .agencedescpart2 .basictext, .agencedescpart2 .agenceetiq {
        padding-left: unset!important;
    }
    .SwiperProjet .slide-item h3 {
        font-size: 25px;
        font-style: normal;
        font-weight: 900;
        line-height: 33px;
    }
    .SwiperProjet .slide-item p {
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
    }
    .agencesitessection .basictext{
        padding: 0!important;
    }
    .agencedescpart3 .soustitresection {
        bottom: -20px;
    }
    .et_pb_row_1_tb_footer {
        width: 100vw!important;
    }
    footer .et_pb_button_module_wrapper::before {
        /*width: 120%;
        background-size: contain;
        left: calc(50vw - 60vw);*/
    }
    .et_pb_text_2_tb_footer {
        font-size: 25px!important;
    }

    .et_pb_button_module_wrapper a {
        /*font-size: 16px!important;*/
    }

    .agencedesc {
        background-image: url("/wp-content/uploads/images/mobileagence.png") !important;
    }
}

.et_pb_section_0_tb_footer {
    background-image: url("/wp-content/uploads/images/footerdeco.png");
    content: "";
}

footer .et_pb_button_module_wrapper {
    border: unset;
}

footer .et_pb_button_module_wrapper .et_pb_button {
    padding: 20px 0px;
}

footer .titresection {
    color: white;
}

.et_pb_button_module_wrapper .et_pb_button {
    background-color: #ca6a30af!important;
}

.agencedesc .et_pb_row_2 {
    background-position: right;
    background-size: 650px;
    display: flex;
    align-items: center;
}

.agencevaleursection .et_pb_image {
    display: flex;
    justify-content: center;
}

.single-post header, .archive header {
    position: relative;
}

.single .post, .et_pb_post {
    margin-bottom: 0;
    padding-bottom: 0;
}

.agencesitessection .et_pb_row:nth-child(1) {
    width: fit-content!important;
}

.soustitreprojet {
    color: var(--noir, #1F1F1F);
    text-align: center;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
}

.soustitreprojet p {
    text-transform: uppercase;
}

.titresligne .et_pb_column {
    display: flex;
    justify-content: center;
}

.wpforms-field-container {
    display: flex;
    flex-wrap: wrap;
}

.w50 {
    width: 50%!important;
    padding: 15px 20px !important;
}

.w100 {
    width: 100%!important;
    padding: 15px 20px !important;
}

.wpforms-field-container input[type="text"], .wpforms-field-container input[type="email"], .wpforms-field-container textarea {
    background-color: transparent!important;
    border: solid 1px white!important;
    border-radius: 0!important;
    padding: 20px!important;
      /*padding-left: 20px!important;*/
    /*padding-left: 150px!important;*/
    color: white!important;
    font-size: 20px!important;
    /*border: unset!important;*/
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    font-family: 'Montserrat'!important;
}

.wpforms-field-container select {
    background-color: transparent!important;
    border: solid 1px white!important;
    border-radius: 0!important;
    color: white!important;
    font-family: 'Montserrat'!important;
}

.wpforms-field-container textarea::placeholder, .wpforms-field-container input[type="text"]::placeholder, .wpforms-field-container input[type="email"]::placeholder {
    font-family: 'Montserrat'!important;
    font-size: 18px!important;
    color: #B9B9B9 !important;
    font-style: normal!important;
    font-weight: 500!important;
    line-height: 30px!important;
}

.wpforms-field-container label {
    color: white!important;
    font-family: 'Manrope'!important;
    font-size: 25px!important;
    font-style: normal!important;
    font-weight: 700!important;
    line-height: 30px!important;
    text-transform: uppercase!important;
}

.wpforms-field-container select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    color: #fff !important;
    padding: 0.5em 2.5em 0.5em 0.75em !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16"><path fill="%23ffffff" d="M7 10l5 5 5-5z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 20px top 8px !important;
    background-size: 20px !important;
  }
  
  .wpforms-field-container select::-ms-expand {
    display: none !important;
  }

.wpforms-submit-container {
    text-align: center;
}

.wpforms-submit-container button{
    background-color: #ca6a30af !important;
    color: #FFFFFF !important;
    font-family: 'Manrope',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase!important;
    border-radius: 0!important;
    font-size: 20px!important;
    font-weight: 500!important;
    line-height: 1.7em !important;
    background-color: transparent;
    background-size: cover!important;
    background-position: 50%!important;
    background-repeat: no-repeat!important;
    padding: 0.3em 1em !important;
    height: 50px !important;
}

.wpforms-submit-container::before {
    content: ""!important;
    position: absolute!important;
    width: 100%!important;
    height: 106px!important;
    background-image: url('/wp-content/uploads/images/boutondeco.png')!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    z-index: 10000000000000!important;
    display: block!important;
    background-position: center!important;
    top: -32px!important;
  }

.wpforms-required-label {
    display: none;
}

@media (max-width: 980px) {
    .w50 {
        width: 100%!important;
        padding: 15px 20px !important;
    }
    
    .w100 {
        width: 100%!important;
        padding: 15px 20px !important;
    }
}

.grille-recherche {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    max-width: calc(1500px - 2.5%);
  }
  
  /* Petit bloc (1/4) */
  .bloc-small {
    flex: 1 1 calc(25% - 20px);
    min-width: 200px;
    max-width: 300px;
  }
  
  /* Grand bloc (1/2) */
  .bloc-large {
    flex: 1 1 calc(50% - 20px);
    min-width: 300px;
    max-width: 600px;
  }
  
  /* Forcer retour à la ligne après chaque 3e élément si nécessaire */
  .et-last-child {
    /*margin-right: 0 !important;*/
  }
  
  /* Responsive : sur mobile, tous les blocs prennent 100% */
  @media (max-width: 980px) {
    .bloc-small,
    .bloc-large {
      flex: 1 1 100%;
      min-width: 100%;
    }
  }

.creationlisting .et_pb_code_inner {
    display: flex;
    justify-content: center;
}

body:not(.home) .creationlisting .et_pb_column {
    margin-right: unset!important;
  }
  
  
  @media (max-width: 980px){
    .creationssection img {
        object-fit: cover;
        /*height: 360px;*/
    }
  }