@import url('https://fonts.googleapis.com/css?family=Fira+Sans:200,300,400,500,700');

body {
    font-family: 'Fira Sans', sans-serif;
    font-size: 20px;
    color: #FFF;
    font-weight: 300;
}
.ft-weight-bold{
    font-weight: bold;
}
.under-lab{
    text-decoration: underline;
}
:root {
    --primary: #fab43e;
    --grey-dc: #415056;
}
.home-btn-block {
    max-width: 330px;
}

/* ERROR */
.maintenance-page i {
    color: #fab43e;
}
.maintenance-page p {
    color: #415056;
}
/* PAGINATION */

.page-item .page-link, .page-item span {
    font-size: .875rem;
    display: flex;
    width: 36px;
    height: 36px;
    margin: 0 3px;
    padding: 0;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
}
.page-link {
    line-height: 1.25;
    position: relative;
    display: block;
    margin-left: -1px;
    padding: .5rem .75rem;
    color: #8898aa;
    border: 1px solid #dee2e6;
    background-color: #fff;
}
a {
    text-decoration: none;
    color: #5e72e4;
    background-color: transparent;
}
.page-item .page-link, .page-item span {
    font-size: .875rem;
    display: flex;
    width: 36px;
    height: 36px;
    margin: 0 3px;
    padding: 0;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
}
.page-link {
    line-height: 1.25;
    position: relative;
    display: block;
    margin-left: -1px;
    padding: .5rem .75rem;
    color: #8898aa;
    border: 1px solid #dee2e6;
    background-color: #fff;
}
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .375rem;
}
.page-item.active .page-link {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    border-color: var(--primary);
    background-color: var(--primary);
}
/** COLOR */ 
.btn-action-color{
    background-color: var(--primary);
    border: none;
}
.btn-action-color:hover, .btn-action-color:active{
    background-color: var(--primary);
}
.text-color{
    color: var(--grey-dc);
    padding-right: 0px;
}
.blue { 
    color: #4eb6b9;
}
.green { 
    color: var(--primary);
}
.yellow {
    color: var(--primary);
}
.grey {
    color: var(--grey-dc);
}
a.blue:hover { 
    color: #4eb6b9;
}
a.green:hover { 
    color: var(--primary);
}
.text-center {
    text-align: center;
}
.marg-bot-30 {
    margin-bottom: 30px
}

/** MAIN */
.LandbotLauncher {
    width: 140px !important;
}
.LandbotLivechat-container {
    z-index: 900 !important;
}
.img-wrapper-center {
    text-align: center;
}
strong {
    font-weight: 700;
}
.regular {
    font-weight: normal !important;
}
.lighter {
    font-weight: 200 !important;
}
.upper {
    text-transform: uppercase;
}
a, a:hover {
    text-decoration: none;
}
a.link-archi {
    color: var(--grey-dc);
    font-weight: 300;
    font-size: .65em;
}
.p-relative {
    position: relative;
}
.page-content h1 {
    color: #475261;
    font-size: 2.3rem;
    text-align: center;
    margin: 50px 0;
    font-weight: 700;
}
.page-content h2 {
    color: #405159;
    font-size: 2rem;
    font-weight: 500;
    width: 90%;
}
.page-content p, 
.page-content li {
    color: #6e8998;
    font-size: 1.2rem;
}
.page-content {
    margin-bottom: 60px;
}
.page-content img {
    max-width: 100% !important;
}
.page-content .actu img{
    max-width: 100% !important;
    max-height: 200px !important;
    min-width: 100%;
    min-height: 200px;
}
.btn-archi-blue {
    color: #FFF;
    background-color: var(--primary);
    font-weight: 500;
    font-size: .8em;
    border-radius: 0; 
    padding: 5px 0;
    display: block;
    text-transform: uppercase;
    border: none;
}
.btn-in-map.btn-archi-blue {
    min-width: 105px;
}
.btn-archi-blue:hover {
    color: #FFF;
}
.btn-archi-blue.btn-block {
    padding: 10px 0;
}
h4 {
    color: #61737c;
    font-size: 1.5rem;
    font-weight: 700;
}
.home-testimonials {
    margin-top: 60px;
}
#carousel-testimonials {
    min-height: 190px;
}
#carousel-testimonials .row-testimonials {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#carousel-testimonials .col-testimonials {
    flex: 0 0 calc(50% - 90px);
    padding: 0 25px;
}
.home-testimonials .carousel-inner,
.b-to-b-testimonials .carousel-inner,
.home-existing-architect .carousel-inner {
    width: calc(100% - 40px);
    margin: auto;
}
.alert-danger,
.alert-success {
    padding: 6px;
}

/** BREADCRUMB */
.breadcrumb {
    background: transparent;
    padding: 0;
}
.breadcrumb .breadcrumb-item {
    font-size: .7em;
    font-weight: 500;
    color: #FFF;
    position: relative;
}
.breadcrumb-sub {
    display: none;
    position: absolute;
    top: 20px;
    left: 15px;
    width: 170px;
    z-index: 999;
    background: rgba(255, 255, 255, 0.9);
    max-height: 400px;
    overflow: auto;
    list-style: none;
    padding: 0;
}
.breadcrumb-sub li::before {
    display: none !important;
}
.breadcrumb-sub li {
    padding: 2px 10px;
}
.breadcrumb-sub a {
    color: #000 !important;
    font-size: 12px;
}
.breadcrumb .breadcrumb-item:hover .breadcrumb-sub {
    display: block;
}
.breadcrumb .breadcrumb-item a {
    color: #FFF;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #FFF;
    content: ">";
}
@media(max-width: 767px) {
    .breadcrumb-hide-mobile {
        display: none;
    }
}

/** FORM */
.form-control {
    border-radius: 0;
}
.header-b-to-c input.form-control,
.header-search-architect input.form-control,
.home-form-architect input.form-control,
.header-selection-architect input.form-control {
    padding: 10px 25px;
    border-radius: 0;
    border: none;
    color: var(--grey-dc);
}
.home-form-architect input.form-control {
    min-height: 56px;
}
.header-b-to-c .full-name-input .firstName{
    min-width: 190px!important;
    margin-right: 5px;
}
.header-b-to-c .full-name-input .lastName{
    min-width: 190px!important;
    margin-left: 5px;
}
.header-b-to-c .previous-button .btn-prev{
    padding: 5px 25px;
    background-color: none;
    margin-bottom: 10px;
    z-index: 10;
}
.header-b-to-c .btn-contact-form {
    color: #FFF;
    background-color: var(--primary);
    font-weight: 500;
    font-size: 0.8em;
    padding: 5px 0;
    display: block;
    text-transform: uppercase;
    border: none;
    min-height: 45px;
    max-height: 45px; 
}
.header-b-to-c .previous-button{
    padding: 5px 25px;
}
.header-b-to-c .btn-tag-send{
    width: 325px;
    margin-left: 25px;
}
.home-form-architect select.form-control {
    height: 56px;
    line-height: 56px;
    border: 0;
}
.input-google-autocomplete {
    height: 47px;
}
.select-box {
    line-height: 45px;
    border: 0;
    background: #fff;
    height: 45px !important;
    width: 100%;
    font-size: 1rem;
    padding: 10px 25px;
    color: var(--grey-dc);
    cursor: pointer;
}
.btn-search-wrapper {
    justify-content: center;
    display: flex;
}
.btn-search-wrapper .btn {
    width: 17%;
}
.row-more-creterion {
    margin-top: 15px;
    margin-bottom: 15px;
    justify-content: center;
}
.btn-more-creterion {
    color: #FFF;
    background-color: transparent;
    border-color: rgba(255,255,255,.7);
    border-radius: 0;
    font-size: .9rem;
    padding: 5px;
}
.btn-more-creterion:hover,
.btn-more-creterion.criterion-checked {
    color: #000;
    background-color: #FFF;
}
.btn-more-creterion-bis {
    color: #000;
    background-color: #FFF;
}
.col-drop-menu p,
.col-drop-menu label,
.collapse-menu-attributes .btn-validate-refine {
    font-size: .9rem;
}
.col-drop-menu .form-group {
    margin-bottom: 8px;
}
div#frenchOnly{
    display: none!important;
}
/** NAVBAR */
.main-navbar {
    background-color: #FFF;
    height: 100px;
}
.main-navbar .navbar-collapse {
    justify-content: flex-end;
}
.navbar-toggler {
    color: var(--grey-dc);
    border: 1px solid var(--grey-dc);
    cursor: pointer;
}
#main-nav .nav-link {
    color: var(--grey-dc);
    text-transform: uppercase;
    font-size: .8em;
}
#main-nav .div-lang {
    margin-left: 20px;
    align-items: center;
    margin-top: 8px;
}
#main-nav ul.navbar-nav.nav-lang {
    padding: 0 0 30px 15px;
}
.favorite-menu {
    text-align: center;
}
.favorite-menu a {
    color: var(--grey-dc);
    font-size: 0.65em;
}
.favorite-menu a .fa {
    color: var(--grey-dc);
    font-size: 0.65em;
    display: block;
    font-size: 1.7rem;
    animation: all .3s ease-in-out;
    margin-top: 8px;
}
.favorite-menu p {
    margin-top: 2px;
}
.favorite-menu a:hover .fa {
    color: #d31e48;
}
.portfolios {
    margin-top: 15px;
}
img.flag-lang {
    width: 80%
}
.nav-lang .nav-lang-item {
    width: 40px;
}
.nav-lang .nav-lang-item .nav-link{
    padding: 2.9px 4.5px !important;
}
.nav-lang .nav-lang-item img.opac{
    opacity: 0.5;
}
/* #main-nav ul.navbar-nav.nav-lang li {
    border-right: 1px solid #FFF;
}
#main-nav ul.navbar-nav.nav-lang a {
    background-color: #e8e7e7;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 13px;
    transition: all 0.3s;
}
#main-nav ul.navbar-nav.nav-lang .active , #main-nav ul.nav-lang a:hover {
    background-color: #b9b9b9;
} */
.navbar-user {
    width: 170px;
    text-align: center;
    margin: 0 0 0 40px;
    display: flex;
    flex-direction: column;
}
.navbar-user .btn-archi-blue {
    font-weight: 500;
    font-size: .65em;
    padding: 6px 0;
    display: inline-block;
    text-transform: none;
}
#logo-header {
    width: 200px;
}
.main-menu-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/** HOME */
.home-find-architect {
    width: 100%;
    padding-top: 50px;
    height: 736px;
    position: relative;
}

.avis-part2 .advanced-search,
.home-find-architect .advanced-search,
.header-news .advanced-search {
    position: relative;
    color: #FFF;
    display: block;
    width: 250px;
    margin: 20px auto;
    font-size: .9em;
    font-weight: 500;
    text-align: center;
}
.home-find-architect .advanced-search {
    border: 1px solid rgba(255,255,255,.3);
    padding: 10px;
}
#home-find-architect-carousel {
    position: absolute;
    top: 0;
    width: 100%;
}
#home-find-architect-carousel .carousel-item {
    width: 100%;
    height: 736px;
}
#home-find-architect-carousel .carousel-item-1 {
    background: url(../media/decorator/banner-home-1.jpg) top center no-repeat;
}
#home-find-architect-carousel .carousel-item-2 {
    background: url(../media/decorator/banner-home-2.jpg) top center no-repeat;
}
#home-find-architect-carousel .carousel-item-3 {
    background: url(../media/decorator/banner-home-3.jpg) top center no-repeat;
}

#home-find-architect-carousel.carousel-fade .carousel-item {
    transition-duration: 1.2s;
    transition-property: opacity;
}
.home-form-arrcoche {
    position: relative;
    z-index: 99;
}
.home-find-architect .txt-find-architect {
    margin: 0 auto 40px;
    width: 910px;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.home-find-architect .txt-find-architect .accroche-main {
    width: 305px;
    background-color: rgba(211, 30, 72, .9);
    position: relative;
    padding: 45px 25px;
    clip-path: polygon(100% -75px,100% calc(100% - 75px),calc(100% - 75px) 100%,-75px 100%,-75px 0);
}
.home-find-architect .first-directory {
    position: relative;
    z-index: 1;
}
.home-find-architect .txt-find-architect h1 {
    color: #FFF;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 10px;
}
.home-find-architect .txt-find-architect .big {
    color: #FFF;
    font-weight: 500;
    font-size: 1.5em;
    margin: 0;
}
.home-find-architect .steps-find-architect {
    display: flex;
}
.home-find-architect .step-find-architect {
    text-align: center;
    width: 160px;
    height: 160px;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.home-find-architect .step-find-architect.step-1 {
    background-color: rgba(78,182,185,.9);
    margin-left: 0;
    margin-top: 40px;
    clip-path: polygon(100% 0,100% 100%,0 100%,0 40px, 40px 0);
}
.home-find-architect .step-find-architect.step-2 {
    background-color: rgba(65,80,86,.9);
    clip-path: polygon(100% 0,100% 100%,40px 100%,0 calc(100% - 40px),0 0);
}
.home-find-architect .step-find-architect.step-3 {
    background-color: rgba(182,205,78,.9);
    margin-right: 0;
    margin-top: 80px;
    clip-path: polygon(100% -40px,100% calc(100% - 40px),calc(100% - 40px) 100%,-40px 100%,-40px 0);
}
.home-find-architect .step-find-architect p {
    font-weight: 700;
    margin: 0;
    color: #FFF;
}
.home-find-architect .step-find-architect .step-number {
    font-size: 3em;
    line-height: normal;
}
.home-find-architect .step-find-architect .step-txt {
    color: #000;
    font-size: 1.3rem;
    color: #FFF;
    line-height: normal;
}
.home-find-architect h2 {
    color: #FFF;
    font-weight: 500;
    font-size: 1.2em;
}
.home-form-architect {
    max-width: 910px;
    margin: 20px auto 0;
}
.home-form-architect .btn-archi-blue {
    padding: 10px 0;
    font-size: 1.2em;
}
.home-form-architect .free-no-contract {
    color: #FFF;
    margin-top: 10px;
    text-align: center;
    font-size: .7rem;
}
.home-site-description .wrapper {
    max-width: 840px;
    width: 100%;
    margin: 30px auto;
}
.home-site-description p {
    text-align: center;
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--grey-dc);
}
.home-type-bien {
    margin-top: 50px;
    position: relative;
}
#home-type-bien-carousel .carousel-item {
    height: 570px;
    width: 100%;
}
#home-type-bien-carousel .carousel-item-1 {
    background: url('../media/decorator/decorateur-type-bien-1.jpg') no-repeat center;
}
#home-type-bien-carousel .carousel-item-2 {
    background: url('../media/decorator/decorateur-type-bien-2.jpg') no-repeat center;
}
#home-type-bien-carousel .carousel-item-3 {
    background: url('../media/decorator/decorateur-type-bien-3.jpg') no-repeat center;
}
#home-type-bien-carousel .carousel-item-4 {
    background: url('../media/decorator/decorateur-type-bien-4.jpg') no-repeat center;
}
.home-type-bien h3,
.home-type-styles h3,
.home-prestations h3,
.page-all-site-map h2 {
    color: var(--grey-dc);
    font-weight: 700;
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 30px;
}
.home-type-bien-wrapper {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    left: 0;
    top: 76px;
    height: 570px;
    z-index: 9;
    align-items: center;
    padding: 25px 0;
}
.home-type-bien-list-wrapper {
    background-color: rgba(65, 80, 86, .9);
    width: 350px;
    padding: 80px 10px 10px;
    clip-path: polygon(0 0, calc(100% - 90px) 0, 100% 90px, 100% 100%, 0 100%);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.home-type-bien-list-wrapper .type-bien-item {
    padding: 7px 10px;
}
.home-type-bien .type-bien-item h4 {
    text-align: center;
    font-weight: 500;
    font-size: 1.1em;
    color: #FFF;
    margin-bottom: 7px;
}
.home-type-bien .type-bien-item .btn-archi-blue {
    margin-top: 10px;
    border-radius: 5px;
}
.b-to-b-testimonials .see-all-testimonials,
.home-testimonials .see-all-testimonials,
.home-type-bien .see-all-type-bien {
    text-align: center;
}
.b-to-b-testimonials .see-all-testimonials a,
.home-testimonials .see-all-testimonials a,
.home-type-bien .see-all-type-bien a {
    font-weight: 500;
    font-size: .7em;
}
.page-avis .carousel-control-prev,
.home-testimonials .carousel-control-prev,
.b-to-b-testimonials  .carousel-control-prev,
.home-existing-architect  .carousel-control-prev,
.similarly-article .carousel-control-prev {
    width: 20px;
    left: -5px;
    background: url(../media/base/arrow-grey.png) center center no-repeat transparent;
}
.page-avis .carousel-control-next,
.home-testimonials .carousel-control-next,
.b-to-b-testimonials .carousel-control-next,
.home-existing-architect .carousel-control-next,
.similarly-article .carousel-control-next {
    transform: rotate(180deg);
    width: 20px;
    right: -5px;
    background: url(../media/base/arrow-grey.png) center center no-repeat transparent;
}

.home-last-news  .carousel-control-prev{
    width: 20px;
    left: -20px;
    margin-left: 10%;
    background: url(../media/base/arrow-grey.png) center center no-repeat transparent;
}

.home-last-news .carousel-control-next{
    transform: rotate(180deg);
    width: 20px;
    right: -20px;
    margin-right: 10%;
    background: url(../media/base/arrow-grey.png) center center no-repeat transparent;
}

.home-testimonials .testimonials-rates .fa,
.b-to-b-testimonials  .testimonials-rates .fa {
    color: #d0d0d0;
    font-size: .9em;
}
.home-testimonials .testimonials-rates,
.b-to-b-testimonials .testimonials-rates {
    margin-bottom: 10px;
}
.section-avis i.fa.fa-star.checked,
.home-testimonials .testimonials-rates .fa.checked, 
.b-to-b-testimonials .testimonials-rates .fa.checked {
    color: #e4a100;
}

.section-avis .unchecked{
    color: #61737c !important;
}
.home-testimonials .testimonials-txt,
.b-to-b-testimonials .testimonials-txt {
    color: var(--grey-dc);
    font-size: .7em;
    font-weight: 500;
}
.b-to-b-testimonials .see-all-testimonials,
.home-testimonials .see-all-testimonials {
    margin-bottom: 20px;
    margin-top: 10px;
}

#formbtob .btn-tag-btob {
    margin-bottom: 10px;
}

#formbtob .errorList {
    padding-left: 0;
}

#formbtob .errorList .errorMsg{
    margin-bottom: 10px;
    text-align: center;
}

#formbottom button{
    margin-bottom: 10px;
}

.home-type-styles {
    margin-top: 60px;
}
.row-type-styles {
    justify-content: center;
    padding: 30px 10px;
}
.row-type-styles .style-item {
    padding: 10px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.20)!important;
}
.type-style-img img {
    max-width: 100%;
}
.row-type-styles .style-item h4 {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 15px;
}

.home-last-works {
    min-height: 405px;
}
.last-works-items {
    justify-content: space-around;
    align-items: center;
}
.home-last-works .last-works-item {
    max-width: 400px;
    width: 100%;
}
.home-last-works .last-works-item h5 {
    color: #3b4956;
    text-align: center;
    font-weight: 500;
}
.home-last-works .last-works-item .wrapper {
/*     border: 1px solid rgba(159,168,172, .5);
    border-radius: 10px;
    padding: 15px 25px; */
    padding: 15px 22px;
    height: 350px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: flex-end;
}
.home-last-works .last-works-item h6 {
    color: var(--primary);
    font-size: 1.2em;
    font-weight: 500;
}
.home-last-works .last-works-item img {
    width: 100% !important;
    height: 100% !important;
}
.home-last-works .last-works-item p {
    color: #3b4956;
    font-size: .8em;
    line-height: normal;
}
.home-last-works .last-works-item .read-more {
/*     color: #475261;
    font-weight: 500;
    font-size: .8em;
    margin-top: 15px;
    display: inline-block;
    line-height: normal; */
    color: var(--primary);
    font-weight: 500;
    font-size: .8em;
    display: inline-block;
    line-height: normal;
    min-width: 40px;
}

.home-last-works .last-works-item .read-more:lang(en) {
    min-width: 77px;
}
.home-last-works .d-flex.justify-content-between {
    align-items: flex-end;
}
.home-last-works .last-works-item .see-all {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: .7em;
    font-weight: 500;
    margin-top: 10px;
}
.content-why-choose,
.home-why-choose,
.search-why-choose {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 10px;
    min-height: 200px;
    background: url(../media/decorator/why-choose.jpg) top center no-repeat #a8a999;
}
.content-why-choose h3,
.home-why-choose h3,
.search-why-choose h3,
.selection-why-choose h3 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 20px;
}
.content-why-choose p,
.home-why-choose p,
.search-why-choose p,
.selection-why-choose p {
    color: #FFF;
    font-size: .8em;
    line-height: normal;
    text-align: center;
}
.home-existing-architect {
    padding: 60px 0;
}
.home-existing-architect h3 {
    color: #475261;
    font-weight: 700;
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 30px;
}
.home-existing-architect .existing-architect-items {
    justify-content: center;
    padding: 10px;
}
.home-existing-architect .existing-architect-item {
    display: flex;
    align-items: center;
    margin: 0 10px;
    padding: 10px;
    min-height: 130px;
    justify-content: center;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.20);
    height: 150px
}
.home-existing-architect .existing-architect-item img {
    width: 120px;
    max-width: 100%;
}
.architect-item .worker-favorite,
.worker-information-block .worker-favorite {
    margin: 0 10px 0 0;
    color: var(--grey-dc);
    font-weight: 300;
    font-size: .9rem;
    cursor: pointer;
}
.worker-information-block {
    margin-top: 7px;
}
.worker-information-block .worker-favorite {
    /* margin: 0 0 10px 0; */
    text-align: center;
}
.architect-item .worker-favorite .fa,
.worker-information-block .worker-favorite .fa {
    animation: all .3s ease-in-out;
}
.architect-item .worker-favorite .action-is-saved,
.architect-item .worker-favorite.is-favorite .action-be-save,
.worker-information-block .worker-favorite .action-is-saved,
.worker-information-block .worker-favorite.is-favorite .action-be-save {
    display: none;
}
.architect-item .worker-favorite.is-favorite .action-is-saved,
.worker-information-block .worker-favorite.is-favorite .action-is-saved {
    display: block;
}
.architect-item .worker-favorite .action-is-saved .fa,
.architect-item .worker-favorite .action-be-save:hover .fa,
.worker-information-block .worker-favorite .action-is-saved .fa,
.worker-information-block .worker-favorite .action-be-save:hover .fa  {
    color: #d31e48;
}
.architect-item .worker-favorite .action-is-saved:hover .fa,
.worker-information-block .worker-favorite .action-is-saved:hover .fa {
    color: var(--grey-dc);
}
.link-archi-item {
  text-decoration:none; 
  position:relative; 
}
.link-archi-item span {
    display:none; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    color:black; 
    background-color: #eff1f3; 
    font-size:10px; 
    font-style:italic; 
}
.link-archi-item:hover span {
    display:block; 
    position:absolute; 
    top:0; 
    left:0; 
    z-index:1000; 
    width:auto; 
    min-height:20px; 
    border:1px solid #eff1f300; 
    margin-top:12px; 
    margin-left:32px; 
    overflow:hidden; 
    padding:8px; 
}
.home-you-architect {
    width: 100%;
    min-height: 259px;
    padding-top: 30px;
    padding-bottom: 90px;
    margin-top: 50px;
    text-align: center;
    background: url(../media/decorator/banner-you-decorator.jpg) bottom center no-repeat #415056;
}
.home-you-architect h3 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.8em;
    text-align: center;
    margin: 0;
}
.home-you-architect p {
    color: #FFF;
    font-weight: 100;
    font-size: 1em;
    text-align: center;
    margin: 0;
}
.home-you-architect a {
    color: #FFF;
    font-weight: 700;
    font-size: 1.5em;
    border-bottom: 2px solid #FFF;
}

.home-prestations {
    margin: 70px 0 80px;
}
.home-prestations .prestations-list {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}
.home-prestations .prestation-item {
    border: 1px solid #d4d4cc;
    color: var(--grey-dc);
    padding: 5px 25px;
    font-weight: bold;
}
.home-last-news {
    margin: 50px 0 80px;
}
.home-last-news .last-news-item {
    background-color: var(--grey-dc);
    /* clip-path: polygon(100% -90px,100% calc(100% - 90px),calc(100% - 90px) 100%,-90px 100%,-90px 0); */
    height: 87%;
}
.home-last-news .last-news-col-1 {
    padding-right: 25px;
}
.home-last-news .last-news-col-2 {
    padding-left: 25px;
}
.home-last-news .last-news h5{
    color: var(--primary);
    font-weight: 500;
    font-size: 1.5rem;
}
.home-last-news .last-news-item a {
    color: #FFF;
}
.home-last-news .last-news-wrapper {
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
    padding: 10px;
    /* height: 100%; */
    min-height: 210px;
}
.home-last-news .last-news-wrapper h6 {
    font-size: 1.2rem;
    word-wrap: break-word;
}
.home-last-news .last-news-wrapper img {
    height: 180px;
}
.home-last-news .last-news-wrapper .img-container {
    width: fit-content;
    margin: auto;
}

