@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;
}
.mtop-20 {
    margin-top: 20px;
}
/* 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: #df5f54;
    background-color: #df5f54;
}

/** COLOR */
.btn-action-color{
    background-color: #df5f54;
    border: none;
}
.btn-action-color:hover, .btn-action-color:active{
    background-color: #df5f54;
}
.text-color{
    color: #364b55;
    padding-right: 0px;
}
.orange {
    color: #fca928;
}
.red{
    color: #df5f54;
}
a.red:hover {
    color: #df5f54;
}
.blue {
    color: #28b5ed;
}
.green {
    color: #a1c10f;
}
.grey {
    color: #364b55;
}
a.blue:hover {
    color: #28b5ed;
}
a.green:hover {
    color: #a1c10f;
}
.text-center {
    text-align: center;
}
.marg-bot-30 {
    margin-bottom: 30px
}

/* ERROR */
.maintenance-page i {
    color: #fca928;
}
.maintenance-page p {
    color: #6c8897;
}

/** MAIN */
.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: #364b55;
    font-weight: 500;
    font-size: .65em;
}
.p-relative {
    position: relative;
}
.page-content h1 {
    color: #df5f54;
    font-size: 2.3rem;
    text-align: center;
    margin: 50px 0;
    font-weight: 700;
}
.page-content h2 {
    color: #FFF;
    font-size: 2rem;
    font-weight: 100;
    text-transform: uppercase;
    width: 90%;
}
.page-content p,
.page-content li {
    color: #364b55;
    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: #df5f54;
    font-weight: 500;
    font-size: .8em;
    border-radius: 10px;
    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 .carousel-inner,
.b-to-b-testimonials .carousel-inner,
.home-existing-photographer .carousel-inner,
.home-type-prestations .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: #fca928;
    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: #df5f54;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #FFF;
    content: ">";
}
.breadcrumb .active,
.breadcrumb .active a,
.header-ficher-photographer .breadcrumb-item {
    color: #FFF;
}
@media(max-width: 767px) {
    .breadcrumb-hide-mobile {
        display: none;
    }
}

/** FORM */
.header-b-to-c input.form-control,
.header-search-photographer input.form-control,
.home-form-architect input.form-control,
.header-selection-photographer input.form-control {
    padding: 10px 25px;
    border-radius: 10px;
    border: none;
    color: #364b55;
    height: 45px !important;
}
.home-form-architect input.form-control {
    min-height: 56px;
}
.header-b-to-c .full-name-input .form-group{
    display: flex;
    justify-content: center;
}
.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: #df5f54;
    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;
}

.select-box {
    line-height: 45px;
    border: 0;
    background: #fff;
    height: 45px !important;
    border-radius: 10px;
    width: 100%;
    font-size: 1rem;
    padding: 10px 25px;
    color: #364b55;
    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;
    margin-bottom: 15px;
    justify-content: center;
}
.wide-screen{
    display: block;
}
.mobile-screen{
    display: none;
}
.btn-more-creterion {
    color: #FFF;
    background-color: transparent;
    border-color: rgba(255,255,255,.7);
    border-radius: 10px;
    font-size: .9rem;
    padding: .25rem .75rem;
}
.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;
} */
/** NAVBAR */
.main-navbar {
    background-color: #FFF;
    height: 100px;
}
.main-navbar .navbar-collapse {
    justify-content: flex-end;
    z-index: 101;
}
.navbar-toggler {
    color: #364b55;
    border: 1px solid #364b55;
    cursor: pointer;
}
#main-nav .nav-link {
    color: #364b55;
    text-transform: uppercase;
    font-size: .8em;
}
#main-nav ul.navbar-nav.nav-lang {
    padding: 0 0 0 30px;
}
img.flag-lang {
    width: 100%
}
.nav-lang .nav-lang-item {
    width: 37px;
}
.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;
}

/** HOME */
.home-find-photographer {
    width: 100%;
    padding-top: 50px;
    height: 736px;
    position: relative;
}
.avis-part2 .advanced-search,
.home-find-photographer .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;
}
.advanced-search i {
    color: #df5f54;
}
#home-find-photographer-carousel {
    position: absolute;
    top: 0;
    width: 100%;
}
#home-find-photographer-carousel .carousel-item {
    width: 100%;
    height: 736px;
}
#home-find-photographer-carousel .carousel-item-1 {
    background: url(../media/banners/photographe/banner-home-1.jpg) top center no-repeat;
}
#home-find-photographer-carousel .carousel-item-2 {
    background: url(../media/banners/photographe/banner-home-2.jpg) top center no-repeat;
}
#home-find-photographer-carousel .carousel-item-3 {
    background: url(../media/banners/photographe/banner-home-3.jpg) top center no-repeat;
}
#home-find-photographer-carousel .carousel-item-4 {
    background: url(../media/banners/photographe/banner-home-4.jpg) top center no-repeat;
}
#home-find-photographer-carousel .carousel-item-5 {
    background: url(../media/banners/photographe/banner-home-5.jpg) top center no-repeat;
}
#home-find-photographer-carousel.carousel-fade .carousel-item {
    transition-duration: 1.2s;
    transition-property: opacity;
}
.home-find-photographer .txt-find-photographer {
    margin: 0 auto 70px;
    width: 100%;
    height: 305px;
    position: relative;
}
.home-find-photographer .txt-find-photographer .triangle {
    width: 340px;
    height: 340px;
    border-radius: 205px;
    position: relative;
    background: #df5f54;
    opacity: 0.90;
}
.home-find-photographer .accroche-find-photographer {
    margin-left: 60px;
}
.home-find-photographer .first-directory {
    position: relative;
    z-index: 1;
}
.home-find-photographer .txt-find-photographer h1 {
    color: #FFF;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 10px;
    padding: 50px 0 0 0px;
    text-align: center;
}
.home-find-photographer .txt-find-photographer .big {
    color: #FFF;
    font-weight: 500;
    font-size: 1.5em;
    text-align: center;
}
.home-find-photographer .steps-find-photographer {
    width: 725px;
    height: 139px;
    position: absolute;
    bottom: 0;
    left: 250px;

}
.home-find-photographer .step-find-photographer {
    text-align: center;
    position: absolute;
}
.home-find-photographer .arrow-1 {
    background: url(../media/base/photographe/img/arrow3.png) top center no-repeat;
    left: 75px;
    top: 144px;
    width: 149px;
    position: absolute;
    height: 49px;
}
.home-find-photographer .arrow-2 {
    background: url(../media/base/photographe/img/arrow2.png) top center no-repeat;
    left: 296px;
    top: -25px;
    width: 149px;
    position: absolute;
    height: 49px;
}
.home-find-photographer .arrow-3 {
    background: url(../media/base/photographe/img/arrow3.png) top center no-repeat;
    left: 513px;
    top: 148px;
    width: 149px;
    position: absolute;
    height: 49px;
}

