/* --- FEUILLE DE STYLE --- */

/* ////////////////////////////////////////////////////////////////////////////

	Inolya // CSS
	NetConception 2021
	
//////////////////////////////////////////////////////////////////////////// */

.btn-link-wrapper {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin:20px auto;
}

.btn-link-wrapper .btn-link {
    width:auto;
}

.template-chantiers .btn-link {
    background-color: #FDC947;
}

.btn-link:hover {
    background-color: hsl(167, 63%, 26%);
}
.template-chantiers .btn-link:hover {
    background-color: hsl(43, 98%, 54%);
}

.bkg-rose .btn-link {
    background-color: #DB5D7E;
}
.bkg-rose .btn-link:hover {
    background-color: hsl(344, 64%, 50%);
}

.bkg-bleu .btn-link {
    background-color: #47A6C6;
}
.bkg-bleu .btn-link:hover {
    background-color: hsl(195, 53%, 43%);
}

.bkg-jaune .btn-link {
    background-color: #FDC947;
}
.bkg-jaune .btn-link:hover {
    background-color: hsl(43, 98%, 54%);
}

.btn-border {
    display: flex;
    justify-content: center;
    align-items: center;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    line-height: 1;
    text-decoration: none;
    padding: 8px 12px;
    font-weight: 400;
    color: #403F56;
    border: 1px solid #403F56;
    background-color: hsl(243, 15%, 95%);
    border-radius: 5px;
    transition: all 0.2s ease;
}
.bkg-rose .btn-border,
.btn-border.rose {
    color: #DB5D7E;
    border: 1px solid #DB5D7E;
    background-color: #FCF2F5;
}
.bkg-bleu .btn-border,
.btn-border.bleu {
    color: #47A6C6;
    border: 1px solid #47A6C6;
    background-color: #F3F9FB;
}

.btn-border:hover {
    background-color: #FFF;
}

.btn-icon::before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.icon-plus::before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.229 4.614a.729.729 0 0 0-1.458 0H9.23ZM7.77 12.386a.729.729 0 1 0 1.458 0H7.77ZM4.614 7.77a.729.729 0 0 0 0 1.458V7.77Zm7.772 1.458a.729.729 0 1 0 0-1.458V9.23ZM7.77 4.614v7.772H9.23V4.614H7.77ZM4.614 9.23h7.772V7.77H4.614V9.23Zm0-7.772h7.772V0H4.614v1.457Zm10.929 3.157v7.772H17V4.614h-1.457Zm-3.157 10.929H4.614V17h7.772v-1.457ZM1.457 12.386V4.614H0v7.772h1.457Zm3.157 3.157a3.157 3.157 0 0 1-3.157-3.157H0A4.614 4.614 0 0 0 4.614 17v-1.457Zm10.929-3.157a3.157 3.157 0 0 1-3.157 3.157V17A4.614 4.614 0 0 0 17 12.386h-1.457ZM12.386 1.457a3.157 3.157 0 0 1 3.157 3.157H17A4.614 4.614 0 0 0 12.386 0v1.457ZM4.614 0A4.614 4.614 0 0 0 0 4.614h1.457a3.157 3.157 0 0 1 3.157-3.157V0Z' fill='%23403F56'/%3E%3C/svg%3E");
}
.bkg-rose .icon-plus::before,
.icon-plus.rose::before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.229 4.614a.729.729 0 0 0-1.458 0H9.23ZM7.77 12.386a.729.729 0 1 0 1.458 0H7.77ZM4.614 7.77a.729.729 0 0 0 0 1.458V7.77Zm7.772 1.458a.729.729 0 1 0 0-1.458V9.23ZM7.77 4.614v7.772H9.23V4.614H7.77ZM4.614 9.23h7.772V7.77H4.614V9.23Zm0-7.772h7.772V0H4.614v1.457Zm10.929 3.157v7.772H17V4.614h-1.457Zm-3.157 10.929H4.614V17h7.772v-1.457ZM1.457 12.386V4.614H0v7.772h1.457Zm3.157 3.157a3.157 3.157 0 0 1-3.157-3.157H0A4.614 4.614 0 0 0 4.614 17v-1.457Zm10.929-3.157a3.157 3.157 0 0 1-3.157 3.157V17A4.614 4.614 0 0 0 17 12.386h-1.457ZM12.386 1.457a3.157 3.157 0 0 1 3.157 3.157H17A4.614 4.614 0 0 0 12.386 0v1.457ZM4.614 0A4.614 4.614 0 0 0 0 4.614h1.457a3.157 3.157 0 0 1 3.157-3.157V0Z' fill='%23DB5D7E'/%3E%3C/svg%3E");
}
.bkg-bleu .icon-plus::before,
.icon-plus.bleu::before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.229 4.614a.729.729 0 0 0-1.458 0H9.23ZM7.77 12.386a.729.729 0 1 0 1.458 0H7.77ZM4.614 7.77a.729.729 0 0 0 0 1.458V7.77Zm7.772 1.458a.729.729 0 1 0 0-1.458V9.23ZM7.77 4.614v7.772H9.23V4.614H7.77ZM4.614 9.23h7.772V7.77H4.614V9.23Zm0-7.772h7.772V0H4.614v1.457Zm10.929 3.157v7.772H17V4.614h-1.457Zm-3.157 10.929H4.614V17h7.772v-1.457ZM1.457 12.386V4.614H0v7.772h1.457Zm3.157 3.157a3.157 3.157 0 0 1-3.157-3.157H0A4.614 4.614 0 0 0 4.614 17v-1.457Zm10.929-3.157a3.157 3.157 0 0 1-3.157 3.157V17A4.614 4.614 0 0 0 17 12.386h-1.457ZM12.386 1.457a3.157 3.157 0 0 1 3.157 3.157H17A4.614 4.614 0 0 0 12.386 0v1.457ZM4.614 0A4.614 4.614 0 0 0 0 4.614h1.457a3.157 3.157 0 0 1 3.157-3.157V0Z' fill='%2347A6C6'/%3E%3C/svg%3E");
}

.icon-filtre::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.886 1.543h8.228V0H4.886v1.543Zm11.571 3.343v8.228H18V4.886h-1.543Zm-3.343 11.571H4.886V18h8.228v-1.543ZM1.543 13.114V4.886H0v8.228h1.543Zm3.343 3.343a3.343 3.343 0 0 1-3.343-3.343H0A4.886 4.886 0 0 0 4.886 18v-1.543Zm11.571-3.343a3.343 3.343 0 0 1-3.343 3.343V18A4.886 4.886 0 0 0 18 13.114h-1.543ZM13.114 1.543a3.343 3.343 0 0 1 3.343 3.343H18A4.886 4.886 0 0 0 13.114 0v1.543ZM4.886 0A4.886 4.886 0 0 0 0 4.886h1.543a3.343 3.343 0 0 1 3.343-3.343V0Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.25 6A.75.75 0 0 1 5 5.25h8a.75.75 0 0 1 0 1.5H5A.75.75 0 0 1 4.25 6Zm2 3A.75.75 0 0 1 7 8.25h4a.75.75 0 0 1 0 1.5H7A.75.75 0 0 1 6.25 9ZM8 11.25a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5H8Z' fill='%23fff'/%3E%3C/svg%3E");
}

.icon-croix::before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0916 8.86302c.4016-.40167.4016-1.05294 0-1.45461-.4017-.40168-1.053-.40168-1.4547 0l1.4547 1.45461ZM7.40832 15.637c-.40167.4017-.40167 1.0529 0 1.4546.40169.4016 1.05294.4016 1.45462 0L7.40832 15.637Zm1.45479-8.22859c-.40168-.40168-1.05293-.40168-1.45462 0-.40168.40167-.40168 1.05294 0 1.45461l1.45462-1.45461ZM15.637 17.0916c.4017.4016 1.053.4016 1.4547 0 .4017-.4017.4017-1.0529 0-1.4546l-1.4547 1.4546Zm-.0001-9.68319L7.40832 15.637l1.45462 1.4546 8.22866-8.22858-1.4547-1.45461ZM7.40849 8.86302 15.637 17.0916l1.4547-1.4546-8.22859-8.22859-1.45462 1.45461Zm-.6442-6.55588H17.7357V.25H6.76429v2.05714ZM22.1929 6.76429V17.7357H24.25V6.76429h-2.0571ZM17.7357 22.1929H6.76429V24.25H17.7357v-2.0571ZM2.30714 17.7357V6.76429H.25V17.7357h2.05714Zm4.45715 4.4572c-2.46162 0-4.45715-1.9956-4.45715-4.4572H.25c0 3.5978 2.91655 6.5143 6.51429 6.5143v-2.0571Zm15.42861-4.4572c0 2.4616-1.9956 4.4572-4.4572 4.4572V24.25c3.5978 0 6.5143-2.9165 6.5143-6.5143h-2.0571ZM17.7357 2.30714c2.4616 0 4.4572 1.99553 4.4572 4.45715H24.25C24.25 3.16655 21.3335.25 17.7357.25v2.05714ZM6.76429.25C3.16655.25.25 3.16655.25 6.76429h2.05714c0-2.46162 1.99553-4.45715 4.45715-4.45715V.25Z' fill='%23fff'/%3E%3C/svg%3E");
}

.icon-plus-filled::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.25' width='17.5' height='17.5' rx='5' fill='%23403F56'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.25 4.25A.75.75 0 0 1 10 5v3.25h3.25a.75.75 0 0 1 0 1.5H10V13a.75.75 0 0 1-1.5 0V9.75H5.25a.75.75 0 0 1 0-1.5H8.5V5a.75.75 0 0 1 .75-.75Z' fill='%23F5F5F9'/%3E%3C/svg%3E");
}

.icon-alerte::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.663.998C6.903.413 7.483 0 8.161 0S9.42.413 9.66.998c2.397.65 4.159 2.823 4.159 5.402v3.758l1.48 2.198c.166.246.181.561.04.822a.81.81 0 0 1-.712.422h-3.665a2.82 2.82 0 0 1-2.8 2.4 2.82 2.82 0 0 1-2.8-2.4H1.698a.81.81 0 0 1-.713-.422.793.793 0 0 1 .04-.822l1.48-2.198V6.4c0-2.58 1.762-4.751 4.16-5.402ZM7.018 13.6c.167.466.616.8 1.143.8.528 0 .977-.334 1.144-.8H7.018ZM8.161 2.4c-2.231 0-4.04 1.79-4.04 4v4a.795.795 0 0 1-.136.444L3.207 12h9.91l-.78-1.156a.794.794 0 0 1-.135-.444v-4c0-2.21-1.81-4-4.04-4Z' fill='%23fff'/%3E%3C/svg%3E");
}

.services-inolya .btn-border {
    margin-left: auto;
}

@media (min-width: 1025px) {
    .services-inolya .btn-link {
        width: 50%;
        margin-left: auto;
    }
}

.btn-link-container-double {
  display:flex;
  justify-content:space-between;
}
.btn-link-container-double .btn-link {
  margin:5px 0;
  width:49%;
}

@media (max-width: 800px) {
    .btn-link-container-double {
      display:block;
    }
    .btn-link-container-double .btn-link {
      width:100%;
      margin:5px 0;
    }
}

.faq_accueil a {
  text-decoration:none;
  color:#222;
}
.faq_accueil a:hover {
  text-decoration:underline;
  color:#444;
}

.grid-3-col {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 -10px;
}

.grid-3-col > * {
    position: relative;
    z-index: 1;
    margin: 10px;
    padding: 0;
    width: calc(33.33% - 20px);
}

@media (max-width: 1025px) {
	/* M: portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    .grid-3-col > * {
        width: calc(50% - 20px);
    }
}
@media (max-width: 801px) {
	/* M: portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    .grid-3-col > * {
        width: calc(100% - 20px);
    }
}

#agences {
    margin-bottom: 20px;
}

.agence__item {
    margin-bottom: 30px;
}

.agence__item img {
    background-color: hsl(243, 15%, 60%);
}

.agence__item .ratio-box {
    -webkit-box-shadow: 0px 2px 10px rgba(64, 63, 86, 0.25);
    box-shadow: 0px 2px 10px rgba(64, 63, 86, 0.25);
    margin: 0 0 10px 0;
    border-radius: 15px;
}

.agence__titre {
    color: #75BB9C;
    margin: 0;
}

.agence__adresse {
    margin: 5px 0;
}

.agence__num a {
    display: inline-block;
    text-decoration: none;
    color: #75BB9C;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1;
    margin: 0 5px 8px 0;
    padding: 6px 8px;
    border-radius: 4px;
    background-color: hsl(167, 63%, 92%);
    transition: all 0.2s ease;
}

.agence__num a:hover {
    background-color: hsl(167, 63%, 86%);
}

/* ======================================================================
   Author's custom styles
   ====================================================================== */

.h1-home {
    font-size: 1.8rem;
    font-size: clamp(1.2rem, 1.1vw, 1.8rem);
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 1px 4px rgba(64, 63, 86, 0.5);
    padding: 0;
    margin: 0 10px;
}

.bloc-blanc .h2-home {
    color: #403f55;
    font-weight: 600;
    font-size: 2.4rem;
    font-size: clamp(1.8rem, 1.3vw, 2.4rem);
    margin-bottom: 10px;
}

.bloc-blanc iframe,
.bloc-blanc img {
    border-radius: 15px;
}

.bloc-blanc table {
    width: 100%;
    margin: 20px 0;
}

.bloc-blanc table td + td {
    padding-left: 20px;
}

.bloc-blanc table ul {
    margin: 0;
}

.h2-home {
    margin: 0;
    margin-bottom: 2.5%;
    color: #403f55;
    background-color: rgba(255,255,255,0.8);
}

.bloc-ligne {
    padding: 50px 0;
    padding: clamp(20px, 2.7vw, 50px) 0;
}

.bloc-ligne .container {
    position: relative;
    z-index: 1;
}

.bloc-ligne.bkg-rose {
    background-color: #FCF2F5;
}
.bloc-ligne.bkg-bleu {
    background-color: #F5FAFC;
}
.bloc-ligne.bkg-jaune {
    background-color: #FFFBF0;
}

.bloc-blanc {
    background-color: #FFF;
    -webkit-box-shadow: 0px 1px 10px rgba(64, 63, 86, 0.15);
    box-shadow: 0px 1px 10px rgba(64, 63, 86, 0.15);
    border-radius: 15px;
    padding: 20px;
}

/* =========================================
   HEADER
   ========================================= */

#main-header {
    position: relative;
    margin: 0 0 60px 0;
}

#main-header .logo {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 220px;
    height: 110px;
    margin: auto;
    border-top-left-radius: 220px;
    border-top-right-radius: 220px;
    background-color: #FFF;
    transition: all 0.2s ease;
    transform-origin: bottom center;
}

#main-header .logo img {
    width: 150px;
    transform: translateY(26px);
    background-color: #FFF;
}

/* ---------- HEADER > TOPBAR ----------*/

#main-header .topbar {
    position: absolute;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    transition: all 0.2s ease;
}

#main-header .topbar.nav-down,
#main-header .topbar.nav-up {
  position: fixed;
  padding: 10px 20px;
  background-color: rgba(64, 63, 86, 0.25);
}

#main-header .topbar.nav-up {
  transform: translateY(-100%);
  box-shadow: none;
}

#main-header .topbar::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(64, 63, 86, 0.5)), to(rgba(64, 63, 86, 0)));
    background: -o-linear-gradient(top, rgba(64, 63, 86, 0.5) 0%, rgba(64, 63, 86, 0) 100%);
    background: linear-gradient(180deg, rgba(64, 63, 86, 0.5) 0%, rgba(64, 63, 86, 0) 100%);
    pointer-events: none;
}

.topbar .num-tel {
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px;
    font-weight: 700;
    font-size: 2.0rem;
    font-size: clamp(1.6rem, 1.1vw, 2.0rem);
    line-height: 2.0rem;
    color: #403f55;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 20px;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.topbar .num-tel > * {
    vertical-align: middle;
}

.topbar .num-tel > img {
    display: none;
}

@supports (backdrop-filter: blur(20px)) {
    /* IF backdrop-filter IS SUPPORTED */
    .topbar .num-tel {
        background-color: rgba(255, 255, 255, 0.4);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        color: #FFF;
    }
}

.topbar .num-tel:hover {
    opacity: 0.75;
}

.topbar__left,
.topbar__right {
    display: flex;
    align-items: center;
}

.topbar__right {
    flex: none;
}

.topbar__left > * + *,
.topbar__right > * + * {
    margin-left: 10px;
}

#main-header .btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex:none;
    text-decoration: none;
    color: #FFF;
    font-size: 1.8rem;
    font-size: clamp(1.4rem, 1.1vw, 1.8rem);
    font-weight: 300;
    line-height: 1;
    background-color: #403F56;
    border-radius: 30px;
    border: none;
    padding: 6px 12px;
    transition: all 0.2s ease;
}

#main-header .btn:hover {
    opacity: 0.75;
}

#main-header .btn-img {
    padding: 2px 2px 2px 12px;
}

#main-header #button-search {
    padding: 2px;
    cursor: pointer;
}
#main-header #button-search img {
    margin: 0;
}