/** PAGE SEARCH */
.header-search-architect {
    width: 100%;
    padding-top: 40px;
    height: 486px;
    background: url(../media/decorator/banner-search.jpg) top center no-repeat;
}
.header-search-architect h1 {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.3em;
    margin-top: 40px;
    margin-bottom: 0;
}
.header-search-architect .take-meeting {
    color: #FFF;
    font-weight: 700;
    font-size: 1.4em;
    margin: 0;
}
.header-search-architect .form-search-wrapper {
    /*max-width: 760px;*/
    padding-top: 25px;
    margin: auto;
    width: 100%;
}
.header-search-architect .btn-more-criteria {
    color: #FFF;
    font-size: 1.2em;
    font-weight: 700;
    display: block;
    max-width: 350px;
    text-align: center;
    margin: 0px auto 15px;
    width: 100%;
    cursor: pointer;
}
.header-search-architect .btn-more-criteria .fa {
    color: var(--primary);
    transition: transform .3s;
}
.header-search-architect .btn-more-criteria.collapsed .fa {
    transform: rotate(1deg);
}
.results-architect {
    padding-top: 20px;
}
.results-architect .div-all-archi{
    margin: 5px 0px;
}
.results-architect .all-archi{
    min-width: 340px;
    margin-bottom: 30px;
    color: var(--primary);
    font-size: 1.2rem;
}
.results-architect h2 {
    color: #475261;
    font-weight: 700;
    font-size: 1.4em;
    margin-bottom: 40px;
    margin-top: 30px;
}
.results-architect,
.modal-body .more-criteria h4 {
    color: #475261;
    font-weight: 500;
    font-size: 1em;
}
.modal-body .more-criteria .criteria-container,
.page-all-news .criteria-container {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #EEE;
    padding: 10px 20px;
    border-radius: 10px;
}
.modal-body .more-criteria .form-group {
    flex: 0 0 33%;
    line-height: normal;
    margin: 5px 0;
}
.modal-body .more-criteria .form-group.form-lang{
    flex: 0 0 20%;
    line-height: normal;
    margin: 5px 0;
}
.modal-body .more-criteria .form-check-input {
    width: 15px;
    height: 15px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #EEE;
    margin-right: 5px;
    position: relative;
    top: 2px;
    cursor: pointer;
 }
 .modal-body .more-criteria .form-check-input:checked:after {
    position: absolute;
    left: 2px;
    top: 3px;
    width: 10px;
    height: 6px;
    content: "";
    border: 2px solid var(--primary);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-left: 0;
    border-bottom: 0;
 }
.modal-body .more-criteria label {
    color: #405159;
    font-weight: 300;
    font-size: .7em;
}
.refine {
    display: flex;
    justify-content: center;
}
.refine-research-content{
    display: flex;
    margin: 0px 15px;
    cursor: pointer;
}
.header-search-architect .refine-research{
    text-align: center;
/*     background-color: white; 
    color: var(--grey-dc); */
    border-radius: 10px;
    border: 2px ridge #8096a1;
    display: inline-flex;
    padding: 6px 20px;
    font-size: 1rem;
    font-weight: 400;
}
.header-search-architect .refine-research-on{
    color: var(--primary);
    border: 2px ridge var(--primary);
}
.header-search-architect .second-item{
    margin-bottom: 15px;
}
p.refine-research {
    display: inline-flex;
    padding: 0 1em;
}

.header-search-architect .hidden{
    display: none;
}
.header-search-architect p {
    font-weight: bold;
}
.criteria-container .form-check-input {
    margin-top: 0rem;
}

.header-search-architect .item-criteria{
    margin-top: 0px;
}

.header-search-architect .collapse-menu-attributes {
    box-shadow: 0px 0px 6px #9e9e9ead;
    width: 230px;
    position: absolute;
    transform: translate3d(-65px, 40px, 0px);
    top: 0px;
    will-change: transform;

    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    z-index: 1000;
    color: #475261;
}
.header-search-architect input#mission,
.header-search-architect input#localisation,
.header-search-architect input#style,
.header-search-architect input#langue {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 0px;
}
.header-search-architect .col-drop-menu{
    padding: 15px 20px 0px 20px;
}
.header-search-architect .row-drop-menu{
    padding: 0px 15px;
}
.header-search-architect .dropdown-footer {
    border-top: 1px solid #e9ecef;
    padding: 5px 15px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.header-search-architect .btn-validate-refine {
    padding: 7px 9px;
    text-decoration: none ;
    border:none;
}

.header-search-architect .validate {
    color: var(--primary);
}
.header-search-architect input#autocomplete {
    min-height: 44px;
}

.results-architect .architect-item {
    color: #475261;
    background-color: #FFF;
    margin-bottom: 30px;
    padding-top: 20px;
    border-top: 1px solid #d4d4d4;
}
.results-architect .architect-item h3 {
    color: #475261;
    font-weight: 500;
    font-size: 1em;
    text-align: center;
}
.results-architect .architect-item .architect-infos {
    text-align: center;
}
.col-worker-pictures {
    padding-left: 0;
}
.criteria-container {
    line-height: 17px;
    font-size: 1rem;
    margin-top: 11px;
}
.architect-infos p.worker-name {
    color: var(--grey-dc);
    font-size: 1rem;
    font-weight: bold;
    text-align: left;
    margin: 0;
}
.architect-infos h3.worker-company-city {
    color: var(--grey-dc);
    font-size: .8rem;
    font-weight: normal;
    text-align: left;
}
.architect-infos .architect-infos-right {
    padding-left: 15px;
}
.architect-infos .worker-name,
.architect-infos .worker-company-city{
    padding-left: 15px;
}
.mini-description p {
    color: var(--grey-dc);
    font-size: .7rem;
    text-align: left;
    margin-bottom: 0;
}
.architect-infos .architect-skills h4 {
    color: var(--grey-dc);
    font-size: .8rem;
    font-weight: bold;
    text-align: left;
}
.architect-infos .architect-skills .type-item {
    color: var(--grey-dc);
    font-size: .7rem;
    margin: 0 0 3px;
    text-align: left;
    font-weight: 300;
    line-height: normal;
}
.architect-infos .architect-skills .type-item:last-child {
    margin-bottom: 0;
}
.architect-infos .architect-skills .type-item-more {
    color: #FFF;
    font-size: .7rem;
    margin: 0 auto;
    font-weight: 500;
    line-height: normal;
    background-color: #bed358;
    display: inline-block;
    padding: 3px 7px;
}

.architect-free-infos {
    text-align: center;
}

.architect-free-infos p {
    color: #475261;
    font-weight: 300;
    margin: 5px 0;
    font-weight: bold;
}

.results-architect .architect-item .architect-logo {
    filter: grayscale(1);
    width: 60px;
    border-radius: 50%;
}
.results-architect .architect-item .architect-skills {
    margin-top: 15px;
}
.results-architect .architect-item .architect-skill,
.results-architect .architect-item .architect-skill-nb {
    margin: 0 0 7px 0;
    line-height: 0.6em;
}
.results-architect .architect-item .architect-skill span {
    background-color: #929292;
    border-radius: 20px;
    font-size: .6em;
    color: #FFF;
    padding: 3px 10px;
}
.results-architect .architect-item .architect-skill-nb span {
    background-color: var(--primary);
    border-radius: 20px;
    font-size: .6em;
    color: #FFF;
    padding: 3px 10px;
}
.results-architect .architect-item .btn-archi-blue{
    display: inline-block;
    padding: 5px 15px;
    float: right;
}
.results-architect .carousel-architect .carousel-content {
    height: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.results-architect .carousel-architect .carousel-content a {
    height: 100%;
    width: 100%;
    text-align: center;
}
.results-architect .img-architect-rappelle,
.results-architect .architect-item .img-architect {
    max-height: 100%;
    max-width: 100%;
}

.results-architect .architect-item .img-architect,
.carousel-architect .carousel-control-prev {
    background: url(../media/base/arrow-grey-fill.png) center center no-repeat transparent;
}
.results-architect .btn-mini-description {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.results-architect h3.worker-in-city{
    text-align: left;
    padding-left: 15px;
}
.carousel-architect .carousel-control-next {
    transform: rotate(180deg);
    background: url(../media/base/arrow-grey-fill.png) center center no-repeat transparent;
}
.we-find-architect {
    background-color: var(--grey-dc);
    clip-path: polygon(100% -50px,100% calc(100% - 50px),calc(100% - 50px) 100%,-50px 100%,-50px 0);
    color: #FFF;
    padding: 10px 20px;
    margin: 0 auto 30px;
    display: flex;
    justify-content: space-between;
}
.we-find-architect .we-find-left {
    height: 132px;
    background: url('../media/decorator/picto-we-find.png') left center no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 155px;
}
.we-find-architect .we-find-right {
    max-width: 170px;
    display: flex;
    align-items: center;
}
.we-find-architect .first {
    font-weight: 500;
    font-size: 1.2rem;
    margin: 0;
}
.we-find-architect .second {
    font-weight: 500;
    font-size: 1.2rem;
    margin: 0;
    color: var(--primary);
}
.we-find-architect .architect-call-me {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.we-find-architect .architect-call-me h4 {
    color: #FFF;
    font-size: 1.1rem;
    text-align: center;
}
.we-find-architect .architect-call-me .btn-archi-blue {
    padding: 5px 25px;
}
.map-company {
    color: #000;
}
.architect-paginate {
    display: flex;
    justify-content: center;
}
.architect-paginate ul {
    list-style: none;
    display: flex;
    padding: 0;
}
.architect-paginate ul li.paginate-to a{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #d8d8d8;
    color: #757575;
    text-align: center;
    font-weight: 500;
    font-size: .7em;
    line-height: 30px;
    margin: 0 5px;
    cursor: pointer;
    display: block;
}
.architect-paginate ul li.active a{
    background-color: #757575;
    color: #FFF;
}
.architect-paginate ul li.divider {
    width: 30px;
    height: 30px;
    color: #000;
    line-height: 30px;
    text-align: center;
    margin: 0 0;
}
.header-all-archi .map-architect{
    width: 100%;
    height: 800px;
}
.map-architect {
    width: 100%;
    height: 300px;
}
.search-call-architect {
    margin-top: 5px;
    text-align: center;
}
.search-call-architect .btn-archi-blue {
    max-width: 190px;
    margin: auto;
}
.search-call-architect p {
    text-align: center;
    color: #61737c;
    font-size: 1.5em;
    font-weight: 700;
    line-height: normal;
}
.search-call-architect .content-archi-callback {
    color: var(--grey-dc);
}
.search-call-architect .btn-archi-callback{
    margin-top: 7px;
}
.search-why-choose {
    margin-top: 60px;
    height: auto;
    padding-bottom: 10px;
}
.mini-description {
    font-weight: 400;
    font-size: 0.9rem;
    margin-top: 20px;
}

/* ARCHITECTE FREE */
.header-archi-free {
    width: 100%;
    padding-top: 30px;
    min-height: 500px;
    background: url(../media/banners/banner-btob.jpg) top center no-repeat ;    
    line-height: normal;
}
.header-archi-free .first-row h1 {
    font-size: 2em;
    margin-bottom: -2px;
}
.header-archi-free .first-row h2 {
    font-size: 1.5em;
    margin-bottom: 3px;
}
.header-archi-free .header-architecte-info{
    font-size: .8em;
}
.header-archi-free .second-row {
    text-align: center;
    line-height: normal;
    margin-left: 70px;
}
.header-archi-free .second-column {
    margin-left: 30px;
}
.header-archi-free .header-text-info {
    font-size: 1.5em;
    font-weight: 550;
    color: var(--primary);
}
.header-archi-free .header-info {
    font-size: .8em;
}
.header-archi-free .btn-header {
    padding: 10px 30px;
    margin: auto;
    width: 200px;
}
.content-stats-archi-free .cercle {
    width: 180px;
    height: 180px;
    border-radius: 90px;
    background: #f85b30;
    margin: auto;
    margin-bottom: 20px;
}
.content-stats-archi-free .row {
    margin-left: 80px;
}
.content-stats-archi-free .second-column {
    margin-left: 30px;
}
.content-stats-archi-free .cercle-text-info {
    margin: auto;
    color:#FFF;
    font-size: 4em;
    font-weight: 500;
}
.content-stats-archi-free .second-column .text-infos,
.content-stats-archi-free .first-column .text-infos {
    color: var(--grey-dc);
    font-weight: 500;
    text-align: center;
}
.form-archi-free h2 {
    margin-top: 30px;
    font-size: 1.7em;
    color: #6e8998;
    font-weight: 500;
    text-align: center;
    width: 100%;
}
.form-archi-free p {
    font-size: 1.2em;
    color: #6e8998;
    font-weight: 300;
    text-align: center;
    width: 100%;
    margin-bottom: 70px;
}
.content-archi-free .text-infos {
    color: #6e8a98;
    font-size: 1.3em;
    margin-top: 40px;
    text-align: center;
}
.why-archi-free {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.why-archi-free .item {
    text-align: center;
    flex: 1;
    margin: 0 25px;
    border-radius: 10px;
    padding: 20px;
}
.why-archi-free .item:first-child {
    padding-top: 40px;
}
.why-archi-free .item h4 {
    color: var(--primary);
    font-size: 1.3em;
    font-weight: 700;
}
.why-archi-free .item p {
    color: #010101;
    font-size: .8em;
    margin: 0;
    font-weight: 400;
}

.archi-free-contact {
    width: 100%;
    min-height: 530px;
    padding-top: 30px;
    background: url(../media/banners/banner-fiche.jpg) bottom center no-repeat #475261;
}
.archi-free-contact .text-contact h5 {
    color: #FFF;
    font-weight: 700;
    font-size: 2.35em;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 30px;
}
.archi-free-contact .text-contact p {
    color: #FFF;
    font-weight: 300;
    font-size: 1.5em;
    line-height: normal;
}
/** FICHE ARCHI */
.header-ficher-architect .breadcrumb .breadcrumb-item a,
.header-ficher-architect .breadcrumb .breadcrumb-item,
.header-ficher-architect .breadcrumb-item+.breadcrumb-item::before {
    color: var(--grey-dc);
}
.header-ficher-architect .breadcrumb {
    position: relative;
    z-index: 2;
}
.content-you-architect {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 90px;
    min-height: 665px;
    background: url(../media/banners/banner-fiche.jpg) bottom center no-repeat #475261;    
}
.shadow-text {
    bottom: 0;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0), white);
    height: 5em;
    position: sticky;
}
.header-ficher-architect {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 525px;
    background-color:#efeff0;
    position: relative;
}
.header-ficher-architect .container {
    position: relative;
}
.header-ficher-architect::before {
    content: "";
    background-color: #FFF;
    position: absolute;
    width: 100%;
    height: 210px;
    left: 0;
    top: 0;
}
.header-ficher-architect .legend-info {
    color: #000;
    font-weight: 100;
    font-size: 1rem;
    line-height: normal;
}
.header-ficher-architect .architect-first-info {
    padding-top: 10px;
}

.header-ficher-architect .blacklisted-message {
    font-size: 1rem;
    color: var(--grey-dc);
}

#carousel-architect-pictures img {
    max-height: 400px;
    margin: auto;
    max-width: 100%;
}
#carousel-architect-pictures .carousel-control-prev {
    background: url(../media/base/arrow-grey-fill.png) center center no-repeat transparent;
    width: 57px;
    left: 15px;
}
#carousel-architect-pictures .carousel-control-next {
    transform: rotate(180deg);
    background: url(../media/base/arrow-grey-fill.png) center center no-repeat transparent;
    width: 57px;
    right: 16px;
}
#carousel-architect-pictures .carousel-indicators {
    bottom: -50px;
}
#carousel-architect-pictures .carousel-indicators li {
    background-color: var(--grey-dc);
    width: 10px;
    height: 10px;
    opacity: 1;
    border-radius: 50%;
}
#carousel-architect-pictures .carousel-indicators li.active {
    background-color: #FFF;
}

.badge-info{
    background-color: var(--primary);
}

.worker-information-wrapper {
    width: 390px;
    background-color: #fffefe;
    border: 1px solid #e4e4e4;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
/*     position: absolute;
    right: 0; */
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 9;
}
.worker-information-wrapper .informations-picture-name {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.informations-picture-name .architect-logo {
    filter: grayscale(1);
    border-radius: 50%;
}
.worker-information-wrapper .informations-picture-name h1 {
    color: var(--grey-dc);
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 10px;
    line-height: normal;
}
.worker-information-wrapper .informations-picture-name h2 {
    color: var(--grey-dc);
    font-weight: 300;
    font-size: 1rem;
    line-height: normal;
    margin: 0;
}
.worker-information-wrapper .informations-picture-name .company-address {
    color: var(--grey-dc);
    font-weight: 300;
    font-size: 1rem;
    line-height: normal;
}
.worker-information-wrapper .information-name {
    margin-left: 15px;
}
.worker-information-wrapper .last-block {
    margin-top: 20px;
}
.worker-information-wrapper .contact-txt {
    text-align: center;
    color: var(--grey-dc);
    font-size: .9rem;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 20px;
}
.worker-information-wrapper .free-phone {
    text-align: center;
    color: var(--grey-dc);
    font-size: .85rem;
    line-height: normal;
    font-weight: 900;
    margin-top: 7px;
    margin-bottom: 15px;
}
.worker-information-wrapper .social-links {
    display: flex;
    justify-content: center;
}
.worker-information-wrapper .social-links a {
    color: var(--grey-dc);
    margin: 0 5px;
}
#countries-for-france{
    height: 35px;
    margin-top: 5px;
}
#cercle {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: var(--primary);
    position: absolute;
    right: -40px;
    top: -85px;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    transform: rotate(12deg);
    font-size: 1em;
    font-weight: 400;
    color: var(--grey-dc);
    line-height: 23px;
    opacity: 0.7;
}

.architect-page-informations {
    padding-top: 20px;
    padding-bottom: 50px;
    background-color:#efeff0;
}
.architect-page-informations .bg-col-worker {
    background-color: #fffefe;
    border: 1px solid #e4e4e4;
    padding: 15px;
}
.architect-page-informations .architect-information-item {
    color: #475261;
    background-color: #FFF;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #979797;
}
.architect-page-informations .architect-information-item h3 {
    color: #3b4956;
    font-weight: 100;
    font-size: 1.4em;
    text-transform: uppercase;
}
.architect-page-informations .architect-information-item h4 {
    color: #3b4956;
    font-weight: 700;
    font-size: 1em;
    margin-top: 7px;
    margin-bottom: 7px;
}
.architect-page-informations .architect-information-item .type-item {
    color: #FFF;
    font-weight: 700;
    font-size: .8em;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 5px;
}
.architect-page-informations .architect-information-item .type-bien {
    background-color: var(--primary);
}
.architect-page-informations .architect-information-item .type-travaux {
    background-color: var(--grey-dc);
}
.architect-page-informations .architect-information-item .type-styles {
    background-color: #f7502a;;
}
.architect-page-informations .architect-description {
    text-align: justify;
    height: 200px;
    overflow: hidden;
}
.architect-page-informations .architect-description p,
.architect-page-informations .architect-description ul {
    color: #3b4956;
    font-size: .9rem;
}
#lire-suite,
#lire-less {
    cursor: pointer;
    color: var(--primary);
    font-weight: 400;
}
.architect-page-informations .map-architect {
    width: 100%;
    height: 200px;
}
.architect-other-informations {
    margin-top: 30px;
}
.architect-other-informations .architect-other-information {
    margin-top: 15px;
}

.worker-main-content h3 {
    color: var(--grey-dc);
    margin-top: 35px;
    margin-bottom: 15px;
}
.worker-main-content h3:first-child {
    margin-top: 0;
}
.worker-main-content .skill-types h4 {
    color: var(--grey-dc);
    font-size: 1rem;
    line-height: normal;
    font-weight: 500;
    margin-top: 5px;
}
.worker-main-content .portfolio-item {
    cursor: pointer;
}
.worker-main-content .portfolio-item:first-child,
.worker-main-content .portfolio-item:nth-child(2),
.worker-main-content .portfolio-item:nth-child(3) {
    margin-top: 0;
}
.worker-main-content .portfolio-item h4 {
    color: var(--grey-dc);
    font-size: 1rem;
    line-height: normal;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 5px;
}
.worker-main-content .portfolio-item p.nb-picture {
    color: var(--grey-dc);
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 0;
}
.worker-main-content .portfolio-item .portfolio-thumbnail {
    width: 100%;
}
.modal-portfolio .modal-dialog {
    margin: 80px auto 0;
    max-width: 800px;
}
.modal-portfolio .modal-content {
    background-clip: unset;
}
.modal-portfolio .close-modal {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}
.carousel-portfolio .carousel-item {
    text-align: center;
}
.carousel-portfolio-wrapper {
    margin-top: 30px;
}
.carousel-portfolio {
    padding-bottom: 50px;
}
.carousel-portfolio .carousel-indicators li {
    background-color: var(--grey-dc);
    width: 10px;
    height: 10px;
    opacity: 1;
    border-radius: 50%;
}
.carousel-portfolio .carousel-indicators li.active {
    background-color: var(--primary);
}
.carousel-portfolio  .carousel-control-prev {
    background: url(../media/base/arrow-portfolio.png) center center no-repeat transparent;
    width: 32px;
    left: 0;
    opacity: .85;
}
.carousel-portfolio  .carousel-control-next {
    background: url(../media/base/arrow-portfolio.png) center center no-repeat transparent;
    width: 32px;
    right: 0;
    transform: rotate(180deg);
    opacity: .85;
}
.modal-portfolio .contact-txt {
    color: var(--grey-dc);
    text-align: center;
    font-size: 1rem;
}
.modal-portfolio .row-btn {
    display: flex;
    justify-content: space-around;
}
.modal-portfolio .row-btn .btn {
    display: block;
}
.modal-portfolio .row-btn .btn-wrapper {
    width: 30%;
}
.modal-portfolio .free-phone {
    text-align: center;
    color: var(--grey-dc);
    font-size: .85rem;
    line-height: normal;
    font-weight: 700;
    width: 100%;
    padding-top: 5px;
}

.architect-other-informations .architect-other-information h4 {
    color: var(--grey-dc);
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 10px;
}
.architect-other-informations .architect-other-information p {
    color: var(--grey-dc);
    font-size: .8em;
}
.architect-other-informations .architect-other-information ul,
.worker-main-content .skill-types ul {
    color: var(--grey-dc);
    padding: 0 20px;
    list-style: none;
}
.architect-other-informations .architect-other-information ul li,
.worker-main-content .skill-types ul li {
    position: relative;
    color: var(--grey-dc);
    font-size: .9rem;
}
.architect-other-informations .architect-other-information ul li::before,
.worker-main-content .skill-types ul li::before {
    content: "-";
    position: absolute;
    left: -15px;
}
.architect-other-informations .architect-other-information .btn-block {
    padding: 5px 0;
}

.second-contact-section {
    margin-top: 40px;
    background-color: var(--grey-dc);
    width: 100%;
}
.second-contact-section .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px 0 50px;
}
.second-contact-section .wrapper p {
    margin: 0;
    padding-right: 40px;
}
.second-contact-section .contact-txt {
    font-size: 1rem;
}
.second-contact-section .btn-wrapper {
    position: relative;
    padding-right: 40px;
}
.second-contact-section .btn-archi-blue {
    padding: 10px 60px;
}
.second-contact-section .free-phone {
    text-align: center;
    color: #FFF;
    font-size: .85rem;
    line-height: normal;
    font-weight: 700;
    position: absolute;
    width: 100%;
    padding-top: 5px;
}

.architect-contact {
    width: 100%;
    height: 630px;
    padding-top: 30px;
    background: url(../media/decorator/banner-btob-contact.jpg) top center no-repeat;
    margin-bottom: 60px;
}
.architect-contact .full-name-input .form-group{
    display: flex;
    justify-content: center;
}
.architect-contact h5{
    color: #FFF;
    font-weight: 500;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 30px;
}
.recall-informations {
    width: 100%;
    height: 725px;
    padding-top: 25px;
    padding-bottom: 45px;
    background-color: #60727c;
    margin-top: 20px;
    margin-bottom: 20px;
}

.recall-informations .full-name-input .form-control{
    display: flex;
    justify-content: center;
}

.recall-informations .btn-contact-form {
    color: #FFF;
    background-color: #df5f54;
    font-weight: 500;
    font-size: 0.8em;
    padding: 5px 0;
    display: block;
    text-transform: uppercase;
    border: none;
    min-height: 45px;
    max-height: 45px;
}

.recall-informations .full-name-input .form-group{
    display: flex;
    justify-content: center;
}

.recall-informations .full-name-input .firstName{
    width: 240px;
    margin-right: 15px;
}

.recall-informations .full-name-input .lastName{
    margin-left: 15px;
    width: 240px;
}

.recall-informations .previous-button{
    padding: 5px 25px;
    z-index: 10;
}

.recall-informations h5 {
    color: #FFF;
    font-weight: 500;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 30px;
}