.home-form-arrcoche {
    position: relative;
    z-index: 99;
}
.home-find-photographer .step-find-photographer.step-1 {
    top: 10px;
    left: 192px;
    height: 145px;
    width: 145px;
    border-radius: 75px;
    background: rgba(255,255,255,0.85)
}
.home-find-photographer .step-find-photographer.step-2 {
    top: 10px;
    left: 410px;
    height: 145px;
    width: 145px;
    border-radius: 75px;
    background: rgba(255,255,255,0.85)
}
.home-find-photographer .step-find-photographer.step-3 {
    top: 10px;
    left: 620px;
    height: 145px;
    width: 145px;
    border-radius: 75px;
    background: rgba(255,255,255,0.85)
}
.home-find-photographer .step-find-photographer p {
    font-weight: 700;
    margin: 0;
}
.home-find-photographer .step-find-photographer .step-number {
    color: #df5f54;
    font-size: 1.6em;
    margin-top: 15px;
}
.home-find-photographer .step-find-photographer .step-txt {
    color: #df5f54;
    font-size: 0.9em;
    line-height: 1.2em;
}
.home-find-photographer h2 {
    color: #FFF;
    font-weight: 500;
    font-size: 1.2em;
    margin-top: 14px;
}
.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 select.form-control {
    height: 56px;
    line-height: 56px;
}
.free-no-contract,
.home-form-architect .free-no-contract {
    color: #FFF;
    margin-top: 10px;
    font-weight: 500;
    text-align: center;
    font-size: .8em;
}
.home-site-description .wrapper {
    max-width: 1000px;
    width: 100%;
    margin: 30px auto;
}
.home-site-description p {
    text-align: center;
    font-weight: 500;
    font-size: 1.2rem;
    color: #364b55;
}
.home-type-photo {
    margin-top: 50px;
    overflow: hidden;
}
.home-type-photo h3,
.home-type-photos h3,
.home-type-prestation h3,
.page-all-site-map h2 {
    color: #475261;
    font-weight: 700;
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 30px;
}
/* .home-type-photo .type-photo-item {
    padding: 0 5px;
    margin-bottom: 50px;
}
.home-type-photo .type-photo-item .type-prestation-img {
    position: relative;
    overflow: hidden;
}
.home-type-photo .type-photo-item .type-prestation-img:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.home-type-photo .type-photo-item img {
    width: 100%;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
} */
.home-type-photo .type-1 h4 {
    display: flex;
    justify-content: center;
    font-weight: 500;
    font-size: 1.2em;
    color: #000;
    margin-top: 25px;
}
.home-type-photo .btn-photo-type {
    padding: 6px;
    width: 75%;
    margin: 25px auto;
}
.home-type-photo .type-1 {
    height: 340px;
    background-color: #c7c8cc;
    width: 270px;
    padding: 15px;
}
.home-type-photo .all-item:nth-child(odd) {
    transform: rotate(-4deg);
}
.home-type-photo .all-item:nth-child(even) {
    transform: rotate(4deg);
}
.home-type-photo .all-item:nth-child(odd) a{
    transform: rotate(4deg);
}
.home-type-photo .all-item:nth-child(even) a{
    transform: rotate(-4deg);
}
.home-type-photo .under-type-1 {
    background: url(../media/base/photographe/img/wedding.png) top center no-repeat;
    width: 240px;
    height: 248px;
}
.home-type-photo .under-type-2 {
    background: url(../media/base/photographe/img/family.png) top center no-repeat;
    width: 240px;
    height: 246px;
}
.home-type-photo .under-type-3 {
    background: url(../media/base/photographe/img/baby.png) top center no-repeat;
    width: 240px;
    height: 246px;
}
.home-type-photo .under-type-4 {
    background: url(../media/base/photographe/img/portrait.png) top center no-repeat;
    width: 240px;
    height: 246px;
}
.home-type-photos .carousel-control-next,
.home-type-photos .carousel-control-prev {
    width: 8%;
}
.see-all-type-prestations {
    text-align: center;
    margin-top: 25px;
    color: #df5f54;
}
.see-all-type-prestations a {
    font-weight: 500;
    font-size: .7em;
}
.home-testimonials,
.b-to-b-testimonials {
    width: 100%;
    min-height: 300px;
    padding-top: 80px;
    background: url(../media/banners/temoignages.jpg) top center no-repeat #ededed;
}
.page-avis .carousel-control-prev,
.home-testimonials .carousel-control-prev,
.b-to-b-testimonials  .carousel-control-prev,
.home-existing-photographer  .carousel-control-prev,
.home-last-works .carousel-control-prev,
.similarly-article .carousel-control-prev {
    width: 20px;
    left: -20px;
    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-photographer .carousel-control-next,
.home-last-works .carousel-control-next,
.similarly-article .carousel-control-next {
    transform: rotate(180deg);
    width: 20px;
    right: -20px;
    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,
.page-avis i.fa.fa-star.checked,
.home-testimonials .testimonials-rates .fa.checked,
.b-to-b-testimonials .testimonials-rates .fa.checked {
    color: #e4a100;
}
.page-avis .unchecked{
    color: #61737c !important;
}
.home-testimonials .testimonials-txt,
.b-to-b-testimonials .testimonials-txt {
    color: #405159;
    font-size: .7em;
    font-weight: 300;
}
.b-to-b-testimonials .see-all-testimonials,
.home-testimonials .see-all-testimonials {
    margin-bottom: 40px;
    margin-top: 10px;
}
.home-type-prestations {
    width: 100%;
    min-height: 530px;
    background: url(../media/banners/photographe/travaux.jpg) bottom center no-repeat #475261;
}
.home-type-prestations .carousel-control-prev {
    left: -20px;
    width: 20px;
    background: url(../media/base/arrow-grey.png) center center no-repeat transparent;
}
.home-type-prestations .carousel-control-next {
    transform: rotate(180deg);
    right: -20px;
    width: 20px;
    background: url(../media/base/arrow-grey.png) center center no-repeat transparent;
}
.home-type-prestations h3 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 20px;
}
.home-type-prestations .photos-item h4 {
    text-align: center;
    color: #FFF;
    font-weight: 300;
    font-size: 1em;
    padding: 8px 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
.home-type-prestations .photos-item {
    padding: 0 50px;
    margin-top: 20px;
}
.home-type-prestations .photos-item img {
    width: 100%;
}
.home-type-prestations .zoom-img {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.home-type-prestations .photos-item .type-photos-img {
    position: relative;
    overflow: hidden;
    background-size: cover !important;
    border-radius: 15px;
}
.home-type-prestations .photos-item .type-photos-img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.home-type-prestations .photos-item .type-photos-img {
    width: 100%;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
.home-last-photos .content-actu-home{
    position: relative;
    overflow: hidden;
}
.home-last-photos .text-actu-home {
    position: absolute;
    z-index: 50;
    bottom: 0px;
    left: 20px;
}
.home-last-photos .content-actu-home{
    width: 100%;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
.home-last-photos .actu-home-parent {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.home-last-works .contenu-actu-home {
    width: 100%;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
.home-last-works .contenu-actu-home:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.home-last-photos .content-actu-home:hover{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.home-type-prestations .photos-item .btn-archi-blue {
    margin-top: 15px;
}
.b-to-b-testimonials .see-all-testimonials,
.home-type-prestations .see-all-type-photos {
    text-align: center;
    margin-top: 15px
}
.b-to-b-testimonials .see-all-testimonials a,
.home-type-prestations .see-all-type-photos a {
    font-weight: 500;
    font-size: .7em;
}
.home-type-prestations .see-all-type-prestations a {
    color: #FFF;
}
/* .home-type-prestations #photo {
    background: url(../media/base/photographe/img/presta_photo.png) top center no-repeat;
    min-height: 185px;
}
.home-type-prestations #video {
    background: url(../media/base/photographe/img/presta_video.png) top center no-repeat;
    min-height: 185px;
}
.home-type-prestations #drone {
    background: url(../media/base/photographe/img/presta_drone.png) top center no-repeat;
    min-height: 185px;
}
.home-type-prestations #retouche {
    background: url(../media/base/photographe/img/presta_retouche.png) top center no-repeat;
    min-height: 185px;
}
.home-type-prestations #cours-photo {
    background: url(../media/base/photographe/img/presta_cours_photo.png) top center no-repeat;
    min-height: 185px;
}
.home-type-prestations #motion-design {
    background: url(../media/base/photographe/img/presta_motion_design.png) top center no-repeat;
    min-height: 185px;
} */

#carousel-type-photos .carousel-item .row {
    justify-content: center;
}
#carousel-type-photos .carousel-item .picture-wrapper:first-child,
#carousel-type-photos .carousel-item .picture-wrapper:nth-child(3){
    transform: rotate(-5deg);
}
#carousel-type-photos .carousel-item .picture-wrapper:nth-child(4),
#carousel-type-photos .carousel-item .picture-wrapper:nth-child(2){
    transform: rotate(5deg);
}
#carousel-type-photos .carousel-item .picture-wrapper {
    padding: 10px;
}
#carousel-type-photos .picture {
    background-color: #ededed;
    padding: 15px;
}
#carousel-type-photos .picture-child {
    position: relative;
    overflow: hidden;
}
#carousel-type-photos .picture h4 {
    display: flex;
    justify-content: center;
    font-weight: 500;
    font-size: 1.2em;
    color: #000;
    text-align: center;
    margin-top: 30px;
}
#carousel-type-photos .picture img {
    max-width: 100%;
    width: 100%;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
#carousel-type-photos .picture:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
#carousel-type-photos .carousel-control-prev {
    background: url(../media/base/arrow-grey.png) center center no-repeat transparent;
    left: 10px;
}
#carousel-type-photos .carousel-control-next {
    transform: rotate(180deg);
    right: 10px;
    background: url(../media/base/arrow-grey.png) center center no-repeat transparent;
}
#carousel-type-photos .btns-search {
    margin-top: 20px;
}
#carousel-type-photos .btns-search .col-md-3 {
    padding:0 50px;
}
#carousel-type-photos .btns-search .btn-archi-blue {
    padding: 10px 0;
    min-width: 110px;
}
.home-type-photos .see-all-type-photos {
    text-align: center;
    margin-top: 50px;
}
.b-to-b-testimonials .see-all-testimonials,
.home-testimonials .see-all-testimonials{
    text-align: center;
}
.b-to-b-testimonials .see-all-testimonials a,
.home-testimonials .see-all-testimonials a,
.home-type-photos .see-all-type-photos a {
    font-weight: 500;
    font-size: .7em;
    color: #f06257;
}
.type-photos-cloud-words {
    margin-top: 60px;
}
.type-photos-cloud-words .row-cloud-words {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: wrap;
}
.type-photos-cloud-words .row-cloud-words .cloud-word-link {
    color: #364b55;
    font-weight: bold;
    font-size: 1em;
}
.type-photos-cloud-words .row-cloud-words .cloud-word-dot {
    color: #f06257;
    font-size: 8px;
    padding: 0 15px;
}

.home-last-photos {
    min-height: 405px;
}
.last-photos-items {
    justify-content: space-around;
    align-items: center;
}
.home-last-photos .last-photos-item {
    max-width: 400px;
    width: 100%;
}
.home-last-photos .last-photos-item h5 {
    color: #364b55;
    font-weight: 500;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 2rem;
}
.home-last-photos .last-photos-item .wrapper {
    /*     border: 1px solid rgba(159,168,172, .5);
        border-radius: 10px;
        padding: 15px 25px; */
    padding: 15px 22px;
    height: 250px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    align-items: flex-end;
}
.home-last-photos .last-photos-item h6 {
    color: #FFF;
    font-size: 1.2em;
    font-weight: 100;
    text-transform: uppercase;
}
.home-last-photos .last-photos-item img {
    width: 100% !important;
    height: 100% !important;
}
.home-last-photos .last-photos-item p {
    color: #3b4956;
    font-size: .8em;
    line-height: normal;
}
.home-last-photos .last-photos-item .read-more {
    color: #df5f54;
    font-weight: 400;
    font-size: .9em;
    line-height: normal;
    min-width: 40px;
    justify-content: flex-end;
    display: flex;
    margin-top: 5px;
}

.home-last-photos .last-photos-item .read-more:lang(en) {
    min-width: 77px;
}
.home-last-photos .d-flex.justify-content-between {
    align-items: flex-end;
}
.home-last-photos .last-photos-item .see-all {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: .7em;
    font-weight: 500;
    margin-top: 10px;
}