#main-header .btn-img img {
    width: 26px;
    margin-left: 6px;
}

#main-header .btn-blur {
    background-color: rgba(255, 255, 255, 0.8);
    color: #403f55;
}

@supports (backdrop-filter: blur(20px)) {
    /* IF backdrop-filter IS SUPPORTED */
    #main-header .btn-blur {
        background-color: rgba(255, 255, 255, 0.4);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        color: #FFF;
    }
}

.btn-cta {
    position: relative;
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 2.0rem;
    font-size: clamp(1.6rem, 1.1vw, 2.0rem);
    font-weight: 400;
    border-radius: 5px;
    /*background-color: #403F56;*/
    background-color: #47A6C6;
    text-decoration: none;
    border: 1px solid #FFF;
    transition: all 0.2s ease;
    animation: ripple 3s linear infinite;
}

.btn-cta:hover {
    background-color: #403F56;
    /*background-color: #47A6C6;*/
    animation: ripple-hover 3s linear infinite;
}

.cta-label {
    display: block;
    padding: 15px 20px;
}

.cta-icon {
    flex: none;
    position: relative;
    display: block;
    width: 40px;
    height: 100%;
    margin-right: 10px;
    /*background-color: #2C2B3B;*/
    background-color: #286a81;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-image: url('../images/assets/icon-pin-blanc.svg');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 24px;
    transition: all 0.2s ease;
}

.btn-cta:hover .cta-icon {
    background-color: #2C2B3B;
    /*background-color: #286a81;*/
}

.cta-icon .arrow-left {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translateX(100%);
    width: 20px;
    height: 100%;
    /*background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='20' height='46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 23L20 0v46L0 23z' fill='%23403F56'/%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%0A%3Csvg preserveAspectRatio='none' width='20' height='46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 23L0 46 .00000402-.00000175 20 23z' fill='%23286a81'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    transition: all 0.2s ease;
}

.btn-cta:hover .cta-icon .arrow-left {
    background-image: url("data:image/svg+xml,%0A%3Csvg preserveAspectRatio='none' width='20' height='46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 23L0 46 .00000402-.00000175 20 23z' fill='%232C2B3B'/%3E%3C/svg%3E");
}

/* .btn-cta::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 14px;
    margin-right: 10px;
    background-image: url('../images/assets/chevron-right.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
} */

.btn-cta::before,
.btn-cta:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius: 5px;
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    transition: all 0.2s ease;
    animation: ripple 3s linear infinite 1s;
}
.btn-cta::after {
    animation: ripple 3s linear infinite 2s;
}

.btn-cta:hover:before {
    animation: ripple-hover 3s linear infinite 1s;
}
.btn-cta:hover:after {
    animation: ripple-hover 3s linear infinite 2s;
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 .1rem rgba(71, 166, 198, 0.25);
    }
    100% {
        box-shadow: 0 0 0 2rem rgba(71, 166, 198, 0);
    }
}

@keyframes ripple-hover {
    0% {
        box-shadow: 0 0 0 .1rem rgba(64, 63, 86, 0.25);
    }
    100% {
        box-shadow: 0 0 0 2rem rgba(64, 63, 86, 0);
    }
}

.page-detail-offre .btn-cta {
    width: 100%;
    font-size: 1.8rem;
    text-align: left;
}

.page-detail-offre .cta-label {
    padding: 10px;
}

.page-detail-offre .cta-icon {
    width: 30px;
    background-size: 20px;
}

/* non éligible */
.non-eligible {
    background-color:#c64759;    
}

.non-eligible .cta-label {

}

.non-eligible .cta-icon {
    background-color:#701a26;
}

.non-eligible .cta-icon .arrow-left {
    background-image: url("data:image/svg+xml,%0A%3Csvg preserveAspectRatio='none' width='20' height='46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 23L0 46 .00000402-.00000175 20 23z' fill='%23701a26'/%3E%3C/svg%3E");
}

.page-detail-offre .cta-icon .arrow-left {
    width: 15px;
}

#button-menu-resp {
    width: auto!important;
}

.motifs-refus {
    background-color:#c64759;   
    border-radius: 5px;
    margin:10px 0;
    padding:5px 10px;
    color:#fff; 
}


/* ---------- HEADER > TOOLS ----------*/

#main-header .tools {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    display: flex;
    padding: 20px;
}

#main-header .tools ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

#main-header .tools ul + ul::before {
    content: '';
    display: block;
    width: 2px;
    height: 20px;
    margin: 0 10px;
    background-color: #FFF;
}

#main-header .tools ul li {
    display: block;
}

#main-header .tools ul li + li {
    margin-left: 10px;
}

#main-header .tools ul li a {
    display: block;
    border-radius: 30px;
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

#main-header .tools ul li a:hover {
    opacity: 0.75;
}

/* ---------- HEADER > SLIDER ----------*/

.home-slider-wrapper {
    position: relative;
    overflow: hidden;
}

.home-slider-wrapper::after,
.home-slider-wrapper::before,
#main-header::after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.home-slider-wrapper::after {
    z-index: 50;
    top: -80px;
    right: -100px;
    display: block;
    width: 80%;
    height: 80%;
    max-width: 200px;
    max-height: 200px;
    background-image: url('../images/assets/patterns/pattern-cubes-rose.svg');
    background-position: center;
}

.home-slider-wrapper::before,
#main-header::after {
    bottom: 0;
    left: 0;
    display: block;
    width: 50%;
    height: 50%;
    max-width: 152px;
    max-height: 152px;
}

.home-slider-wrapper::before {
    z-index: 50;
    background-image: url('../images/assets/patterns/pattern-header-01.svg');
    background-position: left bottom;
    opacity: 0.6;
}

#main-header::after {
    z-index: -1;
    transform: translateY(100%);
    background-image: url('../images/assets/patterns/pattern-header-02.svg');
    background-position: left top;
}

.home-slider {
    position: relative;
    height: 26.5vw!important;
    min-height: 200px;
    max-height: 500px;
    padding-bottom: unset!important;
    background-color: #403F56;
    overflow: hidden;
}

.home-slider__item {
    height: 100%;
}

.home-slider__picture {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.home-slider__picture img {
    display: block;
    width: 100%;
}

@supports (object-fit: cover) {
    /* IF object-fit IS SUPPORTED */
    .home-slider__picture img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }
}

.home-slider__left-bottom {
    position: absolute;
    right: 20px;
    bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 38%;
}

.home-slider__credits,
.home-slider__link {
    display: inline-block;
    padding: 2px 4px;
    margin: 0;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.7rem;
    color: #FFFFFF;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.home-slider__credits {
    text-align: right;
    background-color: rgba(64, 63, 86, 0.4);
}

.home-slider__link {
    text-align: left;
    text-decoration: none;
    margin-top: 5px;
    background-color: rgba(71, 166, 198, 0.9);
    transition: all 0.2s ease;
}

.home-slider__link:hover {
    background-color: rgba(34, 151, 126, 0.9);
}

.home-cta {
    display: flex;
    justify-content: center;
    text-align: center;
}

/* =========================================
   OFFRES
   ========================================= */

.pattern {
    position: relative;
    overflow: hidden;
}

.pattern::after {
    content: '';
    position: absolute;
    z-index: 0;
    display: block;
    /*
    min-width: 180px;
    min-height: 180px;
    width: 16vw;
    height: 16vw;
    */
    width: 300px;
    height: 300px;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.2s ease;
}

.pattern-top-left::after {
    top: 0;
    left: 0;
    background-position: -60px -60px;
}
.pattern-top-right::after {
    top: 0;
    right: 0;
    background-position: 60px -60px;
}
.pattern-bottom-right::after {
    bottom: 0;
    right: 0;
    background-position: 60px 60px;
}
.pattern-bottom-left::after {
    bottom: 0;
    left: 0;
    background-position: -60px 60px;
}

.pattern-points-vert::after {
    background-image: url('../images/assets/patterns/pattern-points-vert.svg');
}
.pattern-mosaique-rose::after {
    background-image: url('../images/assets/patterns/pattern-mosaique-rose.svg');
}
.pattern-vagues-bleu::after {
    background-image: url('../images/assets/patterns/pattern-vagues-bleu.svg');
}
.pattern-ondes-violet::after {
    background-image: url('../images/assets/patterns/pattern-ondes-violet.svg');
}
.pattern-diagonales-jaune::after {
    background-image: url('../images/assets/patterns/pattern-diagonales-jaune.svg');
}

.offres__wrapper {
    display: flex;
    align-items: flex-start;
}

.see-more-offres__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:url('../images/offres-more.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 15px;
    -webkit-box-shadow: 0px 2px 10px rgba(64, 63, 86, 0.25);
    box-shadow: 0px 2px 10px rgba(64, 63, 86, 0.25);
}

.see-more-actualites__link {
    display: block;
    text-decoration: none;
}

#form_filtres_actus .see-more-actualites__link {
/*
    position: absolute;
    top: -20px;
    right: 0;
    transform: translateY(-100%);
*/
}

.see-more-offres__link::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(64, 63, 86, 0.4);
    background-image: url('../images/assets/patterns/patterns-bkg-offres.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 15px;
    transition: all 0.2s ease;
}

.see-more-offres__link:hover:before {
    background-color: rgba(64, 63, 86, 0.6);
}
.see-more-offres__link:hover .see-more-offres__link-label {
    background-color:  hsl(167, 63%, 26%);
}

.see-more-actualites__link:hover .see-more-actualites__link-label {
    background-color:  hsl(280, 28%, 42%);
}

.see-more-offres__link-label,
.see-more-actualites__link-label {
    position: absolute;
    right: 20px;
    left: 20px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    font-weight: 400;
    font-size: 1.8rem;
    font-size: clamp(1.6rem, 1.1vw, 1.8rem);
    line-height: 1.6rem;
    color: #FFFFFF;
    padding: 12px;
    border-radius: 5px;
    transition: all 0.2s ease;
}

.see-more-actualites__link-label {
    position: static;
}

.actualites .see-more-actualites__link-label {
    margin-top: 20px;
}

.see-more-offres__link-label {
    background-color: #22977E;
}
.see-more-actualites__link-label {
    background-color: #9063A7;
}

.see-more-offres__link-label::before,
.see-more-actualites__link-label::before {
    content: '';
    flex: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    background-image: url(../images/assets/icon-plus.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.offre__list,
.actualite__list {
    display: flex;
    padding: 0;
    margin: 0 -10px;
    list-style: none;
}

.suggestions .offre__list,
.suggestions .actualite__list {
    justify-content: center;
}

.list-wrap {
    flex-wrap: wrap;
}

.actualite__list {
    flex-wrap: wrap;
}

.offre__list > *,
.actualite__list > * {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 10px;
    max-width: 285px;
}

.offre__list.list-wrap > *,
.actualite__list.list-wrap > * {
    flex: unset;
    margin: 0 10px 20px 10px;
    width: calc(25% - 20px);
}

.actualite__list > * {
    flex: none;
    margin: 0 10px 10px 10px;
    width: calc(25% - 20px);
}

@media (max-width: 1025px) {
    .offre__list,
    .actualite__list {
        flex-wrap: wrap;
    }
    .scroll-snap.offre__list,
    .scroll-snap.actualite__list {
        display: flex;
        width: calc(100% + 20px);
        margin: 0;
        padding-bottom: 5px;
        flex-wrap: nowrap;
        /* Active la force d'adhérence sur l'axe des X */
         scroll-snap-type: x mandatory;
        /* Affiche la barre de défilement */
        overflow-x: scroll;
    }
    .offre__list > *,
    .actualite__list > * {
        flex: none;
        width: calc(50% - 20px);
        margin: 0 10px 20px 10px;
        max-width: 460px;
    }
    .scroll-snap.offre__list > *,
    .scroll-snap.actualite__list > * {
        width: 280px;
        margin: 0 20px 0 0;
        /* Aligne le défilement au centre */
        scroll-snap-align: start;
    }
    .pattern-points-vert::after {
        display: none;
    }
    .see-more-offres__link-label,
    .see-more-actualites__link-label {
        left: 10px;
        right: 10px;
    }
}

@media (max-width: 609px) {
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    .offre__list > *,
    .actualite__list > * {
        width: 100%;
        margin: 0 0 20px 0;
        max-width: none;
    }
    .scroll-snap.offre__list > *,
    .scroll-snap.actualite__list > * {
        width: 70%;
    }
}

.offre__item {
    list-style: none;
}

.offre__item-wrapper, .offre__item-wrapper > * {
    text-decoration:none;
}

.offre__item-wrapper {
    display:flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    height:100%;
}

.offre__titre,
.actualite__titre {
    font-weight: 700;
    font-size: 2.0rem;
    line-height: 2.0rem;
    color: #403F56;
    margin: 0 0 5px 0;
    transition: all 0.2s ease;
}

.actualite__link {
    text-decoration: none;
    transition: all 0.2s ease;
}

.actualite__link:hover .actualite__titre {
    color: #9063A7;
}

.offre__autres-infos,
.actualite__autres-infos {
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 2.0rem;
    color: #403F56;
    margin: 0 0 5px 0;
    transition: all 0.2s ease;
}

.leaflet-container .offre__autres-infos {
    margin: 0 0 5px 0!important;
}

.offre__localisation {
    display: flex;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 5px 0;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: hsl(167, 63%, 92%);
    transition: all 0.2s ease;
}

.template-chantiers .offre__localisation {
    background-color: hsl(43, 98%, 94%);
}

.offre__ville {
    color: #75BB9C;
    font-size: 1.4rem;
    font-weight: 400;
    transition: all 0.2s ease;
}

.template-chantiers .offre__ville {
    color: hsl(43, 98%, 60%);
}

.offre__distance {
    color: #FFF;
    text-transform: lowercase;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: right;
    padding: 2px 4px;
    margin-left: 6px;
    background-color: #75BB9C;
    border-radius: 4px;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.embed_map iframe {
    width: 100%!important;
    margin-bottom: 20px;
    border-radius: 15px;
}

.log.with-bandeau,
.log-infos.with-bandeau,
.log-positif.with-bandeau,
.log-negatif.with-bandeau {
    padding-top: 34px;
    background-position: 10px 36px;
}

.log {
    position: relative;
    border: 1px solid #403F56;
    color: #403F56;
    background-color: hsl(243, 15%, 95%);
    border-radius: 4px;
    padding: 8px 10px 8px 42px;
    margin-top: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.002 0c5.523 0 10.001 4.478 10.001 10.002 0 5.523-4.478 10.001-10.001 10.001C4.478 20.003 0 15.525 0 10.002 0 4.478 4.478 0 10.002 0Zm-.004 8.25a1 1 0 0 0-.993.885l-.007.116.004 5.502.007.116a1 1 0 0 0 1.986 0l.007-.117-.004-5.502-.006-.117a1 1 0 0 0-.994-.882Zm.004-3.749a1.252 1.252 0 1 0 0 2.503 1.252 1.252 0 0 0 0-2.503Z' fill='%23403F56'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-size: 22px;
}

.log-infos,
#listing-load,
#listing-noresult,
#listing-noresult-filters {
    position: relative;
    border: 1px solid #FDC947;
    color: hsl(43, 100%, 40%);
    background-color: #FFF8E6;
    border-radius: 4px;
    padding: 8px 10px 8px 42px;
    margin-top: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.767 21.134 14.243 1.171a1.956 1.956 0 0 0-3.48 0L.239 21.134c-.517.982-.157 2.206.804 2.734.287.158.607.24.934.241h21.05c1.091 0 1.976-.903 1.976-2.018 0-.334-.081-.663-.236-.957Zm-12.264-.115c-.682 0-1.235-.565-1.235-1.262 0-.697.553-1.261 1.235-1.261s1.235.565 1.235 1.261c0 .697-.553 1.262-1.235 1.262ZM13.844 8.33l-.354 7.695a.999.999 0 0 1-.988 1.01.999.999 0 0 1-.988-1.01l-.355-7.692c-.032-.756.541-1.396 1.282-1.43h.059c.742-.001 1.343.612 1.343 1.37l-.001.061.002-.004Z' fill='%23FDC947'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-size: 22px;
}

.log-positif {
    position: relative;
    border: 1px solid #22977E;
    color: #22977E;
    background-color: hsl(167, 63%, 92%);
    border-radius: 4px;
    padding: 8px 10px 8px 42px;
    margin-top: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1Zm4.768 9.14a1 1 0 1 0-1.536-1.28l-4.3 5.159-2.225-2.226a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.475-.067l5-6Z' fill='%2322977E'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-size: 22px;
}

.log-negatif {
    position: relative;
    border: 1px solid #FF0033;
    color: #FF0033;
    background-color: hsl(348, 100%, 92%);
    border-radius: 4px;
    padding: 8px 10px 8px 42px;
    margin-top: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.222 4.222c-4.296 4.296-4.296 11.26 0 15.556 4.296 4.296 11.26 4.296 15.556 0 4.296-4.296 4.296-11.26 0-15.556-4.296-4.296-11.26-4.296-15.556 0Zm11.314 9.9a1 1 0 1 1-1.415 1.414L12 13.414l-2.121 2.122a1 1 0 1 1-1.415-1.415L10.586 12 8.464 9.879A1 1 0 1 1 9.88 8.464L12 10.586l2.121-2.122a1 1 0 1 1 1.415 1.415L13.414 12l2.122 2.121Z' fill='%23F03'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px 7px;
    background-size: 22px;
}

.log.with-bandeau::before,
.log-infos.with-bandeau::before,
.log-positif.with-bandeau::before,
.log-negatif.with-bandeau::before {
    content: 'Alerte infos';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
    background-color: #403F56;
    border-radius: 2px 2px 0 0;
    padding: 4px 8px;
}
.log-infos.with-bandeau::before {
    background-color: #FDC947;
}
.log-positif.with-bandeau::before {
    background-color: #22977E;
}
.log-negatif.with-bandeau::before {
    background-color: #FF0033;
}

.log-infos-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    opacity:0.5;

    background-position:center;
    background-repeat:no-repeat;
    background-image: url('../images/assets/close-circle.svg');
}

.log-infos-close:hover {
    opacity:0.8;
}

.log-negatif-dpe.log-negatif {
    font-size: 1.4rem;
    background-image: url('../images/assets/icon-passoire-energetique.svg');
}

.log-infos p, .log-positif p, .log-negatif p {
    margin:0;
}

.actualite__link:hover .actualite__autres-infos {
    color: #9063A7;
}

.log-infos h2 {
    margin: 0 0 5px 0;
    padding:0;
    color:#FDC947;
}

.offre__link {
    display: block;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.6rem;
    color: #FFFFFF;
    padding: 12px 20px;
    background-color: #22977E;
    border-radius: 5px;
    transition: all 0.2s ease;
    cursor:pointer;
}

.leaflet-container .offre__link {
    color: #FFFFFF!important;
}

.template-chantiers .offre__link {
    background-color: #FDC947;
}

.offre__link:hover {
    background-color:  hsl(167, 63%, 26%);
}
.template-chantiers .offre__link:hover {
    background-color: hsl(43, 98%, 54%);
}

.offre__btn-fav {
   position: absolute;
   z-index: 1;
   top: 10px;
   right: 10px;
   display: block;
   width: 30px;
   height: 30px;
   cursor: pointer;
   border: none;
   border-radius: 30px;
   padding: 0;
   background-color: transparent;
   transition: all 0.1s ease;
}
.offre__btn-fav:hover {
    transform: scale(1.1);
    -webkit-box-shadow: 0px 2px 10px rgba(64, 63, 86, 0.25);
    box-shadow: 0px 2px 10px rgba(64, 63, 86, 0.25);
}
.offre__btn-fav:active {
    transform: scale(1.2);
}
.offre__btn-fav.is-fav::before {
    background-image: url('../images/assets/icon-round-favoris-26x.svg');
}
.offre__btn-fav::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../images/assets/icon-round-favoris-empty-26x.svg');
    border: 2px solid transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 30px;
}
.offre__btn-fav::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    opacity: 0;
    border: 2px solid #403F56;
    background-color: rgba(255,255,255,0);
    transition: all 0.2s ease;
}
.offre__btn-fav.is-fav::after {
    border-color: #DB5D7E;
}