.recall-informations .architect-contact-form {
    border: none;
    background-color: #f8f8f8;
    color: #475261;
    margin-bottom: 15px;
    font-size: .8em;
    font-weight: 100;
    display: block;
    width: 70%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    background-clip: padding-box;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.recall-informations .previous-button{
    padding: 5px 25px;
}

.recall-informations .btn-contact-form {
    color: #FFF;
    background-color: #df5f54;
    font-weight: 500;
    font-size: 0.8em;
    border-radius: 0;
    padding: 5px 0;
    display: block;
    text-transform: uppercase;
    border: none;
    margin-left: 10px;
    min-height: 45px;
    max-height: 45px;
    width: 60%;
    /* &:hover {
        color: #FFF;
    } */
}

.recall-informations textarea.form-control{
    min-height: 80px
}

.label-date{
    width: 70%;
}


.errorList {
    margin-bottom: 0;
    list-style: none;
}

.errorList .errorMsg{
    font-size: 1rem;
    font-weight: bold;
    color: #fa1b1b;
}

/* B TO C */
.header-b-to-c {
    width: 100%;
    min-height: 750px;
    padding-top: 30px;
    padding-bottom: 90px;
    background: url(../media/decorator/header-b-to-c.jpg) bottom center no-repeat;
}
.header-b-to-c .full-name-input .form-group{
    display: flex;
    justify-content: center;
}
.page-b-to-c {
    margin: 30px 0;
}
.header-b-to-c .breadcrumb .breadcrumb-item a {
    color: #FFF;
}
.section-btoc .second-col,
.header-b-to-c .second-col {
    padding: 0 40px 0 120px;
}
.section-btoc input.form-control,
.header-b-to-c input.form-control{
    padding: 12px 20px;

}
.section-btoc .full-name-input .form-group{
    display: flex;
    justify-content: center;
}
.header-b-to-c .form-control,
.section-btoc .form-control,
.popup-home-archi-call .form-control {
    border: none;
    background-color: #ebebeb;
    color: var(--grey-dc);
    font-size: .8em;
    font-weight: 300;
    min-width: 400px;
    margin-bottom: 10px;
    min-width: 250px;
}
.popup-home-archi-call .form-part-one{
    width: 250px;
}
.popup-home-archi-call ul.errorList {
    padding-left: 0px;
}
.form-popup .full-name-input .firstName,
.form-popup .full-name-input .lastName{
    min-width: 120px!important;
}
.form-popup .full-name-input .firstName{
    margin-right: 5px;
}
.form-popup .full-name-input .lastName{
    margin-left: 5px;
}
.form-popup .full-name-input .form-group{
    display: flex;
    justify-content: center;
}
.section-btoc select.form-control,
.header-b-to-c select.form-control,
.popup-home-archi-call select.form-control {
    font-size: 1em;
    font-weight: 400;
    color: var(--primary);
}

.header-b-to-c #formtop .errorList .errorMsg{
    background-color: rgba(0, 0, 0, .7);
    text-align: center;
} 
.section-btoc .full-name-input .firstName{
    min-width: 190px!important;
    margin-right: 5px;
}
.section-btoc .full-name-input .lastName{
    min-width: 190px!important;
    margin-left: 5px;
}
.section-btoc .previous-button .btn-prev{
    padding: 5px 25px;
    background-color: none;
    margin-bottom: 10px;
    z-index: 10;
}
.section-btoc .btn-contact-form {
    color: #FFF;
    background-color: var(--primary);
    font-weight: 500;
    font-size: 0.8em;
    padding: 5px 0;
    display: block;
    text-transform: uppercase;
    border: none;
    min-height: 45px;
    max-height: 45px;

    
}
.section-btoc .previous-button{
    padding: 5px 25px;
}
.section-btoc .btn-tag-send{
    width: 325px;
    margin-left: 25px;
}

/* .architect-contact {
    width: 100%;
    height: 530px;
    padding-top: 15px;
    margin-top: 80px;
    background: url(../images/banners/banner-btob-contact.jpg) top center no-repeat;
} */
.header-b-to-c .breadcrumb .breadcrumb-item,
.header-b-to-c .breadcrumb-item+.breadcrumb-item::before {
    color: #FFF;
}
.section-btoc h2,
.header-b-to-c h1 {
    font-weight: 700;
    color: #FFF;
    font-size: 2em;
}
.header-b-to-c .small {
    font-size: 90%;
    font-weight: 500;
}
.section-btoc small {
    font-weight: 500;
    font-size: 1em;
}
.page-b-to-c h2 {
    color: #FFF;
}
.col-type-project {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px;
}
.col-two-img1{
    height: 340px;
    width: 100%;
    background: url(../media/decorator/b-to-c-rappelle-2.jpg) bottom center no-repeat;
    margin-bottom: 50px;
}
.col-two-img2{
    height: 340px;
    width: 100%;
    background: url(../media/decorator/b-to-c-rappelle-4.jpg) center no-repeat;
}
.col-one-img1{
    height: 340px;
    width: 100%;
    background: url(../media/decorator/b-to-c-rappelle-1.jpg) bottom center no-repeat;
    margin-bottom: 50px;
}
.col-one-img2{
    height: 340px;
    width: 100%;
    background: url(../media/decorator/b-to-c-rappelle-3.jpg) center no-repeat;
}
.col-two-img2 h3{
    padding: 35px 108px 0px 108px;
    text-align: center;
}
.col-one-img1 h3 {
    padding: 35px 95px 0 95px;
    text-align: center;
}
.col-two-img1 h3,
.col-one-img2 h3{
    padding: 35px 75px 0 75px;
    text-align: center;
}
.btn-btoc {
    padding: 8px 36px;
    cursor: pointer;
}
.section-btoc {
    width: 100%;
    min-height: 790px;
    background: url(../media/decorator/header-b-to-c-2.jpg) bottom center no-repeat;
    margin-top: 50px;
}
.section-btoc .second-col {
    padding: 50px 40px 0 120px;
}
.section-btoc .first-col {
    padding: 50px 0 0 0;
}
body:lang(de) .section-btoc .small{
    font-size: 60%;
}
label.media {
    font-size: 0.8rem;
    margin-bottom: 0px
}
input#image {
    font-size: 0.7rem; 
    float: left;
    margin-top: 5px;
}
.container-media{
    margin-top: -10px;
    margin-bottom: 8px;
}
.btn-sub-btoc{
    margin-top: 35px
}
/** QUI SOMMES NOUS */
.header-qui-sommes-nous {
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/banner-qui-sommes-nous.jpg) top center no-repeat;
}
.page-qui-sommes-nous p {
    text-align: center;
}
/* Contactez-nous */
.header-contactez-nous{
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/banner-contactez-nous.jpg) top center no-repeat;
    margin-bottom: 30px;
}
.header-contactez-nous .first-row {
    text-align: center;
}
.header-contactez-nous .first-row .logo {
    text-align: center;
    position: relative;
    margin-bottom:30px
}
.header-contactez-nous .first-row h1 {
    text-align: center;
}
.header-contactez-nous .first-row .upper {
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
}
.header-contactez-nous .first-row .upper {
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
}
.header-contactez-nous .first-row p {
    text-align: center;
    font-weight: 500;
}
.header-contactez-nous .first-row .btn-header {
    margin: auto;
    margin-top: 15px;
    padding: 0.4em;
    width: 200px;
    font-size: 0.8em;
    font-weight: 700;
}
.content-contactez-nous .text-contactez-nous {
    color: #6e8a98;
    font-size: 1em;
    font-weight: 600;
}
.content-contactez-nous .text-contactez-nous .green {
    font-size: 2em;
    font-weight: 600;
}
/* .architect-description strong {
    font-weight: bolder;
} */
.content-contactez-nous .form-contactez-nous {
    text-align: center;
    padding-bottom: 40px
}
.content-contactez-nous p {
    text-align: center;
}
.content-contactez-nous .form-contactez-nous .form-control {
    border: none;
    background-color: #ededed;
    color: #475261;
    margin-bottom: 15px;
    font-size: .8em;
    font-weight: 100;
}
.content-contactez-nous .form-contactez-nous label{
    color: #6e8a98;
    font-size: 1em;
    font-weight: 500;
}
/* INFORMATIONS ARCHITECTES */
.header-mes-informations {
    color: #868e96;
    font-weight: 400;
    font-size: 0.9em;
}
.header-mes-informations h3 {
    font-size: 1em;
}
.header-mes-informations small {
    vertical-align: top;
}
.header-mes-informations label.error {
    color : red;
    font-size: .9em;
    font-weight: 500;
}
.header-mes-informations .btn-success {
    background-color: #98b501;
    border-color: #98b501;
}
.header-mes-informations .ajout {
    position: relative;
    padding-bottom: 30px;
    font-weight: 300;
}
.header-mes-informations .resp-label {
    font-weight: 300;
}
.header-mes-informations .ajout label.error {
    position: absolute;
    bottom: 0px;
    margin-left: -10px;
}

.header-mes-informations .info-ajout {
    position: relative;
    padding-bottom: 25px;
}
.header-mes-informations .info-ajout label.error {
    position: absolute;
    bottom: 0px;
    margin-left: -10px;
}
/* PROJETS ARCHITECTES */
.header-mes-projets {
}

.header-mes-projets .ajout,
.header-mes-projets .text-file,
.header-mes-projets .resp-label {
    font-weight: 300;
}

.header-mes-projets .btn-success {
    background-color: #98b501;
    border-color: #98b501;
}

.header-mes-projets .btn-warning {
    color: #FFF;
    background-color: var(--primary);
    border-color: var(--primary);
}
/* MESSAGES ARCHITECTES */
.header-nouveau-password .btn-en-savoir-plus,
.header-mes-projets .btn-en-savoir-plus,
.header-mes-informations .btn-en-savoir-plus,
.header-mes-messages .btn-en-savoir-plus {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #FFF;
}
/* Nouveau PASSWORD */
.header-nouveau-password  .card-deck{
    width: 450px;
}

.header-nouveau-password  .card-deck label{
    color: #868e96;
    font-weight: 300;
    font-size: 1.1em;
    margin-bottom: 15px;
}
/** B TO B */
.header-b-to-b {
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/banner-btob.jpg) top center no-repeat;
    margin-bottom: 30px;
}
.header-b-to-b .first-row {
    padding-top: 30px;
}
.header-b-to-b h1 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.5em;
}
.header-b-to-b p {
    color: #FFF;
    font-weight: 500;
    font-size: .8em;
}
.header-b-to-b .fa.green {
    margin-right: 10px;
}

.form-avis-write .form-control,
.avis-part2 .form-control,
.archi-free-contact .form-control,
.form-archi-free .form-control,
.form-b-to-b .form-control,
.b-to-b-contact .form-control,
.architect-contact .form-control,
.recall-informations .form-control {
    border: none;
    background-color: #ededed;
    color: #475261;
    margin-bottom: 15px;
    font-size: .8em;
    font-weight: 100;
}

.archi-free-contact textarea.form-control,
.b-to-b-contact textarea.form-control,
.architect-contact textarea.form-control {
    min-height: 80px;
}
.why-b-to-b {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
}
.why-b-to-b .item {
    text-align: center;
    flex: 1;
    margin: 0 25px;
    border-radius: 0;
    padding: 20px;
}
.why-b-to-b .item:first-child {
    margin-left: 0;
}
.why-b-to-b .item:last-child {
    margin-right: 0;
}
.why-b-to-b .item h4 {
    color: var(--primary);
    font-size: 1.3em;
    font-weight: 700;
}
.why-b-to-b .item p {
    color: #010101;
    font-size: .8em;
    margin: 0;
}
.develop-b-to-b {
    margin-top: 100px;
    margin-bottom: 50px;
}
.develop-b-to-b h2,
.b-to-b-futur-customer h2,
.form-b-to-b h2 {
    color: #6e8998;
    font-weight: 700;
    font-size: 2em;
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
}
.develop-b-to-b .item {
    text-align: center;
}
.develop-b-to-b .item p {
    color: #475261;
    font-size: .8em;
    margin-top: 20px;
}
.b-to-b-stats-architects {
    width: 100%;
    min-height: 420px;
    background: url(../media/banners/travaux.jpg) bottom center no-repeat #475261;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 90px;
}
.b-to-b-stats-architects p,
.b-to-b-stats-architects h3 {
    color: #FFF;
    font-size: 1.7em;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
}
.b-to-b-stats-architects h3 .green {
    font-weight: 300;
    margin-top: 30px;
} 
.b-to-b-stats-architects h3 {
    margin-top: 50px;
} 
.b-to-b-futur-customer h2 {
    margin-bottom: 70px;
}
.b-to-b-futur-customer {
    margin-top: 50px;
    margin-bottom: 50px;
}
.b-to-b-futur-customer .item {
    text-align: center;
    padding: 0 50px;
}
.b-to-b-futur-customer .item h4 {
    font-size: 1em;
    color: var(--primary);
    font-weight: 700;
    margin-top: 30px;
}
.b-to-b-futur-customer .item p {
    font-size: .8em;
    color: #626366;
}
.b-to-b-contact {
    width: 100%;
    min-height: 530px;
    padding-top: 30px;
    background: url(../media/decorator/banner-btob-contact-2.jpg) top center no-repeat;
}
.b-to-b-contact .text-contact h5 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.35em;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 30px;
}
.b-to-b-contact .text-contact p {
    color: #FFF;
    font-weight: 300;
    font-size: 1.1em;
    line-height: normal;
}
/* REMERCIEMENT B TO C */
.header-remerciement-b-to-c{
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/banner-remerciement-btoc.jpg) top center no-repeat;
    margin-bottom: 30px;
}
.header-remerciement-b-to-c .header-text-remerciement{
    font-size: 1.1em;
    font-weight: 400;
    line-height: normal;
}
.header-remerciement-b-to-c .header-text{
    font-size: 1.8em;
    font-weight: 500;
    line-height: normal;
}
.header-remerciement-b-to-c .header-text-end, 
.header-remerciement-rappelle .header-text-end {
    color: var(--primary);
    font-size: 1.2em;
    font-weight: 500;
}
.header-remerciement-b-to-c button.btn-archi-blue {
    padding: 10px 30px;
}
.header-remerciement-b-to-c .architect-society {
    text-transform: uppercase;
}
.header-remerciement-b-to-c .btn-archi-blue,
.header-remerciement-rappelle .btn-archi-blue {
    width: 190px;
}
.header-remerciement-rappelle .resend-mail-btn{
    color: #FFF;
}
/* REMERCIEMENT b to b */

.header-remerciement,
.header-remerciement-rappelle{
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/banner-remerciement-btob.jpg) top center no-repeat;
    margin-bottom: 30px;
}
.header-remerciement .header-text-remerciement,
.header-remerciement-rappelle .header-text-remerciement {
    font-weight: 450;
    font-size: 1em;
}
.header-remerciement .header-text,
.header-remerciement-rappelle .header-text {
    
    font-weight: 600;
    font-size: 1.5em;
}
/* POPUP THANKS VALIDATION MAIL */
.popup-thanks {
    transform: translateX(0px);
    position: fixed;
    width: 100%;
    height: 95%;
    display: none;
    top: 0;
    left: 0;
    z-index: 100;
    align-items: center;
    justify-content: center;
}
.popup-thanks .popup-thanks-content {
    width: 750px;
    max-width: 95%;
    background-color: rgba(255, 255, 255, .95);
    padding: 15px 55px 15px 25px;
    min-height: 300px;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.popup-thanks .popup-thanks-content .close-pop-up {
    width: 30px;
    height: 30px;
    color: #FFF;
    border-radius: 50%;
    position: absolute;
    background: #000;
    top: 25px;
    right: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.popup-thanks .popup-thanks-content .content{
    font-weight: 450;
    font-size: 1em;
    color: #000;
}
.popup-thanks .popup-thanks-content .content button{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--primary);
    color: #FFF;
}
.popup-thanks .slide-out{
    transition: transform 3s ease-out  ;
    transform: translateX(300px);
}
.popup-thanks.slide-out{
    transition: transform 1500ms ease-out  ;
    transform: translateY(200%);
}
.why-remerciement {
    margin-top: 30px;
    justify-content: center;
}
.why-remerciement .item {
    text-align: center;
    border-radius: 12px;
    padding: 10px;
    margin: 0 50px;
    flex: 1;
    background-color: #FFF;
    line-height: normal;
}
.why-remerciement .item:first-child {
    margin-left: 0;
    padding-top: 30px;
}
.why-remerciement .item:nth-child(2) {
    padding-top: 28px;
}
.why-remerciement .item:last-child {
    margin-right: 0;
}
.why-remerciement .item h4 {
    color: var(--primary);
    font-size: 1.3em;
    font-weight: 700;
}
.why-remerciement .item p {
    color: #010101;
    font-size: .8em;
    font-weight: 500;
    margin: 0;
}

/** LEGALS */
.page-legals h1 {
    color: var(--primary);
    font-size: 2em;
    margin: 20px 0;
    font-weight: 700;
}
.page-legals h2 {
    color: var(--primary);
    font-size: 1.5em;
    font-weight: 500;
}
.page-legals h3 {
    color: var(--primary);
    font-size: 1.5em;
    font-weight: 500;
}
.page-legals h4 {
    color: var(--primary);
    font-size: 1em;
    font-weight: 500;
}
.page-legals p,
.page-legals ul {
    color: #6e8998;
    font-size: .9rem;
}
.page-legals a {
    color: var(--primary);
}

/** SELECTION */
.header-selection-architect {
    background-color: #eaeced;
    padding: 30px 0;
}
.header-selection-architect .breadcrumb .breadcrumb-item,
.header-selection-architect .breadcrumb-item+.breadcrumb-item::before {
    color: #405159;
}
.header-selection-architect h1 {
    font-weight: 700;
    color: #475261;
    font-size: 2em;
    text-align: center;
    margin-bottom: 30px;
}

.header-selection-architect h3 {
    font-weight: 450;
    color: #405159;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 10px;
}
.header-selection-architect .form-search-wrapper .col-items {
    padding: 0 40px;
}
.header-selection-architect .form-search-wrapper .first-col {
    border-right: 1px solid #405159;
}
.header-selection-architect .form-check label {
    font-size: .7em;
    color: #405159;
    display: contents;
}
.header-selection-architect .form-radio-input {
    width: 15px;
    height: 15px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #FFF;
    margin-right: 5px;
    position: relative;
    top: 2px;
    cursor: pointer;
    border-radius: 50%;
 }
.header-selection-architect .form-radio-input:checked:after {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    content: "";
    background-color: var(--primary);
}
.header-selection-architect .free-no-contract {
    color: #405159;
    margin-top: 10px;
    font-weight: 500;
    text-align: center;
    font-size: .7em;
}
.central-img-selection {
    width: 100%;
    height: 650px;
    background: url(../media/banners/banner-selecteur.jpg) top center no-repeat;
}
.selection-why-choose {
    background: url(../media/banners/banner-green-small.jpg) bottom center no-repeat #b1c60d;
    padding: 20px 0 80px 0;
}

/** NEWS */
.header-news {
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/banner-news.jpg) top center no-repeat;
}
.header-news .header-news-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 250px;
}
.avis-part2 .header-title,
.header-news .header-title {
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.8em;
    font-weight: 700;
    margin: 0;
}
.avis-part2 .green,
.header-news .green {
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
    margin: 0;
}
#carousel-combles .carousel-item {
    text-align: center;
}
#carousel-combles .carousel-control-prev {
    background: url(../media/base/arrow-grey-fill.png) center center no-repeat transparent;
}
#carousel-combles .carousel-control-next {
    transform: rotate(180deg);
    background: url(../media/base/arrow-grey-fill.png) center center no-repeat transparent;
}

.page-all-news .news-item {
    /* border: 1px solid rgba(159,168,172, .5); */
    /* border-radius: 10px; */
    padding: 15px 22px;
    height: 350px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: flex-end;
}
.page-all-news .news-item .read-more {
    color: var(--primary);
    font-weight: 500;
    font-size: .8em;
    display: inline-block;
    line-height: normal;
    min-width: 40px;
}

.page-all-news .news-item .read-more:lang(en) {
    min-width: 77px;
}
.page-all-news .d-flex.justify-content-between {
    align-items: flex-end;
}
.page-news .see-all-news {
    color: var(--primary);
    font-weight: 500;
    font-size: .8em;
    display: inline-block;
    margin-top: 20px;
}

.page-content-text img{
    text-align: center;
}
.page-news .page-content-text a {
    color: var(--primary);
}
.page-news h2,
.page-news h3,
.page-news h4,
.page-news h5,
.page-news h6{
    color: #364b55;
    font-weight: 500;
}
.page-news .image-head{
    margin: 0 auto 2%;
    display: block;
}

.page-all-news .btn-archi-blue {
    padding: 7px 22px;
    margin-left: 20px;
}
.page-all-news h1 {
    margin: 20px 0px;;
}
.item-categorie {
    background-color: #e3e3e3;
    border-radius: 0;
    padding: 2px 10px;
    margin: 5px 7px;
    font-size: 1.1rem;
    color: #475261;
    border: none;
    font-weight: 300;
    cursor: pointer;
}
.checkedCategorie {
    background-color: var(--primary);
    color: #FFF;
}
.menu-categories button:focus{
    outline: none;
}
.menu-categories{
    text-align: center;
    margin-top: 20px;
}
.title-categories {
    font-size: 2.3rem;
    font-weight: 700;
    color: #475261;
}
.page-content-text{
    font-weight: 300 !important;
}
/* Setting up CKeditor classes */
.page-content-text .image-style-align-right{
    width: 500px;
    float: right;
    margin-left: 3%;
}
.page-content-text .image-style-align-center{
    display: flex;
    justify-content: center;
}
.page-content-text .image-style-align-center img{
    width: 500px;
}
.page-content-text .image-style-align-left{
    width: 500px;
    float: left;
    margin-right: 3%;
}

.title-similarly{
    font-size: 1.5rem;
    font-weight: 300;
    color: #475261;
}
.similarly-article {
    color: #475261;
}
#carousel-news-similarly{
    margin: 0px;
}
.see-article {
    color: var(--primary);
    text-align: end;
}

.date-article{
    color: var(--primary);
}
.categorie-article{
    text-align: center;
    background-color: var(--primary);
    border-radius: 0;
    color: #FFF;
    padding: 0px 15px;
    font-weight: 100;
    margin: 15px auto 15px auto;
}
.content-article{
    padding-right: 15px;
    margin-top: 10px;
    font-size: 1.1rem;
    /* height: calc(100% - 230px); */
    justify-content: space-between;
    flex-direction: column;
    display: flex;
}
.all-news .content-article{
    padding-right: 15px;
    margin-top: 10px;
    font-size: 1.1rem;
    /*height: calc(100% - 230px);*/
    justify-content: space-between;
    flex-direction: column;
    display: flex;
}
.article-plus-vue .description-article,
.article-recent .description-article {
    font-weight: 500;
    min-height: 50px;
}
.link-article{
    color: var(--primary);
    font-weight: 500;
}
.link-article-bis{
    margin: auto;
}

.link-article:hover{
    color: var(--primary);
}
.description-article{
    color: #475261;
    font-size: 1rem;
    font-weight: 400;
}
.description-article img{
    height: 0px !important;
}
.title-description-article{
    font-size: 1.6rem;
    font-weight: 600;
}
.last-article, .article-recent, .zoom, .article-plus-vue {
    color: #475261;
}
.last-article h2, .article-recent h2, .zoom h2, .article-plus-vue h2{
    color: #475261;
    font-size: 1rem;
}
.last-article .content-article{
    margin-top: 0px;
}
.last-article .description-article{
    margin-top: 0px;
    margin-bottom: 0px;
}
#top-last-article{
    display: flex;
    justify-content: space-between;
}
.title-last-article {
    text-align: start;
    font-size: 1.5rem;
    font-weight: 300;
    color: #475261;
}
.all-articles .see-all{
    text-align: center;
    font-weight: 500;
    margin-top: 25px;
    font-size: 0.8rem;
    padding: 5px 30px;
    margin: 25px auto 0px;
}
.all-articles .content-article{
    margin-bottom: 15px;
}
.row-all-articles {
    margin-top: 15px;
}
#searchKeys {
    margin-right: 10px;
    color: var(--grey-dc);
    border-radius: 10px;
}
.research-article {
    display: flex;
}
.article-recent .architect-paginate{
    margin-top: 30px;
}
.title-recent-article, .title-plus-vue-article{
    text-align: start;
    font-size: 1.5rem;
    font-weight: 300;
    color: #475261;
    margin-top: 10px;
}
.last-article .categorie-article{
    padding: 2px 50px;
    margin: 10px 0px 1rem 0px;
    display: inline-flex;
}
.last-article .link-article{
    color: var(--primary);
    font-weight: 500;
}
.last-article .title-description-article{
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 5px;
    color: #475261 !important;
}
.link-title {
    color: #475261;
}
.link-title:hover {
    color: #475261;
}
.zoom, .article-recent, .article-plus-vue {
    margin-top: 35px;
}
.zoom .date-categorie{
    display: flex;
    justify-content: space-between;
}
.news-title-container{
    min-height: 100px;
}
.zoom .content-article{
    margin-top: 0px;
}
.zoom .description-article{
    margin-top: 15px;
    margin-bottom: 20px;
}
.title-zoom-article {
    font-size: 1.3rem;
    font-weight: 300;
}
.zoom .categorie-article{
    padding: 2px 64px;
    margin: 0px 0px 1rem 0px;
    display: inline-flex;
}
#carousel-new-similarly{
    width: 100%;
}
hr{
    width: 100%;
    margin-top: -10px;
    margin-left: 15px;
    margin-right: 15px;
}
.my-account-hr{
    width: 100%;
    margin-top: 11px;
    margin-left: 130px;
    margin-right: 230px;
}
.my-account-photo-hr{
    width: 35%;
    margin-top: 11px;
    margin-left: 50px;
}
/** FOOTER */
footer .container {
    /*max-width: 800px;*/
    margin-bottom: 70px;
    position: relative;
}
footer .col-other-find-web {
    display: flex;
    flex-direction: column;
}
footer .col-other-find-web img {
    height: 60px;
}

footer .col-other-find-web img {
    height: 60px;
}