.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;
    min-height: 90px;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 2rem;
}
.home-last-works .actu-home-parent {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.home-last-works .text-actu-home {
    position: absolute;
    z-index: 50;
    bottom: 0px;
    left: 20px;
}
.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: 250px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    align-items: flex-end;
}
.home-last-works .last-works-item h6 {
    color: #FFF;
    font-size: 1.2em;
    font-weight: 100;
    text-transform: uppercase;
}
.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: #df5f54;
    font-weight: 400;
    font-size: .9em;
    line-height: normal;
    min-width: 40px;
    justify-content: flex-end;
    display: flex;
    margin-top: 5px;
}

.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: 100px;
    padding-bottom: 10px;
    min-height: 200px;
    background: url(../media/base/photographe/img/bannier-orange.jpg) top center no-repeat #fca928;
}
.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-why-choose #lower-find-photographer {
    margin-top: 20px;
}
.home-existing-photographer h3 {
    color: #475261;
    font-weight: 700;
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 30px;
}
.home-existing-photographer .existing-photographer-items {
    justify-content: center;
}
.home-existing-photographer .existing-photographer-item {
    display: flex;
    align-items: center;
    margin: 0 10px;
    padding: 10px;
    height: 168px;
    width: 168px;
    border-radius: 90px;
    justify-content: center;

}
.home-existing-photographer .existing-photographer-item img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    box-shadow: 5px 2px 10px#a1a0a0;
}
.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-photographer {
    width: 100%;
    min-height: 259px;
    padding-top: 30px;
    padding-bottom: 90px;
    margin-top: 50px;
    text-align: center;
    /*  background: url(../images/banners/banner-you-photographer.jpg) bottom center no-repeat #61737c; */
    background: url(../media/base/photographe/img/bannier-grey-bot.jpg) bottom center no-repeat;
}
.home-you-photographer h3 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.5em;
    text-align: center;
}
.home-you-photographer p {
    color: #FFF;
    font-weight: 100;
    font-size: 1.1em;
    text-align: center;
    margin: 0;
}
.home-you-photographer a {
    color: #FFF;
    font-weight: 700;
    font-size: 1em;
    border-bottom: 2px solid #FFF;
}