.animated-fav::after {
    animation-name: favorite;
    animation-duration: 0.5s;
    transition-timing-function: ease;
}

@keyframes favorite {
    0% {
        opacity: 0;
        transform: scale(1);
    }
    80% {
        opacity: 0.8;
        transform: scale(1.4);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.nb-results {
    display: inline-block;
    font-size: 1.4rem;
    padding: 2px 4px;
    color: #403F56;
    font-weight: 400;
    background-color: #FFF;
    border-radius: 4px;
    margin:0 0 0 4px;
}

#haut_nb_favoris {
    display: inline-block;
    font-size: 1.4rem;
    padding: 2px 4px;
    color: #403F56;
    font-weight: 400;
    background-color: #FFF;
    border-radius: 4px;
    margin:0 -2px 0 4px;
}

#haut_nb_favoris:empty {
    display: none;
}

.form-fav {
    padding: 10px;
    background-color: #F3F3F7;
    border-radius: 4px;
    margin: 0;
}

.form-fav > * + * {
    margin-top: 10px;
}

.form-fav form {
    display: flex;
}

.form-fav form input[type="email"] {
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}
.form-fav form input[type="submit"] {
    cursor: pointer;
    font-size: 1.6rem;
    color: #FFF;
    padding: 10px 15px;
    background-color: #47A6C6;
    border: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: all 0.2s ease;
}

.form-fav form input[type="submit"]:hover {
    background-color: hsl(195, 53%, 43%);
}

.liste-offres-fav {
    margin: 30px 0;
}

.offre__loyer {
    position: absolute;
    z-index: 1;
    right: 10px;
    bottom: 10px;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.0rem;
    color: #FFFFFF;
    padding: 4px 8px;
    background: rgba(34, 151, 126, 0.6);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 5px;
    transition: all 0.2s ease;
}
.template-chantiers .offre__loyer {
    background: rgba(253, 201, 71, 0.6);
}

.offre__picture,
.actualite__picture {
    background-image: url('../images/assets/logo-blanc-150x.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    background-color: hsl(243, 15%, 60%);
}


.offre__picture-wrapper,
.actualite__picture-wrapper {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 2px 10px rgba(64, 63, 86, 0.25);
    box-shadow: 0px 2px 10px rgba(64, 63, 86, 0.25);
    margin: 0 0 10px 0;
    border-radius: 15px;
}

.actualite__img {
    transition: all 0.2s ease;
}

.actualite__link:hover .actualite__img {
    transform: scale(1.05);
}

/* =========================================
   MENU TIROIR
   ========================================= */

.main-nav {
    display: none;
}

.hc-nav-trigger {
    position: relative;
    top: 0;
}
.hc-nav-trigger span {
    position: static;
    top: unset;
    width: auto;
    height: auto;
    transform: none;
    background-color: transparent;
}

.hc-nav-trigger.toggle-open span {
    transform: none;
}

.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
    display: none;
}
#hc-nav-1-nav-title {
    text-align: center;
    font-weight: 700;
    padding: 10px;
    margin: 0;
    border-bottom: 1px solid #E0E7EB;
}

.hc-offcanvas-nav .nav-content {
    padding: 10px 0 0 0;
}

.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
    background-color: #FFF;
}

.hc-offcanvas-nav ul {
    padding: 0 20px;
}

.hc-offcanvas-nav li {
    font-weight: 400;
    border-bottom: 1px solid #E0E7EB;
}

.hc-offcanvas-nav a {
    transition: all 0.2s ease;
}

.hc-offcanvas-nav .nav-content>.nav-close a:hover {
    background-color: #F0F0F4;
}

.hc-offcanvas-nav .nav-parent .nav-next {
    height: 40px;
    margin: auto;
}

.hc-offcanvas-nav .nav-parent .nav-next span {
    background-color: #F0F0F4;
    margin: 4px;
    border-radius: 100px;
}

.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
    background-color: #F0F0F4;
}

.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a,
.hc-offcanvas-nav .nav-content>h2,
.hc-offcanvas-nav .nav-content>h3,
.hc-offcanvas-nav .nav-content>h4,
.hc-offcanvas-nav .nav-content>h5,
.hc-offcanvas-nav .nav-content>h6 {
    color: #403F56;
    font-family: 'Signika', sans-serif;
}

.hc-offcanvas-nav .nav-content>h2,
.hc-offcanvas-nav .nav-content>h3,
.hc-offcanvas-nav .nav-content>h4,
.hc-offcanvas-nav .nav-content>h5,
.hc-offcanvas-nav .nav-content>h6 {
    text-align: center;
    padding: 0 20px;
    margin: 10px 0;
}

.hc-offcanvas-nav .nav-back {
    margin: 0 20px; 
    background-color: #F0F0F4;
    border-radius: 5px;
}

.hc-offcanvas-nav .nav-close-button span::after,
.hc-offcanvas-nav .nav-close-button span::before {
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-color: #403F56;
}

.hc-offcanvas-nav .nav-close-button span::before {
    margin-left: -9px;
    transform: rotate(135deg);
}

.hc-offcanvas-nav .nav-next span::before,
.hc-offcanvas-nav .nav-back span::before {
    border-color: #403F56;
}

.hc-offcanvas-nav a.nav-next:before {
    display: none;
}

/*
.hc-offcanvas-nav .nav-close-button span::before {
    display: none;
}
*/

.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child) {
    margin-right: 40px;
}

.hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper {
    box-shadow: 4px 0px 20px rgba(0, 0, 0, 0.1);
}

.hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label) {
    right: 20px;
    top: 10px;
    left: unset;
}

.hc-offcanvas-nav.nav-close-button-empty .nav-title {
    padding-top: 0;
}

.hc-offcanvas-nav.nav-levels-overlap .nav-content {
    background-image: url(../images/assets/logo-couleurs-150x.svg);
    background-repeat: no-repeat;
    background-size: 120px;
    background-position: right 20px bottom 20px;
}

.hc-offcanvas-nav .nav-close-button span,
.hc-offcanvas-nav .nav-parent .nav-next,
.hc-offcanvas-nav .nav-back span {
    transform: rotate(180deg);
}

/* ITEM ESPACE CLIENT */
.main-nav__id-item-144 .nav-item-link {
    color: #00A9CE;
}

.main-nav__id-item-144 > .nav-item-wrapper > .nav-item-link::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-image: url(../images/assets/icon-round-espace-locataire-26x.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}

/* ITEM CLUB INOLYA */
.main-nav__id-item-452 .nav-item-link, .main-nav__id-item-1388 .nav-item-link {
    color: #EE6F5C;
}

.main-nav__id-item-452 > .nav-item-wrapper > .nav-item-link::before, .main-nav__id-item-1388 > .nav-item-wrapper > .nav-item-link::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-image: url(../images/assets/gift-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}

/* =========================================
   FOOTER
   ========================================= */

#main-footer {
    color: #FFF;
    text-align: center;
    background-color: #403F56;
}

#main-footer .container {
    position: relative;
    z-index: 1;
}

.footer-wrapper {
    position: relative;
    padding: 3% 0;
}

.footer-wrapper::before,
.footer-wrapper::after {
    content: '';
    position: absolute;
    z-index: 0;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    width: 50%;
    height: 50%;
    transition: all 0.2s ease;
}

.footer-wrapper::before {
    top: 0;
    right: 0;
    background-image: url('../images/assets/patterns/pattern-footer-02.svg');
    background-position: top right;
    max-width: 210px;
    max-height: 260px;
}

.footer-wrapper::after {
    bottom: 0;
    left: 0;
    background-image: url('../images/assets/patterns/pattern-footer-01.svg');
    background-position: bottom left;
    max-width: 120px;
    max-height: 300px;
}

#main-footer a, 
#main-footer p {
    display: inline-block;
    margin: 5px 0;
    color: #FFF;
    font-weight: 300;
    text-decoration: none;
    transition: all 0.2s ease;
}

#main-footer a:hover {
    opacity: 0.6;
    transform: translateY(1px);
}

#main-footer .logo {
    display: inline-block;
}

#main-footer .rs-list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 30px auto 20px auto;
    list-style: none;
}

#main-footer .rs-list li {
    display: block;
}

#main-footer .rs-list li + li {
    margin-left: 10px;
}

#main-footer .rs-list li a {
    display: block;
    border-radius: 30px;
    -webkit-box-shadow: 0px 2px 10px rgb(0 0 0 / 10%);
    box-shadow: 0px 2px 10px rgb(0 0 0 / 10%);
    transition: all 0.2s ease;
}

#main-footer .tagline {
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.2rem;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

#main-footer .btn-link-list {
    display: flex;
    padding: 0;
    margin: 0 -10px;
}

#main-footer .btn-link-list > li {
    flex: 1;
    display: block;
    margin: 10px;
}

#main-footer .btn-link-list > li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #403F56;
    font-weight: 400;
    font-size: 2.0rem;
    font-size: clamp(1.6rem, 1.1vw, 2.0rem);
    text-align: center;
    background-color: #FFF;
    border-radius: 5px;
    padding: 12px 20px;
}

#main-footer .link-list {
    margin: 0;
    padding: 0;
    text-align: left;
    list-style: none;
    font-weight: 300;
    font-size: 1.6rem;
    column-count: 4;
}


#main-footer .link-list > li {
    margin: 5px 0;
}

#main-footer .bottombar {
    width: 100%;
    margin: 0;
    padding: 5px 0;
    background: #2C2B3B;
}s

#main-footer .bottombar p {
    margin: 5px;
}

#main-footer .bottombar a {
    font-size: 1.4rem;
}

#main-footer .bottombar .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

/* =========================================
   FILTRES
   ========================================= */

.range-slider-conteneur {
    display: flex;
    align-items: center;
}
.range-slider {
    margin: 10px 20px;
}
.rangeValueMin,
.rangeValueMax {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}
.rangeValueMin::after {
    content: '-';
    margin: 0 4px;
}
.range-slider-conteneur .ui-widget.ui-widget-content {
    width: 100%;
}
span.ui-slider-handle.ui-corner-all.ui-state-default {
    position: relative;
    top: -9px;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    background-color: #FFF;
    border: 1px solid #403F56;
    cursor: pointer;
}
.ui-widget.ui-widget-content {
    display: flex;
    border: none;
    background-color: rgba(64, 63, 86, 0.25);
}
.ui-slider-horizontal .ui-slider-range {
    background-color: #403F56;
}
.ui-slider-horizontal {
    height: 2px;
}

.custom-input {
    padding: 0;
    margin: 0;
    height: auto;
}

.custom-input input[type="checkbox"],
.custom-input input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
    width: auto!important;
}

input:disabled {
    cursor: default;
}
input:disabled ~ label,
input:disabled ~ label::before,
input:disabled ~ label::after {
    cursor: default;
    opacity: 0.5;
}




.custom-input label {
    position: relative;
    padding: 0 0 0 25px;
    line-height: 1;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 600;
    min-height: 20px;
}

.custom-input label::before,
.custom-input label::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.custom-input label::before {
    content: "";
    border: 1px solid #403F56;
    border-radius: 4px;
    background-color: #FFF;
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.custom-input label::before,
.custom-input label::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
}

.custom-input input[type="checkbox"]:checked + label::before,
.custom-input input[type="radio"]:checked + label::before {
    background-color: #403F56;
    border-color: #403F56;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0c11.046 0 20 8.954 20 20s-8.954 20-20 20S0 31.046 0 20 8.954 0 20 0Zm6.44 13.94-8.94 8.939-3.94-3.94a1.5 1.5 0 0 0-2.12 2.122l5 5a1.5 1.5 0 0 0 2.12 0l10-10a1.5 1.5 0 0 0-2.12-2.122Z' fill='%23403F56'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m17.5 22.879 8.94-8.94a1.5 1.5 0 0 1 2.12 2.122l-10 10a1.5 1.5 0 0 1-2.12 0l-5-5a1.5 1.5 0 0 1 2.12-2.122l3.94 3.94Z' fill='%23fff'/%3E%3C/svg%3E");
}

.cartographie-home {
    position: relative;
    padding: 50px 0;
    padding: clamp(20px, 2.7vw, 50px) 0;
}

.cartographie-home .filtrer-offres {
    position: relative;
    z-index: 10;
    max-width: 350px;
    background-color: rgba(240, 240, 244, 1);
    -webkit-box-shadow: 0px 1px 10px rgba(34, 151, 126, 0.15);
    box-shadow: 0px 1px 10px rgba(34, 151, 126, 0.15);
}

@supports (backdrop-filter: blur(40px)) {
	/* IF backdrop-filter IS SUPPORTED */
	.cartographie-home .filtrer-offres {
        background-color: rgba(240, 240, 244, 0.3);
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
    }
}

.cartographie-home__background {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cartographie-home__background > * {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.filtrer-offres {
    border-radius: 5px;
    background-color: hsl(167, 63%, 92%);
    overflow: hidden;
}

.filtrer-offres__title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #FFFFFF;
    font-weight: 400;
    text-align: center;
    background-color: #22977E;
    margin: 0;
    padding: 10px;
    border: none;
}

button.filtrer-offres__title {
    cursor: pointer;
    transition: all 0.2s ease;
}
button.filtrer-offres__title:hover {
    background-color: hsl(167, 63%, 26%);
}

#btn-update-eligibilite {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #FFFFFF;
    font-weight: 400;
    text-align: center;
    background-color: #403F56;
    margin: 0;
    margin-top:5px;
    padding: 10px;
    border: none;
    text-decoration:none;
    cursor:pointer;
    border-radius:5px;
}

#btn-update-eligibilite {
    cursor: pointer;
    transition: all 0.2s ease;
}
#btn-update-eligibilite:hover {
    background-color: hsl(191, 100%, 36%);
}





.template-chantiers .filtrer-offres {
    background-color: hsl(43, 98%, 92%);
}
.template-chantiers button.filtrer-offres__title:hover {
    background-color: hsl(43, 98%, 54%);
}
.template-chantiers .filtrer-offres__title {
    background-color: #FDC947;
}

button.filtrer-offres__title::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.293.293a1 1 0 0 1 1.414 0L6 4.586 10.293.293a1 1 0 1 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414Z' fill='%23FFF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.2s ease;
}