footer .col-other-find-web-first img {
    height: 55px;
    margin: 37px auto;
}
footer .col-other-find-web p, 
footer .col-other-find-web-first p {
    color: var(--grey-dc);
    font-size: .8rem;
}
footer .col-other-find-web a, 
footer .col-other-find-web-first a  {
    color: var(--grey-dc);
    font-weight: 500;
}
.architect-call {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 30px;
    margin-bottom: 60px;
}
.architect-call-left,
.architect-call-right {
    margin: 0 10px;
}
.architect-call h4 {
    color: var(--grey-dc);
}
.architect-call a.btn-archi-blue {
    width: 190px;
    margin: auto;
    padding: 10px 0;
}
.our-partner {
    margin-bottom: .2rem;
    font-weight: 500;
    line-height: 1.2;
}
.footer-logo {
    display: block;
    margin: 33px auto;
    max-width: 100%;
}
.footer-logo-ft{
    width: 45px;
    position: absolute;
    bottom: 70px;
    right: -50px;
}
.footer-logo-ft-de{
    width: 98px;
    margin: -41px 10px -57px 0px;
}
.first-logo-footer {
    width: 240px;
}
.footer-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 30px;
}
.footer-nav li {
    float: left;
}
.footer-nav a {
    text-transform: uppercase;
    font-weight: 500;
    color: var(--grey-dc);
    font-size: .6em;
    padding: 0 20px;
    position: relative;
}
.footer-nav li:first-child  a{
    padding-left: 0;
}
.footer-nav a::after {
    content: "|";
    position: absolute;
    top: 0;
    right: 0;
}
.footer-nav li:last-child a::after {
    content: "";
}
.footer-txt {
    color: var(--grey-dc);
    margin-bottom: 0.2rem;
}
.footer-txt .copyright {
    color: var(--grey-dc);
    font-size: .6em;
    font-weight: 100;
    clear: both;
}
.footer-txt h6 {
    font-size: 1em;
}
.footer-txt .link-city {
    color: var(--grey-dc);
    font-weight: 300;
    font-size: .6em;
}
.partner .link-city{
    padding-right: 3px;
    padding-left: 3px;
}
.footer-txt .find-architect {
    color: #364b55;
    font-size: .6em;
    font-weight: 100;
    clear: both;
}
.footer-txt .find-architect a {
    color: var(--primary);
}
.footer-social-links a {
    color: var(--grey-dc);
    line-height: 24px;
}
.footer-end {
    justify-content: space-between;
    align-items: flex-start;
}
.footer-logo-menu {
    justify-content: center;
}
.footer-txt{
    text-align: center;
}
.footer-txt .point-separate-footer{
    color: var(--grey-dc);
    font-weight: 300;
    font-size: .6em;
}
.point-separate-footer:last-child{
    display: none;
}
.margin-right-social{
    margin-right: 8px;
}
.logo-FT-row{ 
    display: flex;
    justify-content: end;

}
/* MODAL NUMBER*/
.modal-number {
    max-width: 600px;
    left: 50%;
    top: 75px;
    -webkit-transform: translate(-50%, 0%);
}
.modal-number .modal-header p{
    color: var(--grey-dc);
    margin: auto;
    text-transform: uppercase;
    font-weight: normal;
    font-size: .9em;
}
.modal-number .modal-body .first-line {
    color: var(--grey-dc);
    font-size: .8em;
    font-weight: normal;
}
.modal-number .modal-body .number {
    color: #000;
    /* font-size: 2em;
    font-weight: 600; */
}
.modal-number .modal-body .not-overtaxed {
    font-size: 0.8em;
    font-weight: 600;
}

.modal-number .modal-body .last-line {
    color: var(--grey-dc);
    font-size: .8em;
    font-weight: normal;
}
.modal-number .modal-header {
    border-bottom: none;
    margin-bottom: -45px;
}
.modal-number .btn-show-number{
    width: 100%;
}
/* AVIS */
.page-avis-footer{
    width: 100%;
    min-height: 259px;
    margin-top: 50px;
    margin-bottom: 50px;
    background: url(../media/banners/banner-footer-avis.jpg) bottom center no-repeat;

}
.page-avis {
    color: #FFF;
    width: 100%;
    height: 259px;
    padding-top: 30px;
    background: url(../media/banners/banner-header-avis.jpg) top center no-repeat;
}
.page-avis h1{
    font-size: 1.7rem;
    margin-top: 25px;
    margin-bottom: 25px;
}
.request {
    color: var(--grey-dc);
}
.request h3 {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.request .avis-item{
    margin-right: 15px;
    color: var(--grey-dc);
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
}
.request .request-validate-carousel{
    margin-top: 50px;
}
.request .btn-inscription{
    padding: 10px 25px;
}
.page-avis .avis-item{
    margin-right: 15px;
    color: #FFF;
    text-decoration: none;
}
.page-avis a{
    font-weight: 400;
    font-size: 1rem;
}
.avis-part2.porteur{
    height: 410px;
    width: 100%;
    background: url(../media/banners/banner-you-architect.jpg) bottom center no-repeat #60727c;
    margin-top: 30px;
    margin-bottom: 25px;
}

.avis-part2{
    height: 490px;
    width: 100%;
    background: url(../media/banners/banner-you-architect.jpg) bottom center no-repeat #60727c;
    margin-top: 50px;
    margin-bottom: 25px;
}

.avis-part2 h2{
    font-size: 21px;
    text-align: center;
}
.avis-part2 .first-col{
    padding-top: 85px;
    padding-left: 30px;
    font-size: 1rem;
    font-weight: 500;
}
.avis-part2 .second-col{
    padding-top: 50px;
}
.avis-part2 .form-avis{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.avis-part2 .form-avis button,
.avis-part2 .form-avis input{
    width: 80%;
}
.avis-part2 .header-title{
    margin-top: 30px;
}
.request .active-color,
.page-avis .active-color{
    border-bottom: solid var(--primary);
}
.page-avis .header-avis{
    margin-bottom: 20px;
}
.section-avis {
    color: var(--grey-dc);
    margin-top: 50px;
}
.section-avis .carousel-control-prev{
    width: 40px;
    left: -40px;
    background: url(../media/base/arrow-grey-fill.png) center center no-repeat transparent;
}

.section-avis .carousel-control-next{
    transform: rotate(180deg);
    width: 40px;
    right: -40px;
    background: url(../media/base/arrow-grey-fill.png) center center no-repeat transparent;
}
.request .avis,
.section-avis .avis{
    width: 80%;
    margin: auto;
}
.form-avis-write-content {
    width: 50%;
}
.form-avis-write h1{
    color: var(--grey-dc);
    margin-bottom: 30px;
}
.avis-name {
    font-weight: 400;
}
.request_content {
    margin: 30px 0px;
}
.section-avis #form-search,
.request #form-search-request{
    margin-top: 30px;
}
.navigation {
    display: flex;
    justify-content: center;
}
/* MODAL EMAIL*/
.modal-email {
    /* max-width: 500px;
    left: 50%;
    top: 75px;
    -webkit-transform: translate(-50%, 0%); */
}
.modal-email {
    margin: 2em auto;
}
.modal-email .modal-body .form-group-left{
    padding-left: 0.5em!important;
}
.modal-email .modal-body .form-group-right{
    padding-right: 0.5em!important;
}

.modal-email .btn-prev{
    background-color: transparent;
    color: var(--primary);
    padding: 2px 25px;
    position: absolute;
    z-index: 10;

    /* @media screen and (max-width: 425px) {
        position:initial;
    } */
}
.modal-email .btn-prev:hover{
    background-color: var(--primary);
    color: #FFF;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: auto;
    color: #000;
    top: 10%;
    padding-bottom: 20%;
}
.modal-content{
    position: relative;
    flex-direction: column;
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    background-color: #fffefe;
    background-clip: unset;
}
.modal-email .modal-header p {
    color: #000;
    margin: auto;
    text-transform: uppercase;
    font-weight: normal;
    font-size: .9em;
}
.modal-email .modal-body p {
    color: #000;
    font-size: .6em;
    font-weight: normal;
}
.modal-email .modal-body .form-group {
    padding-left: 1.5em;
    padding-right: 1.5em;
}
.modal-email .modal-body .form-control{
    min-height: 30px;
}
.modal-email .modal-body strong {
    font-size: 1.2em;
}
.modal-email .modal-footer {
    display: block;
    margin: auto;
}
.modal-email .modal-footer .btn-archi-blue {
    padding: 5px 25px;
}
.modal-email .container-media {
    margin-top: 0px;
    line-height: 15px;
    margin-bottom: 10px;
}
.modal-email .modal-header {
    border-bottom: none;
    margin-bottom: -30px;
}
.modal-email .modal-footer {
    border-top: none;
    margin-top: -20px;
}
.modal-footer .btn-archi-blue {
    padding: 5px 25px;
}
.modal-footer ul.errorList {
    padding-left: 0px;
}
/** COOKIE BANNER */
.cookie-banner {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #e9edf0;
    padding: 10px 20px;
}
.cookie-banner p {
    color: var(--grey-dc);
    font-size: .8em;
    text-align: center;
    margin: 0;
}
.cookie-banner a, 
.cookie-banner span {
    color: var(--grey-dc);
    text-decoration: underline;
    font-weight: 500;
    cursor: pointer;
}
.cookie-banner .fa {
    font-size: 1.1em;
    color: #000;
    margin-left: 10px;
    cursor: pointer;
}
#accept{
    padding-top: 7px;
}

#blacklistPage {
    font-size: 1rem !important;
}
/* Mon Compte architecte */

#content-intra{
    color: #000;
}

.header-mon-compte {
    width: 100%;
    margin-bottom: 30px;
}
.header-mon-compte .top-bar {
    background-color: var(--primary);
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    height: 60px;
}
.header-mon-compte .minus-mg{
    margin-left: 0px;
    margin-right: 0px;
}
.header-mon-compte .f-right{
    float: right;
    font-size: 1.1rem !important;
}
.header-mon-compte .f-right a{
    color: #FFF;
}
.header-mon-compte .inline-element {
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 8px 0px 8px 0px;
    padding: 0px 0px 0px 15px;
}

.header-mon-compte .element-referent {
    margin: 8px 0px 8px 0px;
    padding: 0px 0px 0px 15px;
}
.header-mon-compte .personnel-input{
    max-height: 24px;
}
#intra-form-info #parameters span{
    padding-bottom: 2%;
}
#intra-form-info #parameters .input-media{
    border: none;
}
.header-mon-compte .lab {
    margin-right: 10px;
    font-size: 0.8em;
    margin-bottom: 0px;
    white-space: nowrap;
}
.header-mon-compte #dataTable,
.header-mon-compte #table-messages {
    font-size: 0.9em;
}
.header-mon-compte .bk-cl{
    background-color: #46535a !important;
}
.header-mon-compte .itemMenu {
    background-color: #5e7e8d; 
    color: white; 
    display: block;
    padding: 12px; 
    text-decoration: none; 
    font-weight: 500;
    font-size: 1.1rem;
    margin-bottom: 6px;
}
.header-mon-compte .green-item {
    background-color: var(--primary);
}
.header-mon-compte .green-item:hover {
    background-color: var(--primary) !important;
}
.header-mon-compte .vertical-item ul {
    padding-inline-start: 12px;
    font-size: 1rem;
}
.header-mon-compte .vertical-item li {
    color: var(--grey-dc);
    list-style:none;
}
.header-mon-compte .vertical-item a {
    color: var(--grey-dc);
}
.header-mon-compte .vertical-item i {
    float: right;
}
.header-mon-compte .itemMenu:hover {
background-color: #46535a;
}
.header-mon-compte .top-bar p {
    font-size: 1.4rem;
    margin: 0;
}
.header-mon-compte .ct-sp  {
    font-size: 1.7rem;
    font-weight: 200;
    text-transform: uppercase;
}
.header-mon-compte h2::after{
    content: "\f0dd";
    float: right;
    font: normal normal normal 14px/1 FontAwesome;
}
.header-mon-compte h2.collapsed::after{
    transform: rotate(270deg);
}
.header-mon-compte .ft-weight-bold{
    font-weight: 500;
    color: #46535a !important;
}
.header-mon-compte .div-soumettre {
    padding-right: 0px;
}
.header-mon-compte .btn-soumettre{
    padding: 5px 45px;
}

.header-mon-compte .separateur,
#criteria-list .separateur{
    margin-top: 30px;
    background-color: #5d7d8c;
    height: 1px;
    display: block;
    width: 100%;
}
.header-mon-compte .my-picture{
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.header-mon-compte .my-picture img{
    margin-left: 15px;
}
.header-mon-compte .my-picture .text{
    margin-left: 15px;
    font-size: 0.8em;
}
.header-mon-compte .my-picture .text label{
    margin-top: 1rem;
}
.header-mon-compte .petit-description,
.header-mon-compte .description {
    padding-right: 0px;
    padding-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}
.header-mon-compte .div-soumettre-infos,
.header-mon-compte .div-soumettre-reseaux,
.header-mon-compte .text-color .row {
    margin: 0px 0px 0px 0px !important;
}
.header-mon-compte #workType,
.header-mon-compte #propertyType {
    flex-flow: wrap;
    display: flex;
    margin-left: -15px;
    margin-top: 8px;
}

.header-mon-compte #sortableLng {
    margin-left: -15px;
    flex-flow: wrap;
    display: flex;

}
.header-mon-compte #mPropertyType,
.header-mon-compte .div-load-img,
.header-mon-compte #table-messages,
.header-mon-compte #table-images,
.header-mon-compte #styleType,
.header-mon-compte #missionType{
    margin-top: 8px;
}
.header-mon-compte #missionType,
.header-mon-compte #styleType {
    width: 100%;
}
.header-mon-compte #idMission,
.header-mon-compte #idStyle {
    padding-left: 0px;
}
.header-mon-compte .content-photos,
.header-mon-compte #content {
    margin-left: 15px;
}
.header-mon-compte .text-color span:first-child {
    margin-bottom: 15px;
}
.header-mon-compte .header-mes-messages .content-messages {
    margin-left: 15px;
    min-width: 98%;
}
.header-mon-compte td,
.header-mon-compte th {
    font-weight: 300;
}
.header-mon-compte .item-load-img {
    padding-left: 0px;
    padding-right: 5px;
}
.header-mon-compte .content-photos #dataTable,
.header-mon-compte #loadImage{
margin-top: 10px !important;
}
.header-mon-compte .item-load-img img {
    max-width: 100%;
}
.header-mon-compte .div-img {
    display: flex;
    align-items: center;
}
.header-mon-compte input[type="checkbox"] {
    margin-right: 5px;
}
.header-mon-compte span.contenu-item {
    font-weight: 400;
    line-height: 5px;
    font-size: 1em;
}
.header-mon-compte th.thead-item {
    font-weight: 400;
    font-size: 1.1em;
}
.header-mon-compte #div-click {
  text-decoration:none; 
  position:relative; 
}
.header-mon-compte #div-click span {
    display:none; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    color:black; 
    background-color: #eff1f3; 
    font-size:10px; 
    font-style:italic; 
}
.header-mon-compte #div-click:hover span {
    display: block;
    position:absolute; 
    top:35px; 
    right: 0px;
    z-index:1000; 
    width:auto; 
    min-height:20px; 
    border:1px solid #eff1f300; 
    overflow:hidden; 
    padding:8px; 
    right: 0px;
}
.header-mon-compte .compte,
.header-mon-compte .reseaux {
    margin-left: -15px;
}
.header-mon-compte .help .sous-title {
    font-size: 1.2em;
    font-weight: 400;
}
.header-mon-compte .help {
    font-size: 0.9em;
}
.header-mon-compte .help p {
    margin-bottom: 5px;
    margin-top: 5px;
}
.header-mon-compte .help .ct-sp {
    padding-left: 0px;
    margin-bottom: 15px;
}
/* .header-mon-compte .help .under-rule {
    text-indent: 3%;
} */
.header-mon-compte .change-mdp {
    color: #FFF;
}
.header-mon-compte #precisionDescriptif {
    font-size: 1rem;
}
.header-mon-compte #rules{
    font-size: 2rem;;
}
.header-mon-compte .group{
    border: 1px solid #5e7e8d;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 5px;
}
/* Page de connexion */
.header-selection {
    color: #868e96;
    font-weight: 600;
    font-size: 1em;
}
.page-connect-susbcription {
    color: #868e96;
    font-weight: 300;
    font-size: 1em;
}
.form-login {
    margin-right: 30px;
    width: 350px;
    margin: auto;
}
.error-message {
    width: 353px;
    text-align: center;
}
.form-mdp-lost .form-control,
.form-login input.form-control{
    border: none;
    background-color: #ededed;
    color: #475261;
    margin-bottom: 5px;
    font-size: .8em;
    font-weight: 100;
}
.form-login input#remember_me{
    margin-right: 2%;
}
.form-login label{
    font-size: .8em;
}
.page-connect-susbcription .mdp-lost {
    color: var(--grey-dc);
    font-size: 0.7em;
    font-weight: 100;
}
/* mot de passe perdu */
.page-mdp-lost .form-mdp-lost{
width: 350px;
}
.page-legals-text h1{
    font-size: 1.5em;
    color: #fab43e;
}
/** POP UP */
.popup-home-archi-call-content {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    z-index: 100;
}
.popup-home-archi-call-content .btn-tag-send{
    width: 190px;
    margin-left: 15px;
}
.popup-home-archi-call-content .previous-button{
    padding: 10px 15px;
}
.popup-home-archi-call-content .btn-tag-send{
    width: 190px;
    margin-left: 15px;
}
.popup-home-archi-call-content .btn-contact-form,
.architect-contact .btn-contact-form,
.recall-informations .btn-contact-form {
    color: #fff;
    background-color: var(--primary);
    font-weight: 500;
    font-size: .8em;
    padding: 5px 0;
    display: block;
    text-transform: uppercase;
    border: none;
}
.architect-contact .full-name-input .firstName {
    width: 260px;
    margin-right: 10px;
}
.architect-contact .full-name-input .lastName {
    width: 260px;
    margin-left: 10px;
}
.architect-contact .previous-button{
        padding: 5px 25px;
        z-index: 10;
        /* @media screen and (max-width: 425px) {
            position:initial;
        } */
}
.architect-contact .btn-contact-form {
    color: #FFF;
    background-color: var(--primary);
    font-weight: 500;
    font-size: 0.8em;
    padding: 5px 0;
    display: block;
    text-transform: uppercase;
    border: none;
    margin-left: 10px;
    min-height: 45px;
    max-height: 45px;
}
.architect-contact .btn-contact-form:hover {
    color: #FFF;
} 
.architect-contact .btn-next{
    width: 60%;
}
.popup-home-archi-call-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-home-archi-call {
    width: 750px;
    max-width: 95%;
    background-color: rgba(78, 182, 185, .95);
    padding: 15px 55px 15px 25px;
    min-height: 350px;
    /* border-radius: 20px; */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.popup-home-archi-call .close-pop-up {
    width: 30px;
    height: 30px;
    color: #FFF;
    border-radius: 50%;
    position: absolute;
    background: #000;
    top: 25px;
    right: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.popup-home-archi-call .text,
.popup-home-archi-call .form {
    padding: 0 25px;
}
.popup-home-archi-call .text {
    font-weight: 500;
    line-height: normal;
}
.popup-home-archi-call .text .title {
    font-size: 1.8em;
    color: #FFF;
}
.popup-home-archi-call .form-control {
    margin-bottom: 10px;
    min-width: 250px;
}
.popup-home-archi-call .form .small {
    font-size: 50%;
    text-align: center;
    margin-top: 15px;
}

/* rgba(78, 182, 185, .95); */

/* Site map */
.page-all-site-map .link-site-map {
    color: var(--grey-dc);
    text-transform: uppercase;
    font-size: .8em;
}
.page-all-site-map h3 {
    color: #475261;
    font-weight: 500;
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 30px;
}
.page-all-site-map .paginate {
    text-align: center;
    color: #475261;
    padding: 0px 8px;
    border: solid #475261 1px;
}
/* page 404 */
.page-error .first-part{
    /* margin: 30px 30px 70px 30px; */
    margin: 30px 0px 70px;

}
.page-error .img-responsive {
    /* max-width : 100%; */
    max-width : 100%;
    /* height: auto; */
    min-height: 300px;
    display: block;
    margin: 40px auto 0px;
}
.page-error .img404{
    background-image: url('../media/base/img-404-TMA.png');
}

.page-error .img500{
    background-image: url('../media/base/img-500-TMD.png');
}

.img-error-properties{
    background-repeat: no-repeat;
    background-size: 31%;
    background-position: center;
}

.grecaptcha-badge{
    visibility: hidden !important;
    bottom: 100px!important;
    z-index: 100;
}

/*** HOME INTRANET ***/

.container-account{
    margin-top: 2%;
}

.info-section{
    margin-bottom: 2%;
}

.grey-section-account{
    background-color: #f1f1f1;
}

.worker-info-img{
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 8px 0px 8px 0px;
}

#logo-worker{
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 8px 0px 8px 0px;
    filter: grayscale(1);
}

#img-criteria{
    height: 160px;
    width: 120px;
}

.worker-account-info-intra{
    margin-top: auto;
    margin-bottom: auto;
}

.worker-account-info-intra p
{
    color : #000
}

.worker-account-info-intra p{
    margin-bottom: 0px;
}

.worker-account-info-intra .subtitle-account{
    font-size: 0.95rem;
}

.worker-intra-button{
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: flex-end;
    margin: 8px 0px 8px 0px;
    padding-bottom: 8px;
}

.worker-intra-button a{
    margin-right: 2%;
}

/* TODO revoir le CSS */

.info-section .grey-section-account .btn-archi-blue-intra,
#edit-info-section .btn-archi-blue-intra,
#add-pictures-section .btn-archi-blue-intra,
#pictures-box .btn-archi-blue-intra,
#send-new-img .btn-archi-blue-intra,
#search-faq .btn-archi-blue-intra,
#faq-no-result .btn-archi-blue-intra{
    color: #FFF;
    background-color: #d31e48;
    font-weight: 500;
    font-size: .8rem;
    border-radius: 0px; 
    padding: 15px 45px!important;
    display: block;
    text-transform: uppercase;
    border: none;
}

.info-section .grey-section-account .btn-archi-blue-intra:hover {
    color: #FFF;
    text-decoration: none;
}

#blue-question{
    color: #FFF;
    background-color: #d31e48;
}

#blue-question h3{
    text-align: center;
    padding: 20px 0px;
    margin-bottom: 0;
    font-size: 1.25rem;
}

.group-bloc-actions{
    margin-bottom: 1%;
}

.bloc-account-actions{
    height: 180px ;
    background-color: #f1f1f1;
    color: #000;
    text-align: center;
    padding: 15px 15px;
}

.fontawesome-title{
    font-size: 50px;
    color: #d31e48;
}

.action-title{
    margin-bottom: 10px;
}

.action-subtitle{
    font-size: 0.875rem;
    padding: 0px 40px;
}

.bloc-account-actions img{
    width: 20%;
}

.help,
.community{
    background-color: #fff;
    border : 3px solid #f1f1f1;
}

.bloc-account-actions .share-community-description{
    padding: 0px 15px;
}

.disconnect-bloc {
    margin-top: 3%;
    margin-bottom: 3%;
}

.disconnect-bloc  a.disconnect-account{
    color: #000;
    text-align: center;
    font-size: 0.95rem;
}

.disconnect-bloc  a.disconnect-account:hover{
    text-decoration: none;
    color: #000;
}

/*** BASE-COMPTE INTRANET ***/

#container-intranet-worker{
    margin-top: 5%;
}

#worker-card{
    padding-bottom: 5%;
    border-bottom: 1px solid black;
    margin-bottom: 2%;
}

#disconnect-remember{
    margin: 0 0 10% 0;
}

#worker-info{
    padding-right: 0px!important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#worker-info p{
    font-size: 1.1rem;
    margin-bottom: 0px;
}

#worker-info p#worker-fullname{
    font-weight: 500;
}

.modify-account a{
    font-size: 0.95rem;
    color: #d31e48;
    font-weight: 400;
    display: inline-block;
    width: 100%;
}

#worker-info a:hover{
    color: #d31e48;
}

#disconnect-remember{
    font-size: 0.95rem;
}

#disconnect-remember a{
    color: #000;
    font-weight: 400;
}

#disconnect-remember a:hover{
    color: #000;
}

#intra-nav{
    flex-direction: column;
}

#intra-nav a{
    width: 100%;
}

#intra-burger{
    margin: auto;
    margin-bottom: 5%;
}

#sidebar-intra nav{
    padding-right: 0px!important;
    padding-left: 0px!important;
}

.navigation-bloc{
    background-color: #f1f1f1;
    margin: 0 0 5% 0;
    color: #000;
    height: 65px;
    font-weight: 400;
}

.selected-bloc{
    background-color: #5d5d5d;
    color: #fff;
}

.navigation-icon{
    font-size: 2.6rem;
    text-align: center;
    padding-right: 0px!important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #d31e48;
}

.navigation-bloc .navigation-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.8rem;
}

.navigation-bloc .navigation-title p{
    margin-bottom: 0px!important;
}

.navigation-bloc div img{
    height: 50px;
}

#logo-community{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-right: 0px;
}

#logo-community img{
    margin: auto;
}

/*** TEMPLATE MAILS ***/

.worker-info-button{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    margin: 8px 0px 8px 0px;
    padding-bottom: 8px;
    /* padding-right: 30px; */
}

.worker-info-button a{
    font-size: 0.7rem;
}

.intra-breadcrumbs .breadcrumb-item-intra a {
    color: #c7c7c7;
}

.intra-breadcrumbs .active a{
    color:#000;
}

.intra-breadcrumbs{
    margin-bottom: 2%;
    font-size: 1.8rem;
    border-bottom: 1px solid #c7c7c7;
}

.intra-breadcrumbs ol{
    margin-bottom: 0;
}

#intra-worker-mails{
    color:#000;
}

.intra-breadcrumbs .breadcrumb-item{
    font-weight: 100;
    color: #c7c7c7;
}

.intra-breadcrumbs .active::before{
    color: #c7c7c7;
}

.intra-breadcrumbs .active{
    font-weight: 400;
    color: #000;
}

.msg-date-button{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 1rem;
    padding-top: 2px;
}

.msg-date-button p{
    margin-bottom: 0;
}

.msg-date-button a{
    color: #000;
}

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

.font-eye i{
    padding: 10%;
    border-radius: 50%;
}

.font-new{
    background-color: var(--primary);
}

.toggle-new{
    font-weight: 500;
}

.mail-item{
    margin-bottom: 2%;
}

.mail-content p{
    margin-bottom: 0;
}

.mail-content .mail-message{
    padding: 15px;
    background-color: #f1f1f1;
}

.mail-content .from-subject-msg{
    font-size: 1rem;
    margin-bottom: 2%;
    line-height: 20px;
}

.mail-content .read-message{
    font-size: 0.85rem;
}

.mail-notes{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #c43859;
    position: relative;
}

.write-note{
    text-align: center;
}

.write-note i{
    font-size: 5rem;
    margin-bottom: 3%;
}