/** PAGE SEARCH */
.header-search-photographer {
    width: 100%;
    padding-top: 40px;
    min-height: 486px;
    background: url(../media/banners/photographe/banner-recherche.jpg) top center no-repeat;
}
.header-search-photographer p {
    font-weight: bold;
}
.header-search-photographer h1 {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    margin-top: 40px;
    margin-bottom: 0;
    width: 70%;
}
.header-search-photographer .take-meeting {
    color: #FFF;
    font-weight: 700;
    font-size: 1.4em;
    margin: 0;
}
.header-search-photographer .form-search-wrapper {
    padding-top: 25px;
    margin: auto;
    width: 100%;
}
.header-search-photographer .btn-more-criteria {
    color: #FFF;
    font-size: 1em;
    display: block;
    max-width: 350px;
    text-align: center;
    margin: 0px auto 15px;
    width: 100%;
    cursor: pointer;
    font-weight: normal;
}
.header-search-photographer .btn-more-criteria .fa {
    color: #fca928;
    transition: transform .3s;
}
.header-search-photographer .btn-more-criteria.collapsed .fa {
    transform: rotate(1deg);
}
.header-search-photographer .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-photographer .col-drop-menu {
    padding: 15px 20px 0px 20px;
}
.criteria-container {
    line-height: 17px;
    font-size: 1rem;
    margin-top: 11px;
}
.header-search-photographer .dropdown-footer {
    border-top: 1px solid #e9ecef;
    padding: 5px 15px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.col-drop-menu .form-group {
    margin-bottom: 8px;
}
.col-drop-menu p, .col-drop-menu label, .collapse-menu-attributes .btn-validate-refine {
    font-size: .9rem;
}
.criteria-container .form-check-input {
    margin-top: 0rem;
}
.header-search-photographer .btn-validate-refine {
    padding: 7px 9px;
    text-decoration: none;
    border: none;
}
.header-search-photographer .validate {
    color: #df5f54;
}
.results-photographer {
    padding-top: 20px;
}
.results-photographer .div-all-archi{
    margin: 5px 0px;
}
.results-photographer .all-archi{
    min-width: 340px;
    margin-bottom: 30px;
    color: #df5f54;
    font-size: 1.2rem;
}
.results-photographer h2 {
    color: #475261;
    font-weight: 700;
    font-size: 1.4em;
    margin-bottom: 40px;
    margin-top: 30px;
}
.results-photographer,
.modal-body .more-criteria h4 {
    color: #475261;
    font-weight: 500;
    font-size: 1em;
}
.results-photographer h3.worker-in-city{
    text-align: left;
}
.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 #df5f54;
    -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-photographer .refine-research{
    text-align: center;
    /*     background-color: white;
        color: #364b55; */
    border-radius: 10px;
    border: 2px ridge #8096a1;
    display: inline-flex;
    padding: 6px 20px;
    font-size: 1rem;
    font-weight: 400;
}
.header-search-photographer .refine-research-on{
    color: #fca928;
    border: 2px ridge #fca928;
}
.header-search-photographer .second-item{
    margin-bottom: 15px;
}
p.refine-research {
    display: inline-flex;
    padding: 0 1em;
}

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

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

.header-search-photographer .collapse-menu-mission {
    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-photographer .collapse-menu-localisation {
    box-shadow: 0px 0px 6px #9e9e9ead;
    width: 230px;
    position: absolute;
    transform: translate3d(-50px, 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-photographer .collapse-menu-style {
    box-shadow: 0px 0px 6px #9e9e9ead;
    width: 230px;
    position: absolute;
    transform: translate3d(-60px, 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-photographer .collapse-menu-langue {
    box-shadow: 0px 0px 6px #9e9e9ead;
    width: 230px;
    position: absolute;
    transform: translate3d(-60px, 40px, 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-photographer input#mission,
.header-search-photographer input#localisation,
.header-search-photographer input#style,
.header-search-photographer input#langue {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 0px;
}
.header-search-photographer .col-drop-menu{
    padding: 15px 20px 0px 20px;
}
.header-search-photographer .row-drop-menu{
    padding: 0px 15px;
}
.header-search-photographer .dropdown-footer {
    border-top: 1px solid #e9ecef;
    padding: 10px 13px 10px 13px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.header-search-photographer .btn-validate-refine {
    padding: 7px 9px;
    text-decoration: none ;
    border:none;
}

.header-search-photographer .validate {
    color: #df5f54;
}
.header-search-photographer input#autocomplete {
    min-height: 44px;
}

.results-photographer .photographer-item {
    color: #FFF;
    background-color: #364b55;
    margin-bottom: 50px;
    border-radius: 15px;
    padding: 25px 20px;
}
.results-photographer .photographer-item h3 {
    color: #FFF;
    font-weight: 500;
    font-size: 1em;
    margin-bottom: 50px;
}
.results-photographer .photographer-item .photographer-infos {
    text-align: center;
    top: -55px;
    font-weight: 300;
    text-transform: uppercase;
}
.criteria-container {
    line-height: 17px;
    font-size: 1rem;
    margin-top: 11px;
}
.photographer-infos p {
    color: #FFF;
    font-weight: 300;
    font-size: .8em;
    margin: 5px 0;
    font-weight: bold;
}
.results-photographer .photographer-item .photographer-logo {
    filter: grayscale(1);
    width: 130px;
    height: 130px;
    border-radius: 50%;
}
.results-photographer .photographer-item .photographer-skills {
    margin-top: 15px;
}
.results-photographer .photographer-item .photographer-skill,
.results-photographer .photographer-item .photographer-skill-nb {
    margin: 0 0 7px 0;
    line-height: 0.9em;
}
.results-photographer .photographer-item .photographer-skill span {
    border-radius: 20px;
    font-size: .6em;
    color: #FFF;
    padding: 3px 10px;
    border: #738188 solid 1px;
    display: block;
}
.results-photographer .photographer-item .photographer-skill-nb span {
    background-color: #66757c;
    border-radius: 20px;
    font-size: .6em;
    color: #FFF;
    padding: 3px 10px;
    display: block;
}
.results-photographer .photographer-item .btn-archi-blue{
    display: inline-block;
    padding: 5px 15px;
    float: right;
}
.results-photographer .carousel-photographer .carousel-content {
    height: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.results-photographer .carousel-photographer .carousel-content a {
    height: 100%;
    width: 100%;
    text-align: center;
}
.results-photographer .img-photographer-rappelle,
.results-photographer .photographer-item .img-photographer {
    max-height: 100%;
    max-width: 100%;
}
.carousel-photographer .carousel-control-prev {
    background: url(../media/base/photographe/img/arrow-left.png) center center no-repeat transparent;
}
.results-photographer .btn-mini-description {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.results-photographer .contain-mini-description {
    display: flex;
}
.results-photographer .img-photographer {
    border-radius: 15px;
}
.carousel-control-prev {
    left: -22px;
}
.carousel-control-next {
    right: -22px;
}
.carousel-photographer .carousel-control-next {
    background: url(../media/base/photographe/img/arrow-right.png) center center no-repeat transparent;
}
.we-find-photographer {
    background-color: #fca928;
    color: #FFF;
    text-align: center;
    padding: 10px 20px;
    margin: 0 auto 50px;
    border-radius: 15px;
}
.we-find-photographer .first {
    font-weight: 500;
    font-size: 1.2em;
    margin: 0;
}
.we-find-photographer .second {
    font-weight: 100;
    font-size: 1.1em;
    margin: 0;
}
.we-find-photographer .photographer-call-me {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 15px;
}
.we-find-photographer .photographer-call-me h4 {
    color: #FFF;
}
.we-find-photographer .photographer-call-me .btn-archi-blue {
    padding: 5px 25px;
}
.map-company {
    color: #000;
}
.photographer-paginate {
    display: flex;
    justify-content: center;
}
.photographer-paginate ul {
    list-style: none;
    display: flex;
    padding: 0;
}
.photographer-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;
}
.photographer-paginate ul li.active a{
    background-color: #757575;
    color: #FFF;
}
.photographer-paginate ul li.divider {
    width: 30px;
    height: 30px;
    color: #000;
    line-height: 30px;
    text-align: center;
    margin: 0 0;
}
.header-all-photo .map-photographer{
    width: 100%;
    height: 800px;
}
.header-all-photo {
    margin-bottom: 50px;
}
.map-photographer {
    width: 100%;
    height: 400px;
    border-radius: 15px;
}
.thumb-are-your-ph {
    background: url(../media/new/thumb_btob_tmp.jpg) no-repeat;
    width: 360px;
    height: 243px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: contain;
    max-width: 100%;
}
.thumb-are-your-ph p {
    text-align: center;
    color: #FFF;
    font-size: 1.3em;
    font-weight: 700;
    line-height: normal;
    margin-top: 15px;
}

.search-call-photographer {
    background: url(../media/base/un-photographe-le-rappelle.png) no-repeat;
    width: 360px;
    height: 243px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: contain;
    max-width: 100%;
}
.search-call-photographer .btn-archi-blue,
.thumb-are-your-ph .btn-archi-blue {
    padding: 5px 15px;
}
.search-call-photographer p {
    text-align: center;
    color: #FFF;
    font-size: 1.5em;
    font-weight: 700;
    line-height: normal;
    margin-top: 15px;
}
.search-why-choose {
    height: auto;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.mini-description {
    font-weight: 400;
    font-size: 0.9rem;
    padding: 10px 25px 16px 20px;
    margin-bottom: -35px;
    margin-top: 20px;
}
.header-all-archi .map-architect{
    width: 100%;
    height: 800px;
}
.map-architect {
    width: 100%;
    height: 300px;
}
/* ARCHITECTE FREE */
.header-archi-free {
    width: 100%;
    padding-top: 30px;
    min-height: 500px;
    background: url(../media/banners/photographe/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-photographe-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: #fca928;
}
.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: #364b55;
    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: #fca928;
    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/photographe/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 */
.content-you-photographer,
.header-ficher-photographer {
    width: 100%;
    min-height: 449px;
}
.header-ficher-photographer .photographer-first-info {
    padding-top: 10px;
}
#carousel-photographer-pictures {
    padding: 0 30px;
}
#carousel-photographer-pictures img {
    max-height: 350px;
    margin: auto;
    max-width: 100%;
}

.header-ficher-photographer .breadcrumb {
    margin-bottom: 31px;
    z-index: 1;
    margin-top: 20px;
}

.header-ficher-photographer .blacklisted-row {
    flex-direction: column;
}
.header-ficher-photographer .contact-photographer .blacklisted-message {
    font-size: 1rem;
}
.header-ficher-photographer .div-btn{
    align-self: center;
}

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;
}

#carousel-photographer-pictures .carousel-control-prev {
    background: url(../media/base/photographe/img/arrow-left.png) center center no-repeat transparent;
    z-index: initial;
}
#carousel-photographer-pictures .carousel-control-next {
    background: url(../media/base/photographe/img/arrow-right.png) center center no-repeat transparent;
    z-index: initial;
}
#carousel-photographer-pictures .carousel-indicators {
    bottom: -40px;
}
#carousel-photographer-pictures .carousel-indicators li {
    background-color: #FFF;
    width: 10px;
    height: 10px;
    opacity: .4;
    border-radius: 50%;
}
#cercle {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #fca928;
    position: absolute;
    right: 220px;
    top: -50px;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    transform: rotate(-7deg);
    font-size: 1em;
    font-weight: 400;
    color: #FFF;
    line-height: 23px;
    opacity: 0.9;
    z-index: 7;
}

#carousel-photographer-pictures .carousel-indicators li.active {
    opacity: 1;
}
.results-photographer .carousel-indicators {
    bottom: -40px;
}
.carousel-indicators li {
    background-color: #FFF;
    width: 10px;
    height: 10px;
    opacity: .4;
    border-radius: 50%;
}
.results-photographer .carousel-indicators li.active {
    opacity: 1;
}
.header-ficher-photographer #fond {
    height: 450px;
    background: #f06257;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.header-ficher-photographer h1{
    color: #FFF;
    font-weight: 700;
    font-size: 1.4em;
    margin-bottom: 0px;
    line-height: normal;
}
.header-ficher-photographer h2 {
    font-weight: 500;
    font-size: 1.4em;
    color: #FFF;
    margin: 0;
    line-height: normal;
}
.header-ficher-photographer .legend-info {
    color: #FFF;
    font-weight: 100;
    font-size: .9em;
    line-height: normal;
}
.header-ficher-photographer .company-address {
    font-weight: 300;
    line-height: normal;
    font-size: .9em;
    margin: 0;
    text-decoration: none;
    pointer-events: none;
    color:inherit;
}
.header-ficher-photographer .photographer-logo {
    filter: grayscale(1);
    height: 180px;
    width: 180px;
    border-radius: 50%;
    max-width: 100%;
    margin-bottom: 30px;
}
.header-ficher-photographer .social-links {
    margin-top: 50px;
}
.header-ficher-photographer .social-links a {
    color: #FFF;
    font-size: 1em;
    margin-right: 15px;
}
.header-ficher-photographer .photographer-info-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #364b55;
    border-radius: 15px;
    margin-left: 35px;
    max-height: 470px;
}
.header-ficher-photographer .breadcrumb {
    margin-bottom: 31px;
    z-index: 1;
    margin-top: 20px;
}
.header-ficher-photographer .contact-photographer {
    padding-bottom: 30px;
}
.header-ficher-photographer .contact-photographer .first-row {
    text-align: center;
}
.header-ficher-photographer .contact-photographer .second-row {
    display: flex;
    justify-content: center;
    padding-top: 10px;
}
.header-ficher-photographer .contact-photographer .contact-txt {
    margin: 0;
    color: #FFF;
    text-transform: uppercase;
}
.header-ficher-photographer .contact-photographer .free-phone {
    color: #FFF;
    margin-top: 5px;
    font-weight: 300;
    text-align: center;
    font-size: .6em;
    position: absolute;
    width: 100%;
}
.header-ficher-photographer .contact-photographer .btn-archi-blue {
    padding: 5px 30px;
    margin: 0 15px;
    width: 200px;
}
.header-ficher-photographer .content-info-text {
    top:-55px;
    position: relative;
}
.header-ficher-photographer #img-archi{
    border-radius: 15px;
}
.header-ficher-photographer .breadcrumb .breadcrumb-item a {
    color: #FFF;
}
.header-ficher-photographer .carousel-item {
    height: 350px;
}
.photographer-informations {
    padding-top: 40px;
}
.photographer-informations .photographer-information-item {
    color: #364b55;
    background-color: #FFF;
    margin-bottom: 30px;
    padding: 20px 50px 20px 20px;
}
.photographer-informations .photographer-information-item h3 {
    color: #364b55;
    font-weight: 700;
    font-size: 1em;
}
.photographer-informations .photographer-information-item h4 {
    color: #364b55;
    font-weight: 700;
    font-size: 1em;
    margin-bottom: 10px;
    margin-top: 10px;
}
.photographer-informations .photographer-information-item h4.first {
    margin-top: 0;
    margin-bottom: 15px;
}
.photographer-informations .photographer-information-item .type-item {
    color: #364b55;
    font-size: .8em;
    padding: 5px 10px;
    display: table;
    margin-bottom: 5px;
    background-color: #eeeeee;
    border-radius: 15px;
}
.photographer-informations .photographer-description {
    padding-top: 15px;
    text-align: justify;
}
.photographer-informations .photographer-description p,
.photographer-informations .photographer-description ul {
    color: #364b55;
    font-size: .8em;
}
.photographer-informations #coord {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 0px;
    padding-top: 10px;
}
.photographer-informations .coord-description{
    width: 40%;
    margin-right: 15px;
}

.photographer-informations .map-photographer {
    width: 100%;
    height: 200px;
    border-radius: 15px;
}
.photographer-informations #right-infos{
    padding-top: 20px;
}
.photographer-other-informations {
    margin-top: 30px;
}
.photographer-other-informations .photographer-other-information {
    border-bottom: 1px solid #979797;
    margin-top: 15px;
}
.photographer-other-informations .photographer-other-information:last-child {
    border: 0;
}
.photographer-other-informations .photographer-other-information h4 {
    color: #364b55;
    font-weight: 700;
    font-size: 1.1em;
    margin-bottom: 15px;
}
.photographer-other-informations .photographer-other-information p {
    color: #364b55;
    font-size: .8em;
}
.photographer-other-informations .photographer-other-information ul {
    color: #364b55;
    font-size: .8em;
    padding: 0 20px;
}
.photographer-other-informations .photographer-other-information .btn-block {
    padding: 5px 0;
}
.photographer-contact {
    width: 100%;
    padding: 30px 20px;
    margin-top: 0px;
    background-size: cover;
    background: url(../media/banners/photographe/banner-btob-contact3.jpg) top center no-repeat;
}
.photographer-contact h5{
    color: #FFF;
    font-weight: 500;
    font-size: 1.5em;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.recall-informations {
    width: 100%;
    height: 650px;
    padding-top: 45px;
    padding-bottom: 45px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #60727c;
}

.recall-informations .full-name-input .form-group{
    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 .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: 400;
    font-size: 1em;
    text-align: center;
    margin-bottom: 1.75rem;
}

.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;
}