button.filtrer-offres__title.is-open::after {
    transform: rotate(180deg);
}

.filtrer-offres__js-tiroir {
    display: none;
}

.filtrer-offres__content {
    padding: 20px;
}

.filtrer-offres__footer {
    /*padding: 0 20px 20px 20px;*/
    display:flex;
    gap:10px;
}

.filtrer-offres__footer > * + * {
    /*margin-top: 10px;*/
}

/*
.filtrer-offres__footer a {
    display: block;
    color: #FFF;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    font-size: 1.8rem;
    font-size: clamp(1.6rem, 1.1vw, 1.8rem);
    line-height: 1.6rem;
    background-color: #403F56;
    padding: 12px 20px;
    border-radius: 5px;
    transition: all 0.2s ease;
}

.filtrer-offres__footer a:hover {
    background-color: #2C2B3B;
}

.filtrer-offres__footer a.btn-link {
    display: flex;
    background-color: #22977E;
}
.filtrer-offres__footer a.btn-link:hover {
    background-color: hsl(167, 63%, 26%);
}
*/
#filtres-reload {
    background-color: #6e8580;
}
#filtres-reload:hover {
    background-color: #3e504c;
}

.filtre__title {
    font-size: 1.4rem;
    line-height: 1;
}

.filtre-icon {
    position: relative;
}

.filtre-icon .filtre__title {
    display: flex;
    align-items: center;
}

.filtre-icon .filtre__title::before {
    content: '';
    flex: none;
    display: block;
    width: 32px;
    height: 32px;
    background-color: #FFF;
    border-radius: 40px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}

.icon-peoples .filtre__title::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 19v-1a4 4 0 0 0-4-4h-4a4 4 0 0 0-4 4v1m17 0v-1a4 4 0 0 0-4-4h-.5M1 19v-1a4 4 0 0 1 4-4h.5M17 11a3 3 0 1 0 0-6M7 11a3 3 0 0 1 0-6m8 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z' stroke='%23403F56' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-check-people .filtre__title::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M23 9l-4.2 4.2-1.8-1.8M16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z' stroke='%23403F56' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-check-couple .filtre__title::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 21v-2a4 4 0 0 0-4-4h-.5M15 11a4 4 0 0 0 0-8m2 18v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M13 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z' stroke='%23403F56' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-check-nationalite .filtre__title::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0711 0.0177949C13.112 0.0124326 13.207 0 13.294 0C13.5302 0 13.7574 0.0911296 13.9288 0.254636C16.335 2.5492 18.8732 4.29884 22.7597 4.57715C23.0209 4.59585 23.262 4.72539 23.4228 4.93348C23.5836 5.14157 23.649 5.40863 23.6028 5.66813L22.8659 9.80196C22.8243 10.0349 22.6961 10.243 22.5074 10.384C22.1558 10.6467 21.7503 11.0854 21.372 11.5755C21.5449 11.6864 21.6817 11.8554 21.7511 12.0645L23.9524 18.7005C24.0919 19.1212 23.9167 19.5825 23.5339 19.8021C22.7486 20.2528 22.4594 20.7339 22.0561 21.405C21.9618 21.5618 21.8614 21.729 21.7469 21.9085C21.51 22.2801 21.046 22.4326 20.6369 22.2732C18.6695 21.5068 17.3195 21.2475 16.5052 21.4002C16.1434 21.4681 15.9365 21.6083 15.7984 21.7932C15.6459 21.9974 15.5035 22.3566 15.4724 22.9846C15.4498 23.4416 15.1001 23.814 14.6482 23.8624C13.579 23.9769 11.8511 24.1037 10.0835 23.8634C8.33294 23.6255 6.3974 23.0078 5.07366 21.5045C4.86875 21.2718 4.79306 20.9514 4.87197 20.6507C5.49307 18.2847 5.82476 15.922 5.37701 13.9707C4.95011 12.1102 3.80277 10.5528 1.21618 9.71354C0.925428 9.6192 0.699876 9.38616 0.613749 9.09112L0.0374558 7.11697C-0.046526 6.82928 0.0125661 6.51848 0.196142 6.28234C0.379717 6.0462 0.665212 5.91375 0.96281 5.92665L5.17619 6.10937L4.85723 4.40127C4.80942 4.14523 4.87058 3.88075 5.02581 3.67229C5.18103 3.46382 5.41607 3.33054 5.67362 3.30491L6.85927 3.18694C7.22574 3.15047 7.57869 3.33677 7.7573 3.66096L8.05016 4.19251C8.97206 4.00032 9.62616 3.61981 10.0663 3.16783C10.5953 2.62468 10.8735 1.9197 10.8976 1.14233C10.9112 0.704396 11.2268 0.335521 11.6551 0.257126L11.7135 0.246486L11.8671 0.21875C11.9946 0.195847 12.1666 0.16522 12.3439 0.134517C12.5204 0.103958 12.7057 0.0726916 12.8584 0.048832C12.9342 0.0369763 13.0068 0.0261966 13.0684 0.0181458L13.0711 0.0177949ZM12.6631 1.96495C12.4969 2.88815 12.0771 3.75779 11.3847 4.46879C10.5039 5.37317 9.24057 5.96218 7.65281 6.13302C7.42798 6.15721 7.2077 6.09739 7.02921 5.97303L7.20538 6.91643C7.25741 7.19505 7.18023 7.48235 6.99579 7.6966C6.81135 7.91086 6.53984 8.02863 6.25846 8.01643L2.1725 7.83924L2.25103 8.10824C5.14564 9.19237 6.63121 11.1791 7.1758 13.5524C7.68935 15.7905 7.35276 18.3051 6.7885 20.6071C7.68258 21.4064 8.94729 21.8337 10.3306 22.0217C11.5458 22.1869 12.765 22.1555 13.7259 22.0816C13.8316 21.555 14.0222 21.0788 14.3229 20.6763C14.7859 20.0564 15.4352 19.7106 16.167 19.5733C17.3692 19.3478 18.8887 19.6681 20.5756 20.2684C20.8899 19.7495 21.2966 19.1523 21.9787 18.6181L20.2644 13.4501L19.7796 13.5602C19.429 13.6398 19.0644 13.5073 18.8451 13.2206C18.6259 12.9339 18.5919 12.5452 18.758 12.2244C19.2584 11.2577 20.1875 9.93819 21.1094 9.13326L21.61 6.32497C17.8712 5.81129 15.2694 4.03122 12.985 1.91043C12.8839 1.92707 12.7735 1.94585 12.6631 1.96495Z' fill='%23403F56'/%3E%3C/svg%3E%0A");
}

.icon-pmr .filtre__title::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.811 17.5A6 6 0 1 1 6.5 10.544' stroke='%23403F56' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m9 6 1 9 7.5-.5L19 20h1.5' stroke='%23403F56' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 4a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM12.5 10h4' stroke='%23403F56' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-euro .filtre__title::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.754 18.5c-2.458 0-4.584-1.42-5.642-3.5h4.663c.538 0 .98-.45.98-1s-.442-1-.98-1h-5.31a6.77 6.77 0 0 1-.078-1c0-.34.03-.67.079-1h5.309c.538 0 .98-.45.98-1s-.442-1-.98-1H7.112c1.058-2.08 3.193-3.5 5.642-3.5 1.225 0 2.37.36 3.35.97.49.31 1.127.26 1.538-.16.568-.58.44-1.53-.245-1.96A8.715 8.715 0 0 0 12.754 3c-3.84 0-7.092 2.51-8.306 6H1.98C1.44 9 1 9.45 1 10s.44 1 .98 1h2.017a8.433 8.433 0 0 0 0 2H1.98c-.54 0-.98.45-.98 1s.44 1 .98 1h2.468c1.214 3.49 4.466 6 8.306 6 1.705 0 3.291-.49 4.643-1.35.676-.43.803-1.39.235-1.97-.411-.42-1.048-.47-1.538-.15a6.15 6.15 0 0 1-3.34.97Z' fill='%23403F56'/%3E%3C/svg%3E");
}

.filtre-align {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filtre-entete {
    margin-bottom: 5px;
}

.filtre-icon .filtre__title {
    font-size: 1.6rem;
    font-weight: 400;
}

.filtre-icon .filtre-entete {
    margin-right: 10px;
    margin-bottom: 0;
}

.filtrer-offres__group > * + * {
    margin-top: 10px;
}

.group-checkbox,
.group-radio {
    display: flex;
    flex-wrap: wrap;
}

.group-checkbox .custom-input,
.group-radio .custom-input {
    margin: 0 20px 10px 0;
}

.input-number {
    flex: none;
    position: relative;
    display: flex;
    width: 90px;
    height: 30px;
    background-color:hsl(243, 15%, 79%);
    overflow: hidden;
    border-radius: 20px;
    margin: 0;
}

@supports (backdrop-filter: blur(40px)) {
	/* IF backdrop-filter IS SUPPORTED */
    .input-number {
        background-color: transparent;
    }
}

.input-number button:nth-of-type(1) {
    padding-right: 15px;
}
.input-number button:nth-of-type(2) {
    padding-left: 15px;
}

.input-number button {
    flex: none;
    display: inline-block;
    width: 45px;
    height: 100%;
    background-color: transparent;
    border: none;
    color: #403F56;
    font-size: 20px;
    cursor: pointer;
    background-color: rgba(255,255,255,0.4);
    transition: all 0.1s ease;
}
.input-number button:hover {
    background-color: rgba(255,255,255,0.25);
}
.input-number button:active {
    color: #FFF;
    background-color: #403F56;
}

.input-number input[type="number"],
.input-number input[type="text"] {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    display: inline-block;
    background-color: white;
    height: 100%;
    width: 30px;
    border-radius: 20px;
    text-align: center;
    line-height: 30px;
    font-size: 1.6rem;
    color: #403F56;
    font-weight: 400;
    letter-spacing: -1px;
    border: none;
    border-radius: 30px;
    padding: 0;
}

.group-select {
    display: flex;
    margin: 0 -10px 10px -10px;
}

.group-select select {
    flex: 1;
    width: 50%;
    max-width: 50%;
    margin: 0 10px 0 10px;
}

select {
    color: #403F56;
    border-radius: 5px;
    border: 1px solid #403F56;
    background-color: #FFF;
    padding: 7px 30px 7px 7px;
    line-height: 1;
    font-size: 1.6rem;
    cursor: pointer;
    background-image: url('../images/assets/chevron-down.svg');
    background-repeat: no-repeat;
    background-size: 12px 7px;
    background-position: center right 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}



input[type="number"] {
    width: 90px;
    color: #403F56;
    border-radius: 5px;
    border: 1px solid #403F56;
    background-color: #FFF;
    padding: 5px 8px;
    line-height: 1;
    font-size: 1.6rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Chrome, Safari, Edge, Opera */
.input-number input::-webkit-outer-spin-button,
.input-number input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.input-number input[type=number] {
    -moz-appearance: textfield;
}

.filtre--separator > * + *::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin: 10px 0;
    opacity: 0.4;
    background-color: #403F56;
}

#map {
    z-index: 1;
}

#map_chantiers {
    width: 100%;
    height: 100%;
    min-height: 280px;
    border-radius: 15px;
    z-index: 1;
}

#map_chantiers img {
    border-radius: 0;
}

.leaflet-popup-content {
    font-family: 'Signika', sans-serif;
    margin: 14px 10px 10px 10px!important;
}

#map_chantiers .leaflet-popup-content {
    width: 150px!important;
    margin: 10px;
}

#map_chantiers h2 {
    font-size: 1.4rem;
    line-height: 1;
    margin: 0 0 5px 0;
}

/* ------------------------
    ELIGIBILITE
------------------------ */

#form_eligibilite {
    background-color: #F3F3F7;
    margin: 0 0 20px 0;
    padding: 20px;
    border-radius: 5px;
}

#form_eligibilite > * + * {
  padding-top: 10px;
}

._form_eligibilite_explications {
    color: rgba(64, 63, 86, 0.8);
    font-weight: 100;
    font-size: 1.4rem;
    margin: 2px 0 0 0;
}
#resultats {
    display: none;
    border: 1px solid #444;
    margin: 15px 0;
    border-radius: 5px;
}
#resultats_titre {
    text-align: center;
    padding: 10px;
    background-color: rgb(64, 63, 86);
    color:#fff;
    border-radius: 5px 5px 0 0;
    font-weight: 600;
}
#resultats_texte {
    text-align:center;
    padding:10px;
}
#resultats_revenus_plafond {
    text-align: center;
    padding: 20px 10px 10px 10px;
}

#resultats_boutons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 10px;
}
#resultats_boutons a {
    margin: 5px;
}

#resultats_infos {
    text-align:center;
    color:rgba(64, 63, 86, 0.8);
    font-weight: 100;
    font-size: 1.4rem;
    padding: 10px 10px 20px 10px;
}
#resultats_revenus, #resultats_plafond {
    text-align:center;
    margin:5px auto;
}
#resultats_revenus span, #resultats_plafond span, #resultats_composition span {
    font-weight:600;
}

.group-input-radio {
    margin: 0 -2px;
    text-align: right;
}

.input-radio {
    display: inline-block;
  background-color: #FFF;
  border-radius: 4px;
  padding: 2px 6px;
  white-space: nowrap;
  margin: 2px;
}

/* ------------------------
    DETAILS > CHANTIER
------------------------ */

.right-col > * + * {
    margin-top: 15px;
}

.leaflet-map {
    z-index: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.localisation a {
    display: block;
    color: #403F56;
    font-weight: 400;
    background-color: #FFF;
    padding: 10px;
    text-decoration: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.chantier-credits {
    color: #9063A7;
}
.chantier-credits span {
    font-weight: 600;
}

.chantier-labels {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -10px 20px -10px;
    padding: 0;
}
.chantier-label {
    display: flex;
    align-items: center;
    padding: 10px;
    margin: 10px;
    text-align: center;
    font-weight: 600;
    background-color: #F3F3F7;
    border-radius: 5px;
    min-width: 90px;
    text-decoration:none;
    color:#403F56;
    min-height:65px;
}

.chantier-labels li img {
    max-width: 40px;
    margin-right: 5px;
    border-radius: 5px;
}

.echeances-label {
    margin: 0 0 10px 0;
    font-weight: 400;
}
.echeances-dates {
    color: #403F56;
    text-align: center;
    background-color: #FDC947;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px;
}

.text-align-right {
    text-align: right;
}

.no-wrap {
    white-space: nowrap;
}

.simple-tableau {
    width: 100%;
    font-weight: 400;
    background-color: #FFF;
    border-radius: 5px;
    border: none;
    border-collapse: collapse;
    overflow: hidden;
}

.simple-tableau a {
    text-decoration: none;
    font-weight: 500;
    color: #403F56;
    background-color: #FDC947;
    padding: 1px 6px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.simple-tableau a:hover {
    background-color: hsl(43, 98%, 54%);
}

.simple-tableau .hightlight-tr {
    color: #FFF;
    font-weight: 500;
    background-color: #403F56;
}

.simple-tableau tr {
    border-bottom: 1px solid #E0E0EB;
}

.simple-tableau tr:last-child {
    border-bottom: none;
}

.simple-tableau td {
    padding: 8px;
    line-height: 1;
}

.form-page {
    margin-bottom: 10px;
}

.form-page #form_filtres_actus .group-select > * {
    margin: 0 10px 10px 10px;
}

#form_filtres_actus {
    width: 100%;
}

#form_filtres_actus .group-select {
    position: relative;
    margin: 0 -10px;
}

#form_filtres_actus .group-select > * {
    flex: none;
    width: calc(25% - 20px);
    max-width: 100%;
    margin: 10px 10px 0 10px;
    min-height: 40px;
}

#form_filtres_actus select {
    display: block;
    color: #403F56;
    border-color: #403F56;
    min-width: 0;
}

#form_filtres_actus-submit {
    color: #FFF;
    background-color: #403F56;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

#form_filtres_actus-submit:hover {
    background-color: #2C2B3B;
}

#breadcrumb {
    margin: 0 0 30px 0;
}

.breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
    padding: 10px;
    background-color: #F3F3F7;
    border-radius: 4px;
    margin: 0;
}

.breadcrumb__item {
    display: flex;
    align-items: center;
    color: #403F56;
    font-size: 1.4rem;
    font-weight: 300;
}

.breadcrumb__item + .breadcrumb__item::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-image: url('../images/assets/icon-next-breadcrumb.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 5px;
    color: #403F56;
}

.breadcrumb__item > a {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    transition: all 0.2s ease;
}


.breadcrumb__item > a:hover {
    text-shadow: #403F56 0 0 1px;
}


.breadcrumb__item > a.nolink:hover {
    text-decoration: none;
    text-shadow: none;
}

.breadcrumb__item:first-child > a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../images/assets/icon-home-breadcrumb.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 5px;
}

.layout-2-col {
    display: flex;
    flex-direction: row-reverse;
    margin: 30px -10px 50px -10px;
}

.layout-2-col .left-col,
.layout-2-col .right-col {
    position: relative;
    width: 50%;
    margin: 0 10px;
}