.write-note p{
    margin-bottom: 0;

}

.displayed{
    background-color: #936b5f;
}

.display-note {
    height: 80%;
}

.display-note p{
    margin-bottom: 0;
    font-size: 0.85rem;
    background-color: #936b5f;
}

.display-note textarea{
    height: 100%;
}

.note-textarea{
    background: transparent;
    border: none;
}

.note-textarea:focus{
    background: transparent;
    border: none;
}

.note-textarea:disabled{
    background: #936b5f;
    opacity: 0.5;
    border: none;
}

/** FACTURES INTRA **/

#intra-worker-bills p.subscribe-since{
    font-weight: 400;
    color: black;
}

#bloc-manager p span,
#intra-worker-bills p span{
    color: #d31e48;
}

#coordinates-changes{
    margin-bottom: 3%;
}

#coordinates-changes #collapseMailInput{
    margin-top: 5%;
}

#intra-worker-bills #bill-form{
    padding-bottom: 2%;
    border-bottom: 1px solid #f1f1f1;
}

#bill-box{
    margin-top: 2%;
}

.bill-row{
    margin-bottom: 2%;
}

.bill-item{
    text-align: center;
}

.bill-item p{
    color: #000;
}

.bill-item a div{
    margin-bottom: 5%;
}

.bill-item a div i{
    font-size: 4.5rem;
    color:red;
}

.bill-item p{
    font-size: 1.0rem;
}

/** FOLLOWS INTRA **/

#input-box .date-bloc{
    margin-top: 2%;
    margin-bottom: 2%;
}

#input-box .date-bloc label{
    width: 25%;
}

#input-box .date-bloc .date-picker{
    display: inline;
    width: 50%;
}

#add-input-date:hover{
    cursor: pointer; 
}

#form-availabilities button{
    padding: 1% 1%;
}

#form-availabilities label,
#form-availabilities p{
    font-size: 1rem;
}

#bloc-manager div p{
    font-weight: 300;
    margin-top: 4%;
}

#send-mail-manager a{
    color: #000;
}

#send-mail-manager a i{
    font-size: 2.6rem;
    color: #d31e48;
}

#bloc-appointment p {
    font-size: 1rem;
}

#responsive-link{
    display: none;
}

.spinner-border{
    margin:auto;
}

a#getFollowMails{
    color: #FFF;
}

.follow-mail-item{
    padding-bottom: 1%;
    margin-bottom: 1%;
}

.follow-mail-item p{
    font-size: 0.95rem;
}

.follow-mail-item .separateur{
    padding-bottom: 10px;
    margin-bottom: 10px;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}
/** NEW MODIFICATION FORM **/

#content-intra .nav-edit-profile li .nav-link{
    color: #000;
    font-weight: 400;
}

#content-intra .nav-edit-profile li .active-nav-link{
    color:#d31e48
}

#edit-profile-picture label{
    cursor: pointer;
    background-color: #d31e48;
    padding: 7%;
    border-radius: 50%;
    font-size: 2rem;
    line-height: 0.9rem;
    position: absolute;
    bottom: 0;
    right: -10px;
    color: #FFF;
}

#edit-profile-picture input,
#coordinates-changes #iban-edit input{
    opacity: 0;
    position: absolute;
    z-index: -1;
}

#edit-info-section{
    background-color: #f1f1f1;
    margin-right: 0%;
    margin-bottom: 5%;
}

#edit-info-section .btn-archi-blue-intra{
    padding: 15px 10px!important;
}

#edit-info-section .worker-info-img #edit-profile-picture
{
    margin-right: 2%;
    margin-left: 2%;
    position: relative;
}

#edit-info-section .worker-info-img #edit-profile-picture img{
    padding: 0;
}

#intra-form-info .inline-element{
    margin-bottom: 2%;
}

#intra-form-info .inline-element .personnel-input{
    padding: 25px 15px;
    border-radius: 0;
}

#content-intra .div-soumettre .btn-intra-submit{
    border-radius: 0;
    padding-right: 5%;
    padding-left: 5%;
    margin-bottom: 10%;
}

.nav-edit-profile{
    margin-bottom: 2%;
    font-size: 1.1rem;
}

#content-intra #description-edit .description,
#content-intra #description-edit .petit-description {
    margin-top: 15px;
    margin-bottom: 15px;
}

/** CRISTERIA LIST **/

#criteria-list{
    color: #000;
}

#criteria-list h2,
#criteria-list h3{
    font-size: 1.3rem!important;
}

#criteria-list .criterias-indications {
    margin-bottom: 4%;
}

#criteria-list .criterias-indications ul{
    list-style-type: none;
    font-weight: 500;
    font-style: italic;
    padding-left: 0;
}

#criteria-list .criterias-indications ul li{
    font-size: 1rem;
    line-height: 1.1rem;
}

#content-intra .vert{
    color: #7cd101;
}

#criteria-list .btn-section {
    margin-top: 2%;
    margin-bottom: 2%;
}

#criteria-list .btn-section button{
    padding: 1%;
    border-radius: 0;
}

.criteria-box label{
    font-weight: 400;
    font-size: 1rem;
}

#content-intra #add-pictures-section{
    color: #000;
    background-color: #f1f1f1;
}

#add-pictures-section .btn-archi-blue-intra{
    margin-top: 5%;
    margin-bottom: 5%;
}

#add-pictures-section #sheet-hint-picture{
    height: 100%;
}

#add-pictures-section p{
    margin-bottom: 0;
    margin-left: 5%;
    font-size: 1.15rem;
}

#pictures-box{
    margin-bottom: 10%;
}

.submit-notice{
    font-size: 0.95rem
}

#indications-pictures{
    font-size: 0.95rem;
    margin-top: 7%;
    margin-bottom: 5%;
}

#indications-pictures p{
    margin-bottom: 0;
}

.submit-notice-pictures{
    padding-top: 3%;
    border-top: 2px solid #f1f1f1;
}

#content-intra #pictures-box .borders-box{
    padding-top: 2%;
    padding-bottom: 2%;
    border-top: 2px solid #f1f1f1;
}

#add-pictures-section label{
    cursor: pointer;
    /* font-size: 2rem; */
    /* line-height: 0.9rem; */
}

#add-pictures-section input,
.pictures-modification-form input.edit-picture-input{
    opacity: 0;
    position: absolute;
    z-index: -1;
}

#new-picture-form #new-picture-details{
    margin-top: 4%;
    margin-bottom: 2%;
}

#number-position{
    width: 10%;
    text-align: center;
}

.size-notice{
    font-size: 0.75rem;
}

#new-picture-details h3,
#pictures-box h3{
    font-size: 1rem;
}

#pictures-box .btn-picture-delete{
    color: #FFF;
    font-weight: 500;
    font-size: .8rem;
    border-radius: 0px;
    display: block;
    text-transform: uppercase;
    border: none;
    background-color: var(--primary);
}

.input-group-text{
    width: 200px;
    border-radius: 0;
}

.btn-light{
    color: #000!important;
    width: 350px!important;
    background-color: #FFFFFF;
    border-radius: 0;
    border-color: #ced4da;
}


/* HELP */

.faq-title{
    font-size: 1.5rem;
    color: #28b5ed;
}

.faq-content{
    font-size: 1rem;
}

#search-faq {
    margin-bottom: 5%;
}

#search-faq .btn-archi-blue-intra{
    padding: 10px 45px!important;
}

/* Parameters */

#parameters .separateur{
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #c7c7c7;
    height: 1px;
    display: block;
    width: 100%;
}

#parameters .btn-intra-submit{
    padding: 1%;
    border-radius: 0;
}

#parameters .parameters-title{
    margin-bottom: 20px;
}

/* // IMPORTANT FOR THE MODAL AUTOCOMPLETE */
.modal{
    z-index: 20;   
}
.modal-backdrop{
    z-index: 10;        
}

.linking-wrapper{
    background-color: #FFF;
    padding: 25px 20px;
    margin-bottom: 30px;
    width: 100%;
}

.linking-wrapper h2 {
    font-size: 1.3rem;
}

.linking-wrapper h2 a {
    color: var(--primary);
    font-weight: bold;
}


.linking-wrapper p {
    margin-bottom: 0;
    font-size: 1rem;
}

.linking-wrapper p a {
    color: var(--primary);
    font-weight: bold;
}

.linking-wrapper .linking-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    color: #000;
    margin: 0;
}

.linking-wrapper ul a {
    color: #000;
    font-size: 1rem;
}
.linking-wrapper-sidebar {
    background-color: #FFF;
    padding: 10px;
}
.linking-wrapper-sidebar h2 {
    font-size: .9rem !important;
    margin-bottom: 10px;
    margin-top: 20px;
}
.linking-wrapper-sidebar p {
    font-size: .9rem;
}
.linking-wrapper-sidebar a {
    color: var(--primary);
}
.linking-wrapper-sidebar .linking-list {
    font-size: .9rem;
    color: #000;
    margin: 0;
    padding-left: 30px;
}
.linking-wrapper-sidebar ul a {
    color: #000;
    font-size: .9rem;
}
.spun-text{
    background-color: #FFF;
    padding: 25px 20px;
    margin-bottom: 30px;
    font-size: .9rem !important;
}
.spun-text p, li {
    margin: 0;
    font-size: .9rem !important;
}
.spun-text h2 {
    font-size: 1.50rem !important;
    margin: 0.5rem 0!important;
}
.spun-text h3 {
    font-size: 1.15rem !important;
    margin: 0.5rem 0!important;
}
.spun-text h4 {
    font-size: 1.05rem !important;
    margin: 0.7rem 0 0.5rem!important; 
}
.spun-text ol{
    padding-top: 1rem;
}
.before-spun {
    display: flex;
    flex-direction: column-reverse;
}
footer .container .architect-call{
    width: 100%;
    margin: auto;
}

footer .container-ph-dc{
    max-width: 1140px;
    margin-top: 10px;
}

footer .container .architect-call .content{
    width: 100%;
}

footer .container .architect-call .col-footer-img-call .img-architect-call{
    height: 175px;
    max-width: 175px;
    object-fit: cover;
}

footer .container .architect-call .text-footer-archi-call {
    font-size: 18px;
    font-weight: 400;
    color: #364b55;
    text-align: left;
}

footer .container .architect-call .btn-footer-archi-call {
    background-color: var(--primary);
    color: white;
    font-weight: 500;
    font-size: 12px;
    display: block;
    text-transform: uppercase;
    min-height: 45px;
    max-height: 45px;
    min-width: 175px;
    max-width: 175px;
    line-height: 1;
}

footer .container .architect-call .btn-footer-archi-call:hover {
    color: white;
}

footer .container .linking-wrapper-sheet .linking-list{
    padding-left: 20px;
}

.linking-wrapper-sheet {
    margin-top: 10px;
}

.linking-wrapper-sheet h2{
    color: #364b55!important;
}

.home-list-departments {
    margin-bottom: 40px;
}
.home-list-departments h3{
    color: var(--grey-dc);
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.2;
}
.home-list-departments p.intro{
    font-weight: 400;
    font-size: .9rem;
    color: black;
    text-align: center;
}
.home-list-departments .department {
    margin-top: 15px;
    max-height: 200px;
    position: relative;
    overflow: hidden;
}
.home-list-departments .department .wrapper {
    background-color: #f5f5f5;
    padding: 10px 20px;
    min-height: 180px;
    max-height: 180px;
    position: relative;
}
.home-list-departments .department h4{
    color: var(--primary);
    font-size: 1.1rem;
    font-weight: 500;
}
.home-list-departments .department h4 a{
    color: var(--primary);
}
.home-list-departments .department ul{
    list-style: none;
    padding: 0;
}
.home-list-departments .department li a {
    color: var(--primary);
    font-size: .9rem;
}
.home-list-departments .department .dpt-toggle {
    background: -webkit-linear-gradient(0deg, #f5f5f5 0%, rgba(245, 245, 245, 0.9) 50%, rgba(245, 245, 245, 0) 100%);
    background: linear-gradient(0deg, #f5f5f5 0%, rgba(245, 245, 245, 0.9) 50%, rgba(245, 245, 245, 0) 100%);
    position: absolute;
    border: none;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 0;
    color: var(--primary);
    display: block;
    font-size: .9rem;
    padding: 20px 0 5px;
}
.home-list-departments .department .dpt-toggle:hover{
    color: var(--grey-dc); 
}
.home-list-departments .department .dpt-toggle:active,
.home-list-departments .department .dpt-toggle:focus{
    border: none;
    outline: none;
}
.home-list-departments .department.open{
    overflow: visible;
}
.home-list-departments .department.open .wrapper{
    min-height: initial;
    max-height: initial;
    position: absolute;
    z-index: 2;
    height: 375px;
    width: calc(100% - 30px);
}
.cache-relative{
    position: relative;
}

#phone-area{
    font-size: 2.2rem;
    font-weight: 600;
    width: 400px;
    height: 50px;
    margin: 0;
    padding: 0;
}

.display-number .cache-phone{
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--primary);
    width: 57%;
    height: 100%;
    transition: width 1s;
}
.display-number .cache-phone .cache-phone-bis{
    background-color:#976e27;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 25%;
    transform :rotate(60deg) translateY(35%) translateX(-35%)
}
.display-number .animate-cache-phone{
    width: 0;
} 
.grey-text{
    background-color:#5f7f8d;
    padding: 10px 45px;
}
.grey-text .last-line {
    color: #FFF;
    font-size: .8em;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0;
}
.btn-show-number{
    height: 100%;
    border-radius: 0%;
    font-size: .7rem;
    width: 100%;
    margin-right: 17px;
    margin-left: 17px;
}

.suppress-interface{
    position: relative;
}

.suppress-interface .suppress-button{
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(236, 42, 8, 0.5);
    color: #FFF;
    padding-left: 5%;
    padding-right: 5%;
}

.suppress-interface .suppress-button:hover{
    cursor: pointer;
    background: rgba(236, 42, 8, 0.8);
}

.suppress-interface .edit-modal-trigger{
    display: block;
}

.last-portfolio-section{
    color: #475261;
    margin-top: 35px;
}

.last-portfolio-section .title-section-portfolio{
    text-align: start;
    font-size: 1.5rem;
    font-weight: 300;
    color: #475261;
    margin-top: 10px;
}

.last-portfolio-section .portfolio-title-container .city-portfolio{
    font-weight: 400;
}

.last-portfolio-section .portfolio-title-container .portfolio-title{
    font-size: 1.1em;
    font-weight: 600;
    height: 70px;
    max-height: 70px;
    overflow: hidden;
}

.content-portfolio{
    margin-top: 10px;
    justify-content: space-between;
    flex-direction: column;
    display: flex;
}

.portfolio-informations{
    font-size: 0.75rem;
    background-color: #e3e3e3;
    height: 110px;
}

.portfolio-informations .justify-portfolio-infos{
    margin-bottom: 2%;
    display: flex;
    justify-content: space-between;
}

.portfolio-informations .justify-portfolio-infos p{
    margin-bottom: 0;
    font-size: 1.1em;
    min-width: 250px;
}

.portfolio-informations .justify-portfolio-infos .portfolio-info{
    min-width: 170px;
}

.portfolio-informations .justify-portfolio-infos p .fontawesome-portfolio{
    font-size: 15px;
    margin-right: 5px;
    color: var(--primary)
}

.button-discover{
    display: flex;
    justify-content: end;
    margin-top: 3%;
} 

.button-discover a.btn-discover{
    padding-left: 10%;
    padding-right: 10%;
}

.home-portfolios{
    color: #475261;
    margin-top: 30px;
}
.home-portfolios h3{
    text-transform: uppercase;
}
.home-portfolios .portfolio-title{
    height: 70px;
    max-height: 70px;
    overflow: hidden;
}
.home-see-articles .see-all{
    margin: 20px auto 30px;
    padding: 5px 30px;
}

/** Responsive */

@media screen and (max-width: 1400px) {
    .cookie-banner{
        z-index: 999;
    }
    .page-error .img-responsive {
        min-height: 315px;
    }
    .page-error .img404{
        background-size: 45%;
    }

}

@media screen and (max-width: 1180px){
    .home-last-news .last-news-item {
        background-color: var(--grey-dc);
        clip-path: polygon(100% -80px,100% calc(100% - 80px),calc(100% - 80px) 100%,-80px 100%,-80px 0);
    }

    .home-last-news .last-news-wrapper h6 {
        padding-left: 15px;
    }
}

@media screen and (max-width: 1140px) {
    .page-error .img404{
        background-size: 55%;
    }
}