.header-ficher-photographer .photographer-info-text {
    background-color: #364b55;
    border-radius: 15px;
    text-align: center;
}
/* B TO C */
.header-b-to-c {
    width: 100%;
    min-height: 750px;
    padding-top: 30px;
    padding-bottom: 90px;
    background: url(../media/b-to-c/header-ph.jpg) bottom center no-repeat;
}
.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;

}
.header-b-to-c .form-control,
.section-btoc .form-control,
.popup-home-archi-call .form-control {
    border: none;
    background-color: #ebebeb;
    color: #364b55;
    font-size: .8em;
    font-weight: 300;
    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,
input[type="date"].form-control {
    font-size: 1em;
    font-weight: 400;
    color: #df5f54;
}
/* .photographer-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;
}

.full-name-bto .input-left{
    min-width: 190px!important;
    margin-right: 5px;
}
.full-name-bto .input-right{
    min-width: 190px!important;
    margin-left: 5px;
}

.full-name-avis-inscription .input-left{
    min-width: 210px!important;
    margin-right: 5px;
}
.full-name-avis-inscription .input-right{
    min-width: 210px!important;
    margin-left: 5px;
}

.full-name-popup .input-left{
    min-width: 120px!important;
    margin-right: 5px;
}
.full-name-popup .input-right{
    min-width: 120px!important;
    margin-left: 5px;
}

.header-b-to-c #formtop .errorList{
    padding-left: 0;
}

.header-b-to-c #formtop .errorList .errorMsg{
    background-color: rgba(255,255,255,.5);
    text-align: center;
}
.section-btoc .full-name-input .form-group{
    display: flex;
    justify-content: 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: #df5f54;
    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;
}

.section-btoc small {
    font-weight: 500;
    font-size: 1em;
}

.section-btoc #formbottom button{
    margin-top: 0px;
}

form .small {
    margin-top: 5px;
    font-size: .55em;
}
.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: 430px;
    width: 100%;
    background: url(../media/b-to-c/rappele-2-v1-ph.jpg) bottom center no-repeat;
    margin-bottom: 50px;
}
.col-two-img2{
    height: 430px;
    width: 100%;
    background: url(../media/b-to-c/rappele-4-v1-ph.jpg) center no-repeat;
}
.col-one-img1{
    height: 430px;
    width: 100%;
    background: url(../media/b-to-c/rappele-1-v1-ph.jpg) bottom center no-repeat;
    margin-bottom: 50px;
}
.col-one-img2{
    height: 430px;
    width: 100%;
    background: url(../media/b-to-c/rappele-3-v1-ph.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: 750px;
    background: url(../media/b-to-c/btoc-2-ph.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;
}
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/photographe/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/photographe/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 .red {
    font-size: 2em;
    font-weight: 600;
}
.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: #364b55;
    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 .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: #ffc107;
    border-color: #ffc107;
}
/* 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: #98b501;
    border-color: #98b501;
    color: #FFF;
}
/* Nouveau PASSWORD */
.header-nouveau-password  .card-deck{
    width: 450px;
}

.header-nouveau-password  .card-deck label{
    color: #364b55;
    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/photographe/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.orange {
    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,
.photographer-contact .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,
.photographer-contact textarea.form-control {
    min-height: 80px;
}

.b-to-b-contact #formbottom .errorList{
    padding-left: 0;
}

.b-to-b-contact #formbottom .errorList .errorMsg{
    text-align: center;
}



.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: 10px;
    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: #fca928;
    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/photographe/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 .orange {
    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: #fca928;
    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: 532px;
    padding-top: 30px;
    margin-bottom: 60px;
    background: url(../media/banners/photographe/banner-btob-contact.jpg) top center no-repeat;
}
.b-to-b-contact .text-contact h5 {
    color: #FFF;
    font-weight: 700;
    font-size: 2.15em;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 30px;
}
.b-to-b-contact .text-contact p {
    color: #FFF;
    font-weight: 300;
    font-size: 1.5em;
    line-height: normal;
}
.header-b-to-b .number-btob {
    font-size: 1.6em;
    font-weight: 400;
}

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

.content-b-to-b #formbtob .errorList .errorMsg{
    text-align: center;
}

/* REMERCIEMENT B TO C */
.header-remerciement-b-to-c{
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/photographe/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: #fca928;
    font-size: 1.2em;
    font-weight: 500;
}
.header-remerciement-rappelle .resend-mail-btn{
    color: #FFF;
}
.header-remerciement-b-to-c button.btn-archi-blue {
    padding: 10px 30px;
}
.header-remerciement-b-to-c .photographer-society {
    text-transform: uppercase;
}
.header-remerciement-b-to-c .btn-archi-blue,
.header-remerciement-rappelle .btn-archi-blue {
    width: 190px;
}
/* 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: #df5f54;
    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%);
}
/* REMERCIEMENT b to b */

.header-remerciement,
.header-remerciement-rappelle{
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/photographe/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;
}

.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: #fca928;
    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: #df5f54;
    font-size: 2em;
    margin: 20px 0;
    font-weight: 700;
}
.page-legals h2 {
    color: #df5f54;
    font-size: 1.5em;
    font-weight: 500;
}
.page-legals h3 {
    color: #df5f54;
    font-size: 1em;
    font-weight: 500;
}
.page-legals ol,
.page-legals p,
.page-legals ul {
    color: #6e8998;
    font-size: 1rem;
}
.page-legals a {
    color: #df5f54;
}

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

.header-selection-photographer h3 {
    font-weight: 450;
    color: #FFF;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 10px;
}
.header-selection-photographer .form-search-wrapper .col-items {
    padding: 0 40px;
}
.header-selection-photographer .form-search-wrapper .first-col {
    border-right: 1px solid #FFF;
}
.header-selection-photographer .form-check label {
    font-size: .7em;
    color: #FFF;
    display: contents;
}
.header-selection-photographer .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-photographer .form-radio-input:checked:after {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    content: "";
    background-color: #df5f54;
}
.header-selection-photographer .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/photographe/banner-selecteur.jpg) top center no-repeat;
}
.selection-why-choose {
    background: url(../media/banners/photographe/banner-green-small.jpg) bottom center no-repeat #f9b313;
    padding: 20px 0 80px 0;
}

/** NEWS */
.header-news {
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/photographe/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 .orange,
.header-news .orange {
    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-blue.png) center center no-repeat transparent;
}
#carousel-combles .carousel-control-next {
    transform: rotate(180deg);
    background: url(../media/base/arrow-blue.png) center center no-repeat transparent;
}

.page-all-news .news-item {
    padding: 15px 22px;
    height: 350px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.page-all-news .read-more {
    color: #df5f54;
    font-weight: 400;
    font-size: .9em;
    display: flex;
    justify-content: flex-end;
    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: #df5f54;
    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: #df5f54;
}
/* 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%;
}

.page-news h2,
.page-news h3,
.page-news h4,
.page-news h5,
.page-news h6{
    color: #364b55;
    font-weight: 500;
}
.page-news h2{
    font-size: 2rem;
}
.page-news .image-head{
    margin: 0 auto 2%;
    display: block;
}

#carousel-new-similarly {
    width: 100%;
}

.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: 15px;
    padding: 2px 10px;
    margin: 5px 7px;
    font-size: 1.1rem;
    color: #475261;
    border: none;
    font-weight: 300;
    cursor: pointer;
}
.checkedCategorie {
    background-color: #df5f54;
    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;
}
.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;
}
#searchKeys {
    margin-right: 10px;
    color: #6c8897;
    border-radius: 10px;
}
.research-article {
    display: flex;
}
.last-article .categorie-article{
    padding: 2px 50px;
    margin: 10px 0px 1rem 0px;
    display: inline-flex;
}
.last-article .link-article{
    color: #28b5ed;
    font-weight: 500;
}
.link-article{
    color: #28b5ed;
    font-weight: 500;
}
.link-article-bis{
    margin: auto;
}

.link-article:hover{
    color: #28b5ed;
}

.last-article .title-description-article{
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 5px;
    color: #475261 !important;
}
.title-description-article{
    font-size: 1.6rem;
    font-weight: 600;
}
.article-plus-vue .description-article,
.article-recent .description-article {
    font-weight: 500;
    min-height: 50px;
}
.description-article{
    color: #475261;
    font-size: 1rem;
    font-weight: 400;
}
.description-article img{
    height: 0px !important;
}
.link-title {
    color: #475261;
}
.link-title:hover {
    color: #475261;
}
.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;
}
.all-articles .content-article{
    margin-bottom: 15px;
}
.all-articles .content-article{
    margin-bottom: 15px;
}
.row-all-articles {
    margin-top: 15px;
}
.zoom .content-article{
    margin-top: 0px;
}
.zoom .categorie-article{
    padding: 2px 64px;
    margin: 0px 0px 1rem 0px;
    display: inline-flex;
}
.zoom .description-article{
    margin-top: 15px;
    margin-bottom: 20px;
}
.zoom, .article-recent, .article-plus-vue {
    margin-top: 35px;
}
.zoom .date-categorie{
    display: flex;
    justify-content: space-between;
}
.title-zoom-article {
    font-size: 1.3rem;
    font-weight: 300;
}
.categorie-article{
    text-align: center;
    background-color: #df5f54;
    border-radius: 15px;
    color: #FFF;
    padding: 0px 15px;
    font-weight: 100;
    margin: 15px auto 15px auto;
    /* width: fit-content; */
}
.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;
}
.news-title-container{
    min-height: 100px;
}
.home-you-architect {
    width: 100%;
    min-height: 259px;
    padding-top: 30px;
    padding-bottom: 90px;
    margin-top: 50px;
    text-align: center;
    background: url(../media/banners/banner-you-architect.jpg) bottom center no-repeat #61737c;
}
.home-you-architect h3 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.8em;
    text-align: center;
}
.home-you-architect p {
    color: #FFF;
    font-weight: 100;
    font-size: 1.5em;
    text-align: center;
    margin: 0;
}
.home-you-architect a {
    color: #FFF;
    font-weight: 700;
    font-size: 1.5em;
    border-bottom: 2px solid #FFF;
}
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;
}
.see-article {
    color: #28b5ed;
    text-align: end;
}