.sticky-carte {
    position: sticky!important;
    top: 10px;
    width: 100%!important;;
    height: calc(100vh - 20px)!important;
    max-height: calc(100vh - 20px);
}

.page-liste-offres .left-col {
    /*background-color: #F2E4CE;*/
}

.page-liste-offres .offre__list {
    flex-wrap: wrap;
}

.page-liste-offres .offre__list > * {
    flex: none;
    width: calc(50% - 20px);
    margin: 20px 10px 0 10px;
}

.offre__img {
    transition: all 0.2s ease;
}

.offre__list__item_active .offre__img, .offre__item-wrapper:hover .offre__img {
    transform: scale(1.05);
}
.offre__list__item_active .offre__titre, .offre__item-wrapper:hover .offre__titre {
    color: rgba(71, 166, 198, 1);
}
.offre__list__item_active .offre__loyer, .offre__item-wrapper:hover .offre__loyer,{
    background-color: rgba(71, 166, 198, 0.6);
}
.offre__list__item_active .offre__link, .offre__item-wrapper:hover .offre__link {
    background-color: rgba(71, 166, 198, 1);
}
.offre__list__item_active .offre__ville, .offre__item-wrapper:hover .offre__ville {
    color: rgba(71, 166, 198, 0.7);
}
.offre__list__item_active .offre__distance, .offre__item-wrapper:hover .offre__distance {
    background-color: rgba(71, 166, 198, 0.7);
}
.offre__list__item_active .offre__localisation, .offre__item-wrapper:hover .offre__localisation {
    background-color: hsl(195, 53%, 92%);
}

.offre__item-wrapper:hover .offre__img {
    transform: scale(1.05);
}

.inscription-alertes {
    background-color: #22977E;
    border-radius: 5px;
    padding: 20px;
    margin: 20px 0 40px 0;
}

.inscription-alertes h2 {
    margin: 0 0 20px 0;
    color: #FFF;
    font-weight: 600;
    font-size: 2.4rem;
    font-size: clamp(1.8rem, 1.3vw, 2.4rem);
}

.inscription-alertes .btn-link {
    background-color: #75BB9C;
}

.inscription-alertes .btn-link:hover {
    background-color: hsl(153, 34%, 70%);
}

.inscription-alertes select {
    color: #75BB9C;
    border-color: #75BB9C;
}

.inscription-alertes input[type="text"] {
    color: #75BB9C;
    border: 1px solid #75BB9C;
    background-color: #FFF;
}

.inscription-alertes .group-input.flex-1 > * {
    flex: 1;
}

.inscription-alertes .group-input {
    display: flex;
    margin: 0 -10px 20px -10px;
}

.inscription-alertes .group-input > * {
    margin: 0 10px;
}

.inscription-alertes .group-input input {
    width: 100%;
}

.inscription-alertes .custom-input label::before {
    border-color: #75BB9C;
}

.inscription-alertes .custom-input label,
.inscription-alertes .filtre__title {
    color: #FFF;
}

.inscription-alertes .custom-input input[type="checkbox"]:checked + label::before,
.inscription-alertes .custom-input input[type="radio"]:checked + label::before {
    background-color: #75BB9C;
    border-color: #75BB9C;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0c11.046 0 20 8.954 20 20s-8.954 20-20 20S0 31.046 0 20 8.954 0 20 0Zm6.44 13.94-8.94 8.939-3.94-3.94a1.5 1.5 0 0 0-2.12 2.122l5 5a1.5 1.5 0 0 0 2.12 0l10-10a1.5 1.5 0 0 0-2.12-2.122Z' fill='%2375BB9C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m17.5 22.879 8.94-8.94a1.5 1.5 0 0 1 2.12 2.122l-10 10a1.5 1.5 0 0 1-2.12 0l-5-5a1.5 1.5 0 0 1 2.12-2.122l3.94 3.94Z' fill='%23fff'/%3E%3C/svg%3E");
}


input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="date"],
textarea {
    color: #403F56;
    border: 1px solid #403F56;
    background-color: #FFF;
    border-radius: 5px;
    padding: 7px 10px;
    font-size: 1.6rem;
}

.recherche_intro {
    font-style: italic;
    margin:5px 0;
}

#recherche_champs {
    margin:5px 0;
    padding:5px;
    background-color:#eee;
}
.recherche_champs_ligne {
    display:flex;
    flex-wrap:wrap;
    margin:5px;
}

.recherche_champs_ligne > * {
    margin:5px;
}

#recherche_champs .recherche_champs_btns {
    display:flex;
    justify-content: right;
    margin-left:0;
    
}
#recherche_champs .recherche_champs_btns > * {
    margin:0 5px;
}

#recherche_champs .btn-link {
    padding: 10px 20px;
}

@media screen and (max-width: 800px) {
    .recherche_champs_ligne {
        display:block;
    }    
    .recherche_champs_ligne > * {
        /*width:100%;*/
    }
}

.champ--item {
    position: relative;
}

.champ--item label {
    position: absolute;
    top: 8px;
    left: 0;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #75BB9C;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.3;
    pointer-events: none;
    transition: all 0.2s ease;
}

.champ--item input:not(:placeholder-shown) ~ label,
.champ--item input:focus ~ label,
.champ--item textarea:not(:placeholder-shown) ~ label,
.champ--item textarea:focus ~ label {
    font-size: 1.2rem;
    padding: 0 2px;
    top: -13px;
    left: 2px;
    color: #FFF;
}

/* PLACEHOLDER (Prefixed for last 10 versions Browsers) */

.champ--item input::-webkit-input-placeholder,
.champ--item textarea::-webkit-input-placeholder {
    color: transparent;
}
.champ--item input::-webkit-input-placeholder,
.champ--item textarea::-webkit-input-placeholder {
    color: transparent;
}
.champ--item input::-moz-placeholder,
.champ--item textarea::-moz-placeholder {
    color: transparent;
}
.champ--item input:-ms-input-placeholder,
.champ--item textarea:-ms-input-placeholder {
    color: transparent;
}
.champ--item input::-ms-input-placeholder,
.champ--item textarea::-ms-input-placeholder {
    color: transparent;
}
.champ--item input::placeholder,
.champ--item textarea::placeholder {
    color: transparent;
}

.form_contact_rgpd {
    padding: 10px;
    margin: 10px 0 0 0;
    color: #FFF;
    border-radius: 5px;
    background-color: hsl(167, 63%, 33%);
}

.form_contact_rgpd a {
    color: #FFF;
    font-weight: 600;
}

.form_contact_rgpd_mention {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2.0rem;
}

.form_contact_rgpd_infos {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.0rem;
}

/*----------------- ACTUALITES -------------------*/

.entete-actus {
    float: left;
    margin-bottom: 10px;
}

.entete-actus::after {
    content: '';
    display: block;
    clear: both;
}

.suggestions {
    background-color: #F3F3F7!important;
    padding: 30px 0;
}

.suggestions h2 {
    text-align: center;
    background-color: #F3F3F7;
}

.suggestions .see-more-actualites__link {
    display: inline-block;
}



.soustitre-actus {
    font-weight: 400;
    font-size: 2.0rem;
    color: #9063A7;
    float: left;
    margin: 0 10px 0 0;
}

.date-publication {
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1;
    float: right;
    margin: 5px 0;
}

.page-detail-actus {
    margin-top: 0;
}

.page-detail-actus.layout-2-col .right-col {
    flex: none;
    display: flex;
    flex-direction: column;
    width: 360px;
    background-color: #F3F3F7;
    padding: 20px 10px;
    border-radius: 10px;
}

.page-detail-actus.layout-2-col .left-col {
    flex: auto;
}

.share-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.offre__entete .share-list {
    margin: 0 0 0 15px;
}

.share-list li {
    margin: 0 5px 5px 0;
}

.share-list a {
    display: block;
    background-color: #E0E0EB;
    padding: 5px;
    border-radius: 5px;
    transition: all 0.2s ease;
}

.share-list a:hover {
    opacity: 0.8;
    background-color: #FFF;
}

.tag-list {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
    display: flex;
    flex-wrap: wrap;
}

.tag-list li {
    margin: 0 5px 5px 0;
}

.tag-list a {
    display: block;
    padding: 4px 8px;
    color: #00A9CE;
    border: 1px solid #00A9CE;
    border-radius: 4px;
    background-color: #FFFFFF;
    text-decoration: none;
    line-height: 1;
    transition: all 0.2s ease;
}

.tag-list a:hover {
    color: #FFFFFF;
    background-color: #00A9CE;
}

.flux-rs {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 0 15px 0;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.flux-rs iframe {
    display: block;
    margin: auto;
}

.page-detail-actus .link-list a {
    margin-top: 10px;
    background-color: #FFFFFF;
    width: 100%;
    justify-content: flex-start;
}

.page-detail-actus .link-list a:hover {
    color: #FFF;
    background-color: #403F56;
}

.page-detail-actus .link-list a.icon-plus:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.229 4.614a.729.729 0 0 0-1.458 0H9.23ZM7.77 12.386a.729.729 0 1 0 1.458 0H7.77ZM4.614 7.77a.729.729 0 0 0 0 1.458V7.77Zm7.772 1.458a.729.729 0 1 0 0-1.458V9.23ZM7.77 4.614v7.772H9.23V4.614H7.77ZM4.614 9.23h7.772V7.77H4.614V9.23Zm0-7.772h7.772V0H4.614v1.457Zm10.929 3.157v7.772H17V4.614h-1.457Zm-3.157 10.929H4.614V17h7.772v-1.457ZM1.457 12.386V4.614H0v7.772h1.457Zm3.157 3.157a3.157 3.157 0 0 1-3.157-3.157H0A4.614 4.614 0 0 0 4.614 17v-1.457Zm10.929-3.157a3.157 3.157 0 0 1-3.157 3.157V17A4.614 4.614 0 0 0 17 12.386h-1.457ZM12.386 1.457a3.157 3.157 0 0 1 3.157 3.157H17A4.614 4.614 0 0 0 12.386 0v1.457ZM4.614 0A4.614 4.614 0 0 0 0 4.614h1.457a3.157 3.157 0 0 1 3.157-3.157V0Z' fill='%23FFF'/%3E%3C/svg%3E");
}

.js-carrousel--wrapper {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: #F3F3F7;
}

.nb-photo {
    position: absolute;
    left: 10px;
    top: 10px;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    line-height: 1;
    color: #FFF;
    padding: 6px 8px;
    background-color: rgba(0, 169, 206, 0.4);
    backdrop-filter: blur(20px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 5px;
    pointer-events: none;
}

.nb-photo::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background-image: url('../images/assets/icon-photo-15x.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.image-legende {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    line-height: 1;
    color: #FFF;
    padding: 6px 8px;
    background-color: rgba(64, 63, 86, 0.4);
    backdrop-filter: blur(20px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 5px;
    pointer-events: none;
}



.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #00A9CE;
}

.lg-outer .lg-thumb-outer,
.lg-outer .lg-toogle-thumb {
    background-color: #2C2B3B;
}

.lg-sub-html,
.lg-toolbar {
    background-color: rgba(44, 43, 59, 0.5);
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(44, 43, 59, 0.5);
}

.lg-backdrop {
    background-color: rgba(64, 63, 86, 0.8);
}

.lSAction > a {
    opacity: 1;
    background-image: url('../images/assets/arrow-right-30x.svg');
    border-radius: 5px;
    background-color: rgba(64, 63, 86, 0);
}

.lSAction > a:hover {
    opacity: 1;
    background-color: rgba(64, 63, 86, 0.6);
}

.lSAction > .lSPrev {
    background-image: url('../images/assets/arrow-left-30x.svg');
    background-position: center;
    background-size: contain;
    transition: all 0.2s ease;
}

.lSAction > .lSNext {
    background-position: center;
    background-size: contain;
    transition: all 0.2s ease;
}


/* DETAIL OFFRE */

.layout-2-col .left-col,
.layout-2-col .right-col {
    width: calc(50% - 20px);
    flex: calc(50% - 20px) 0 0;
}

.page-detail-offre .right-col {
    display: flex;
    flex-direction: column;
}

.page-detail-offre .h1-page {
    margin: 0 0 10px 0;
}

.offre__entete {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: -10px 0 10px 0;
}

.offre__entete-left {
    display: flex;
}



.offre__adresse {
    font-size: 1.8rem;
    font-size: clamp(1.4rem, 1.1vw, 1.8rem);
    color: #00A9CE;
    font-weight: 400;
    margin: 0 0 5px 0;
}

.offre__ref {
    font-size: 1.4rem;
    color: #666666;
    margin: 5px 0;
}

.offre__surface {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    text-align: center;
    background-color: #F0F0F4;
    padding: 6px 10px;
    border-radius: 5px;
    margin: 0 10px 0 0;
    line-height: 1;
    letter-spacing: -0.5px;
}

.offre__surface span:last-child {
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0;
}

.offre__caracteristiques {
    margin: 10px 0;
}

.offre_dispo {
display: inline-block;
margin:10px;
padding: 5px 10px;
background-color: #00A9CE;
color:#fff;
border-radius: 4px;
}

@media (max-width: 600px) {
  .offre__entete-left {
      display: block;
  }
  .offre__surface {
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    margin-bottom:5px;
    width: fit-content;
    }
    .offre__surface span:last-child {
        margin-left:10px;
    }
    .offre_dispo {
        margin:0px;
    }
}

.page-detail-offre h2,
.offres-text h2 {
    color: #403F56;
    font-size: 2.4rem;
    font-size: clamp(2.0rem, 1.3vw, 2.4rem);
}

.visite-mentions > * + * {
    margin: 20px 0 0 0;
}

@media (min-width: 1025px) {
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    .visite-mentions {
        display: flex;
    }
    .visite-mentions > * {
        flex: 1;
    }
    .visite-mentions > * + * {
        margin: 0 0 0 20px;
    }
}

#visite-virtuelle {
    border: none;
    border-radius: 15px;
}

.mentions-obligatoires {
    background-color: #F0F0F4;
    border-radius: 15px;
    padding: 20px;
}

.mentions-obligatoires h2 {
    margin: 0 0 10px 0;
}
.mentions-obligatoires ul {
    margin: 0;
}

.page-detail-offre.layout-2-col {
    justify-content: center;
}

.page-detail-offre .left-col {
    background-color: #F0F0F4;
    border-radius: 5px;
}

.caracteristiques-list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.caracteristiques-list li {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
    color: #00A9CE;
    background-color: #F5FAFC;
    border: 1px solid #00A9CE;
    border-radius: 4px;
    font-size: 1.6rem;
    font-size: clamp(1.2rem, 1.0vw, 1.6rem);
}

.loyer--infos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
    padding-top: 20px;
}

.loyer--infos > * {
    width: calc(50% - 5px);
}

.loyer-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    text-align: center;
    padding: 6px 10px;
    background-color: #F0F0F4;
    border-radius: 5px;
}

.loyer-item span {
    display: block;
}

.loyer-item.loyer-green {
    color: #42a829;
    background-color: #EEFAEB;
    border: 1px solid #42a829;
}

.loyer-item.loyer-green span:last-child {
    font-size: 2.0rem;
}

.loyer-item span:last-child {
    font-size: 1.6rem;
    font-weight: 700;
}

.list-link-offres {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 20px auto;
}

.list-link-offres a {
    display: flex;
    align-items: center;
    color: #403F56;
    padding: 8px 12px;
    text-decoration: none;
    border: 1px solid #403F56;
    background-color: #F3F3F7;
    border-radius: 5px;
    margin: 0 10px;
    font-weight: 400;
    transition: all 0.2s ease;
}

.list-link-offres a:hover {
    opacity: 0.6;
}

/* SEARCH */

/* The overlay effect with black background */
.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9); /* Black with a little bit see-through */
}

/* The content */
.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

/* Close button */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    color: white;
    background-color: transparent;
    transition: all 0.2s ease;
}

.overlay .closebtn img {
    width: 100%;
}

.overlay .closebtn:hover {
    opacity: 0.6;
    background-color: transparent;
}

#form-search {
    display: flex;
}

/* ------------------------
    RECHERCHE
------------------------ */
.recherche .champs {
	display: flex;
	justify-content: center;
}

.recherche .champs * {
	height: 40px;
	padding: 0 15px;
}

.recherche .champs input[type="text"] {
	color: #7E7E7C;
	font-weight: 300;
	width: 320px;
	margin-right: 10px;
}

.recherche .champs input[type="submit"] {
	color: #FFF;
	font-weight: 400;
	background-color: #403F56;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
    border-radius: 4px;
}

.recherche .champs input[type="submit"]:hover {
	background-color: #9063A7;
}

.recherche {
    padding: 20px;
    text-align: center;
    background-color: #F3F3F7;
    border-radius: 4px;
}