@media screen and (max-width: 1024px) {
    .recall-informations {
        height: 850px;
    }

    .recall-informations .full-name-input .form-group{
        display: initial;
        justify-content: initial;
    }

    .recall-informations .full-name-input .firstName{
        width: 70%;
        margin: auto;
        margin-bottom: 15px;
    }
    
    .recall-informations .full-name-input .lastName{
        width: 70%;
        margin: auto;
        margin-bottom: 15px;
    }

    .architect-contact .full-name-input .form-group{
        display: initial;
        justify-content: initial;
    }
    .architect-contact .full-name-input .firstName {
        width: 100%;
        margin: auto;
        margin-bottom: 15px;
    }
    .architect-contact .full-name-input .lastName {
        width: 100%;
        margin: auto;
        margin-bottom: 15px;
    }
    .section-btoc .full-name-input .lastName{
        margin-left: 0px;
    }
    .section-btoc .full-name-input .form-group{
        display: initial;
        justify-content: initial;
    }
    .header-b-to-c .full-name-input .lastName{
        margin-left: 0px;
    }
    .header-b-to-c .full-name-input .form-group{
        display: initial;
        justify-content: initial;
    }
    .modal-email .modal-body .form-group-right{
        padding-right: 1.5em!important;
        padding-left: 1.5em!important;
    }
    .modal-email .modal-body .form-group-left{
        padding-right: 1.5em!important;
        padding-left: 1.5em!important;
    }
    .form-popup .full-name-input .lastName{
        margin-left: 0px;
    }
    footer .container-ph-dc .linking-wrapper{
        padding: 25px 20px!important;
    }
}

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

    #logo-header {
        width: 150px;
    }
    .navbar-user {
        margin: auto;
    }
    .main-menu-wrapper {
        flex-direction: column;
        position: relative;
        width: 100%;
        background-color: #FFF;
        z-index: 2;
        padding-bottom: 25px;
    }
    .main-menu-wrapper .navbar-nav {
        text-align: center;
        width: 100%;
    }
    .main-navbar .navbar-collapse {
        position: absolute;
        width: 100%;
        top: 80px;
        left: 0px;
        z-index: 999;
    }
    .home-find-architect .txt-find-architect .triangle {
        margin: auto;
    }
    .home-find-architect .steps-find-architect  {
        display: none;
    }
    .architect-call {
        background-image: none;
    }
    .architect-call .content {
        width: 100%;
        float: none;
        text-align: center;
    }
    .last-works-items {
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        padding: 20px 0;
    }
    .last-works-items .last-works-item {
        margin: 10px 0;
    }
    .home-existing-architect .existing-architect-items {
        flex-flow: row wrap;
    }
    .home-existing-architect .existing-architect-item {
        flex: 0 1 25%;
        margin-bottom: 10px;
        min-height: initial;
    }
    .header-archi-free {
        height: 600px;
        background: url(../media/banners/banner-fiche.jpg) bottom center no-repeat #475261;
    }
    .why-archi-free {
        margin-top: -20px;
    }
    .section-btoc .second-col, .header-b-to-c .second-col {
        padding: 0 15px;
    }
    .header-b-to-c .form-control, .section-btoc .form-control {
        min-width: initial;
    }
    .col-two-img1 h3, .col-one-img2 h3,
    .col-one-img1 h3, .col-two-img2 h3 {
        padding: 35px 0 0;
    }
    .div-lang {
        margin: auto;
    }
    #main-nav ul.navbar-nav.nav-lang {
        flex-direction: row;
        padding: 0 0 0 0px;
    }
    .modal-body .more-criteria .form-group {
        flex: 0 0 50%;
    }
    .avis-part2 {
        height: 530px;
    }
    .worker-information-wrapper .social-links {
        display: initial;
    }

    .results-architect .carousel-architect .carousel-content {
        height: 180px;
    }

    .home-last-news .last-news-item {
        background-color: var(--grey-dc);
        clip-path: polygon(100% -35px,100% calc(100% - 35px),calc(100% - 35px) 100%,-35px 100%,-35px 0);
    }

    .home-last-news .last-news-wrapper h6 {
        padding-left: 15px;
    }

    #carousel-architect-pictures img {
        max-height: 300px;
        margin: auto;
        max-width: 100%;
    }


}
@media screen and (max-width: 768px) {
    .search-why-choose {
        margin-top: 0px;
    }
    .search-call-architect{
        display: none;
    }
    .home-last-news .last-news-col-2 {
        padding-left: 15px;
        padding-top: 15px;
    }
    .worker-page-carousel{
        margin-bottom: 20px;
        order: 2;
    }
    .worker-main-content{
        margin-top: 20px;
    }
    .second-contact-section .wrapper p {
        padding-right: 10px;
    }
    .second-contact-section .btn-wrapper {
        padding-right: 10px;
    }
    #carousel-architect-pictures img {
        max-height: 250px;
    }
    .worker-information-wrapper {
        width: inherit;
        order: 1;
    }
    .second-contact-section .btn-archi-blue {
        padding: 10px 10px;
    }
    .architect-other-information {
        padding-left: 15px;
    }
    .header-ficher-architect {
        padding-bottom: 0px;
    }
    .worker-information-wrapper {
        margin: 0px 0px 35px 0px;
    }
    .results-architect .carousel-architect .carousel-content {
        height: 270px;
    }
    .results-architect .architect-item .architect-skills {
        margin-bottom: 15px;
    }
    .btn-more-creterion {
        padding: 5px;
    }
    .select-box {
        padding: 0px 18px;
    }
    .LandbotLauncher {
        width: 100px !important;
    }
    .results-architect {
         padding-top: 0px; 
         margin-top: -25px;
    }
    .popup-home-archi-call-content {
        display: none !important;
    }
    .popup-home-archi-call-wrapper {
        align-items: flex-start;
    }
    .popup-home-archi-call {
        flex-direction: column;
        max-height: 100%;
        overflow-y: auto;
        justify-content: flex-start;
    }
    .popup-home-archi-call .text .title {
        font-size: 1.1em;
    }
    .home-find-architect {
        padding-top: 15px;
    }
    .home-form-architect .btn-archi-blue {
        margin-top: 10px;
    }
    .home-type-travaux .travaux-item {
        padding: 0 100px;
        margin-bottom: 10px;
    }
    .home-type-travaux .travaux-item {
        margin-top: 5px;
    }
    .home-type-travaux {
        padding-bottom: 80px;
    }
    .home-type-travaux .carousel-control-next,
    .home-type-travaux .carousel-control-prev,
    .home-testimonials .carousel-control-prev,
    .home-testimonials .carousel-control-next,
    .b-to-b-testimonials .carousel-control-prev,
    .b-to-b-testimonials .carousel-control-next,
    .home-existing-architect .carousel-control-prev,
    .home-existing-architect .carousel-control-next {
        display: none;
    }
    .home-type-travaux .carousel-inner {
        width: 100%;
    }
    .footer-end {
        flex-direction: column;
    }
    .header-contactez-nous .first-row .logo {
        display: none;
    }
    .header-contactez-nous .first-row h1,
    .header-b-to-b h1 {
        font-size: 1.2em !important;
    }
    .header-search-architect {
        padding-top: 10px;
    }
    .header-search-architect h1,
    .take-meeting {
        font-size: 1.3em;
        margin-top: 0;
        width: 100%;
        text-align: center;
    }
    .header-search-architect .form-search-wrapper {
        padding-top: 0;
    }
    .header-search-architect .form-search-wrapper .select-box{
        margin-bottom: 5px;
    }
    .header-search-architect .form-search-wrapper .btn-archi-blue {
        line-height: 18px;
    }
    .header-search-architect .form-search-wrapper .mt-4{
        margin-top: 0 !important;
    }
    .header-search-architect .btn-more-criteria {
        margin-top: 10px;
    }
    .architect-info-text {
        text-align: center;
        margin-bottom: 20px;
    }
    .header-ficher-architect .contact-architect .btn-archi-blue {
        width: auto;
    }
    #carousel-architect-pictures .carousel-control-next {
        right: 0;
    }
    #carousel-architect-pictures .carousel-control-prev {
        left: 0;
    }
    .header-ficher-architect .contact-architect .free-phone {
        position: initial;
    }

    #carousel-architect-pictures {
        padding: 0;
    }
    .header-b-to-b,
    .header-b-to-c,
    .header-selection-architect {
        padding-top: 10px;
    }
    .header-b-to-b .first-row {
        padding-top: 0;
    }
    .why-b-to-b .item:last-child {
        margin: 10px auto;
    }
    .b-to-b-contact .text-contact h5 {
        font-size: 1.2em;
        margin: 0;
    }
    .header-b-to-c .form-search-wrapper .first-col,
    .header-selection-architect .form-search-wrapper .first-col {
        border: none;
    }
    .header-b-to-c h1,
    .header-selection-architect h1 {
        margin: 0;
        font-size: 1.5em;
    }
    .header-b-to-c h3,
    .header-selection-architect h3 {
        font-size: 1.2em;
    }
    .header-selection-architect .btn-archi-blue {
        margin-top: 10px;
    }
    .header-remerciement-b-to-c .header-text {
        font-size: 1.2em;
    }
    .why-archi-free {
        flex-direction: column;
    }
    .why-archi-free .item:first-child {
        margin-bottom: 25px;
    }
    .why-archi-free .item:nth-child(2n) {
        margin-bottom: 25px;
    }
    .header-archi-free {
        height: 700px;
    }
    .header-archi-free .second-row {
        margin-left: 0px;
        margin-top: 10px;
    }
    .header-archi-free .first-column {
        margin-bottom: 20px;
    }
    .content-stats-archi-free .row {
        margin-left: 0px;
    }
    .archi-free-contact {
        height: 925px;
    }
    .we-find-architect .architect-call-me {
        flex-direction: column;
    }
    .header-archi-free .second-column {
        margin-left: 0px;
    }
    .header-mes-informations .card-type {
        display: flex;
        flex-direction: column;
    }
    label {
        margin-bottom: .2rem;
    }
    .resp-label, .ajout {
        margin-left: 4px;
    }
    .footer-logo-ft {
        width: 38px;
        margin: 0px 113px 50px 0px;
        height: 80px;
    }/* 
    .header-ficher-architect .architect-logo {
        float: left;
    } */
    .header-ficher-architect .social-links {
        margin-top: 10px;
    }
    form .modal .modal-dialog .modal-content .modal-body .form-row div .only-numbers {
        margin-top: 5px;
        text-align: start;
        margin-bottom: 0;
        font-weight: 300;
        font-size: .6em;
        width: 100%;
        color: #777;
    }    
    .architect-informations {
        padding-top: 0px;
    }
    .architect-contact{
        background-size: cover;
        height: 730px;
    }
    .modal-body .more-criteria .form-group.form-lang{
        flex: 0 0 33%;
    }
    .modal-body .more-criteria .form-group {
        flex: 0 0 33%;
    }
    .architect-information-item-description {
        height: 400px;
        overflow: auto;
    }
    .refine {
        flex-wrap: wrap;
    }
    .refine-research-content {
        justify-content: center;
        margin: 0px 0px;
        width: 50%
    }
    .header-search-architect .second-item{
        margin-bottom: 0px;
    }
    .header-search-architect .refine{
        margin-top: 15px !important;
    }
    .header-search-architect .collapse-menu-mission{
        transform: translate3d(0px, 39px, 0px);
    }
    .header-search-architect .collapse-menu-style {
        transform: translate3d(0px, 95px, 0px);
    }
    .header-search-architect .collapse-menu-langue,
    .header-search-architect .collapse-menu-localisation {
        transform: translate3d(0px, 40px, 0px);
    }
    .header-search-architect .take-meeting {
        font-size: 1.3em;
    }
    .header-search-architect h1 {
        font-size: 1.3em;
    }
    .header-search-architect input#autocomplete {
        min-height: 35px;
    }
    .select-box {
        height: 35px !important;
    }
    .header-search-architect .refine-research {
        font-size: 0.9rem;
    }
    .header-mon-compte .div-soumettre-infos, .header-mon-compte .div-soumettre-reseaux, .header-mon-compte .text-color .row {
        margin: 10px 0px 0px 0px !important;
    }
    .header-mon-compte .item1,
    .header-mon-compte .item2,
    .header-mon-compte .item3,
    .header-mon-compte .item4 {
        margin: 15px 0px;
    }
    .header-mon-compte .item-load-img {
        margin: 7px 0px 7px 0px;
    }
    .home-form-architect input.form-control {
        min-height: 50px;
        margin-top: 10px;
    }
    .home-form-architect select.form-control {
        height: 50px;
        line-height: 50px;
        border: 0;
    }
    .home-form-architect .btn-archi-blue {
        font-size: 1em;
    }
    .request .avis,
    .section-avis .avis {
        margin-bottom: 30px;
    }
    .avis-part2.porteur {
        height: 530px;
    }
    .avis-part2 .advanced-search,
     .home-find-architect .advanced-search,
      .header-news .advanced-search {
        margin: 0px auto;
    }
    .avis-part2 {
        height: 910px;
        margin-bottom: 0px;
    }
    .cookie-banner p {
        font-size: .7em;
    }

    .page-error .first-part{
        margin-top: 0px;
        margin-bottom: 45px;
    }

    .responsive-news-item{
        margin-top: 8%;
    }

    .content-article{
        padding-right: 0%;
        width: 100%;
    }

    .news-title-container{
        min-height: 95px;
    }

    .modal-portfolio .carousel-item img{
        width: 100%;
    }
    
    .worker-account-info-intra {
        text-align: center;
    }

    .worker-intra-button{
        display: block;
    }

    .info-section {
        margin-bottom: 5%;
    }

    .worker-account-info-intra .subtitle-account{
        font-size: 1.05rem;
    }

    .info-section .grey-section-account .btn-archi-blue-intra,
    #edit-info-section .btn-archi-blue-intra, 
    #add-pictures-section .btn-archi-blue-intra,
    #send-new-img .btn-archi-blue-intra, 
    #search-faq .btn-archi-blue-intra, 
    #faq-no-result .btn-archi-blue-intra, 
    #profile-picture-form .btn-archi-blue-intra, 
    #Jotform-form .btn-archi-blue-intra {
        font-size: 1.2rem;
    }

    .bloc-account-actions{
        margin-bottom: 5%;
    }

    .disconnect-bloc a.disconnect-account {
        font-size: 1.5rem;
    }

    .action-title {
        font-size: 1.3rem;
    }

    .action-subtitle {
        font-size: 1.1rem;
        padding: 0px 30px;
    }

    .bloc-account-actions {
        height: 190px;
    }

    /* BASE COMPTE 2 */

    #div-click{
        display: block!important;
    }

    #content-intra .div-soumettre .btn-intra-submit{
        padding: 5% 10%;
        width: 100%;
    }

    #worker-card .col-profile-picture {
        display: flex;
        justify-content: center;
    }

    #worker-info{
        text-align: center;
    }

    #disconnect-remember{
        margin-top: 5%;
        text-align: center;
    }

    #disconnect-remember a{
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        padding: 5% 8%;
        background-color: var(--primary);
    }

    /* COMPTE 2 */

    .nav-edit-profile li.nav-item {
        width: 100%;
        text-align: center;
        margin-top: 2%;
        margin-bottom: 2%;
        background-color: #d31e48;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    #content-intra .nav-edit-profile li .nav-link {
        color: #000;
    }

    #content-intra .nav-edit-profile li .active-nav-link {
        color: #fff;
    }

    .submit-notice {
        font-size: 1.2rem;
        margin-bottom: 2%;
    }

    /* CRITERIAS */

    #criteria-list h2, #criteria-list h3 {
        font-size: 1.75rem!important;
    }

    .criteria-box label {
        padding-top: 2%;
        padding-bottom: 2%;
        font-size: 1.4rem;
    }

    #criteria-list .btn-section {
        margin-top: 2%;
        margin-bottom: 5%;
        justify-content: space-around!important;
    }

    #criteria-list .btn-section button {
        padding: 5% 10%;
        border-radius: 0;
    }

    #criteria-list .criterias-indications ul li {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }

    #criteria-list .criteria-box .sortableLng{
        margin-bottom: 3%;
    }

    /* REALISATIONS */

    #profile-picture-form .worker-info-img img{
        display: block;
    }

    #edit-profile-picture label#label-worker-picture{
        display: none;
    }
    
    .worker-pfp-responsive{
        display: block;
    }

    #edit-info-section .worker-info-img #edit-profile-picture img {
        padding: 0;
        margin: auto;
        margin-bottom: 3%;
    }

    #edit-profile-picture label {
        cursor: pointer;
        background-color: #df5f54;
        padding: 7%;
        border-radius: 0%;
        font-size: 1.7rem;
        line-height: 0.9rem;
        position: initial;
        color: #FFF;
        text-align: center;
    }

    #add-pictures-section p {
        margin-left: 5%;
        margin-top: 3%;
        font-size: 20px;
        text-align: center;
    }

    #new-picture-details h3 
    /* #pictures-box h3  */
    {
        font-size: 1rem;
        text-align: center;
    }

    #number-position {
        width: 20%;
        text-align: center;
    }

    #new-picture-details div.input-group{
        display: block;
    }

    .input-group-prepend{
        width: 100%;
    }

    .input-group-text {
        display: block;
        width: 100%;
        border-radius: 0;
    }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
        width: 100%!important;
    }

    .btn-light{
        width: 100%!important;
    }

    #send-new-img, .size-notice {
        display: block!important;
        /* justify-content: start!important; */
    }

    .size-notice{
        font-size: 1rem;
        text-align: center;
    }

    #send-new-img button{
        width: 100%;
    }

    .pictures-modification-form img{
        display: block;
        margin: auto;
        margin-bottom: 5%!important;
        margin-top: 10%;
    }

    .pictures-modification-form h3{
        text-align: center;
        margin-bottom: 5%;
    }

    .pictures-modification-form .edit-picture-button{
        margin-bottom: 5%;
    }

    .submit-picture-button{
        flex-direction: column;
        margin-bottom: 10%;
    }

    #pictures-box .btn-picture-delete{
        margin-bottom: 5%;
        padding-top: 3%;
        padding-bottom: 3%;
        font-size: 0.9rem;
    }

    #pictures-box .btn-archi-blue-intra{
        font-size: 1rem;
        padding: 20px 30px!important;
    }

    #content-intra #pictures-box .borders-box{
        border-top: 4px solid #e0e0e0;
    }

    /* MES MAILS */

    .mail-item {
        margin-bottom: 5%;
    }

    .mail-header{
        margin-bottom: 2%;
    }

    .msg-date-button p{
        padding-right: 2%;
    }

    .msg-date-button a{
        display: flex;
        align-items: center;
        background-color: #f1f1f1;
        padding-right: 3%;
        padding-left: 3%;
    }

    .mail-content{
        margin-left: 0%;
        margin-bottom: 5%;
    }

    .mail-notes {
        background-color: transparent;
    }

    .display-note, .write-note{
        background-color: #dca792;
        min-height: 150px;
    }

    .display-note textarea{
        min-height: 150px;
    }

    /* FOLLOWS */

    #bloc-manager div p {
        font-weight: 300;
        text-align: center;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    #bloc-manager #send-mail-manager{
        margin-top: 5%;
        margin-bottom: 10%;
        text-align: center;
    }

    #send-mail-manager a {
        color: #FFF;
        font-weight: 500;
        padding: 6%;
        background-color: #df5f54;
    }

    #send-mail-manager a i {
        font-size: 2.6rem;
        color: #FFF;
    }

    #bloc-appointment p {
        font-size: 1.1rem;
    }

    #responsive-link{
        display: block;
        margin-bottom: 5%;
    }

    #bloc-dates{
        display: none;
    }

    #inlineFrameExample{
        display: none;
    }

    #btn-follow-mails #getFollowMails{
        padding-top: 3%;
        padding-bottom: 3%;
    }

    /* BILLS */

    .btn-archi-blue {
        font-size: 1em;
    }

    #send-new-img .btn-archi-blue-intra{
        padding: 20px 10px!important;
    }

    #coordinates-changes #collapseMailInput input.personnel-input{
        height: calc(2.5em + 0.75rem + 2px);
        margin-bottom: 5%;
        margin-top: 5%;
    }

    #coordinates-changes #collapseMailInput label{
        font-size: 1.5rem;
    }

    /* Parameters */

    #parameters .checkbox{
        font-size: 1.5rem;
    }

    #parameters .btn-soumettre{
        width: 100%;
    }

    #parameters .btn-unpublish{
        margin-bottom: 5%;
    }

    #parameters .input-media{
        font-size: 1.2rem;
    }
    .btn-show-number{
        font-size: .7rem;
    }
}

@media screen and (max-width: 525px) {
    .we-find-architect .we-find-left p{
        display: none;
    }


    .we-find-architect {
        clip-path: polygon(100% -25px,100% calc(100% - 25px),calc(100% - 25px) 100%,-25px 100%,-25px 0);
    }

    .we-find-architect .we-find-right .btn{
        padding: 5px;
    }
}

@media screen and (max-width: 492px) {
    .home-prestations .prestations-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    .home-prestations .prestation-item {
        margin: 10px 0;
    }
    .testimonials-picto {
        display: none;
    }
    #carousel-testimonials .row-testimonials {
        flex-direction: column;
    }
    .architect-call {
        flex-direction: column;
        align-items: center;
    }
    .row-type-styles .col-md-3 {
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }

    .btn-search-wrapper .btn {
        width: 100%;
    }
    .header-search-architect .collapse-menu-attributes {
        transform: none;
    }
    .col-worker-pictures {
        padding-left: 15px;
    }

    .results-architect .carousel-architect .carousel-content {
        height: 180px;
    }

    .worker-information-wrapper {
        position: initial;
        width: 100%;
        margin-bottom: 15px;
    }
    .second-contact-section .wrapper {
        flex-direction: column;
    }
    .architect-page-informations .row-main-content {
        flex-direction: column-reverse;
    }
    .architect-page-informations .row-main-content .main-col.col-md-4 {
        margin-top: 15px;
    }
    .second-contact-section .btn-wrapper {
        margin: 15px 0;
    }
    .second-contact-section .btn-wrapper:last-child {
        margin-bottom: 0;
    }

    .footer-nav ul {
        padding: 48px;
    }
    .footer-nav li:first-child  a{
        padding-left: 15px;
    }
    .home-find-architect .txt-find-architect .triangle {
        width: 100%;
        background-image: none;
        background-color: rgba(69,82,97,.8);
        height: auto;
        padding: 10px 0;
    }
    .home-find-architect .txt-find-architect {
        height: auto;
    }
    .home-find-architect .txt-find-architect h1 {
        padding: 0;
        text-align: center;
    }
    .home-find-architect .txt-find-architect .big {
        padding: 0;
        margin: 0;
        text-align: center;
    }
    .header-contactez-nous .first-row {
        font-size: 1.1rem;
    }
    .header-news .green {
        font-size: 1.2em;
    }
    .header-news .header-title {
        font-size: 1.4em;
    }
    .home-form-architect select.form-control {
        height: 46px;
        line-height: 46px;
        border: 0;
    }
    .home-form-architect input.form-control {
        min-height: 46px;
        margin-top: 10px;
    }
    .home-form-architect .btn-archi-blue {
        padding: 0px;
    }
    .home-form-architect .free-no-contract {
        font-size: 0.6em;
    }
    
    .cookie-banner p {
        font-size: .6em;
    }

    .page-error .img404{
        background-size: 70%;
    }
}

@media screen and (max-width: 449px) {
    #carousel-architect-pictures img {
        max-height: 200px;
    }
}

@media screen and (max-width: 425px) {
    .header-search-architect{
        height: 550px;
    }
    .results-photographer {
        padding-top: 0px;
        margin-top: 0px;
    }
    footer .container .architect-call .btn-footer-archi-call {
        max-width: 100%;
        width: 100% !important;
        min-width: 0;
    }

    footer .container .architect-call .col-footer-img-call {
        padding-left: 0;
        padding-right: 0.5rem;
    }

    footer .container .architect-call .col-footer-img-call .img-architect-call{
        max-width: 100%;
    }
    footer .container .linking-wrapper .linking-list{
        grid-template-columns:none;
    }
    .btn-show-number{
        font-size: .7rem;
    }
}

@media screen and (max-width: 400px) {
    .col-footer-btn-call {
        padding-right: 0;
    }
}

@media screen and (max-width: 410px) {

    .footer-nav ul {
        padding: 48px;
    }
    .footer-nav li:first-child  a{
        padding-left: 15px;
    }
    .home-find-photographer .txt-find-photographer .triangle {
        width: 100%;
        background-image: none;
        background-color: rgba(69,82,97,.8);
        height: auto;
        padding: 10px 0;
    }
    .home-find-photographer .txt-find-photographer {
        height: auto;
    }
    .home-find-photographer .txt-find-photographer h1 {
        padding: 0;
        text-align: center;
    }
    .home-find-photographer .txt-find-photographer .big {
        padding: 0;
        margin: 0;
        text-align: center;
    }
    .footer-logo-ft {
        margin: -154px 10px -46px 0px;
    }

    .page-error .img404{
        background-size: 70%;
    }

    /* INTRA-HOME */
    .worker-info-img img{
        display: none;
    }

    .worker-account-info-intra {
        text-align: center;
    }

    .worker-intra-button{
        display: block;
    }

    .info-section {
        margin-bottom: 5%;
    }

    .worker-account-info-intra .subtitle-account{
        font-size: 1.05rem;
    }

    .info-section .grey-section-account .btn-archi-blue-intra,
    #edit-info-section .btn-archi-blue-intra, 
    #add-pictures-section .btn-archi-blue-intra,
    #send-new-img .btn-archi-blue-intra, 
    #search-faq .btn-archi-blue-intra, 
    #faq-no-result .btn-archi-blue-intra, 
    #profile-picture-form .btn-archi-blue-intra, 
    #Jotform-form .btn-archi-blue-intra {
        font-size: 1.2rem;
    }

    .bloc-account-actions{
        margin-bottom: 5%;
    }

    .disconnect-bloc a.disconnect-account {
        font-size: 1.5rem;
    }

    .action-title {
        font-size: 1.3rem;
    }

    .action-subtitle {
        font-size: 1.1rem;
        padding: 0px 30px;
    }

    .bloc-account-actions {
        height: 190px;
    }

    /* BASE COMPTE 2 */

    #div-click{
        display: block!important;
    }

    #content-intra .div-soumettre .btn-intra-submit{
        padding: 5% 10%;
        width: 100%;
    }

    #worker-card .col-profile-picture {
        display: flex;
        justify-content: center;
    }

    #worker-info{
        text-align: center;
    }

    #disconnect-remember{
        margin-top: 5%;
        text-align: center;
    }

    #disconnect-remember a{
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        padding: 5% 8%;
        background-color: #d31e48;
    }

    /* COMPTE 2 */

    .nav-edit-profile li.nav-item {
        width: 100%;
        text-align: center;
        margin-top: 2%;
        margin-bottom: 2%;
        background-color: #d31e48;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    #content-intra .nav-edit-profile li .nav-link {
        color: #000;
    }

    #content-intra .nav-edit-profile li .active-nav-link {
        color: #fff;
    }

    .submit-notice {
        font-size: 1.2rem;
        margin-bottom: 2%;
    }

    /* CRITERIAS */

    #criteria-list h2, #criteria-list h3 {
        font-size: 1.75rem!important;
    }

    .criteria-box label {
        padding-top: 2%;
        padding-bottom: 2%;
        font-size: 1.4rem;
    }

    #criteria-list .btn-section {
        margin-top: 2%;
        margin-bottom: 5%;
        justify-content: space-around!important;
    }

    #criteria-list .btn-section button {
        padding: 5% 10%;
        border-radius: 0;
    }

    #criteria-list .criterias-indications ul li {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }

    #criteria-list .criteria-box .sortableLng{
        margin-bottom: 3%;
    }

    /* REALISATIONS */

    #profile-picture-form .worker-info-img img{
        display: block;
    }

    #edit-profile-picture label#label-worker-picture{
        display: none;
    }
    
    .worker-pfp-responsive{
        display: block;
    }

    #edit-info-section .worker-info-img #edit-profile-picture img {
        padding: 0;
        margin: auto;
        margin-bottom: 3%;
    }

    #edit-profile-picture label {
        cursor: pointer;
        background-color: #d31e48;
        padding: 7%;
        border-radius: 0%;
        font-size: 1.7rem;
        line-height: 0.9rem;
        position: initial;
        color: #FFF;
        text-align: center;
    }

    #add-pictures-section p {
        margin-left: 5%;
        margin-top: 3%;
        font-size: 20px;
        text-align: center;
    }

    #new-picture-details h3 
    /* #pictures-box h3  */
    {
        font-size: 1rem;
        text-align: center;
    }

    #number-position {
        width: 20%;
        text-align: center;
    }

    #new-picture-details div.input-group{
        display: block;
    }

    .input-group-prepend{
        width: 100%;
    }

    .input-group-text {
        display: block;
        width: 100%;
        border-radius: 0;
    }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
        width: 100%!important;
    }

    .btn-light{
        width: 100%!important;
    }

    #send-new-img, .size-notice {
        display: block!important;
        /* justify-content: start!important; */
    }

    .size-notice{
        font-size: 1rem;
        text-align: center;
    }

    #send-new-img button{
        width: 100%;
    }

    .pictures-modification-form img{
        display: block;
        margin: auto;
        margin-bottom: 5%!important;
        margin-top: 10%;
    }

    .pictures-modification-form h3{
        text-align: center;
        margin-bottom: 5%;
    }

    .pictures-modification-form .edit-picture-button{
        margin-bottom: 5%;
    }

    .submit-picture-button{
        flex-direction: column;
        margin-bottom: 10%;
    }

    #pictures-box .btn-picture-delete{
        margin-bottom: 5%;
        padding: 20px 30px!important;
        font-size: 1rem;
    }

    #pictures-box .btn-archi-blue-intra{
        font-size: 1rem;
        padding: 20px 30px!important;
    }

    #content-intra #pictures-box .borders-box{
        border-top: 4px solid #e0e0e0;
    }

    /* MES MAILS */

    .mail-item {
        margin-bottom: 5%;
    }

    .mail-header{
        margin-bottom: 2%;
    }

    .msg-date-button p{
        padding-right: 2%;
    }

    .msg-date-button a{
        display: flex;
        align-items: center;
        background-color: #f1f1f1;
        padding-right: 3%;
        padding-left: 3%;
    }

    .mail-content{
        margin-left: 0%;
        margin-bottom: 5%;
    }

    .mail-notes {
        background-color: transparent;
    }

    .display-note, .write-note{
        background-color: #dca792;
        min-height: 150px;
    }

    .display-note textarea{
        min-height: 150px;
    }

    /* FOLLOWS */

    #bloc-manager div p {
        font-weight: 300;
        text-align: center;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    #bloc-manager #send-mail-manager{
        margin-top: 5%;
        margin-bottom: 10%;
        text-align: center;
    }

    #send-mail-manager a {
        color: #FFF;
        font-weight: 500;
        padding: 6%;
        background-color: #d31e48;
    }

    #send-mail-manager a i {
        font-size: 2.6rem;
        color: #FFF;
    }

    #bloc-appointment p {
        font-size: 1.1rem;
    }

    #responsive-link{
        display: block;
        margin-bottom: 5%;
    }

    #bloc-dates{
        display: none;
    }

    #inlineFrameExample{
        display: none;
    }

    #btn-follow-mails #getFollowMails{
        padding-top: 3%;
        padding-bottom: 3%;
    }

    /* BILLS */

    .btn-archi-blue {
        font-size: 1em;
    }

    #send-new-img .btn-archi-blue-intra{
        padding: 20px 10px!important;
    }

    #coordinates-changes #collapseMailInput input.personnel-input{
        height: calc(2.5em + 0.75rem + 2px);
        margin-bottom: 5%;
        margin-top: 5%;
    }

    #coordinates-changes #collapseMailInput label{
        font-size: 1.5rem;
        margin-bottom: 5%;
    }

    /* Parameters */

    #parameters .checkbox{
        font-size: 1.5rem;
    }

    #parameters .btn-soumettre{
        width: 100%;
    }

    #parameters .btn-unpublish{
        margin-bottom: 5%;
    }

    #parameters .input-media{
        font-size: 1.2rem;
    }
}

@media(max-width: 375px) {
    #phone-area{
        width: 340px;
    }
    .btn-show-number{
        font-size: .7rem;
        padding-right: 17px;
        padding-left: 17px;
    }
    .header-ficher-photographer .photographer-info-right {
        max-height: 490px;
    }
}

@media screen and (max-width: 320px) {
    #carousel-architect-pictures img {
        max-height: 175px;
    }
    #phone-area{
        width: 285px;
    }
    .btn-show-number{
        font-size: .7rem;
    }
    .header-ficher-photographer .photographer-info-right {
        max-height: 490px;
    }
}

.checkbox-partners {
    display: flex;
    gap: 16px;
}
.checkbox-partners label {
    font-size: 13px;
    text-align: left;
    position: relative;
}
.checkbox-partners .bulle-info-icon {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #000000;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.checkbox-partners .bulle-info-icon i {
    font-size: 12px;
}
.checkbox-partners .bulle-info-message {
    position: absolute;
    background-color: #000000;
    padding: 8px;
    left: 25px;
    bottom: -5px;
    color: #FFF !important;
    text-align: left;
    width: 350px;
    max-height: 0;
    opacity: 0;
    transition: all .3s;
    display: none;
}
.checkbox-partners .bulle-info-icon:hover .bulle-info-message {
    max-height: initial;
    opacity: 1;
    display: block;
}

.cooptation-form label {
    font-size: 18px;
}
.cooptation-form input[type=text],
.cooptation-form input[type=date],
.cooptation-form textarea,
.cooptation-form input[type=number] {
    padding: 25px 15px;
    border-radius: 0;
}
.worker-amount {
    background-color: #f1f1f1;
    padding: 20px;
    display: flex;
    justify-content: center;
}
.worker-amount p {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 0;
}
.worker-amount p .lead-amount {
    color: #fab43e;
}
.cooptation-form .btn-archi-blue {
    padding: 5px 25px;
}
.form-btoc-partners {
    background: rgba(255,255,255,.9);
    padding: 10px;
    margin-bottom: 10px;
}
.popup-empty-city {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.75);
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: start;
    padding-top: 80px;
    z-index: 999;
}
.form-btoc-partners label {
    font-size: 14px !important;
    font-weight: normal;
    color: #000000;
}
.popup-empty-city-content {
    max-width: 90%;
    padding: 15px 30px;
    background-color: #FFF;
}
.popup-empty-city-title {
    font-size: 24px;
    color: var(--primary);
}
.popup-empty-city-content .btn-archi-blue {
    padding: 7px 15px;
}

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

/* --------------------- */
/* ---- OFFRES 2023 ---- */
/* --------------------- */