/** FOOTER */
footer .container {
    max-width: 750px;
    margin-bottom: 70px;
}
.photographer-call-btob {
    width: 598px;
    height: 218px;
    max-width: 100%;
    background: url(../media/new/footer-btob-ph.jpg) no-repeat;
    margin: auto;
}
.photographer-call {
    width: 598px;
    height: 218px;
    max-width: 100%;
    background: url(../media/base/footer-parti-ph.png) no-repeat;
    margin: auto;
}
.photographer-call-btob .content,
.photographer-call .content{
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 40px;
    justify-content: space-between;
}
.photographer-call-btob h4,
.photographer-call h4 {
    color: #FFF;
}

.photographer-call-btob a.btn-archi-blue,
.photographer-call a.btn-archi-blue {
    width: 190px;
    display: block;
}

.architect-call {
    width: 598px;
    height: 218px;
    max-width: 100%;
    background: url(../media/base/footer-parti-ph.png) no-repeat;
    margin: auto;
    margin-top: 15px;
}
.architect-call .content{
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 40px;
    justify-content: space-between;
}
.architect-call h4 {
    color: #FFF;
}

.architect-call a.btn-archi-blue {
    width: 190px;
    display: block;
}
.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;
    margin: -53px 10px -46px 0px
}
.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: #364b55;
    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: #364b55;
    margin-bottom: 0.2rem;
}
.footer-txt .copyright {
    color: #364b55;
    font-size: .6em;
    font-weight: 100;
    clear: both;
}
.footer-txt .find-architect {
    color: #364b55;
    font-size: .6em;
    font-weight: 100;
    clear: both;
}
.footer-txt .find-architect a {
    color: #df5f54;
}
.footer-txt .link-city {
    color: #364b55;
    font-weight: 300;
    font-size: .6em;
}
.partner .link-city{
    padding-right: 6px;
    padding-left: 6px;
}
.footer-social-links a {
    color: #364b55;
    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: #6c8897;
    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: #000;
    margin: auto;
    text-transform: uppercase;
    font-weight: normal;
    font-size: .9em;
}
.modal-number .modal-body .first-line {
    color: #000;
    font-size: .8em;
    font-weight: normal;
}
.modal-number .modal-body .number {
    color: #000;
    /* font-size: 2.2em;
    font-weight: 600; */
}
.modal-number .modal-body .not-overtaxed {
    font-size: 0.6em;
    font-weight: 600;
}

.modal-number .modal-body .last-line {
    color: #000;
    font-size: .7em;
    font-weight: normal;
}
.modal-number .modal-header {
    border-bottom: none;
    margin-bottom: -45px;
}
/* AVIS */
.page-avis {
    color: #6c8897;
}
.page-avis #avis{
    font-weight: 500;
}
.page-avis h1{
    font-size: 1.7rem;
}
.page-avis #title-header{
    margin-top: 25px;
}
.page-avis .title-avis{
    background-color: #df5f54;
    color: #FFF;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 5px 0px 5px 10px;
    margin-bottom: 30px;
}
.page-avis .title-avis2{
    background-color: #df5f54;
    color: #FFF;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 5px 0px 5px 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.page-avis .stars{
    margin-bottom: 20px;
}
.home-testimonials .avis-name,
.b-to-b-testimonials .avis-name,
.page-avis .avis-name{
    font-weight: 500;
}
.page-avis .carousel-control-prev{
    width: 40px;
    left: -40px;
    background: url(../media/base/arrow-grey.png) center center no-repeat transparent;
}
.page-avis .carousel-control-next{
    transform: rotate(180deg);
    width: 40px;
    right: -40px;
    background: url(../media/base/arrow-grey.png) center center no-repeat transparent;
}
.page-avis #partner-archi{
    margin-bottom: 30px;
}
.page-avis .avis-name,
.page-avis .content-avis{
    font-size: 0.8em;
}
/* AVIS */
.page-avis-footer{
    width: 100%;
    min-height: 259px;
    margin-top: 50px;
    margin-bottom: 50px;
    background: url(../media/banners/photographe/banner-footer-avis.jpg) bottom center no-repeat;

}
.page-avis {
    color: #FFF;
    width: 100%;
    height: 259px;
    padding-top: 30px;
    background: url(../media/banners/photographe/banner-header-avis.jpg) top center no-repeat;
}
.page-avis h1{
    font-size: 1.7rem;
    margin-top: 25px;
    margin-bottom: 25px;
}
.request {
    color: #6c8897;
}
.request h3 {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.request .avis-item{
    margin-right: 15px;
    color: #6c8897;
    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/photographe/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/photographe/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 #fca928;
}
.page-avis .header-avis{
    margin-bottom: 20px;
}
.section-avis {
    color: #6c8897;
    margin-top: 50px;
}
.section-avis .carousel-control-prev{
    width: 40px;
    left: -40px;
    background: url(../media/base/arrow-grey.png) center center no-repeat transparent;
}

.section-avis .carousel-control-next{
    transform: rotate(180deg);
    width: 40px;
    right: -40px;
    background: url(../media/base/arrow-grey.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: #6c8897;
    margin-bottom: 30px;
}
.avis-name {
    font-weight: 400;
}
.section-avis #form-search,
.request #form-search-request{
    margin-top: 30px;
}
.navigation {
    display: flex;
    justify-content: center;
}
/* MODAL EMAIL*/
.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: #df5f54;
    padding: 2px 25px;
    position: absolute;
    z-index: 10;

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

.cloud-word-dot:last-child {
    display: none;
}
.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 rgba(0,0,0,0.2);
    border-radius: 1rem;
    background-color: #FFF;
}
.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;
}

.red-email {
    color: red;
}
/** COOKIE BANNER */
.cookie-banner {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #e9edf0;
    padding: 10px 20px;
}
.cookie-banner p {
    color: #364b55;
    font-size: .8em;
    text-align: center;
    margin: 0;
}
.cookie-banner a,
.cookie-banner span {
    color: #364b55;
    text-decoration: underline;
    font-weight: 500;
    cursor: pointer;
}
.cookie-banner .fa {
    font-size: 1.1em;
    color: #000;
    margin-left: 10px;
    cursor: pointer;
}

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

#content-intra{
    color: #000;
}

.header-mon-compte {
    width: 100%;
    margin-bottom: 30px;
}
.header-mon-compte .top-bar {
    background-color: #fca928;
    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: #fca928;
}
.header-mon-compte .green-item:hover {
    background-color: #b1720e !important;
}
.header-mon-compte .vertical-item ul {
    padding-inline-start: 12px;
    font-size: 1rem;
}
.header-mon-compte .vertical-item li {
    color: #364b55;
    list-style:none;
}
.header-mon-compte .vertical-item a {
    color: #364b55;
}
.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 .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 #photoType,
.header-mon-compte #prestationType {
    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 #mPrestationType,
.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;
    width: 100%;
}
.header-mon-compte #missionType,
.header-mon-compte #styleType {
    width: 100%;
}
.header-mon-compte #idMission,
.header-mon-compte #idStyle {
    padding-left: 0px;
    padding-right: 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-soumettre {
    padding-right: 0px;
}
.header-mon-compte .div-soumettre 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-soumettre: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;
}
.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;
}
/* Page de connexion */
.header-selection {
    color: #364b55;
    font-weight: 600;
    font-size: 1em;
}
.page-connect-susbcription {
    color: #364b55;
    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: #364b55;
    font-size: 0.7em;
    font-weight: 100;
}
/* mot de passe perdu */
.page-mdp-lost .form-mdp-lost{
    width: 350px;
}

/** 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,
.photographer-contact .btn-contact-form {
    color: #fff;
    background-color: #df5f54;
    font-weight: 500;
    font-size: .8em;
    padding: 5px 0;
    display: block;
    text-transform: uppercase;
    border: none;
}
.photographer-contact .full-name-input .form-group{
    display: flex;
    justify-content: center;
}
.photographer-contact .full-name-input .firstName {
    width: 260px;
    margin-right: 10px;
}
.photographer-contact .full-name-input .lastName {
    width: 260px;
    margin-left: 10px;
}
.photographer-contact .previous-button{
        padding: 5px 25px;
        z-index: 10;
        /* @media screen and (max-width: 425px) {
            position:initial;
        } */
}
.photographer-contact .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;
    margin-left: 10px;
    min-height: 45px;
    max-height: 45px;
}
.photographer-contact .btn-contact-form:hover {
    color: #FFF;
} 
.photographer-contact .btn-next{
    width: 60%;
}
.popup-home-archi-call-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-home-archi-call {
    width: 650px;
    max-width: 95%;
    background-color: rgba(249, 179, 19, .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.3em;
    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;
}

/* Site map */
.page-all-site-map .link-site-map {
    color: #364b55;
    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-TMP.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: #df5f54;
    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: #df5f54;
}

#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: #df5f54;
}

.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-card .col-profile-picture img{
    /* padding-left: 0px;
    padding-right: 10px; */
}

#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;
    /* padding-right: 20%; */
}

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