#recherche-nb-results {
    margin: 10px 0;
}
#recherche_resultats {
  display:flex;
  flex-wrap:wrap;
}
.recherche_resultat {
  display:flex;
  text-decoration:none;
  width:48%;
  margin:1%;
}
.recherche_resultat_photo_container {
  width:32%;
  margin:0 2% 1% 0;
}
.recherche_resultat_photo {
  width:100%;
  background-color:hsl(243, 15%, 60%);
  background-image:url('../images/assets/logo-blanc-150x.svg');
  background-repeat:no-repeat;
  background-size:40%;
  background-position:center;
  border-radius:5px;
}
.recherche_resultat_texte {
  width:66%;
  margin:0;
}
.recherche_resultat_texte h2 {
    margin: 0 0 10px 0;
    font-size: 1.8rem;
    font-size: clamp(1.6rem, 1.1vw, 1.8rem);
    line-height: 1;
}
.recherche_resultat_resume {
    font-size: 1.6rem;
    font-size: clamp(1.4rem, 1.0vw, 1.6rem);
  color: #403F56;
  font-weight:normal;
  text-align: left;
}
@media (max-width: 800px) {
  #recherche_resultats {
    display:block;
  }
  .recherche_resultat {
    width:100%;
    margin:1% 0;
  }
}
@media (max-width: 515px) {
    .recherche .champs {
        flex-direction: column;
    }
    .recherche .champs input[type="text"] {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

/* PAGINATION */
#pagination {
    margin:20px auto;
}
.pagination__list {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.pagination__item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	color: #575756;
	border: 1px solid #575756;
	margin: 0 7.5px;
}

.pagination__item.active {
	color: #FFF;
	background-color: #575756;
}

.pagination__item.inactive {
	cursor: default;
	opacity: 0.33;
}

.pagination__link {
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: inherit;
}

@media only screen and (max-width: 701px) {
  .pagination__item_indice {
    display:none;
  }
}

/* Style the search field */
#form-search input[type=text] {
    width: 100%;
    padding: 15px;
    border: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #FFF;
    transition: all 0.2s ease;
}

#form-search  input[type=text]:hover {
    background-color: #F1F1F1;
}

/* Style the submit button */
#form-search  button {
    padding: 15px;
    color: #FFF;
    background-color: #47A6C6;
    border: none;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer;
    transition: all 0.2s ease;
}

#form-search  button:hover {
    background-color: hsl(195, 53%, 43%);
}

#form-search  button img {
    width: 20px;
}

.close {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 30px;
    background-color: #403F56;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 0 0 0 4px;
    transition: all 0.2s ease;
}
.close:hover {
    background-color: hsl(243, 15%, 19%);
}
.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 73, 94, 0.8);
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: 0.7s;
    margin: 0;
}
.modal {
    position: fixed;
    top: 10%;
    right: 0;
    left: 0;
    width: 90%;
    max-width: 660px;
    height: fit-content;
    max-height: 80%;
    background: #fff;
    padding: 12px;
    border-radius: 5px;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s ease-out;
    transform: translateY(45px);
    margin: auto;
    overflow: auto;
}
.active {
    visibility: visible;
    opacity: 1;
}
.active + .modal {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* ----- TABLEAUX ----- > dans commun.css */





.status-credit td {
    color: #22977E;
    background-color: hsl(167, 63%, 96%);
    border-bottom: 1px solid #22977E;
}
.status-debit td {
    color: #FF0033;
    background-color: hsl(348, 100%, 96%);
    border-bottom: 1px solid #FF0033;
}

/* ------------------------
    DPE/GES
------------------------ */

.label-DPE {
    padding: 5px;
    margin: 0;
    color: #403F56;
    background-color: #F0F0F4;
    height: 30px;
    border-radius: 4px 0 0 4px;
    font-size: 1.6rem;
    line-height: 24px;
}

.passoire-energetique {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    display: block;
    width: 40px;
    height: 40px;
}

.etiquette-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.more-about-DPE {
    display: block;
    background-color: transparent;
    border: none;
    color: #403F56;
    font-size: 1.2rem;
    cursor: pointer;
    text-decoration: underline;
    text-align: right;
}
  
summary.dpe_plus {
    cursor:pointer;
    margin:10px 0;
}
  
.etiquette-DPE {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 5px 0;
}
  
.valeurs--wrapper {
    display: flex;
    align-items: center;
    height: 30px;
}
  
.valeur {
    position: relative;
    display: flex;
    width: 68px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    border: 1px solid #403F56;
    padding: 2px;
    border-right: none;
}
  
.ges .valeur {
    width: 100%;
    align-items: flex-end;
    border-right: 1px solid #403F56;
    padding-right: 4px;
}
  
.valeur strong {
    font-size: 14px;
    line-height: 12px;
    text-align: center;
}
  
.label-valeur {
    position: absolute;
    font-size: 10px;
    top: 0;
    left: 0;
    opacity: 0.6;
}
  
.valeur .unite {
    font-size: 10px;
    line-height: 6px;
    text-align: center;
}
  
.lettre-DPE--wrapper {
    position: relative;
    padding: 0;
    border: none;
    width: 75px;
    height: 30px;
    display: block;
}

.lettre-DPE--wrapper .passoire-energetique {
    width: 30px;
    height: 30px;
    transform: translateX(24px);
}
  
.lettre-DPE {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 5px;
    width: 50px;
    height: 30px;
    border: 1px solid black;
    border-right: none;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    color: white;
    text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}
  
.dpe .lettres {
    margin: 0;
    min-width: 294px;
}

.ges .lettres {
    margin: 0;
    min-width: 230px;
}

.lettres > * {
    position: relative;
    display: flex;
    overflow: hidden;
    height: 22px;
    margin-bottom: 3px;
}

.dpe .lettres > * {
    padding-left: 136px;  
}
  
.lettres .barre {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    position: relative;
    padding-left: 7px;
    float: left;
    color: #FFF;
}
  
.ges .lettres .barre::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translateX(100%);
    display: block;
    width: 20px;
    height: 100%;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
  
.dpe .lettres .barre::after {
    content: "";
    position: absolute;
    top: -3px;
    right: -19px;
    display: block;
    width: 22px;
    height: 22px;
    transform: rotate(-45deg);
    transform-origin: bottom;
}

.dpe-ges {
    display: flex;
    margin: 30px 0;
}
  
.dpe,
.ges {
    position: relative;
    display: flex;
    margin: 0;
}

.dpe {
    margin-right: 10px;
}
  
.dpe .valeurs--wrapper {
    position: absolute;
    z-index: 1;
    transform: translateX(-100%);
    background-color: #FFF;
}
  
.ges .valeurs--wrapper {
    position: absolute;
    width: 100%;
    justify-content: flex-end;
}
  
.graphique {
    position: relative;
}

.legende {
    /*
    position: absolute;
    margin-top: 18px;
    */
    font-size: 12px;
    color: hsl(0, 0%, 30%);
    background-color: #eee;
    padding: 4px;
}

.information {
    position: absolute;
    font-size: 12px;
}
.information:first-of-type {
    top: -5px;
    transform: translateY(-100%);
}
.information:last-of-type {
    bottom: 0;
    transform: translateY(100%);
}
  
.lettre-DPE::after {
    content: " ";
    position: absolute;
    z-index: 0;
    top: 0;
    right: -18px;
    width: 21px;
    height: 21px;
    border: 1px solid black;
    border-left: none;
    border-top: none;
    display: block;
    transform: rotate(-45deg);
    transform-origin: bottom;
}

.lettre-a .barre {
    width: 50px;  
}
.lettre-b .barre {
    width: 65px;  
}
.lettre-c .barre {
    width: 80px;  
}
.lettre-d .barre {
    width: 95px;  
}
.lettre-e .barre {
    width: 110px;  
}
.lettre-f .barre {
    width: 125px;  
}
.lettre-g .barre {
    width: 140px;  
}
  
  /* ----- DPE ----- */
  
.dpe .information {
    color: #00A678;
    padding-left: 135px;
}
.dpe .information:last-of-type {
    color: #FE0722;
}
.dpe .lettre-a .barre,
.dpe .lettre-a .barre::after,
.DPE-a .lettre-DPE,
.DPE-a .lettre-DPE::after {
    background-color: #00A678;
}

.dpe .lettre-b .barre,
.dpe .lettre-b .barre::after,
.DPE-b .lettre-DPE,
.DPE-b .lettre-DPE::after {
    background-color: #00B95F;
}
.dpe .lettre-c .barre,
.dpe .lettre-c .barre::after,
.DPE-c .lettre-DPE,
.DPE-c .lettre-DPE::after {
    background-color: #00C381;
}
.dpe .lettre-d .barre,
.dpe .lettre-d .barre::after,
.DPE-d .lettre-DPE,
.DPE-d .lettre-DPE::after {
    background-color: #FFE847;
}
.dpe .lettre-e .barre,
.dpe .lettre-e .barre::after,
.DPE-e .lettre-DPE,
.DPE-e .lettre-DPE::after {
    background-color: #FFBA3A;
}
.dpe .lettre-f .barre,
.dpe .lettre-f .barre::after,
.DPE-f .lettre-DPE,
.DPE-f .lettre-DPE::after {
    background-color: #FF8740;
}
.dpe .lettre-g .barre,
.dpe .lettre-g .barre::after,
.DPE-g .lettre-DPE,
.DPE-g .lettre-DPE::after {
    background-color: #FE0722;
}
  
.lettre-active {
    height: 30px;
}
.lettre-active .barre {
    height: 30px;
    border: 1px solid #000;
    border-right: 0;
}
.dpe .lettres .lettre-active .barre::after {
    top: 0;
    width: 21px;
    height: 21px;
    right: -18px;
    border: 1px solid #000;
    border-left: none;
    border-top: none;
}
.ges .lettres .lettre-active .barre::after {
    border: 1px solid #000;
    border-left: none;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    top: -1px;
    height: 30px;
}
.lettre-active > .barre strong {
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    color: white;
    text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}
  
/* ----- GES ----- */

.ges .information {
    color: #93DCF9;
}
.ges .information:last-of-type {
    color: #2A1C34;
}

.ges .lettre-a .barre,
.ges .lettre-a .barre::after {
    background-color: #93DCF9;
}
.ges .lettre-b .barre,
.ges .lettre-b .barre::after {
    background-color: #7EB6D0;
}
.ges .lettre-c .barre,
.ges .lettre-c .barre::after {
    background-color: #6D93AF;
}
.ges .lettre-d .barre,
.ges .lettre-d .barre::after {
    background-color: #58718B;
}
.ges .lettre-e .barre,
.ges .lettre-e .barre::after {
    background-color: #4A5370;
}
.ges .lettre-f .barre,
.ges .lettre-f .barre::after {
    background-color: #38364E;
}
.ges .lettre-g .barre,
.ges .lettre-g .barre::after {
    background-color: #2A1C34;
}
  
/* ESTIMATION DES COUTS ANNUELS D'ENERGIE */
  
#blocEstimationCouts {
    margin-top: 10px;
    font-size: 12px;
    line-height: 14px;
    color: #65707A;
}

.modal h3 {
    margin: 4px 0;
    font-weight: bold;
    font-size: 16px;
    color: #444;
}

.modal .small {
    margin-top: 10px;
    font-size: 12px;
    line-height: 14px;
    color: #65707A;
}

#blocEstimationCouts  #coutsWrapper {
    margin: 15px 0 5px;
    display: flex;
    border: 1px solid #EF6397;
    border-radius: 5px;
}
  
#blocEstimationCouts .icon-wrapper {
    display: flex;
    width: 70px;
    border-right: 1px solid #EF6397;
    justify-content: center;
    align-items: center;
}
  
#blocEstimationCouts .icon-wrapper .icon-cochon {
    width: 50px;
    height: 50px;
    color: #EF6397;
    font-size: 36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492.6 492.6' style='enable-background:new 0 0 492.6 492.6' xml:space='preserve'%3E%3Cpath fill='%23ef6397' d='M256.9 59.576c-64.1.4-116.4 19.3-155.6 56.1-32.8 30.8-47.7 66.9-53.6 85.6-.2.7-.5 1.5-.7 2.2H18c-9.9 0-18 8.1-18 18s8.1 18 18 18h43c8.8 0 16.3-6.3 17.7-15 0 0 .9-4.8 3.3-12.3 11.1-34.8 50.3-115.8 175.1-116.6 9.9-.1 17.9-8.2 17.9-18.1 0-9.9-8.2-17.9-18.1-17.9zM454.3 181.376h-2.4c-10.9-26.2-28.3-50-51.1-69.7-2.2-10 .3-20.9 7.5-32.4 6.3-10 6.2-22.3-.1-32.3-6.3-9.9-17.5-15.2-29.2-13.7-41.4 5.2-63.7 26.3-75 43.2-5.6 8.2-3.4 19.4 4.9 25 8.2 5.6 19.4 3.4 25-4.9 8.5-12.7 21.3-21.2 37.9-25.4-8 17.2-9.9 34.8-5.3 51.5.4 5 2.8 9.6 6.6 12.7 23.5 19 40.5 43 49.2 69.5 2.4 7.5 9.5 12.5 17.4 12.4h14.6c1.3 0 2.4 1.1 2.4 2.4v50.2c0 1.3-1.1 2.4-2.4 2.4h-14.1c-7.9 0-14.9 5.2-17.2 12.7-7.7 25-22.8 48-43.8 66.7l-.2.2s-.1 0-.1.1l-2.4 2.1c-.1.1-.3.2-.4.3-25.8 23.4-28.4 51.2-28.6 59.1v10h-53.2v-19.1c0-5.1-2.2-10-6-13.4-3.8-3.4-8.9-5.1-13.9-4.5-7.2.8-14.4 1.1-21.5 1.1-9.2 0-18.4-.6-27.4-1.8-5.2-.7-10.3.9-14.3 4.3-3.9 3.4-6.2 8.4-6.2 13.6v19.9h-53.3c-.8-13.6-5.4-45.3-30.3-70.9-10.9-11.3-20.7-26.1-29.1-44.3-.1-.2-.2-.5-.3-.7-4.9-9.6-8.7-19.6-11.2-29.9 0-.2-.1-.3-.1-.5v-.1c-1.1-4.4-3.9-8.4-8-11-6.2-3.8-14.2-3.5-20.1.9-5.9 4.3-8.6 11.9-6.8 19 0 0 0 .2.1.5 3.2 12.8 7.9 25.4 14 37.3 10.1 21.7 22.1 39.8 35.8 53.9 16.8 17.3 19.7 39.2 20.2 48.2V431.676c0 .6.1 1.3.1 1.9 1.5 14.7 14 26 28.8 26H212c16 0 29-13 29-29v-7.2c5.7.3 11.5.4 17.3.2v6.9c0 16 13 29 29 29h67.2c16 0 29-13 29-29v-16.4c.1-3.5 1.5-19.1 16.6-33 .9-.7 1.7-1.5 2.6-2.2.3-.3.6-.5.9-.8 22.1-19.8 38.9-43.7 49.3-69.8h1.3c21.1 0 38.4-17.2 38.4-38.4v-50.2c0-21-17.2-38.3-38.3-38.3z'/%3E%3Ccircle fill='%23ef6397' cx='364.5' cy='192.976' r='18.9'/%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
  
#blocEstimationCouts .couts {
    flex: auto;
    padding-top: 10px;
    text-align: center;
}
  
#blocEstimationCouts .blocTexteCouts {
    display: flex;
    justify-content: center;
}

#blocEstimationCouts .couts .texte-couts {
    width: 40%;
}

#blocEstimationCouts .couts strong {
    font-size: 20px;
    color: #000;
    white-space: nowrap;
}

#blocEstimationCouts .couts .sliderWrapper {
    padding: 20px 7px;
}

#blocEstimationCouts .couts .slider {
    position: relative;
    margin: 20px auto;
    height: 7px;
    border-radius: 4px;
    background-color: rgba(239,99,151,0.3);
}

#blocEstimationCouts .couts .slider .boundary:first-of-type {
    left: 25%;
}

#blocEstimationCouts .couts .slider .boundary:last-of-type {
    right: 25%;
}

#blocEstimationCouts .couts .slider .boundary {
    position: absolute;
    top: -13px;
    background: #EF6397;
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

@media only screen and (max-width: 641px) {
    .etiquette-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .more-about-DPE {
        margin-top: 5px;
    }
    .graphique {
        width: 100%;
    }
    .dpe .lettres,
    .ges .lettres {
        min-width: 100%;
  }
  .dpe .valeurs--wrapper {
        transform: none;
        right: 0;
    }
    .dpe-ges {
        flex-direction: column;
    }
    .dpe {
        margin-right: 0;
        margin-bottom: 40px;
    }
    .dpe .information,
    .dpe .lettres > * {
        padding-left: 0;
    }

    .dpe-ges .valeur-GES {
        border-right: 1px solid black;
    }

    .lettre-a .barre {
        width: 50px;  
    }
    .lettre-b .barre {
        width: 65px;  
    }
    .lettre-c .barre {
        width: 80px;  
    }
    .lettre-d .barre {
        width: 95px;  
    }
    .lettre-e .barre {
        width: 110px;  
    }
    .lettre-f .barre {
        width: 125px;  
    }
    .lettre-g .barre {
        width: 140px;  
    }

    /* ESTIMATION */

    #blocEstimationCouts .icon-wrapper {
        width: 40px;
    }
    #blocEstimationCouts .icon-wrapper .icon-cochon {
        width: 30px;
        height: 30px;
    }
    #blocEstimationCouts .couts strong {
        font-size: 14px;
    }
    #blocEstimationCouts .couts .sliderWrapper {
        padding: 10px;
    }
    #blocEstimationCouts .couts .slider {
        height: 4px;
        margin: 8px auto;
    }
    #blocEstimationCouts .couts .slider .boundary {
        top: -8px;
        width: 20px;
        height: 20px;
    }
}