/* ----- global ----- */
html {
    scroll-behavior: smooth;
    --dc-green: #aad944;
    --dc-blue: #52c2c0;
    --dc-black: #2e353a;
}
.header-offers, .clics-offers, .choice-offers, .pack-offers, .contact-offers, .contact-offers input,
.testimonials-offers, .develop-offers, .stats-offers, .futur-customer-offers,
.faq-offers, .header-formation, .intro-formation, .pack-formation {
    font-family: 'Red Hat Display', sans-serif;
}
.btn-offers {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: var(--primary);
    color: white;
    font-size: 18.5px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-offers:hover {
    color: white;
}
.btn-offers:focus, .btn-offers:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.title-offers {
    color: #6e8998;
    font-weight: 700;
    text-align: center;
    width: 100%;
}
@media (max-width: 767px) {
    .title-offers {
        font-size: 30px !important;
        text-align: center;
        padding-right: 15px;
        padding-left: 15px;
   }
}
.card-pack {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
    border: 6px solid var(--dc-blue);
    border-radius: 3px;
    position: relative;
}
@media (max-width: 767px) {
    .card-pack {
        gap: 15px;
   }
}
.card-pack .choice-offers__top .choice-offers__title {
    background-color: var(--primary);
    color: white;
    padding: 26px 8px 20px 8px;
}
@media (max-width: 991px) {
    .card-pack .choice-offers__top .choice-offers__title {
        min-height: 0px !important;
        padding: 26px;
   }
}
@media (max-width: 767px) {
    .card-pack .choice-offers__top .choice-offers__title {
        padding: 20px;
   }
}
.card-pack .choice-offers__top .choice-offers__title h3 {
    font-size: 33px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 19px;
    font-weight: 700;
}
@media (max-width: 767px) {
    .card-pack .choice-offers__top .choice-offers__title h3 {
        font-size: 28px;
   }
}
.card-pack .choice-offers__top .choice-offers__title p {
    font-size: 17.5px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .card-pack .choice-offers__top .choice-offers__title p br {
        display: none;
   }
}
.card-pack .choice-offers__top .choice-offers__infos {
    background-color: white;
}
.card-pack .choice-offers__top .choice-offers__infos .choice-offers__info {
    padding: 15px 10px;
    border-bottom: 1px solid #b4b6b8;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: baseline;
    cursor: pointer;
    pointer-events: all;
}
.card-pack .choice-offers__top .choice-offers__infos .choice-offers__info.open .choice-offers__subtitle .choice-offers__chevron span {
    transform: rotate(270deg);
}
.card-pack .choice-offers__top .choice-offers__infos .choice-offers__info .choice-offers__subtitle {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    pointer-events: none;
    user-select: none;
}
.card-pack .choice-offers__top .choice-offers__infos .choice-offers__info .choice-offers__subtitle p {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #363333;
    margin-bottom: 0;
    line-height: 1.2;
    display: flex;
}
.card-pack .choice-offers__top .choice-offers__infos .choice-offers__info .choice-offers__subtitle p b {
    margin-right: 3px;
    font-weight: 500;
    color: var(--primary);
}
.card-pack .choice-offers__top .choice-offers__infos .choice-offers__info .choice-offers__subtitle .choice-offers__chevron {
    padding-left: 10px;
    pointer-events: none;
}
.card-pack .choice-offers__top .choice-offers__infos .choice-offers__info .choice-offers__subtitle .choice-offers__chevron span {
    font-size: 21px;
    font-weight: 500;
    color: #b4b6b8;
    transform: rotate(90deg);
}
.card-pack .choice-offers__top .choice-offers__infos .choice-offers__info .choice-offers__details {
    pointer-events: none;
    height: 100%;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 300ms ease;
    user-select: none;
}
.card-pack .choice-offers__top .choice-offers__infos .choice-offers__info .choice-offers__details p {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 14px;
    color: #363333;
    line-height: 1.2;
}
.card-pack .choice-offers__bottom {
    padding: 0px 21px;
}
@media (max-width: 991px) {
    .card-pack .choice-offers__bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
   }
}
@media (max-width: 767px) {
    .card-pack .choice-offers__bottom {
        padding: 0px 10px;
   }
}
.card-pack .choice-offers__bottom h4 {
    font-size: 35px;
    color: var(--dc-black);
    font-weight: 700;
    text-align: center;
    margin-bottom: 3px;
}
.card-pack .choice-offers__bottom h4 sup {
    font-weight: 400;
    font-size: 22px;
}
@media (max-width: 767px) {
    .card-pack .choice-offers__bottom h4 sup {
        font-size: 20px;
   }
}

/* -------------------- */
/* ----- b-to-b 2 ----- */
/* -------------------- */

/* ----- header ----- */
.header-offers {
    width: 100%;
    position: relative;
}
.header-offers .header-offers__bg {
    position: absolute;
    width: 100%;
    height: 575px;
    background: url('/../lib/media/offres/dc/banner-offres.jpg') top center no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
}
@media (max-width: 767px) {
    .header-offers .header-offers__bg {
        background-position: 65%;
   }
}
.header-offers .container {
    padding-top: 35px;
}
@media (max-width: 1200px) {
    .header-offers .container .col-md-6 {
        flex: 0 0 75%;
        max-width: 75%;
   }
}
@media (max-width: 991px) {
    .header-offers .container .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
   }
}
.header-offers .container h1 {
    font-size: 73px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 1.25rem;
    white-space: nowrap;
}
@media (max-width: 991px) {
    .header-offers .container h1 {
        text-shadow: #000000b8 2px 0 10px;
   }
}
@media (max-width: 767px) {
    .header-offers .container h1 {
        text-align: center;
        font-size: 36px;
        white-space: normal;
   }
}
.header-offers .container .header-offers__subscribe {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    padding-right: 115px;
    margin-bottom: 1.5rem;
}
@media (max-width: 991px) {
    .header-offers .container .header-offers__subscribe {
        padding-right: 0;
        text-shadow: #000000b8 2px 0 5px;
   }
}
@media (max-width: 767px) {
    .header-offers .container .header-offers__subscribe {
        text-align: center;
   }
}
.header-offers .container .header-offers__card {
    padding: 26px 28px;
    background: #201d1de6;
    max-width: 480px;
}
@media (max-width: 991px) {
    .header-offers .container .header-offers__card {
        padding: 20px;
        max-width: 100%;
   }
}
.header-offers .container .header-offers__card h2 {
    font-size: 36px;
    margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
    .header-offers .container .header-offers__card h2 {
        font-size: 30px;
        text-align: center;
   }
}
.header-offers .container .header-offers__card .header-offers__items .header-offers__item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    margin-bottom: 10px;
}
.header-offers .container .header-offers__card .header-offers__items .header-offers__item i {
    font-size: 35px;
    color: var(--primary);
    transform: translateY(-4px);
}
.header-offers .container .header-offers__card .header-offers__items .header-offers__item p {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0;
}
.header-offers .container .header-offers__card .header-offers__items .header-offers__item p span {
    color: var(--primary);
}

/* ----- clics ----- */
.clics-offers {
    margin-top: 50px;
    margin-bottom: 80px;
}
@media (max-width: 767px) {
    .clics-offers {
        margin-bottom: 50px;
   }
}
.clics-offers .clics-offers__links {
    display: flex;
    justify-content: space-around;
    width: 100%;
}
@media (max-width: 767px) {
    .clics-offers .clics-offers__links {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
   }
}
@media (max-width: 767px) {
    .clics-offers .clics-offers__links .clics-offers__link {
        width: 100%;
        text-align: center;
   }
}
.clics-offers .clics-offers__links .clics-offers__link a {
    font-size: 18px;
    color: #202cf1;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    position: relative;
}
.clics-offers .clics-offers__links .clics-offers__link a span {
    font-size: 12px;
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    display: flex;
    top: -15px;
    right: -28px;
}
@media (max-width: 767px) {
    .clics-offers .clics-offers__links .clics-offers__link a span {
        right: -24px;
   }
}

/* ----- choice ----- */
@media(max-width: 767px) {
    .choice-offers {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}
.choice-offers h2 {
    font-size: 44px;
    margin-bottom: 70px;
    color: var(--dc-black);
}
@media (max-width: 991px) {
    .choice-offers h2 {
        margin-bottom: 40px;
   }
}
@media (max-width: 767px) {
    .choice-offers h2 {
        margin-bottom: 20px;
   }
}
.choice-offers .choice-offers__items {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 30px;
}
@media (max-width: 991px) {
    .choice-offers .choice-offers__items {
        flex-direction: column;
        gap: 40px;
   }
}
@media (max-width: 767px) {
    .choice-offers .choice-offers__items {
        gap: 30px;
   }
}
.choice-offers .choice-offers__items .choice-offers__item {
    width: 100%;
    gap: 38px;
    padding-bottom: 15px;
    margin-bottom: 62px;
}
.choice-offers .choice-offers__items .choice-offers__item:nth-child(2) {
    border-top-left-radius: 0;
}
@media (max-width: 991px) {
    .choice-offers .choice-offers__items .choice-offers__item:nth-child(2) {
        margin-top: 40px;
   }
}
.choice-offers .choice-offers__items .choice-offers__item:nth-child(2) .choice-offers__recommended {
    position: absolute;
    top: -46px;
    left: -24px;
    padding: 8px 25px;
    background-color: var(--dc-blue);
}
.choice-offers .choice-offers__items .choice-offers__item:nth-child(2) .choice-offers__recommended p {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}
.choice-offers .choice-offers__items .choice-offers__item:nth-child(2) .choice-offers__corner {
    position: absolute;
    top: -6px;
    left: -42px;
    width: 0px;
    height: 0px;
    border-left: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 18px solid #2d9493;
}
.choice-offers .choice-offers__items .choice-offers__item:nth-child(1),
.choice-offers .choice-offers__items .choice-offers__item:nth-child(3) {
    padding-bottom: 30px;
}
@media (max-width: 767px) {
    .choice-offers .choice-offers__items .choice-offers__item:nth-child(1),
    .choice-offers .choice-offers__items .choice-offers__item:nth-child(3) {
        padding-bottom: 15px;
    }
}
.choice-offers .choice-offers__items .choice-offers__item .choice-offers__top .choice-offers__title {
    min-height: 168px;
}
.btn-offer-starter {
    border: none;
}
.choice-offers .choice-offers__items .choice-offers__item .choice-offers__bottom .btn-offers {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 5px;
    font-size: 20px;
}
@media (max-width: 991px) {
    .choice-offers .choice-offers__items .choice-offers__item .choice-offers__bottom .btn-offers {
        padding: 8px 64px;
        width: 50%;
        display: inline-flex;
   }
}
@media (max-width: 767px) {
    .choice-offers .choice-offers__items .choice-offers__item .choice-offers__bottom .btn-offers {
        width: 100%;
        display: block;
        padding-right: 0;
        padding-left: 0;
   }
}
.choice-offers .choice-offers__items .choice-offers__item .choice-offers__bottom p {
    margin-top: 12px;
    color: var(--dc-blue);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
}
.choice-offers .choice-offers__items .choice-offers__item .choice-offers__bottom p a {
    color: var(--dc-blue);
}
.choice-offers .choice-offers__items .choice-offers__item .choice-offers__bottom p a:hover {
    text-decoration: underline;
}
@media(max-width: 991px) {
    .choice-offers .choice-offers__items .choice-offers__item .choice-offers__bottom p br {
        display: none;
    }
}
.choice-offers .choice-offers__items .choice-offers__item .choice-offers__bottom .choice-offers__first-year {
    margin-top: 0;
    margin-bottom: 12px;
    color: var(--dc-black);
    text-transform: lowercase;
    font-weight: 400;
}
.choice-offers .choice-offers__items .choice-offers__item .choice-offers__question {
    background-color: var(--dc-blue);
    position: absolute;
    bottom: 0;
    left: -6px;
    width: calc(100% + 12px);
    transform: translateY(100%);
    border-radius: 0px 0px 3px 3px;
}
.choice-offers .choice-offers__items .choice-offers__item .choice-offers__question a {
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    gap: 6px;
}
.choice-offers .choice-offers__items .choice-offers__item .choice-offers__question a .choice-offers__light,
.choice-offers .choice-offers__items .choice-offers__item .choice-offers__question a .choice-offers__bold {
    font-size: 18px;
    line-height: 1;
    margin-top: 0;
    white-space: nowrap;
    margin-bottom: 0;
}
.choice-offers .choice-offers__items .choice-offers__item .choice-offers__question a .choice-offers__bold {
    font-weight: 500;
    display: flex;
    align-items: center;
}
.choice-offers .choice-offers__items .choice-offers__item .choice-offers__question a .choice-offers__bold i {
    margin-left: 8px;
}
.choice-offers .modal-starter,
.popup-btob-auto .modal-starter {
    position: fixed;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #3e5159de;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear .3s,opacity .3s linear;
    display: flex;
    justify-content: center;
    align-items: center;
}
.choice-offers .modal-starter .close-pop-up-btob,
.popup-btob-auto .modal-starter .close-pop-up-btob {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background-color: #000;
    color: #FFF;
    cursor: pointer;
    right: 15px;
    border-radius: 50px;
}
.choice-offers .modal-starter.visible,
.popup-btob-auto .modal-starter.visible {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.choice-offers .modal-starter .modal-starter__content,
.popup-btob-auto .modal-starter .modal-starter__content {
    width: 100%;
    background-color: #f5f5f5;
    color: white;
    padding: 30px;
    max-height: 90%;
    overflow-y: auto;
    position: relative;
    z-index: 1;
}
@media(max-width: 991px) {
    .choice-offers .modal-starter .modal-starter__content,
    .popup-btob-auto .modal-starter .modal-starter__content {
        padding: 25px;
    }
}
@media(max-width: 767px) {
    .choice-offers .modal-starter .modal-starter__content,
    .popup-btob-auto .modal-starter .modal-starter__content {
        padding: 20px;
    }
}
.choice-offers .modal-starter .modal-starter__content .contact-offers__title h2,
.popup-btob-auto .modal-starter .modal-starter__content .contact-offers__title h2 {
    font-size: 36px;
    margin-bottom: 25px;
    color: #6e8998;
}
.choice-offers .modal-starter .modal-starter__content .contact-offers__title h2 span,
.popup-btob-auto .modal-starter .modal-starter__content .contact-offers__title h2 span {
    color: var(--primary);
}
.choice-offers .modal-starter .modal-starter__content form,
.popup-btob-auto .modal-starter .modal-starter__content form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.choice-offers .modal-starter .modal-starter__content form input,
.popup-btob-auto .modal-starter .modal-starter__content form input {
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.choice-offers .modal-starter .modal-starter__content form input:focus,
.choice-offers .modal-starter .modal-starter__content form input:focus-visible,
.popup-btob-auto .modal-starter .modal-starter__content form input:focus,
.popup-btob-auto .modal-starter .modal-starter__content form input:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.choice-offers .modal-starter .modal-starter__content form .contact-offers__form,
.popup-btob-auto .modal-starter .modal-starter__content form .contact-offers__form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 20px;
    width: 80%;
    margin-bottom: 25px;
}
@media(max-width: 991px) {
    .choice-offers .modal-starter .modal-starter__content form .contact-offers__form,
    .popup-btob-auto .modal-starter .modal-starter__content form .contact-offers__form {
        width: 100%;
    }
}
.choice-offers .modal-starter .modal-starter__content form .contact-offers__form input,
.popup-btob-auto .modal-starter .modal-starter__content form .contact-offers__form input {
    font-size: 15px;
    font-weight: 500;
    color: black;
    background-color: #dadfe2;
    border: none;
    padding: 8px 15px;
    width: 315px;
}
.choice-offers .modal-starter .modal-starter__content form .contact-offers__form input::placeholder,
.popup-btob-auto .modal-starter .modal-starter__content form .contact-offers__form input::placeholder {
    font-size: 15px;
    color: black;
}
@media(max-width: 767px) {
    .choice-offers .modal-starter .modal-starter__content form .contact-offers__btn,
    .popup-btob-auto .modal-starter .modal-starter__content form .contact-offers__btn {
        width: 100%;
    }
}
.choice-offers .modal-starter .modal-starter__content form .contact-offers__btn input,
.popup-btob-auto .modal-starter .modal-starter__content form .contact-offers__btn input {
    border: none;
    padding-left: 54px;
    padding-right: 54px;
}
@media(max-width: 767px) {
    .choice-offers .modal-starter .modal-starter__content form .contact-offers__btn input,
    .popup-btob-auto .modal-starter .modal-starter__content form .contact-offers__btn input {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.choice-offers .modal-starter #modal-starter-bg,
.popup-btob-auto .modal-starter #modal-starter-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 0;
}

/* ----- pack ----- */
.pack-offers {
    margin-top: 135px;
    position: relative;
}
.pack-offers .pack-offers__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('/../lib/media/offres/banner-pack.jpg') top center no-repeat;
    background-size: cover;
}
.pack-offers .pack-offers__content .pack-offers__promo {
    position: relative;
}
.pack-offers .pack-offers__content .pack-offers__promo .pack-offers__new {
    padding: 8px 85px;
    background-color: var(--primary);
    position: absolute;
    top: 0;
    transform: translateY(-100%);
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__promo .pack-offers__new {
        padding: 8px 50px;
   }
}
@media (max-width: 400px) {
    .pack-offers .pack-offers__content .pack-offers__promo .pack-offers__new {
        padding: 8px 20px;
   }
}
.pack-offers .pack-offers__content .pack-offers__promo .pack-offers__new p {
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__promo .pack-offers__new p {
        font-size: 22px;
   }
}
@media (max-width: 400px) {
    .pack-offers .pack-offers__content .pack-offers__promo .pack-offers__new p {
        font-size: 20px;
   }
}
.pack-offers .pack-offers__content .pack-offers__promo .pack-offers_year {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-33%);
}
@media (max-width: 991px) {
    .pack-offers .pack-offers__content .pack-offers__promo .pack-offers_year {
        transform: translateY(-60%);
   }
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__promo .pack-offers_year {
        transform: translateY(-75%);
   }
}
@media (max-width: 350px) {
    .pack-offers .pack-offers__content .pack-offers__promo .pack-offers_year {
        transform: translateY(-50%);
   }
}
.pack-offers .pack-offers__content .pack-offers__promo .pack-offers_year img {
    width: 193px;
    height: 193px;
}
@media (max-width: 991px) {
    .pack-offers .pack-offers__content .pack-offers__promo .pack-offers_year img {
        width: 150px;
        height: 150px;
   }
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__promo .pack-offers_year img {
        width: 125px;
        height: 125px;
   }
}
.pack-offers .pack-offers__content .pack-offers__top {
    padding-top: 50px;
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__top {
        padding-top: 30px;
   }
}
.pack-offers .pack-offers__content .pack-offers__top h2 {
    font-size: 44px;
    font-weight: 300;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__top h2 {
        font-size: 36px;
        margin-bottom: 20px;
   }
}
.pack-offers .pack-offers__content .pack-offers__top h2 b {
    font-weight: 500;
}
.pack-offers .pack-offers__content .pack-offers__top .pack-offers__introduction {
    display: flex;
    gap: 65px;
}
@media (max-width: 991px) {
    .pack-offers .pack-offers__content .pack-offers__top .pack-offers__introduction {
        flex-wrap: wrap;
        gap: 20px;
   }
}
.pack-offers .pack-offers__content .pack-offers__top .pack-offers__introduction .pack-offers__title h3 {
    font-size: 32px;
    margin-bottom: 0;
    font-weight: 300;
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__top .pack-offers__introduction .pack-offers__title h3 {
        font-size: 24px;
        text-align: justify;
        hyphens: auto;
   }
}
.pack-offers .pack-offers__content .pack-offers__top .pack-offers__introduction .pack-offers__title h3 b, .pack-offers .pack-offers__content .pack-offers__top .pack-offers__introduction .pack-offers__title h3 span {
    font-weight: 500;
}
.pack-offers .pack-offers__content .pack-offers__top .pack-offers__introduction .pack-offers__title h3 span {
    color: var(--primary);
}
.pack-offers .pack-offers__content .pack-offers__top .pack-offers__introduction .pack-offers__presentation {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.pack-offers .pack-offers__content .pack-offers__top .pack-offers__introduction .pack-offers__presentation p {
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 1.2;
    text-align: justify;
    margin-bottom: 55px;
}
@media (max-width: 991px) {
    .pack-offers .pack-offers__content .pack-offers__top .pack-offers__introduction .pack-offers__presentation p {
        margin-bottom: 20px;
   }
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__top .pack-offers__introduction .pack-offers__presentation p {
        hyphens: auto;
   }
}
.pack-offers .pack-offers__content .pack-offers__top .pack-offers__introduction .pack-offers__presentation img {
    width: 135px;
    height: 72px;
}
.pack-offers .pack-offers__content .pack-offers__bottom {
    padding-bottom: 50px;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    gap: 55px;
}
@media (max-width: 991px) {
    .pack-offers .pack-offers__content .pack-offers__bottom {
        margin-top: 40px;
        gap: 40px;
        flex-wrap: wrap;
   }
}
.pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}
.pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border {
    border: 1px solid white;
    height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}
.pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-top, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-top {
    display: flex;
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-top, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-top {
        flex-wrap: wrap;
   }
}
.pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-top .pack-offers__subtitle, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-top .pack-offers__subtitle {
    padding: 24px 15px;
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-top .pack-offers__subtitle, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-top .pack-offers__subtitle {
        padding: 20px 15px;
   }
}
.pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-top .pack-offers__subtitle h4, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-top .pack-offers__subtitle h4 {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-top .pack-offers__subtitle h4, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-top .pack-offers__subtitle h4 {
        font-size: 20px;
   }
}
.pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-top .pack-offers__subtitle p, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-top .pack-offers__subtitle p {
    font-size: 11.25px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-top .pack-offers__subtitle p, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-top .pack-offers__subtitle p {
        font-size: 12px;
        text-align: justify;
        hyphens: auto;
   }
    .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-top .pack-offers__subtitle p br, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-top .pack-offers__subtitle p br {
        display: none;
   }
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-top .pack-offers__img, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-top .pack-offers__img {
        display: flex;
        justify-content: center;
        width: 100%;
   }
}
.pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-top .pack-offers__img img, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-top .pack-offers__img img {
    width: 172px;
    height: 228px;
}
@media (max-width: 991px) {
    .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-top .pack-offers__img img, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-top .pack-offers__img img {
        width: 125px;
        object-fit: contain;
        height: auto;
   }
}
.pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-bottom, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-bottom {
    display: flex;
    align-items: center;
    padding: 15px 18px;
    gap: 20px;
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-bottom, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-bottom {
        padding: 20px 15px;
        gap: 10px;
   }
}
.pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-bottom .pack-offers__portrait img, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-bottom .pack-offers__portrait img {
    width: 69px;
    height: 69px;
}
.pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-bottom .pack-offers__former p, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-bottom .pack-offers__former p {
    font-size: 11.25px;
    line-height: 1.2;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-bottom .pack-offers__former p, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-bottom .pack-offers__former p {
        font-size: 12px;
   }
}
.pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__border .pack-offers__border-bottom .pack-offers__former p span, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__border .pack-offers__border-bottom .pack-offers__former p span {
    display: block;
    font-weight: 500;
    margin-bottom: 2px;
}
.pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__btn, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__btn {
    display: flex;
    width: 100%;
}
.pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__left .pack-offers__btn a, .pack-offers .pack-offers__content .pack-offers__bottom .pack-offers__right .pack-offers__btn a {
    width: 100%;
}


/* ----- contact ----- */
.contact-offers {
    position: relative;
    padding-top: 60px;
    padding-bottom: 57px;
    margin-bottom: 60px;
}
@media (max-width: 991px) {
    .contact-offers {
        padding: 40px 0;
   }
}
@media (max-width: 767px) {
    .contact-offers {
        margin-bottom: 40px;
   }
}
.contact-offers .contact-offers__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #f5f5f5;
}
.contact-offers .contact-offers__content .contact-offers__title h2 {
    font-size: 36px;
    margin-bottom: 25px;
}
.modal-starter__content .contact-offers__title {
    margin-bottom: 25px;
}
.modal-starter__content .contact-offers__title h2 {
    margin-bottom: 0 !important;
}
.modal-starter__content .contact-offers__title p.conditions {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
    color: #6e8998;
    text-align: center;
}
.contact-offers .contact-offers__content .contact-offers__title h2 span {
    color: var(--primary);
}
.contact-offers .contact-offers__content form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contact-offers .contact-offers__content form input {
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.contact-offers .contact-offers__content form input:focus, .contact-offers .contact-offers__content form input:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
.contact-offers .contact-offers__content form .contact-offers__form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 20px;
    width: 80%;
    margin-bottom: 25px;
}
@media (max-width: 991px) {
    .contact-offers .contact-offers__content form .contact-offers__form {
        width: 100%;
   }
}
.contact-offers .contact-offers__content form .contact-offers__form input {
    font-size: 15px;
    font-weight: 500;
    color: black;
    background-color: #dadfe2;
    border: none;
    padding: 8px 15px;
    width: 315px;
}
.contact-offers .contact-offers__content form .contact-offers__form input::placeholder {
    font-size: 15px;
    color: black;
}
@media (max-width: 767px) {
    .contact-offers .contact-offers__content form .contact-offers__btn {
        width: 100%;
   }
}
.contact-offers .contact-offers__content form .contact-offers__btn input {
    border: none;
    padding-left: 54px;
    padding-right: 54px;
}
@media (max-width: 767px) {
    .contact-offers .contact-offers__content form .contact-offers__btn input {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
   }
}