.modify-account a{
    font-size: 0.85rem;
    color: var(--fmw-primary);
    font-weight: 400;
    display: inline-block;
    width: 100%;
}

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

#disconnect-remember{
    margin: 0 0 10% 0;
    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: #df5f54;
}

.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: #fab418;
}

.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: #dca792;
    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: #df5f54;
}

#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: #df5f54;
}

#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:#df5f54
}

#edit-profile-picture label{
    cursor: pointer;
    background-color: #df5f54;
    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: #fab418;
}

.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: #df5f54;
    font-weight: bold;
}


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

.linking-wrapper p a {
    color: #df5f54;
    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-top: 10px;
    margin-bottom: 10px;
}
.linking-wrapper-sidebar p {
    font-size: .9rem;
}
.linking-wrapper-sidebar a {
    color: #df5f54;
}
.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, ul{
    padding-top: 1rem;
}
.before-spun {
    display: flex;
    flex-direction: column-reverse;
}
/* footer .container .architect-call{
    width: 100%;
    margin: auto;
} */

footer .col-other-find-web {
    display: flex;
    flex-direction: column;
}

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

footer .col-other-find-web-first img {
    height: 55px;
    margin: 36px 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;
}

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

footer .container-ph-dc .architect-call{
    background: none;
}

/* 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: #df5f54;
    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: #fca928;
    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: #df5f54;
    font-size: 1.1rem;
    font-weight: 500;
}
.home-list-departments .department h4 a{
    color: #df5f54;
}
.home-list-departments .department ul{
    list-style: none;
    padding: 0;
}
.home-list-departments .department li a {
    color: #df5f54;
    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: #df5f54;
    display: block;
    font-size: .9rem;
    padding: 20px 0 5px;
}
.home-list-departments .department .dpt-toggle:hover{
    color: #fca928; 
}
.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: #df5f54;
    width: 57%;
    height: 100%;
    transition: width 1s;
}
.display-number .cache-phone .cache-phone-bis{
    background-color:#8f3d36;
    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;
    border-bottom-right-radius: 0.8rem;
    border-bottom-left-radius: 0.8rem;
}
.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;
}

.photographer-portfolio{
    width: 50%;
    margin: auto;
}

.photographer-portfolio .portfolio-item .portfolio-thumbnail{
    width: 100%;
}

.photographer-portfolio h3{
    color: #364b55;
}

.photographer-portfolio .portfolio-item-wrapper h4{
    color: #61737c;
    font-size: 1rem;
    line-height: normal;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 5px;
}

.photographer-portfolio .carousel-portfolio-wrapper {
    margin-top: 30px;
}

.modal-portfolio .modal-dialog {
    margin: 80px auto 0;
    max-width: 800px;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: auto;
    color: #000;
    top: 10%;
    padding-bottom: 20%;
}

.modal-portfolio .close-modal {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

.carousel-portfolio {
    padding-bottom: 50px;
}

.photographer-portfolio .carousel-indicators li {
    background-color: #000;
    width: 10px;
    height: 10px;
    opacity: 1;
    border-radius: 50%;
}

.photographer-portfolio .carousel-indicators li.active {
    background-color: #f06257;
}

.carousel-portfolio .carousel-item {
    text-align: center;
}

.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 .row-btn {
    display: flex;
    justify-content: space-around;
}

.modal-portfolio .row-btn .btn-wrapper {
    width: 30%;
}

.modal-portfolio .contact-txt {
    color: #000;
    text-align: center;
    font-size: 1rem;
}

.modal-portfolio .free-phone {
    text-align: center;
    color: #000;
    font-size: .85rem;
    line-height: normal;
    font-weight: 700;
    width: 100%;
    padding-top: 5px;
}

.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;
}
@media screen and (max-width: 425px) {
    .portfolio-informations .justify-portfolio-infos p{
        min-width: auto;
    }
}

.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: #df5f54
}

.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;
}

.gap-news{
    gap: 20px;
}

/** 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 (min-width: 1720px){
    #carousel-type-photos .carousel-control-prev {
        left: 150px;
    }
    #carousel-type-photos .carousel-control-next {
        right: 150px;
    }
}
@media screen and (max-width: 1140px) {
    .home-type-photo .type-1 {
        width: 230px;
    }
    .home-type-photo .under-type-4 {
        width: 200px;
    }
    .home-type-photo .under-type-3 {
        width: 200px;
    }
    .home-type-photo .under-type-2 {
        width: 200px;
    }
    .home-type-photo .under-type-1 {
        width: 200px;
    }
    .search-call-photographer p {
        font-size: 1.3em;
        margin-top: -44px;
    }
    #carousel-type-photos .carousel-control-prev {
        background: url(../media/base/photographe/img/arrow-right-home.png) center center no-repeat transparent;
        left: 10px;
    }
    #carousel-type-photos .carousel-control-next {
        transform: rotate(180deg);
        right: 10px;
        background: url(../media/base/photographe/img/arrow-right-home.png) center center no-repeat transparent;
    }
    .page-error .img404{
        background-size: 55%;
    }
}

@media screen and (max-width: 1100px) {
    .home-find-photographer .steps-find-photographer  {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .home-type-photo .type-1 {
        width: 170px;
    }
    .home-type-photo .under-type-4 {
        width: 140px;
    }
    .home-type-photo .under-type-3 {
        width: 140px;
    }
    .home-type-photo .under-type-2 {
        width: 140px;
    }
    .home-type-photo .under-type-1 {
        width: 140px;
    }
    #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;
    }
    .home-find-photographer .txt-find-photographer .triangle {
        margin: auto;
    }
    .home-find-photographer .steps-find-photographer  {
        display: none;
    }
    .architect-call {
        background-image: none;
    }
    .architect-call .content {
        width: 100%;
        float: none;
        text-align: center;
    }
    .last-photos-items {
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        padding: 20px 0;
    }
    .last-photos-items .last-photos-item {
        margin: 10px 0;
    }
    .home-existing-photographer .existing-photographer-items {
        flex-flow: row wrap;
    }
    .home-existing-photographer .existing-photographer-item {
        flex: 0 1 25%;
        margin-bottom: 10px;
        min-height: initial;
    }
    .header-archi-free {
        height: 600px;
        background: url(../base/banners/photographe/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;
    }
    .results-photographer .photographer-item .photographer-skills {
        display: none;
    }
    .modal-body .more-criteria .form-group {
        flex: 0 0 50%;
    }
    .results-photographer #infos-archi {
        text-align: center;
    }
    .contain-mini-description {
        flex-direction: column;
    }
    .btn-mini-description {
        order: 2;
        justify-content: flex-end !important;
        margin-top: 15px;
    }
    .mini-description {
        order: 1;
    }
    .architect-call {
        height: 250px;
        margin-top: -40px;
        background: url(../media/base/footer-parti-ph.png) no-repeat;
    }
    .footer-logo {
        margin: 15px auto;
    }
    .photographer-contact {
        margin-top: 0px
    }

    .header-ficher-photographer .photographer-info-text {
        text-align: center;
        padding-bottom: 40px;
    }
    .header-ficher-photographer .photographer-info-right {
        margin-left: 0px;
        margin-top: -30px;
    }
    .content-contactez-nous .form-contactez-nous {
        padding-bottom: 80px;
    }
    .search-call-photographer{
        display: none;
    }
}

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

    .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;
    }

    .photographer-contact .full-name-input .form-group{
        display: initial;
        justify-content: initial;
    }
    .photographer-contact .full-name-input .firstName {
        width: 100%;
        margin: auto;
        margin-bottom: 15px;
    }
    .photographer-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: 0;
    }
    footer .container-ph-dc .linking-wrapper{
        padding: 25px 20px!important;
    }
}

@media screen and (max-width: 768px) {
    .results-photographer {
        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-photographer {
        padding-top: 15px;
        min-height: 736px;
    }
    .home-form-architect .btn-archi-blue {
        margin-top: 10px;
    }
    .home-type-prestations .photos-item {
        padding: 0 100px;
        margin-bottom: 10px;
    }
    .home-type-prestations .photos-item {
        margin-top: 5px;
    }
    .home-type-prestations {
        padding-bottom: 80px;
    }
    .home-type-prestations .carousel-control-next,
    .home-type-prestations .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-photographer .carousel-control-prev,
    .home-existing-photographer .carousel-control-next {
        display: none;
    }
    .home-type-prestations .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-photographer {
        padding-top: 10px;
    }
    .header-search-photographer h1,
    .take-meeting {
        font-size: 1.3em;
        margin-top: 0;
        width: 100%;
        text-align: center;
    }
    .header-search-photographer .form-search-wrapper {
        padding-top: 0;
    }
    .header-search-photographer .form-search-wrapper .select-box{
        margin-bottom: 5px;
    }
    .header-search-photographer .form-search-wrapper .btn-archi-blue {
        margin-top: 5px;
        line-height: 18px;
        width: 100%;
    }
    .header-search-photographer .form-search-wrapper .mt-4{
        margin-top: 0 !important;
    }
    .header-search-photographer .btn-more-criteria {
        margin-top: 10px;
    }
    .header-ficher-photographer .contact-photographer .btn-archi-blue {
        width: auto;
    }
    #carousel-photographer-pictures .carousel-control-next {
        right: 0;
    }
    #carousel-photographer-pictures .carousel-control-prev {
        left: 0;
    }
    .header-ficher-photographer .contact-photographer .free-phone {
        position: initial;
    }
    #carousel-photographer-pictures {
        padding: 0;
    }
    .header-b-to-b,
    .header-b-to-c,
    .header-selection-photographer {
        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-photographer .form-search-wrapper .first-col {
        border: none;
    }
    .header-b-to-c h1,
    .header-selection-photographer h1 {
        margin: 0;
        font-size: 1.5em;
    }
    .header-b-to-c h3,
    .header-selection-photographer h3 {
        font-size: 1.2em;
    }
    .header-selection-photographer .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-photographer .photographer-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: -53px 10px -46px 0px;
        height: 80px;
    }/* 
    .header-ficher-photographer .photographer-logo {
        float: left;
    } */
    .header-ficher-photographer .social-links {
        margin-top: 10px;
    }
    .photographer-informations {
        padding-top: 0px;
    }
    .modal-body .more-criteria .form-group.form-lang{
        flex: 0 0 33%;
    }
    .modal-body .more-criteria .form-group {
        flex: 0 0 33%;
    }
    .photographer-information-item-description {
        height: 400px;
        overflow: auto;
    }
    .refine {
        flex-wrap: wrap;
    }
    .refine-research-content {
        justify-content: center;
        margin: 0px 0px;
        width: 50%
    }
    .header-search-photographer .second-item{
        margin-bottom: 0px;
    }
    .header-search-photographer .refine{
        margin-top: 15px !important;
    }
    .header-search-photographer .collapse-menu-mission{
        transform: translate3d(0px, 39px, 0px);
    }
    .header-search-photographer .collapse-menu-style {
        transform: translate3d(0px, 95px, 0px);
    }
    .header-search-photographer .collapse-menu-langue,
    .header-search-photographer .collapse-menu-localisation {
        transform: translate3d(0px, 40px, 0px);
    }
    .header-search-photographer .take-meeting {
        font-size: 1.3em;
    }
    .header-search-photographer h1 {
        font-size: 1.3em;
    }
    .header-search-photographer input#autocomplete {
        min-height: 35px;
    }
    /*.select-box {
        height: 35px !important;
    }*/
    .header-search-photographer .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-type-photo .type-1 {
        width: 260px;
    }
    .home-type-photo .under-type-4 {
        width: 230px;
    }
    .home-type-photo .under-type-3 {
        width: 230px;
    }
    .home-type-photo .under-type-2 {
        width: 230px;
    }
    .home-type-photo .under-type-1 {
        width: 230px;
    }
    .photographer-other-informations .photographer-other-information:nth-child(3) {
        border: 0;
    }
    .header-ficher-photographer .photographer-logo {
        height: 140px;
        width: 140px;
    }
    .architect-call {
        background-image: none;
    }
    .architect-call h4 {
        color: #364b55;
    }
    .architect-call .content {
        justify-content: center;
        flex-direction: column;
    }
    footer .container-ph-dc .architect-call .content{
        flex-direction:row;
    }
    footer .container-ph-dc .linking-wrapper{
        padding: 25px 5px!important;
    }
    .photographer-contact {
        background-size: cover;
        margin-bottom: 0px;
    }
    .photographer-other-informations {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .photographer-informations .photographer-information-item {
        margin-bottom: 30px;
    }
    .content-contactez-nous .form-contactez-nous {
        padding-bottom: 40px;
    }
    #contact-us-first-col {
        margin-bottom: 15px;
    }
    .page-content{
        margin-bottom: 30px;
    }
    #carousel-type-photos .carousel-item .picture-wrapper {
        width: 300px;
    }
    #carousel-type-photos .btns-search {
        display: none;
    }
    .photographer-informations .photographer-information-item h4.first {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .photographer-informations .photographer-information-item-type {
        order: 2;
    }
    .photographer-informations .photographer-information-item-description {
        order: 1;
    }
    .photographer-informations #right-infos {
        order: 3;
    }
    .content-you-photographer, .header-ficher-photographer {
        margin-bottom: 20px;
    }

    .home-type-photos .carousel-control-next,
    .home-type-photos .carousel-control-prev {
        width: 12%;
    }
    .news-title-container{
        min-height: 95px;
    }
    .see-article {
        color: #28b5ed;
        text-align: end;
    }

    .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: #df5f54;
    }

    /* COMPTE 2 */

    .nav-edit-profile li.nav-item {
        width: 100%;
        text-align: center;
        margin-top: 2%;
        margin-bottom: 2%;
        background-color: #df5f54;
        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;
    }
    .home-find-photographer .txt-find-photographer {
        margin-bottom: 0;
    }
    .home-form-architect select.form-control {
        height: 50px;
        margin-bottom: 5px;
    }
    .home-form-architect .btn-archi-blue {
        margin-top: 5px;
    }
    .header-search-photographer .collapse-menu-attributes {
        width: calc(100% - 30px);
        transform: none;
    }
    .home-find-photographer .advanced-search {
        width: 100%;
        margin: 5px auto;
    }
    .btn-more-creterion {
        margin-bottom: 2px;
    }
    .btn-show-number{
        font-size: .7rem;
    }
    .modal-portfolio .carousel-item img {
        width: 100%;
    }
}