/* ------------------------
    ESPACE CLIENT
------------------------ */

/* ---- Style Formulaire */
.form-wrapper,
.blue-wrapper,
.green-wrapper {
    border-radius: 15px;
    padding: 2.5%;
    margin: 20px auto;
    background-color: hsl(243, 15%, 96%);
}
.blue-wrapper {
    background-color: #E0FAFF;
}
.green-wrapper {
    background-color: hsl(167, 63%, 96%);
}

.form-container {
    margin: 0 auto;
    max-width: 400px;
}

.form-container-large {
    max-width:100%;
}

.form-bloc {
    padding: 20px 12px;
    border-radius: 4px;
    background-color: #FFF;
}

.form-bloc-flex { 
    display:flex;
    justify-content:space-between;
    /*margin:0 0 10px 0;*/
}

.form-bloc-flex .form-container {
    flex:1;
    padding:0 5px;
}

@media (max-width: 801px) {

  .form-bloc-flex { 
      display:block;
  }
  
  .form-container {
    margin-bottom:20px;
     max-width:100%;
  }
  
}

.form-bloc label {
    display: inline-block;
    margin-bottom: 2px;
    font-weight: 400;
}
.blue-wrapper .form-bloc label {
    color: #00A9CE;
}

.form-bloc label.required::after {
    content: '*';
    color: #EE6F5B;
    margin-left: 2px;
}

.form-wrapper .form-bloc {
    box-shadow: 0px 4px 20px rgba(64, 63, 85, 0.15);
}
.blue-wrapper .form-bloc {
    box-shadow: 0px 4px 20px rgba(0, 169, 206, 0.15);
}
.green-wrapper .form-bloc {
    box-shadow: 0px 4px 20px rgba(33, 150, 225, 0.15);
}

.form-bloc > * {
    position: relative;
}
/*
.form-bloc > * + * {
    margin-top: 20px;
}
*/
/* a cause du champ type="hidden" */
/*
.form-bloc > *:nth-child(2) {
    margin-top: 0;
}
*/
.in-line-element {
    display: flex;
    flex-wrap: wrap;
}
.in-line-element > * {
    margin-right: 10px;
}

/* ---- Tooltip */

.tooltip {
    display: inline-block;
    width: 16px;
    height: 16px;
    position:relative;
}

.tooltip::before {
    content: '';
    display: block;
    margin-top: 2px;
    width: 16px;
    height: 16px;
    margin-left: auto;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23CCF6FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm0-1.454A6.545 6.545 0 1 0 8 1.455a6.545 6.545 0 0 0 0 13.09Zm.73-5.093h.727v1.455h-2.91V9.453h.728V8h-.727V6.544H8.73v2.91ZM8 5.817a.727.727 0 1 1 0-1.455.727.727 0 0 1 0 1.455Z' fill='%2300A9CE'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
.tooltip p {
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    transform: translateX(10px);
    z-index: 1;
    font-size: 1.4rem;
    margin: 5px 0 0 0;
    padding: 6px;
    color: #00A9CE;
    background-color: #E0FAFF;
    border: 1px solid #00A9CE;
    box-shadow: 0px 4px 20px rgba(0, 169, 206, 0.15);
    border-radius: 4px;
    opacity: 0;
    visibility: visible;
    pointer-events: none;
    transition: all 0.2s ease;
}
.tooltip:hover p {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
}

/* info paiement */
.tooltip p._ip {
    width:200px;
    height:auto;
}

/* ---- Input number : nombre avec unite */
.number-and-unite {
    display: flex;
}
.number-and-unite input[type="number"] {
    width: 100%;
    border-radius: 4px 0 0 4px;
}
.number-and-unite .number-unite {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #FFF;
    background-color: #403f55;
    padding: 6px 10px;
    border-radius: 0 4px 4px 0;
    white-space: nowrap;
}
.blue-wrapper .number-and-unite .number-unite {
    background-color: #00A9CE;
}

/* ---- Input number : */
.form-wrapper input[type="number"] {
    display: block;
    width: 100%;
    font-weight: 300;
    color: #403F56;
    border-color: #403F56;
}
.blue-wrapper input[type="number"] {
    color: #00A9CE;
    border-color: #00A9CE;
}

/* ---- Input type file */
.form-wrapper input[type="file"] {
    display: block;
    width: 100%;
    font-weight: 300;
    color: #403F56;
    border-color: #403F56;
    border-radius: 5px;
    padding: 5px;
    background-color: hsl(243, 15%, 96%);
}
.blue-wrapper input[type="file"] {
    color: #00A9CE;
    border-color: #00A9CE;
    background-color: #E0FAFF;
}

/* ---- Input select */
.form-wrapper select {
    display: block;
    width: 100%;
    font-weight: 300;
    color: #403F56;
    border-color: #403F56;
}
.blue-wrapper select {
    color: #00A9CE;
    border-color: #00A9CE;
}

/* ---- Input textarea */
.form-wrapper textarea {
    display: block;
    width: 100%;
    font-weight: 300;
    color: #403F56;
    border-color: #403F56;
}
.blue-wrapper textarea {
    color: #00A9CE;
    border-color: #00A9CE;
}

/* ---- Input type text :  */
.form-wrapper input[type="text"] {
    display: block;
    width: 100%;
    font-weight: 300;
    color: #403F56;
    border-color: #403F56;
}
.blue-wrapper input[type="text"] {
    color: #00A9CE;
    border-color: #00A9CE;
}

/* ---- Input type email :  */
.form-wrapper input[type="email"],
.form-wrapper input[name="identifiant"] {
    display: block;
    width: 100%;
    font-weight: 300;
    color: #403F56;
    border-color: #403F56;
}
input[type="email"],
input[name="identifiant"] {
    padding-left: 34px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.364 6.409V4.556H2.636v1.852L10 9.908l7.364-3.5Zm0 1.739L10 11.648l-7.364-3.5v7.296h14.728V8.148ZM2.636 3h14.728C18.267 3 19 3.696 19 4.556v10.888c0 .86-.733 1.556-1.636 1.556H2.636C1.733 17 1 16.304 1 15.444V4.556C1 3.696 1.733 3 2.636 3Z' fill='%23403F56'/%3E%3C/svg%3E");
    background-position: left 8px center;
    background-repeat: no-repeat;
    background-size: 20px;
    line-height: 1;
}
.blue-wrapper input[type="email"],
.blue-wrapper input[name="identifiant"] {
    color: #00A9CE;
    border-color: #00A9CE;
}
.blue-wrapper input[type="email"],
.blue-wrapper input[name="identifiant"] {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.364 6.409V4.556H2.636v1.852L10 9.908l7.364-3.5Zm0 1.739L10 11.648l-7.364-3.5v7.296h14.728V8.148ZM2.636 3h14.728C18.267 3 19 3.696 19 4.556v10.888c0 .86-.733 1.556-1.636 1.556H2.636C1.733 17 1 16.304 1 15.444V4.556C1 3.696 1.733 3 2.636 3Z' fill='%2300A9CE'/%3E%3C/svg%3E");
}

/* ---- Input type password :  */
.form-wrapper input[type="password"] {
    display: block;
    width: 100%;
    font-weight: 300;
    color: #403F56;
    border-color: #403F56;
}
input[type="password"] {
    padding-left: 34px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 8.2V5.5C5 3.015 7.239 1 10 1s5 2.015 5 4.5v2.7h1c1.068 0 2 .699 2 1.65v7.5c0 .951-.932 1.65-2 1.65H4c-1.068 0-2-.699-2-1.65v-7.5c0-.951.932-1.65 2-1.65h1Zm2 0h6V5.5c0-1.491-1.343-2.7-3-2.7S7 4.009 7 5.5v2.7ZM4 10v7.2h12V10H4Zm6 4.5c-.552 0-1-.403-1-.9s.448-.9 1-.9 1 .403 1 .9-.448.9-1 .9Z' fill='%23403F56'/%3E%3C/svg%3E");
    background-position: left 8px center;
    background-repeat: no-repeat;
    background-size: 20px;
    line-height: 1;
}

/* champ password avec oeil pour le voir en clair */
input[datatype="motdepasse"] {
  padding-left: 34px;
  background-image: none!important;
}

.control_input_icon {
    position: relative;
}
.input-icon[datatype="motdepasse"] {
    padding-left: 34px;
    background-image: url('../images/assets/view.svg')!important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    line-height: 1; 
    position: absolute;
    left: 0px;
    bottom: 0;
    top: 22px;
    margin: auto;
    width: 20px;
    height: 20px;    

}

.blue-wrapper input[type="password"] {
    color: #00A9CE;
    border-color: #00A9CE;
}
.blue-wrapper input[type="password"] {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 8.2V5.5C5 3.015 7.239 1 10 1s5 2.015 5 4.5v2.7h1c1.068 0 2 .699 2 1.65v7.5c0 .951-.932 1.65-2 1.65H4c-1.068 0-2-.699-2-1.65v-7.5c0-.951.932-1.65 2-1.65h1Zm2 0h6V5.5c0-1.491-1.343-2.7-3-2.7S7 4.009 7 5.5v2.7ZM4 10v7.2h12V10H4Zm6 4.5c-.552 0-1-.403-1-.9s.448-.9 1-.9 1 .403 1 .9-.448.9-1 .9Z' fill='%2300A9CE'/%3E%3C/svg%3E");
}

/* ---- Input type tel :  */
.form-wrapper input[type="tel"] {
    display: block;
    width: 100%;
    font-weight: 300;
    color: #403F56;
    border-color: #403F56;
}
input[type="tel"] {
    padding-left: 34px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.974 6.254c.586.65.4 1.386-.117 2.084a5.448 5.448 0 0 1-.436.508c-.082.087-.146.151-.28.285l-.767.768c-.1.1.586 1.47 1.917 2.803 1.33 1.331 2.7 2.018 2.801 1.917l.766-.767c.422-.422.646-.626.953-.828.638-.418 1.335-.532 1.922-.007 1.917 1.372 3.002 2.213 3.534 2.765 1.037 1.078.9 2.736.006 3.682-.31.328-.704.722-1.169 1.17-2.811 2.813-8.745 1.101-13.293-3.451C2.263 12.63.551 6.696 3.357 3.889c.504-.512.67-.678 1.16-1.161.914-.9 2.649-1.041 3.703 0 .555.548 1.44 1.686 2.754 3.526Zm5.298 9.012-.766.767c-1.303 1.303-3.521.192-5.629-1.917-2.109-2.111-3.219-4.329-1.916-5.632l.766-.766c.123-.123.179-.18.246-.25.092-.097.167-.182.228-.257-1.166-1.623-1.958-2.637-2.385-3.06-.22-.217-.714-.177-.896.002-.483.476-.642.635-1.144 1.144-1.804 1.806-.423 6.596 3.45 10.472 3.87 3.875 8.66 5.257 10.478 3.438.457-.442.83-.815 1.117-1.118.208-.22.245-.671.006-.92-.397-.412-1.37-1.17-3.05-2.377a6.876 6.876 0 0 0-.505.474Z' fill='%23403F56'/%3E%3C/svg%3E");
    background-position: left 8px center;
    background-repeat: no-repeat;
    background-size: 20px;
    line-height: 1;
}
.blue-wrapper input[type="tel"] {
    color: #00A9CE;
    border-color: #00A9CE;
}
.blue-wrapper input[type="tel"] {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.974 6.254c.586.65.4 1.386-.117 2.084a5.448 5.448 0 0 1-.436.508c-.082.087-.146.151-.28.285l-.767.768c-.1.1.586 1.47 1.917 2.803 1.33 1.331 2.7 2.018 2.801 1.917l.766-.767c.422-.422.646-.626.953-.828.638-.418 1.335-.532 1.922-.007 1.917 1.372 3.002 2.213 3.534 2.765 1.037 1.078.9 2.736.006 3.682-.31.328-.704.722-1.169 1.17-2.811 2.813-8.745 1.101-13.293-3.451C2.263 12.63.551 6.696 3.357 3.889c.504-.512.67-.678 1.16-1.161.914-.9 2.649-1.041 3.703 0 .555.548 1.44 1.686 2.754 3.526Zm5.298 9.012-.766.767c-1.303 1.303-3.521.192-5.629-1.917-2.109-2.111-3.219-4.329-1.916-5.632l.766-.766c.123-.123.179-.18.246-.25.092-.097.167-.182.228-.257-1.166-1.623-1.958-2.637-2.385-3.06-.22-.217-.714-.177-.896.002-.483.476-.642.635-1.144 1.144-1.804 1.806-.423 6.596 3.45 10.472 3.87 3.875 8.66 5.257 10.478 3.438.457-.442.83-.815 1.117-1.118.208-.22.245-.671.006-.92-.397-.412-1.37-1.17-3.05-2.377a6.876 6.876 0 0 0-.505.474Z' fill='%2300A9CE'/%3E%3C/svg%3E");
}

/* ---- Input type checkbox :  */
.form-wrapper input[type="checkbox"],
.blue-wrapper input[type="checkbox"] {
    display: none;
}

.form-wrapper input[type="checkbox"] + label {
    position: relative;
    cursor: pointer;
    color: #403F56;
    line-height: 1;
    margin-bottom: 5px;
}
.blue-wrapper input[type="checkbox"] + label {
    color: #00A9CE;
}

.form-wrapper input[type="checkbox"] + label::before {
    content:'';
    position: relative;
    top: -1px;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #403F56;
    border-radius: 5px;
    padding: 9px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 8px;
}
.blue-wrapper input[type="checkbox"] + label::before {
    border: 1px solid #00A9CE;
}
.form-wrapper input[type="checkbox"]:checked + label::after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 7px;
    width: 6px;
    height: 12px;
    border: solid #403F56;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.blue-wrapper input[type="checkbox"]:checked + label::after {
    border-color: #00A9CE;
}
/* ---- Input type radio :  */
.form-wrapper input[type="radio"] + label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    color: #403F56;
    line-height: 1;
    margin-bottom: 5px;
}

/* ---- Input type submit :  */
.form-wrapper input[type="submit"] {
    font-weight: 400;
    color: #FFF;
    background-color: #403F56;
}
.blue-wrapper input[type="submit"] {
    font-weight: 400;
    background-color: #00A9CE;
}

.blue-wrapper input[type="submit"]:hover {
    background-color: hsl(191, 100%, 36%);
}

.form-wrapper .btn-link {
    /*
    background-color: #FFF;
    color: #403F56;
    border: 1px solid #403F56;
    */
}
.blue-wrapper .btn-link {
    font-weight: 400;
    color: #fff;
    border-color: #00A9CE;
    background-color: #403F56;
}
.form-wrapper .btn-link:hover {
    opacity: 0.8;
}

.classic-link {
    color: #403F56;
    font-weight: 400;
}

.form-container > * + * {
    margin-top: 20px;
}

.element-spacer > * + * {
    margin-top: 20px;
}

/* PLACEHOLDER (Prefixed for last 10 versions Browsers) */

.form-wrapper input::-webkit-input-placeholder,
.form-wrapper textarea::-webkit-input-placeholder {
    font-weight: 300;
    color: #403F56;
}
.form-wrapper input::-webkit-input-placeholder,
.form-wrapper textarea::-webkit-input-placeholder {
    font-weight: 300;
    color: #403F56;
}
.form-wrapper input::-moz-placeholder,
.form-wrapper textarea::-moz-placeholder {
    font-weight: 300;
    color: #403F56;
}
.form-wrapper input:-ms-input-placeholder,
.form-wrapper textarea:-ms-input-placeholder {
    font-weight: 300;
    color: #403F56;
}
.form-wrapper input::-ms-input-placeholder,
.form-wrapper textarea::-ms-input-placeholder {
    font-weight: 300;
    color: #403F56;
}
.form-wrapper input::placeholder,
.form-wrapper textarea::placeholder {
    font-weight: 300;
    color: #403F56;
}

/* ---------------------- */

.blue-wrapper input::-webkit-input-placeholder,
.blue-wrapper textarea::-webkit-input-placeholder {
    font-weight: 300;
    color: #00A9CE;
}
.blue-wrapper input::-webkit-input-placeholder,
.blue-wrapper textarea::-webkit-input-placeholder {
    font-weight: 300;
    color: #00A9CE;
}
.blue-wrapper input::-moz-placeholder,
.blue-wrapper textarea::-moz-placeholder {
    font-weight: 300;
    color: #00A9CE;
}
.blue-wrapper input:-ms-input-placeholder,
.blue-wrapper textarea:-ms-input-placeholder {
    font-weight: 300;
    color: #00A9CE;
}
.blue-wrapper input::-ms-input-placeholder,
.blue-wrapper textarea::-ms-input-placeholder {
    font-weight: 300;
    color: #00A9CE;
}
.blue-wrapper input::placeholder,
.blue-wrapper textarea::placeholder {
    font-weight: 300;
    color: #00A9CE;
}

.connected-infos > * + * {
    margin-top: 10px;
}