/* ----- testimonials ----- */
@keyframes simpleFade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.testimonials-offers {
    margin-bottom: 110px;
}
@media (max-width: 991px) {
    .testimonials-offers {
        margin-bottom: 0px;
   }
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top {
    margin-bottom: 25px;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__title h2 {
    font-size: 36px;
    margin-bottom: 25px;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__description {
    margin-bottom: 25px;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__description p {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 0;
    color: #201d1d;
    font-weight: 500;
    text-align: center;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__description p span {
    color: var(--primary);
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__iframe {
    display: flex;
    margin-bottom: 25px;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__iframe iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    max-height: 500px;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands {
    display: flex;
    justify-content: center;
}
@media (max-width: 767px) {
    .testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands {
        flex-wrap: wrap;
   }
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__google {
    padding-right: 80px;
    position: relative;
    padding-right: 0;
}
@media (max-width: 767px) {
    .testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__google {
        padding-bottom: 20px;
   }
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__trustpilot {
    display: none;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__google {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 767px) {
    .testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__google {
        justify-content: center;
        align-items: center;
        width: 100%;
   }
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__google img {
    display: flex;
    width: 155px;
    height: 72px;
    object-fit: contain;
    object-position: center;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__google div {
    display: flex;
    flex-direction: column;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__google div p {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 0;
    color: #201d1d;
    font-weight: 700;
    text-align: center;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__google div a {
    font-size: 14px;
    color: var(--primary);
    font-weight: 500;
    text-align: center;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner {
    min-height: 175px;
    max-height: 175px;
    display: flex;
    align-items: center;
    width: calc(100% - 40px);
    margin: auto;
    padding: 0px 15px;
}
@media (max-width: 767px) {
    .testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner {
        padding: 0px;
        min-height: 380px;
        max-height: 380px;
   }
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner .carousel-item {
    opacity: 0;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner .carousel-item.active {
    animation-name: simpleFade;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    transition: unset;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner .carousel-item .row {
    margin: 0;
    gap: 68px;
    flex-wrap: nowrap;
}
@media (max-width: 991px) {
    .testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner .carousel-item .row {
        gap: 40px;
   }
}
@media (max-width: 767px) {
    .testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner .carousel-item .row {
        flex-direction: column;
        gap: 20px;
   }
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner .carousel-item .row .col-md-6 {
    padding: 0;
    max-width: none;
    width: calc(50% - 20px);
    flex: initial;
    background-color: #f5f5f5;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
@media (max-width: 767px) {
    .testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner .carousel-item .row .col-md-6 {
        width: 100%;
        padding: 20px;
   }
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner .carousel-item .testimonials-rates {
    margin-bottom: 10px;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner .carousel-item .testimonials-rates .fa {
    font-size: 0.8em;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner .carousel-item .testimonials-rates .fa.checked {
    color: var(--primary);
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner .carousel-item .testimonials-rates .fa.unchecked {
    color: #d1d1d1 !important;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner .carousel-item .testimonials-txt {
    color: black;
    font-size: 0.7em;
    font-weight: 300;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-inner .carousel-item .testimonials-txt p {
    margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-control-prev, .testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-control-next {
    width: auto;
    color: var(--primary);
    opacity: 1;
    font-size: 36px;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-control-prev {
    left: 0;
}
@media (max-width: 767px) {
    .testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-control-prev {
        left: -3%;
   }
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-control-next {
    right: 0;
}
@media (max-width: 767px) {
    .testimonials-offers .testimonials-offers__content .testimonials-offers__bottom #carousel-testimonials .carousel-control-next {
        right: -3%;
   }
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom .testimonials-offers__btn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
@media (max-width: 767px) {
    .testimonials-offers .testimonials-offers__content .testimonials-offers__bottom .testimonials-offers__btn {
        margin-top: 25px;
        width: 100%;
   }
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__bottom .testimonials-offers__btn a {
    padding-left: 64px;
    padding-right: 64px;
}
@media (max-width: 767px) {
    .testimonials-offers .testimonials-offers__content .testimonials-offers__bottom .testimonials-offers__btn a {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
   }
}

/* ----- old section ----- */
/* develop */
@media (max-width: 767px) {
    .develop-offers .develop-b-to-b {
        margin-top: 50px;
   }
    .develop-offers .develop-b-to-b h2 {
        font-size: 30px !important;
        text-align: center;
        margin-bottom: 20px;
   }
}
/* stats */
.stats-offers {
    background: #475261;
}
@media (max-width: 767px) {
    .stats-offers {
        padding-bottom: 40px !important;
        min-height: 0 !important;
   }
    .stats-offers p {
        font-size: 24px !important;
        margin-bottom: 20px !important;
   }
    .stats-offers h3 {
        font-size: 30px !important;
        margin-bottom: 0 !important;
   }
}
/* futur customer */
@media (max-width: 767px) {
    .futur-customer-offers {
        margin-top: 40px !important;
        margin-bottom: 20px !important;
   }
    .futur-customer-offers h2 {
        font-size: 30px !important;
        margin-bottom: 20px !important;
   }
    .futur-customer-offers h4 {
        margin-top: 10px !important;
   }
    .futur-customer-offers .item {
        padding-right: 15px !important;
        padding-left: 15px !important;
   }
    .futur-customer-offers p {
        margin-bottom: 20px !important;
   }
}

/* ----- faq ----- */
.faq-offers {
    margin-bottom: 85px;
}
.faq-offers .faq-offers__content .faq-offers__title h2 {
    font-size: 36px;
    margin-bottom: 25px;
}
@media (max-width: 767px) {
    .faq-offers .faq-offers__content .faq-offers__title h2 {
        margin-bottom: 20px;
   }
}
.faq-offers .faq-offers__content .faq-offers__list .faq-offers__item {
    cursor: pointer;
    pointer-events: all;
    color: black;
    border-top: 1px solid black;
    padding: 10px 0px;
}
.faq-offers .faq-offers__content .faq-offers__list .faq-offers__item.open .faq-offers__question button {
    transform: rotate(270deg);
}
.faq-offers .faq-offers__content .faq-offers__list .faq-offers__item:last-of-type {
    border-bottom: 1px solid black;
}
.faq-offers .faq-offers__content .faq-offers__list .faq-offers__item .faq-offers__question {
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.faq-offers .faq-offers__content .faq-offers__list .faq-offers__item .faq-offers__question p {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    user-select: none;
}
.faq-offers .faq-offers__content .faq-offers__list .faq-offers__item .faq-offers__question button {
    pointer-events: none;
    background-color: #dadfe2;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    max-width: 30px;
    max-height: 30px;
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    color: #405159;
    user-select: none;
    transform: rotate(90deg);
}
.faq-offers .faq-offers__content .faq-offers__list .faq-offers__item .faq-offers__answer {
    pointer-events: none;
    height: 100%;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 300ms ease;
}
.faq-offers .faq-offers__content .faq-offers__list .faq-offers__item .faq-offers__answer p {
    font-size: 18px;
    font-weight: 500;
    margin-top: 16px;
    margin-bottom: 0;
    line-height: 1.2;
    user-select: none;
}
@media (max-width: 767px) {
    .faq-offers .faq-offers__content .faq-offers__list .faq-offers__item .faq-offers__answer p {
        text-align: justify;
        hyphens: auto;
   }
}
.faq-offers .faq-offers__content .faq-offers__btn {
    display: flex;
    justify-content: center;
    margin-top: 65px;
}
@media (max-width: 767px) {
    .faq-offers .faq-offers__content .faq-offers__btn {
        margin-top: 30px;
   }
}
.faq-offers .faq-offers__content .faq-offers__btn a {
    padding-left: 64px;
    padding-right: 64px;
}

/* ---------------------- */
/* ----- b-to-b 3/4 ----- */
/* ---------------------- */

/* ----- header formation ----- */
.header-formation {
    width: 100%;
    background: url('/../lib/media/offres/banner-formation.jpg') top center no-repeat;
    background-size: cover;
    display: flex;
    padding: 92px 0;
}
@media (max-width: 991px) {
    .header-formation {
        padding: 20px 0 50px 0;
   }
    .header-formation .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
   }
}
@media (max-width: 767px) {
    .header-formation {
        padding: 40px 0;
   }
    .header-formation .col-md-6 {
        display: flex;
        flex-direction: column;
        align-items: center;
   }
}
.header-formation h1 {
    font-size: 73px;
    font-weight: 700;
    line-height: 0.9;
}
@media (max-width: 767px) {
    .header-formation h1 {
        font-size: 36px;
        text-align: center;
   }
}
.header-formation h1 span {
    font-weight: 300;
    font-size: 40px;
}
.header-formation p {
    display: inline-flex;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    padding: 8px 85px;
    background-color: var(--primary);
    margin-bottom: 0;
    margin-top: 10px;
}

/* ----- intro ----- */
.intro-formation {
    padding-top: 50px;
    padding-bottom: 62px;
}
@media (max-width: 991px) {
    .intro-formation {
        padding-bottom: 50px;
   }
}
@media (max-width: 767px) {
    .intro-formation {
        padding-top: 30px;
        padding-bottom: 40px;
   }
}
.intro-formation .intro-formation__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (max-width: 767px) {
    .intro-formation .intro-formation__content {
        gap: 30px;
   }
}
.intro-formation .intro-formation__content .intro-formation__top {
    display: flex;
    justify-content: space-between;
    gap: 122px;
}
@media (max-width: 1199px) {
    .intro-formation .intro-formation__content .intro-formation__top {
        gap: 100px;
   }
}
@media (max-width: 991px) {
    .intro-formation .intro-formation__content .intro-formation__top {
        gap: 50px;
   }
}
@media (max-width: 767px) {
    .intro-formation .intro-formation__content .intro-formation__top {
        flex-direction: column;
        align-items: center;
        gap: 30px;
   }
}
.intro-formation .intro-formation__content .intro-formation__top img {
    width: 160px;
    height: auto;
    object-fit: contain;
}
@media (max-width: 767px) {
    .intro-formation .intro-formation__content .intro-formation__top p {
        text-align: justify;
        hyphens: auto;
   }
}
.intro-formation .intro-formation__content p {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 0;
    color: #637e8d;
}
@media (max-width: 767px) {
    .intro-formation .intro-formation__content p {
        text-align: center;
   }
}
.intro-formation .intro-formation__content p b, .intro-formation .intro-formation__content p span {
    font-weight: 500;
}
.intro-formation .intro-formation__content p span {
    color: var(--primary);
}

/* ----- pack ----- */
.pack-formation {
    margin-bottom: 48px;
}
.pack-formation .pack-formation__content .pack-formation__title {
    margin-bottom: 60px;
}
@media (max-width: 991px) {
    .pack-formation .pack-formation__content .pack-formation__title {
        margin-bottom: 25px;
   }
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__title {
        margin-bottom: 20px;
   }
}
.pack-formation .pack-formation__content .pack-formation__title h2 {
    font-size: 36px;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__title h2 {
        padding: 0;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers {
    display: flex;
    justify-content: space-between;
    gap: 84px;
    position: relative;
}
@media (max-width: 991px) {
    .pack-formation .pack-formation__content .pack-formation__offers {
        flex-wrap: wrap;
   }
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__offers {
        gap: 50px;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers::after {
    content: "+";
    position: absolute;
    font-size: 118px;
    color: var(--primary);
    font-weight: 700;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
@media (max-width: 991px) {
    .pack-formation .pack-formation__content .pack-formation__offers::after {
        content: none;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__bg {
    background: url('/../lib/media/offres/renovation-energetique.jpg') top center no-repeat;
    background-size: cover;
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__bg {
    background: url('/../lib/media/offres/normes-accessibilite-incendie.jpg') top center no-repeat;
    background-size: cover;
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes {
    background-color: #3e5159;
    color: white;
    width: 50%;
}
@media (max-width: 991px) {
    .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes {
        width: 100%;
        position: relative;
   }
    .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation::after, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes::after {
        content: "+";
        position: absolute;
        font-size: 100px;
        color: var(--primary);
        font-weight: 700;
        bottom: -87px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
   }
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation::after, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes::after {
        bottom: -70px;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation h3, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes h3 {
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 18px 22px;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation h3, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes h3 {
        font-size: 28px;
        padding: 20px;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__bg, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__bg {
    padding: 20px 24px;
    min-height: 165px;
}
@media (max-width: 991px) {
    .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__bg, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__bg {
        padding: 40px 24px;
        min-height: 185px;
   }
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__bg, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__bg {
        padding: 20px;
        min-height: 125px;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__bg p, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__bg p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 0;
    padding: 20px;
    background-color: var(--dc-blue);
    max-width: 50%;
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__bg p, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__bg p {
        max-width: 100%;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__description, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__description {
    padding: 25px 22px;
    padding-bottom: 0px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__description, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__description {
        padding: 20px;
        gap: 10px;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__description p, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__description p {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 0;
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__info, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__info {
    margin: 38px 22px 38px 22px;
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__info, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__info {
        margin: 20px;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__info button, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__info button {
    font-size: 15px;
    line-height: 1;
    border: 1px solid white;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__opco, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__opco {
    padding: 15px 20px;
    background-color: var(--dc-blue);
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__opco p, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__opco p {
    text-align: center;
    color: #3e5159;
    margin-bottom: 0;
    line-height: 1.3;
    font-weight: 700;
    font-size: 14px;
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__bottom, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__bottom {
    display: flex;
    align-items: center;
    padding: 25px 22px 25px 22px;
    gap: 20px;
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__bottom, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__bottom {
        padding: 20px;
        gap: 10px;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__bottom .pack-formation__portrait img, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__bottom .pack-formation__portrait img {
    width: 69px;
    height: 69px;
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__bottom .pack-formation__former p, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__bottom .pack-formation__former p {
    font-size: 11.25px;
    line-height: 1.2;
    margin-bottom: 0;
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__renovation .pack-formation__bottom .pack-formation__former p span, .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__normes .pack-formation__bottom .pack-formation__former p span {
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: var(--dc-blue);
}
.pack-formation .pack-formation__content .pack-formation__offers #carousel-pack {
    display: flex;
    width: 50%;
    position: relative;
    --pack-min-h: 0px;
}
@media (max-width: 991px) {
    .pack-formation .pack-formation__content .pack-formation__offers #carousel-pack {
        width: 100%;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers #carousel-pack .card-pack {
    opacity: 0;
    position: absolute;
    z-index: 1;
    transition: opacity 300ms;
}
.pack-formation .pack-formation__content .pack-formation__offers #carousel-pack .card-pack.current {
    opacity: 1;
    position: relative;
    z-index: 2;
    transition: opacity 300ms;
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack {
    width: 100%;
    min-height: var(--pack-min-h);
}
@media (max-width: 991px) {
    .pack-formation .pack-formation__content .pack-formation__offers .card-pack {
        margin-top: 40px;
   }
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__offers .card-pack {
        gap: 0px;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .choice-offers__top {
    margin-bottom: 25px;
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .choice-offers__top .choice-offers__title {
    padding: 13px 20px 24px 20px;
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .choice-offers__top .choice-offers__title h3 {
    margin-bottom: 5px;
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .choice-offers__bottom {
    padding-bottom: 40px;
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__offers .card-pack .choice-offers__bottom {
        padding-bottom: 64px;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .choice-offers__bottom .pack-formation__price {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .choice-offers__bottom .pack-formation__price div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .choice-offers__bottom .pack-formation__price div h4 {
    line-height: 1;
    margin-bottom: 0;
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .choice-offers__bottom .pack-formation__price div .pack-formation__reduction {
    color: var(--primary);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    margin-right: 10px;
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .choice-offers__bottom .pack-formation__price div .pack-formation__reduction br {
    display: none;
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .choice-offers__bottom .pack-formation__price div p {
    font-size: 12px;
    line-height: 1.2;
    color: #6e8998;
    margin-bottom: 0;
    font-weight: 400;
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__offers .card-pack .choice-offers__bottom .pack-formation__price div p {
        text-align: center;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .choice-offers__bottom .pack-formation__other {
    margin-top: 28px;
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .choice-offers__bottom .pack-formation__other p {
    font-size: 16px;
    color: #6e8998;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 8px;
    text-align: center;
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .pack-formation__choices {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .pack-formation__choices button {
    width: 50%;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    background-color: var(--dc-blue);
    border: none;
    line-height: 1;
    padding: 12px 0 8px 0;
    display: flex;
    justify-content: center;
    gap: 20px;
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__offers .card-pack .pack-formation__choices button {
        font-size: 16px;
        gap: 8px;
        justify-content: center;
        align-items: center;
   }
    .pack-formation .pack-formation__content .pack-formation__offers .card-pack .pack-formation__choices button.carousel-pack-prev {
        flex-direction: column;
   }
    .pack-formation .pack-formation__content .pack-formation__offers .card-pack .pack-formation__choices button.carousel-pack-next {
        flex-direction: column-reverse;
   }
    .pack-formation .pack-formation__content .pack-formation__offers .card-pack .pack-formation__choices button span {
        font-size: 20px;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers .card-pack .pack-formation__choices button:focus, .pack-formation .pack-formation__content .pack-formation__offers .card-pack .pack-formation__choices button:focus-visible {
    outline: none;
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__performance {
    border-top-left-radius: 0;
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__performance .choice-offers__recommended {
    position: absolute;
    top: -46px;
    left: -24px;
    padding: 8px 25px;
    background-color: var(--dc-blue);
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__performance .choice-offers__recommended {
        display: none;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__performance .choice-offers__recommended p {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__performance .choice-offers__corner {
    position: absolute;
    top: -6px;
    left: -42px;
    width: 0px;
    height: 0px;
    border-left: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 18px solid #2d9493;
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__offers .pack-formation__performance .choice-offers__corner {
        display: none;
   }
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__performance .choice-offers__top .choice-offers__title br {
    display: none;
}
.pack-formation .pack-formation__content .pack-formation__offers .pack-formation__agency .choice-offers__top .choice-offers__title br {
    display: none;
}
.pack-formation .pack-formation__content .pack-formation__btn {
    display: flex;
    justify-content: center;
    margin-top: 34px;
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__btn {
        margin-top: 25px;
   }
}
.pack-formation .pack-formation__content .pack-formation__btn button {
    font-size: 24px;
    padding-right: 85px;
    padding-left: 85px;
}
@media (max-width: 767px) {
    .pack-formation .pack-formation__content .pack-formation__btn button {
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
        font-size: 18.5px;
   }
}

/* ----- modal ----- */
.modal-formation {
    position: fixed;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #ffffffe6;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-formation.visible {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.modal-formation .modal-formation__content {
    width: 100%;
    background-color: #3e5159;
    color: white;
    padding: 30px;
    max-height: 90%;
    overflow-y: auto;
    position: relative;
    z-index: 1;
}
@media (max-width: 991px) {
    .modal-formation .modal-formation__content {
        padding: 25px;
   }
}
@media (max-width: 767px) {
    .modal-formation .modal-formation__content {
        padding: 20px;
   }
}
.modal-formation .modal-formation__content p {
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 18px;
}
.modal-formation .modal-formation__content .modal-formation__title {
    margin-bottom: 0;
    position: relative;
}
.modal-formation .modal-formation__content .modal-formation__title p {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 60px;
}
@media (max-width: 767px) {
    .modal-formation .modal-formation__content .modal-formation__title p {
        font-size: 28px;
        padding-right: 50px;
   }
}
.modal-formation .modal-formation__content .modal-formation__title .modal-formation__close {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .modal-formation .modal-formation__content .modal-formation__title .modal-formation__close {
        align-items: flex-start;
   }
}
.modal-formation .modal-formation__content .modal-formation__title .modal-formation__close #formation-modal-close {
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 50%;
    background: var(--dc-blue);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}
.modal-formation .modal-formation__content .modal-formation__title .modal-formation__close #formation-modal-close:focus, .modal-formation .modal-formation__content .modal-formation__title .modal-formation__close #formation-modal-close:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.modal-formation .modal-formation__content .modal-formation__title .modal-formation__close #formation-modal-close i {
    display: block;
    margin-top: -1px;
    margin-left: 1px;
    font-size: 21px;
}
.modal-formation .modal-formation__content .modal-formation__description {
    margin: 25px 0;
}
@media (max-width: 767px) {
    .modal-formation .modal-formation__content .modal-formation__description {
        text-align: justify;
        hyphens: auto;
   }
}
.modal-formation .modal-formation__content .modal-formation__planning {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}
@media (max-width: 991px) {
    .modal-formation .modal-formation__content .modal-formation__planning {
        flex-wrap: wrap;
   }
}
.modal-formation .modal-formation__content .modal-formation__planning .modal-formation__left, .modal-formation .modal-formation__content .modal-formation__planning .modal-formation__right {
    width: 50%;
}
@media (max-width: 991px) {
    .modal-formation .modal-formation__content .modal-formation__planning .modal-formation__left, .modal-formation .modal-formation__content .modal-formation__planning .modal-formation__right {
        width: 100%;
   }
}
.modal-formation .modal-formation__content .modal-formation__planning .modal-formation__left .blue, .modal-formation .modal-formation__content .modal-formation__planning .modal-formation__right .blue {
    color: var(--dc-blue) !important;
}
.modal-formation #formation-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 0;
}

/* -------------------- */
/* ----- b-to-b 5 ----- */
/* -------------------- */
.header-formation-5 h1 {
    font-size: 55px !important;
}
@media (max-width: 767px) {
    .header-formation-5 h1 {
        font-size: 36px !important;
   }
}
.header-formation-5 a {
    display: inline-flex;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    padding: 8px 85px;
    margin-bottom: 0;
    margin-top: 10px;
}
@media (max-width: 991px) {
    .header-formation-5 .row {
        position: relative;
   }
}
.header-formation-5 .header-formation__text {
    position: relative;
    z-index: 1;
}
.header-formation-5 .header-formation__year {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    z-index: 0;
}
@media (max-width: 991px) {
    .header-formation-5 .header-formation__year {
        justify-content: flex-end;
        position: absolute;
   }
}
@media (max-width: 991px) and (max-width: 767px) {
    .header-formation-5 .header-formation__year {
        position: initial;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
   }
}
.header-formation-5 .header-formation__year img {
    max-width: 100%;
    object-fit: contain;
}
@media (max-width: 767px) {
    .header-formation-5 .header-formation__year img {
        width: 150px;
   }
}
.pack-formation-5 .title-offers {
    color: var(--primary);
}
.pack-formation-5 .pack-formation__renovation .pack-formation__switch, .pack-formation-5 .pack-formation__normes .pack-formation__switch {
    display: flex;
    flex-direction: column;
    padding: 0px 22px 25px 22px;
}
@media (max-width: 767px) {
    .pack-formation-5 .pack-formation__renovation .pack-formation__switch, .pack-formation-5 .pack-formation__normes .pack-formation__switch {
        padding-top: 0 !important;
        padding: 20px;
   }
}
.pack-formation-5 .pack-formation__renovation .pack-formation__switch p, .pack-formation-5 .pack-formation__normes .pack-formation__switch p, .pack-formation-5 .pack-formation__renovation .pack-formation__switch button, .pack-formation-5 .pack-formation__normes .pack-formation__switch button {
    font-size: 14px;
}
.pack-formation-5 .pack-formation__renovation .pack-formation__switch p, .pack-formation-5 .pack-formation__normes .pack-formation__switch p {
    margin-bottom: 0;
    opacity: 0.5;
}
.pack-formation-5 .pack-formation__renovation .pack-formation__switch button, .pack-formation-5 .pack-formation__normes .pack-formation__switch button {
    color: white;
    background-color: transparent;
    border: none;
    font-weight: 500;
    text-decoration: underline;
    padding: 0;
    text-align: left;
    outline: none !important;
}
@media (max-width: 991px) {
    .pack-formation-5 .pack-formation__renovation, .pack-formation-5 .pack-formation__normes {
        margin-top: 40px;
   }
    .pack-formation-5 .pack-formation__renovation::after, .pack-formation-5 .pack-formation__normes::after {
        content: none !important;
   }
}
@media (max-width: 991px) {
    .pack-formation-5 #carousel-pack .pack-formation__starter {
        margin-top: 0 !important;
   }
    .pack-formation-5 #carousel-pack::after {
        content: "+";
        position: absolute;
        font-size: 100px;
        color: var(--primary);
        font-weight: 700;
        bottom: -87px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
   }
    .pack-formation-5 #carousel-pack .choice-offers__bottom {
        padding: 0 15px 25px 15px !important;
   }
}
@media (max-width: 767px) {
    .pack-formation-5 #carousel-pack::after {
        bottom: -70px;
   }
}
.pack-formation-5 .pack-formation__btn {
    flex-direction: column;
    align-items: center;
}
.pack-formation-5 .pack-formation__btn p {
    color: var(--dc-blue);
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.5rem;
}
.modal-formation-5 #formation-modal-close-renov, .modal-formation-5 #formation-modal-close-incen {
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 50%;
    background: var(--dc-blue);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}
.modal-formation-5 #formation-modal-close-renov:focus, .modal-formation-5 #formation-modal-close-incen:focus, .modal-formation-5 #formation-modal-close-renov:focus-visible, .modal-formation-5 #formation-modal-close-incen:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.modal-formation-5 #formation-modal-close-renov i, .modal-formation-5 #formation-modal-close-incen i {
    display: block;
    margin-top: -1px;
    margin-left: 1px;
    font-size: 21px;
}
.modal-formation-5 #formation-modal-bg-renov, .modal-formation-5 #formation-modal-bg-incen {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 0;
}
.offer-first-year a {
    color: var(--grey-dc);
}
.offer-picto {
    position: relative;
}
.offer-picto::after {
    content: "";
    width: 100px;
    height: 100px;
    background: url('/lib/media/offres/dc/one-year-offer.png') no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 40px;
    left: 60px;
}
.offer-picto-up {
    position: relative;
}
.offer-picto-up::after {
        content: "";
        width: 100px;
        height: 100px;
        background: url('/lib/media/offres/dc/one-year-offer.png') no-repeat;
        background-size: contain;
        position: absolute;
        top: 180px;
        right: -40px;
}

@media(max-width: 767px) {
    .offer-picto::after {
        right: initial;
        left: 0;
    }
    .offer-picto-up::after {
        top: 0;
        right: initial;
        left: 0;
    }
}
.text-one-year {
    font-size: 22px;
}
table-lead-ao {
    font-size: 16px;
}
.table-lead-ao tr td:first-child {
    max-width: 270px;
}
.content-lead-ao h1 {
    font-size: 22px;
    margin-bottom: 20px;
}
.content-lead-ao {
    font-size: 16px;
}
.lead-ao-dpt-add {
    padding: 8px 15px !important;
}