@media screen and (max-width: 605px) {
    .home-type-photo .type-1 {
        width: 200px;
    }
    .home-type-photo .under-type-4 {
        width: 170px;
    }
    .home-type-photo .under-type-3 {
        width: 170px;
    }
    .home-type-photo .under-type-2 {
        width: 170px;
    }
    .home-type-photo .under-type-1 {
        width: 170px;
    }
    .header-contactez-nous .first-row {
        font-size: 0.9em;
        padding-top: 20px;
    }
    .page-error .first-part{
        margin-top: 0px;
        margin-bottom: 45px;
    }
    .header-b-to-c .previous-button .btn-prev{
        position:initial;
    }
    .section-btoc{
        height: 850px;
        background-size: cover;
    }
}

@media screen and (max-width: 425px) {
    .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;
    }
    .header-ficher-photographer .photographer-info-right {
        max-height: 490px;
    }
    .wide-screen{
        display: none;
    }
    .mobile-screen{
        display: block;
    }
}

@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: #df5f54;
    }

    /* COMPTE 2 */

    .nav-edit-profile li.nav-item {
        width: 100%;
        text-align: center;
        margin-top: 2%;
        margin-bottom: 2%;
        background-color: #df5f54;
        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: 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: #28b5ed;
    }

    #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(max-width: 320px)  {
    #phone-area{
        width: 285px;
    }
    .btn-show-number{
        font-size: .7rem;
    }
    .header-ficher-photographer .photographer-info-right {
        max-height: 490px;
    }

    .header-search-photographer{
        background-size: cover;
    }
}

.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=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: #df5f54;
}
.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: #df5f54;
}
.popup-empty-city-content .btn-archi-blue {
    padding: 7px 15px;
}

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

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

/* ----- global ----- */
html {
    scroll-behavior: smooth;
    --ph-primary: #f9ab17;
    --ph-secondary: #e95c54;
    --ph-tertiary: #40525a;
}
.header-offers, .choice-offers, .contact-offers, .contact-offers input,
.testimonials-offers, .develop-offers, .stats-offers, .futur-customer-offers,
.faq-offers {
    font-family: 'Red Hat Display', sans-serif;
}
.btn-offers {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: var(--ph-secondary);
    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(--ph-primary);
    border-radius: 3px;
    position: relative;
}
@media (max-width: 767px) {
    .card-pack {
        gap: 15px;
   }
}
.card-pack .choice-offers__top .choice-offers__title {
    background-color: var(--ph-tertiary);
    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(--ph-secondary);
}
.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: #6e8998;
    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;
   }
}

/* ----- header ----- */
.header-offers {
    width: 100%;
    position: relative;
}
.header-offers .header-offers__bg {
    position: absolute;
    width: 100%;
    height: 575px;
    background: url('/../lib/media/offres/ph/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(--ph-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(--ph-primary);
}

/* ----- choice ----- */
.choice-offers {
    margin-top: 70px;
    margin-bottom: 70px;
}
@media(max-width: 767px) {
    .choice-offers {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}
.choice-offers h2 {
    font-size: 44px;
    margin-bottom: 70px;
    color: var(--ph-tertiary);
}
@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: 30px;
    margin-bottom: 62px;
}
@media (max-width: 767px) {
    .choice-offers .choice-offers__items .choice-offers__item {
        padding-bottom: 15px;
    }
}
.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(--ph-primary);
}
.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 #f77e11;
}
.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: #6e8998;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
}
@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: #6e8998;
    text-transform: lowercase;
    font-weight: 400;
}
.choice-offers .choice-offers__items .choice-offers__item .choice-offers__question {
    background-color: var(--ph-primary);
    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;
}

/* ----- 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(--ph-secondary);
}
.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(--ph-secondary);
}
.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;
}
@media (max-width: 767px) {
    .testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__google {
        padding-right: 0px;
        padding-bottom: 20px;
   }
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__google::after {
    content: "";
    width: 1px;
    height: 65%;
    background-color: #201d1d;
    position: absolute;
    right: 0;
    top: 0;
}
@media (max-width: 767px) {
    .testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__google::after {
        right: 50%;
        transform: translateX(50%);
        top: auto;
        bottom: 0;
        width: 65%;
        height: 1px;
   }
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__trustpilot {
    padding-left: 80px;
}
@media (max-width: 767px) {
    .testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__trustpilot {
        padding-left: 0px;
        padding-top: 20px;
   }
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__google, .testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__trustpilot {
    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, .testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__trustpilot {
        justify-content: center;
        align-items: center;
        width: 100%;
   }
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__google img, .testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__trustpilot 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, .testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__trustpilot div {
    display: flex;
    flex-direction: column;
}
.testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__google div p, .testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__trustpilot 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, .testimonials-offers .testimonials-offers__content .testimonials-offers__top .testimonials-offers__brands .testimonials-offers__trustpilot div a {
    font-size: 14px;
    color: var(--ph-secondary);
    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(--ph-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(--ph-secondary);
    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;
}
.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(--ph-secondary);
}
.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;
}
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;
}