/* ------------------------
    DOCUMENTS
------------------------ */

.filtre-document {
    display: flex;
    width:100%;
}



.filtre-document form {
    padding: 10px;
    border-radius: 4px;
    background-color: #F3F3F7;
    width:100%;
}

.filtre-document .group-input {
    margin:5px 0;
}

.filtre-document .group-input > * {
    width: 240px;
    max-width: 240px;
    margin: 0;
}

.filtre-document .group-input > * + * {
    margin-left: 10px;
}

.filtre-document input[type='submit'], .filtre-document ._btn_reset {
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 5px;
    width: auto;
    border: none;
    color: #FFF;
    background-color: #403f55;
    transition: all 0.2s ease;
    display:block;
}

.filtre-document ._btn_reset {
    display:block;
    text-decoration:none;
}

.filtre-document input[type='submit']:hover, .filtre-document ._btn_reset:hover {
    background-color: hsl(243, 15%, 19%);
}

.cat-document__list,
.document__list {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 10px 0 20px 0;
    padding: 0;
    border-radius: 15px;
    background-color: #F3F3F7;
}

.cat-document__item,
.document__item {
    position: relative;
    z-index: 1;
    margin: 10px;
    padding: 0;
    width: calc(25% - 20px);
}

.document__item {
    width: calc(20% - 20px);
}

.document__item::before {
    content: '';
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0;
    background-color: rgba(64, 63, 86, 0.4);
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
    border-radius: 6px;
    max-width: 50px;
}

.document__item.type-application--pdf::before {
    padding: 10%;
    background-size: 50%;
    background-image: url('../images/assets/type-pdf.svg');
}

.document__item[class*="image"]::before {
    padding: 10%;
    background-size: 65%;
    background-image: url('../images/assets/type-img.svg');
}

.document__item.type-application--msword::before {
    padding: 10%;
    background-image: url('../images/assets/type-docx.svg');
}
.document__item.type-application--msword .document__image {
    background-color: #47A6C6;
}

.document__item.type-application--vnd-ms-powerpoint::before {
    padding: 10%;
    background-image: url('../images/assets/type-pptx.svg');
}
.document__item.type-application--vnd-ms-powerpoint .document__image {
    background-color: #EE6F5B;
}

.document__item.type-application--vnd-ms-excel::before {
    padding: 10%;
    background-image: url('../images/assets/type-xls.svg');
}
.document__item.type-application--vnd-ms-excel .document__image {
    background-color: #75BB9C;
}

.cat-document__link,
.document__link {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
    color: #FFF;
    font-size: 2.4rem;
    font-size: clamp(1.8rem, 1.3vw, 2.4rem);
    line-height: 1;
    font-weight: 700;
    border-radius: 15px;
}

.document__link {
    padding-bottom: 130%;
    font-size: 1.8rem;
    font-size: clamp(1.6rem, 1.1vw, 1.8rem);
}

.cat-document__image,
.document__image {
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 15px;
    text-align: center;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 25%);
    background-color: #fff;
    background-image: url(../images/assets/pattern-defaut.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.cat-document__titre {

    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1;
    padding: 4px 6px;
    background-color: rgba(255,255,255, 0.9);
    color:#444;
    /*backdrop-filter: blur(20px)*/
    border-radius: 6px;
    text-align: center;
    width:96%; 
}

.cat-document__image::before,
.document__image::before {
    content: '';
    position: absolute;
    z-index: -1;

    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(64, 63, 86, 0.9)), to(rgba(64, 63, 86, 0)));
    background: -o-linear-gradient(top, rgba(64, 63, 86, 0.9) 0%, rgba(64, 63, 86, 0) 100%);
    background: linear-gradient(180deg, rgba(64, 63, 86, 0.9) 0%, rgba(64, 63, 86, 0) 100%);
    transition: all 0.2s ease;
}

.cat-document__item:hover .cat-document__image::before,
.document__item:hover .document__image::before  {
    background-color: rgba(0, 0, 0, 0.25);
}

.new-item .document__date {
    /*transform: translateY(-100%);
    bottom: 15px;*/
}

.document__date {
    position: absolute;
    z-index: 0;
    left: 10px;
    top: 10px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1;
    padding: 4px 6px;
    background: rgba(64, 63, 86, 0.4);
    backdrop-filter: blur(20px);
    border-radius: 6px;
}
.document__titre {
    position: absolute;
    z-index: 0;
    left: 3%;
    bottom: 10px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1;
    padding: 4px 6px;
    background-color: rgba(64, 63, 85, 0.9);
    /*backdrop-filter: blur(20px)*/
    border-radius: 6px;
    text-align: center;
    width:96%;    
}


.new-item::after {
    content: 'Nouveau';
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    font-weight: 500;
    line-height: 1;
    color: #FFFFFF;
    background: #DB5D7E;
    padding: 6px 30px 6px 12px;
    border-radius: 4px 4px 4px 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 1.28 5.692 4.906l-.003.01a1.265 1.265 0 0 1-1.184.813H1.307l2.288 2.06c.4.324.564.862.406 1.355l-.834 3.537a.625.625 0 0 1-.01.034l.009-.005 3.117-1.979a1.272 1.272 0 0 1 1.434 0l3.117 1.979.008.005a.55.55 0 0 1-.009-.034L10 9.143a1.252 1.252 0 0 1 .406-1.356l2.288-2.06H9.495c-.522 0-.996-.32-1.184-.812l-.004-.01L7 1.28ZM5.816.814C6.228-.27 7.772-.27 8.184.813l.003.01 1.31 3.632h3.233c1.175 0 1.735 1.479.8 2.232l-2.288 2.06a.631.631 0 0 1-.026.022c.006.017.01.035.015.053l.834 3.536c.38 1.165-.954 2.083-1.923 1.418l-3.117-1.978A.538.538 0 0 1 7 11.782a.533.533 0 0 1-.025.016l-3.117 1.978c-.969.665-2.303-.253-1.922-1.418l.833-3.536a.635.635 0 0 1 .015-.053.625.625 0 0 1-.026-.023L.471 6.686c-.936-.752-.376-2.231.799-2.231h3.232L5.812.823l.004-.01ZM7 11.782Z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 16px;
}
@media (max-width: 1281px) {
    .document__item {
        width: calc(25% - 20px);
    }
}
@media (max-width: 1001px) {
    .cat-document__item,
    .document__item {
        width: calc(33.33% - 20px);
    }
}
@media (max-width: 801px) {
    .filtre-document form {
        width: 100%;
    }
    .filtre-document .group-input {
        flex-direction: column;
    }
    .filtre-document .group-input > * {
        width: 100%;
        max-width: 100%;
    }
    .filtre-document .group-input > * + * {
        margin-left: 0;
        margin-top: 10px;
    }
    .cat-document__item,
    .document__item {
        width: calc(50% - 20px);
    }
}
@media (max-width: 609px) {
    .cat-document__item,
    .document__item {
        width: 100%;
    }
}

/* ------------------------
    OFFRES EMPLOI
------------------------ */

.offres-emploi--list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.offres-emploi--link {
    display: flex;
    width: 100%;
    color: #FFF;
    background-color: hsl(243, 15%, 29%);
    overflow: hidden;
    text-decoration: none;
    border-radius: 5px;
    margin: 0 0 10px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0);
    transition: 0.2s ease all;
}

.offres-emploi--link:hover {
    transform: scale(1.005);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.offres-emploi--link > span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px;
}

.offres-emploi--titre {
    flex: 3;
    font-weight: 600;
    font-size: 2.0rem;
    font-size: clamp(1.8rem, 1.1vw, 2.0rem);
    background-color: hsl(243, 15%, 29%);
}
.offres-emploi--description {
    padding: 0;
    font-weight: 300;
    font-size: 1.4rem;
}
.offres-emploi--type {
    flex: 1;
    background-color: hsl(243, 15%, 39%);
}
.offres-emploi--localisation {
    flex: 1;
    background-color: hsl(243, 15%, 49%);
}
.offres-emploi--numero {
    flex: 1;
    max-width: 10ch;
    white-space: nowrap;
    background-color: hsl(243, 15%, 59%);
}

.offres-emploi-footer {
    padding: 10px 0 20px 0;
    display:flex;
    justify-content:space-between;
}

@media only screen and (max-width: 641px) {
    .offres-emploi--link {
        flex-direction: column;
    }
    .offres-emploi--numero {
        max-width: unset;
    }
    
    .offres-emploi-footer {
        display:block;
    }
}

/* ------------------------
    FAQ
------------------------ */

.netc-editor a {
    font-weight: 600;
    color: #00A9CE;
}

.faq {
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #F3F3F7;
}

.faq .accordion-item .details-styling {
    padding: 20px;
}
.faq-categorie-list,
.faq-question-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.faq-categorie + .faq-categorie,
.faq-question + .faq-question {
    margin-top: 10px;
}
.faq details.accordion-item,
.faq details.accordion-item:first-of-type,
.faq details.accordion-item:last-of-type {
    border-radius: 5px;
    border-color: #DFE0EA;
}
.faq-question a {
    position: relative;
    display: block;
    border-radius: 5px;
    padding: 12px 34px 12px 12px;
    color: #403F56;
    background-color: #F3F3F7;
    text-decoration: none;
    transition: all 0.2s ease;
}
/*
.faq-question a::before {
    content: '';
    position: absolute;
    top: 14px;
    right: 12px;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.229 4.614a.729.729 0 0 0-1.458 0H9.23ZM7.77 12.386a.729.729 0 1 0 1.458 0H7.77ZM4.614 7.77a.729.729 0 0 0 0 1.458V7.77Zm7.772 1.458a.729.729 0 1 0 0-1.458V9.23ZM7.77 4.614v7.772H9.23V4.614H7.77ZM4.614 9.23h7.772V7.77H4.614V9.23Zm0-7.772h7.772V0H4.614v1.457Zm10.929 3.157v7.772H17V4.614h-1.457Zm-3.157 10.929H4.614V17h7.772v-1.457ZM1.457 12.386V4.614H0v7.772h1.457Zm3.157 3.157a3.157 3.157 0 0 1-3.157-3.157H0A4.614 4.614 0 0 0 4.614 17v-1.457Zm10.929-3.157a3.157 3.157 0 0 1-3.157 3.157V17A4.614 4.614 0 0 0 17 12.386h-1.457ZM12.386 1.457a3.157 3.157 0 0 1 3.157 3.157H17A4.614 4.614 0 0 0 12.386 0v1.457ZM4.614 0A4.614 4.614 0 0 0 0 4.614h1.457a3.157 3.157 0 0 1 3.157-3.157V0Z' fill='%23403F56'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
*/
.faq-question a:hover {
    background-color: hsl(240, 20%, 90%);
}

@media only screen and (max-width: 641px) {
    .faq .accordion-item .details-styling {
        padding: 10px;
    }
    .faq-question a {
        font-size: 1.4rem;
        padding: 10px 26px 10px 10px;
    }
    .faq-question a::before {
        width: 12px;
        height: 12px;
    }
}

#_elements_navigation {
    display:flex;
    justify-content:space-between;
    width:100%;
    margin:30px 0;
}

._element_navigation {
    display:block;
    width:33%;
    max-width:33%;
    text-decoration:none;
    color: #00A9CE;
    background-color: hsl(191, 100%, 96%);
    border: 1px solid #00A9CE;
    padding: 10px;
    transition: all 0.2s ease;
    background-repeat:no-repeat;
    border-radius: 4px;
    
    display:flex;
    align-items:center;
}
._element_navigation span {
    color:#00A9CE;
    display: block;
    width: 100%;
    line-height: 1;
    font-weight: 500;
    font-size: 1.6rem;
    font-size: clamp(1.4rem, 1.0vw, 1.6rem);
}
._element_navigation:hover {
    background-color: hsl(191, 100%, 90%);
}
._element_navigation[data-type="prev"] {
    text-align:left;
    margin-right:10px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.667 14.9999c0 .9205-.7462 1.6667-1.6667 1.6667H5.00032c-.92047 0-1.66666-.7462-1.66666-1.6667 0-.9205.74619-1.6666 1.66666-1.6666H25.0003c.9205 0 1.6667.7461 1.6667 1.6666Z' fill='%2300A9CE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9288 5.07141c.6509.65087.6509 1.70615 0 2.35702L7.35735 14.9999l7.57145 7.5715c.6509.6509.6509 1.7062 0 2.357-.6508.6509-1.7061.6509-2.357 0l-8.74998-8.75c-.65088-.6508-.65088-1.7061 0-2.357l8.74998-8.74999c.6509-.65088 1.7062-.65088 2.357 0Z' fill='%2300A9CE'/%3E%3C/svg%3E");
    background-position: 10px center;
    background-size: 20px; 
    padding-left:40px;
}
._element_navigation[data-type="next"] {
    text-align:right;
    margin-left:10px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.33301 15.0001c0-.9205.74619-1.6667 1.66666-1.6667H24.9997c.9205 0 1.6666.7462 1.6666 1.6667 0 .9205-.7461 1.6666-1.6666 1.6666H4.99967c-.92047 0-1.66666-.7461-1.66666-1.6666Z' fill='%2300A9CE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0712 24.9286c-.6509-.6509-.6509-1.7062 0-2.357l7.5714-7.5715-7.5714-7.57151c-.6509-.65087-.6509-1.70615 0-2.35702.6508-.65088 1.7061-.65088 2.357 0l8.75 8.75003c.6509.6508.6509 1.7061 0 2.357l-8.75 8.75c-.6509.6509-1.7062.6509-2.357 0Z' fill='%2300A9CE'/%3E%3C/svg%3E");
    background-position: right 10px center;
    background-size: 20px; 
    padding-right:40px;    
}
._element_navigation[data-type="liste"] {
    justify-content:space-around;
}
._element_navigation[data-type="liste"] span {
    text-align:center;  
}

@media only screen and (max-width: 641px) {
  #_elements_navigation {
      display:block;
  }
  ._element_navigation {
    width:100%;
    max-width:100%;
    margin:5px 0!important;
  }
}

/* special images en responsive forcées à 100% */
._img_full_width {

}
@media only screen and (max-width: 701px) {
  ._img_full_width {
    width:100%!important;
    height:auto;
  }
}

.tox-statusbar__branding {
    opacity:0;
}

.multi-cadre {
    margin-bottom:20px;
    padding:10px;
    background-color: #F3F3F7;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.multi-cadre h3 {
    color: #00A9CE;
    margin:0;       

  
}
.multi-cadre-content {
    padding:10px;

}

.multi-cadre-simple {
    margin-bottom:30px;
    padding:10px 20px;
    border:1px solid #9063A7;
     
}

.multi-cadre-simple h2 {
    margin:0;
}

.multi-cadre-flex {
    display:flex;
    gap:50px;
    justify-content:space-between;
}

.multi-cadre-flex div {
    flex:1;
}

#onglets-wrapper {
    display:flex;
    gap:2px;
    flex-wrap:wrap;
}
.onglet {
    padding:5px 10px;
    background-color: #F3F3F7;
    color:#000;
    text-align:center; 
    cursor:pointer; 
    opacity:0.75;
    transition:0.2s ease-in all;
}
.onglet-actif {
    background-color:#9063A7;
    color:#fff;
    opacity:1;
}
.onglet-cadre {
    display:none;
}
.onglet-cadre-actif {
    display:block;
}

#multi-cadre-entete {
    display:flex;
    justify-content:space-between;
    margin-bottom:10px;
}

#contrats-adresses {
    color:#888;

}
#contrats-adresses h2 {
    font-size: 18px;
    display:flex;
    gap:20px;
    align-items:center;
    margin:0;
    padding:0;    
}

#contrats-adresses .sub-h2 {
    font-size:18px;
    font-weight:200;
}

@media only screen and (max-width: 600px) {
    .multi-cadre-flex {
        flex-direction:column;
        gap:10px;
    }
    .multi-cadre-flex div {
        width:100%;
    }    
    #onglets-wrapper {
         flex-direction:column;
         margin-bottom:10px;
         gap:5px;
    }    
    #multi-cadre-entete {
        flex-direction:column;
        gap:5px;
    }
    #contrats-adresses h2{
        display:flex;
        flex-direction:column;
        gap:0px;
    }
}

.multi-alerte {
    margin-bottom:20px;
    background-color:#777;
    color:#fff;
    padding:5px 10px 5px 30px;
    border-radius:5px;
    
    background-image:url('../images/assets/icon-alerte.svg');
    background-position:10px center;
    background-repeat:no-repeat;
    background-size:14px;
}


/**** bouton mes avantages Club Inolya ****/
#btn_club_inolya {
    position:absolute;
    right:50px;
    bottom:45px;
    width:191px;
    height:auto;
    z-index:999; 
    display:block!important;  
    
}

#btn_club_inolya img {
    width:100%;    
}

@media only screen and (max-width: 1300px) {
    #btn_club_inolya {
      width:140px;  
    }
}
@media only screen and (max-width: 600px) {
    #btn_club_inolya {
    width:100px;  
    left:20px;
    top:50px;
    bottom:inherit;   
    }
}

.hr_violet {
    color: #9063A7;
    margin:10px auto;
    width:90%;
    height:2px;
}