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

body {
    font-family: 'Fira Sans', sans-serif;
    font-size: 20px;
    color: #FFF;
    font-weight: 300;
    font-display: swap;
}
.ft-weight-bold{
    font-weight: bold;
}
.under-lab{
    text-decoration: underline;
}
/* 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: #a1c10f;
    background-color: #a1c10f;
}
/** COLOR */ 
.btn-action-color{
    background-color: #28b5ed;
    border: none;
}
.btn-action-color:hover, .btn-action-color:active{
    background-color: #28b5ed;
}
.text-color{
    color: #6c8897;
    padding-right: 0px;
}
.blue { 
    color: #28b5ed;
}
.green { 
    color: #a1c10f;
}
.grey {
    color: #6c8897;
}
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: #28b5ed;
}
.maintenance-page p {
    color: #6c8897;
}

/** MAIN */
.LandbotLauncher {
    width: 140px !important;
}
.LandbotLivechat-container {
    z-index: 900 !important;
}
.img-wrapper-center {
    text-align: center;
}
strong {
    font-weight: 700;
}
.regular {
    font-weight: normal !important;
}
.lighter {
    font-weight: 200 !important;
}
.upper {
    text-transform: uppercase;
}
a, a:hover {
    text-decoration: none;
}
a.link-archi {
    color: #6c8897;
    font-weight: 500;
    font-size: .65em;
}
.p-relative {
    position: relative;
}
.page-content h1 {
    color: #475261;
    font-size: 2.3rem;
    text-align: center;
    margin: 50px 0;
    font-weight: 700;
}
.page-content h2 {
    color: #405159;
    font-size: 1.5rem;
    font-weight: 500;
    width: 90%;
}
.page-content p, 
.page-content li {
    color: #6e8998;
    font-size: 1.2rem;
}
.page-content {
    margin-bottom: 60px;
}
.page-content img {
    max-width: 100% !important;
}
.page-content .actu img{
    max-width: 100% !important;
    max-height: 200px !important;
    min-width: 100%;
    min-height: 200px;
}
.btn-archi-blue {
    color: #FFF;
    background-color: #28b5ed;
    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.5em;
    font-weight: 700;
}

#carousel-testimonials {
    min-height: 190px;
}
.home-testimonials .carousel-inner,
.b-to-b-testimonials .carousel-inner,
.home-existing-architect .carousel-inner,
.home-type-travaux .carousel-inner {
    width: calc(100% - 40px);
    margin: auto;
}
.alert-danger,
.alert-success {
    padding: 6px;
}

/** BREADCRUMB */
.breadcrumb {
    background: transparent;
    padding: 0;
}
.breadcrumb .breadcrumb-item {
    font-size: .7em;
    font-weight: 500;
    color: #FFF;
}
.breadcrumb .breadcrumb-item a {
    color: #a1c10f;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #FFF;
    content: ">";
}

/** FORM */
.header-b-to-c input.form-control,
.header-search-architect input.form-control,
.home-form-architect input.form-control,
.header-selection-architect input.form-control {
    padding: 10px 25px;
    border-radius: 10px;
    border: none;
    color: #6c8897;
}
.home-form-architect input.form-control {
    min-height: 56px;
}
.home-form-architect select.form-control {
    height: 56px;
    line-height: 56px;
}
.input-google-autocomplete {
    height: 47px;
}
.select-box {
    line-height: 45px;
    border: 0;
    background: #fff;
    height: 45px !important;
    border-radius: 10px;
    width: 100%;
    font-size: 1rem;
    padding: 10px 25px;
    color: #6c8897;
    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;
}
.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;
}
/** NAVBAR */
.main-navbar {
    background-color: #FFF;
    height: 100px;
}
.main-navbar .navbar-collapse {
    justify-content: flex-end;
}
.navbar-toggler {
    color: #6c8897;
    border: 1px solid #6c8897;
    cursor: pointer;
}
#main-nav .nav-link {
    color: #6c8897;
    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-architect {
    width: 100%;
    padding-top: 50px;
    height: 736px;
    position: relative;
}

.avis-part2 .advanced-search,
.home-find-architect .advanced-search,
.header-news .advanced-search {
    position: relative;
    color: #FFF;
    display: block;
    width: 250px;
    margin: 20px auto;
    font-size: .9em;
    font-weight: 500;
    text-align: center;
}
#home-find-architect-carousel {
    position: absolute;
    top: 0;
    width: 100%;
}
#home-find-architect-carousel .carousel-item {
    width: 100%;
    height: 736px;
}
#home-find-architect-carousel .carousel-item-4 {
    background: url(../media/banners/banner-home-4.jpg) top center no-repeat;
}
#home-find-architect-carousel .carousel-item-5 {
    background: url(../media/banners/banner-home-5.jpg) top center no-repeat;
}
#home-find-architect-carousel .carousel-item-6 {
    background: url(../media/banners/banner-home-6.jpg) top center no-repeat;
}
#home-find-architect-carousel .carousel-item-7 {
    background: url(../media/banners/banner-home-7.jpg) top center no-repeat;
}
#home-find-architect-carousel .carousel-item-8 {
    background: url(../media/banners/banner-home-8.jpg) top center no-repeat;
}

/* Allemagne */
#home-find-architect-carousel:lang(de) .carousel-item-4 {
    background: url(../media/banners/banner-home-de-1.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(de) .carousel-item-5 {
    background: url(../media/banners/banner-home-de-2.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(de) .carousel-item-6 {
    background: url(../media/banners/banner-home-6.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(de) .carousel-item-7 {
    background: url(../media/banners/banner-home-7.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(de) .carousel-item-8 {
    background: url(../media/banners/banner-home-8.jpg) top center no-repeat;
}
/* espagne */
#home-find-architect-carousel:lang(es) .carousel-item-4 {
    background: url(../media/banners/banner-home-9.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(es) .carousel-item-5 {
    background: url(../media/banners/banner-home-11.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(es) .carousel-item-6 {
    background: url(../media/banners/banner-home-6.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(es) .carousel-item-7 {
    background: url(../media/banners/banner-home-12.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(es) .carousel-item-8 {
    background: url(../media/banners/banner-home-13.jpg) top center no-repeat;
}
 /* portugal */
#home-find-architect-carousel:lang(pt) .carousel-item-4 {
    background: url(../media/banners/banner-home-16.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(pt) .carousel-item-5 {
    background: url(../media/banners/banner-home-17.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(pt) .carousel-item-6 {
    background: url(../media/banners/banner-home-9.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(pt) .carousel-item-7 {
    background: url(../media/banners/banner-home-4.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(pt) .carousel-item-8 {
    background: url(../media/banners/banner-home-6.jpg) top center no-repeat;
}


#home-find-architect-carousel:lang(it) .carousel-item-4 {
    background: url(../media/banners/banner-home-it-1.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(it) .carousel-item-5 {
    background: url(../media/banners/banner-home-it-2.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(it) .carousel-item-6 {
    background: url(../media/banners/banner-home-6.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(it) .carousel-item-7 {
    background: url(../media/banners/banner-home-7.jpg) top center no-repeat;
}
#home-find-architect-carousel:lang(it) .carousel-item-8 {
    background: url(../media/banners/banner-home-8.jpg) top center no-repeat;
}

#home-find-architect-carousel.carousel-fade .carousel-item {
    transition-duration: 1.2s;
    transition-property: opacity;
}
.home-form-arrcoche {
    position: relative;
    z-index: 99;
}
.home-find-architect .txt-find-architect {
    margin: 0 auto 40px;
    width: 100%;
    height: 305px;
    position: relative;
}
.home-find-architect .txt-find-architect .triangle {
    width: 409px;
    height: 305px;
    background: url(../media/banners/home-triange.png) top center no-repeat;
    position: relative;
}
.home-find-architect .txt-find-architect .accroche-find-architect {
    /*position: absolute;
    left: 70px;
    top: 50px;*/
}
.home-find-architect .first-directory {
    position: relative;
    z-index: 1;
}
.home-find-architect .txt-find-architect h1 {
    color: #FFF;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 10px;
    padding: 30px 0 0 60px;
}

body:lang(de) .home-find-architect .txt-find-architect h1 {
    color: #FFF;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 10px;
    padding: 30px 0 0 60px;
}
.home-find-architect .txt-find-architect .big {
    color: #FFF;
    font-weight: 500;
    font-size: 1.5em;
    padding-left: 60px
}
body:lang(de) .home-find-architect .txt-find-architect .big {
    color: #FFF;
    font-weight: 500;
    font-size: 1.2em;
    padding-left: 60px;
    padding-top: 10px;
}
.home-find-architect .steps-find-architect {
    width: 725px;
    height: 139px;
    background: url(../media/banners/home-etapes.png) top center no-repeat;
    position: absolute;
    bottom: 0;
    left: 250px;

}
.home-find-architect .step-find-architect {
    text-align: center;
    position: absolute;
}
.home-find-architect .step-find-architect.step-1 {
    top: 10px;
    left: 192px;
}
body:lang(de) .home-find-architect .step-find-architect.step-1 {
    top: 8px;
    left: 180px;
}
body:lang(it) .home-find-architect .step-find-architect.step-1 {
    top: 10px;
    left: 205px;
}
body:lang(en) .home-find-architect .step-find-architect.step-1 {
    top: 12px;
    left: 197px;
}
.home-find-architect .step-find-architect.step-2 {
    top: 10px;
    left: 410px;
}
body:lang(de) .home-find-architect .step-find-architect.step-2 {
    top: 11px;
    left: 400px;
}
body:lang(it) .home-find-architect .step-find-architect.step-2 {
    top: 11px;
    left: 400px;
}
body:lang(en) .home-find-architect .step-find-architect.step-2 {
    top: 12px;
    left: 416px;
}
.home-find-architect .step-find-architect.step-3 {
    top: 10px;
    left: 620px;
}
body:lang(de) .home-find-architect .step-find-architect.step-3 {
    top: 4px;
    left: 613px;
}
body:lang(it) .home-find-architect .step-find-architect.step-3 {
    top: 2px;
    left: 608px;
}
body:lang(en) .home-find-architect .step-find-architect.step-3 {
    top: 3px;
    left: 618px;
}

body:lang(es) .home-find-architect .step-find-architect.step-3 {
    top: 10px;
    left: 645px;
}

body:lang(pt) .home-find-architect .step-find-architect.step-3 {
    top: 0px;
    left: 610px;
}

body:lang(pt) .architect-call h4 {
    font-size: 1.3em;
}

.home-find-architect .step-find-architect p {
    font-weight: 700;
    margin: 0;
}
.home-find-architect .step-find-architect .step-number {
    color: #28b5ed;
    font-size: 1.5em;
}
.home-find-architect .step-find-architect .step-txt {
    color: #000;
    font-size: 0.8em;
    line-height: 1.2em;
}
.home-find-architect h2 {
    color: #FFF;
    font-weight: 500;
    font-size: 1.2em;
}
.home-form-architect {
    max-width: 910px;
    margin: 20px auto 0;
}
.home-form-architect .btn-archi-blue {
    padding: 10px 0;
    font-size: 1.2em;
}
.home-form-architect .free-no-contract {
    color: #FFF;
    margin-top: 10px;
    font-weight: 500;
    text-align: center;
    font-size: .8em;
}
.home-site-description .wrapper {
    max-width: 600px;
    width: 100%;
    margin: 30px auto;
}
.home-site-description p {
    text-align: center;
    font-weight: 500;
    font-size: 1rem;
    color: #3b4956;
}
.home-type-bien {
    margin-top: 50px;
}
.home-type-bien h3,
.page-all-site-map h2 {
    color: #475261;
    font-weight: 700;
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 30px;
}
.home-type-bien .type-bien-item {
    padding: 0 5px;
    margin-bottom: 50px;
}
.home-type-bien .type-bien-item .type-bien-img {
    position: relative;
    overflow: hidden;
}
.home-type-bien .type-bien-item .type-bien-img:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.home-type-bien .type-bien-item img {
    width: 100%;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
.home-type-bien .type-bien-item h4 {
    width: 100%;
    height: 50%;
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
    font-size: 1.2em;
    color: #FFF;
}
.home-type-bien .type-bien-item .btn-archi-blue {
    margin-top: 10px;
    border-radius: 5px;
}
.b-to-b-testimonials .see-all-testimonials,
.home-testimonials .see-all-testimonials,
.home-type-bien .see-all-type-bien {
    text-align: center;
}
.b-to-b-testimonials .see-all-testimonials a,
.home-testimonials .see-all-testimonials a,
.home-type-bien .see-all-type-bien a {
    font-weight: 500;
    font-size: .7em;
}
.home-testimonials,
.b-to-b-testimonials {
    width: 100%;
    min-height: 330px;
    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-architect  .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-architect .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,
.home-testimonials .testimonials-rates .fa.checked, 
.b-to-b-testimonials .testimonials-rates .fa.checked {
    color: #e4a100;
}

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

.home-type-travaux {
    width: 100%;
    min-height: 530px;
    background: url(../media/banners/travaux.jpg) bottom center no-repeat #475261;
}
.home-type-travaux .carousel-control-prev {
    left: -20px;
    width: 20px;
    background: url(../media/base/arrow-blue.png) center center no-repeat transparent;
}
.home-type-travaux .carousel-control-next {
    transform: rotate(180deg);
    right: -20px;
    width: 20px;
    background: url(../media/base/arrow-blue.png) center center no-repeat transparent;
}
.home-type-travaux h3 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 20px;
}
.home-type-travaux .travaux-item h4 {
    text-align: center;
    color: #FFF;
    font-weight: 500;
    font-size: 1em;
    padding: 8px 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
.home-type-travaux .travaux-item {
    padding: 0 50px;
    margin-top: 20px;
}
.home-type-travaux .travaux-item.travaux-item-1 h4 {
    background-color: #6c8897;
}
.home-type-travaux .travaux-item.travaux-item-2 h4 {
    background-color: #a1c10f;
}
.home-type-travaux .travaux-item.travaux-item-3 h4 {
    background-color: #9f7f68;
}

.home-type-travaux .travaux-item .type-travaux-img {
    position: relative;
    overflow: hidden;
}
.home-type-travaux .travaux-item .type-travaux-img:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.home-type-travaux .travaux-item img {
    width: 100%;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
.home-type-travaux .travaux-item .btn-archi-blue {
    margin-top: 15px;
}
.home-type-travaux .see-all-type-travaux {
    text-align: center;
    margin-top: 15px
}
.home-type-travaux .see-all-type-travaux a {
    font-weight: 500;
    font-size: .7em;
}
.home-last-works {
    min-height: 405px;
}
.last-works-items {
    justify-content: space-around;
    align-items: center;
}
.home-last-works .last-works-item {
    max-width: 400px;
    width: 100%;
}
.home-last-works .last-works-item h5 {
    color: #3b4956;
    text-align: center;
    font-weight: 500;
}
.home-last-works .last-works-item .wrapper {
/*     border: 1px solid rgba(159,168,172, .5);
    border-radius: 10px;
    padding: 15px 25px; */
    padding: 15px 22px;
    height: 350px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: flex-end;
}
.home-last-works .last-works-item h6 {
    color: #a1c10f;
    font-size: 1.2em;
    font-weight: 500;
}
.home-last-works .last-works-item img {
    width: 100% !important;
    height: 100% !important;
}
.home-last-works .last-works-item p {
    color: #3b4956;
    font-size: .8em;
    line-height: normal;
}
.home-last-works .last-works-item .read-more {
/*     color: #475261;
    font-weight: 500;
    font-size: .8em;
    margin-top: 15px;
    display: inline-block;
    line-height: normal; */
    color: #a1c10f;
    font-weight: 500;
    font-size: .8em;
    display: inline-block;
    line-height: normal;
    min-width: 40px;
}

.home-last-works .last-works-item .read-more:lang(en) {
    min-width: 77px;
}
.home-last-works .d-flex.justify-content-between {
    align-items: flex-end;
}
.home-last-works .last-works-item .see-all {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: .7em;
    font-weight: 500;
    margin-top: 10px;
}
.content-why-choose,
.home-why-choose,
.search-why-choose {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 10px;
    min-height: 200px;
    background: url(../media/banners/why-choose.jpg) top center no-repeat #b1c60d;
}
.content-why-choose h3,
.home-why-choose h3,
.search-why-choose h3,
.selection-why-choose h3 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 20px;
}
.content-why-choose p,
.home-why-choose p,
.search-why-choose p,
.selection-why-choose p {
    color: #FFF;
    font-size: .8em;
    line-height: normal;
    text-align: center;
}
.home-existing-architect {
    padding: 60px 0;
}
.home-existing-architect h3 {
    color: #475261;
    font-weight: 700;
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 30px;
}
.home-existing-architect .existing-architect-items {
    justify-content: center;
}
.home-existing-architect .existing-architect-item {
    display: flex;
    align-items: center;
    margin: 0 10px;
    border-radius: 10px;
    border: 1px solid #6c8897;
    padding: 10px;
    min-height: 218px;
    justify-content: center;
    
}
.home-existing-architect .existing-architect-item img {
    width: 120px;
    max-width: 100%;
}
.link-archi-item {
  text-decoration:none; 
  position:relative; 
}
.link-archi-item span {
    display:none; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    color:black; 
    background-color: #eff1f3; 
    font-size:10px; 
    font-style:italic; 
}
.link-archi-item:hover span {
    display:block; 
    position:absolute; 
    top:0; 
    left:0; 
    z-index:1000; 
    width:auto; 
    min-height:20px; 
    border:1px solid #eff1f300; 
    margin-top:12px; 
    margin-left:32px; 
    overflow:hidden; 
    padding:8px; 
}
.home-you-architect {
    width: 100%;
    min-height: 259px;
    padding-top: 30px;
    padding-bottom: 90px;
    margin-top: 50px;
    text-align: center;
    background: url(../media/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;
}

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

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

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

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

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

.header-search-architect .validate {
    color: #28b5ed;
}
.header-search-architect input#autocomplete {
    min-height: 44px;
}

.results-architect .architect-item {
    color: #475261;
    background-color: #FFF;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #979797;
}
.results-architect .architect-item h3 {
    color: #475261;
    font-weight: 500;
    font-size: 1em;
    text-align: center;
}
.results-architect .architect-item .architect-infos {
    text-align: center;
}
.criteria-container {
    line-height: 17px;
    font-size: 1rem;
    margin-top: 11px;
}
.architect-infos p {
    color: #475261;
    font-weight: 300;
    font-size: .8em;
    margin: 5px 0;
    font-weight: bold;
}

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

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

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

.results-architect .architect-item .img-architect,
.carousel-architect .carousel-control-prev {
    background: url(../media/base/arrow-blue.png) center center no-repeat transparent;
}
.results-architect .btn-mini-description {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.carousel-architect .carousel-control-next {
    transform: rotate(180deg);
    background: url(../media/base/arrow-blue.png) center center no-repeat transparent;
}
.we-find-architect {
    background-color: #f7502a;
    color: #FFF;
    text-align: center;
    padding: 10px 20px;
    margin: 0 auto 30px;
    border-radius: 15px;
}
.we-find-architect .first {
    font-weight: 500;
    font-size: 1.2em;
    margin: 0;
}
.we-find-architect .second {
    font-weight: 100;
    font-size: 1.1em;
    margin: 0;
}
.we-find-architect .architect-call-me {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 15px;
}
.we-find-architect .architect-call-me h4 {
    color: #FFF;
}
.we-find-architect .architect-call-me .btn-archi-blue {
    padding: 5px 25px;
}
.map-company {
    color: #000;
}
.architect-paginate {
    display: flex;
    justify-content: center;
}
.architect-paginate ul {
    list-style: none;
    display: flex;
    padding: 0;
}
.architect-paginate ul li.paginate-to a{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #d8d8d8;
    color: #757575;
    text-align: center;
    font-weight: 500;
    font-size: .7em;
    line-height: 30px;
    margin: 0 5px;
    cursor: pointer;
    display: block;
}
.architect-paginate ul li.active a{
    background-color: #757575;
    color: #FFF;
}
.architect-paginate ul li.divider {
    width: 30px;
    height: 30px;
    color: #000;
    line-height: 30px;
    text-align: center;
    margin: 0 0;
}
.header-all-archi .map-architect{
    width: 100%;
    height: 800px;
}
.map-architect {
    width: 100%;
    height: 400px;
}
.search-call-architect {
    margin-top: 5px;
}
.search-call-architect .btn-archi-blue {
    max-width: 190px;
    margin: auto;
}
.search-call-architect p {
    text-align: center;
    color: #61737c;
    font-size: 1.5em;
    font-weight: 700;
    line-height: normal;
}
.search-call-architect .content-archi-callback {
    position: absolute;
    z-index: 9999;
    color: white;
    margin-top: -115px;
    text-align: center;
    width: 92%;
}
.search-call-architect .btn-archi-callback{
    margin-top: 7px;
}
.search-why-choose {
    margin-top: 60px;
    height: auto;
    padding-bottom: 10px;
}
.mini-description {
    font-weight: 400;
    font-size: 0.9rem;
    margin-top: 20px;
}

/* ARCHITECTE FREE */
.header-archi-free {
    width: 100%;
    padding-top: 30px;
    min-height: 500px;
    background: url(../media/banners/banner-btob.jpg) top center no-repeat ;    
    line-height: normal;
}
.header-archi-free .first-row h1 {
    font-size: 2em;
    margin-bottom: -2px;
}
.header-archi-free .first-row h2 {
    font-size: 1.5em;
    margin-bottom: 3px;
}
.header-archi-free .header-architecte-info{
    font-size: .8em;
}
.header-archi-free .second-row {
    text-align: center;
    line-height: normal;
    margin-left: 70px;
}
.header-archi-free .second-column {
    margin-left: 30px;
}
.header-archi-free .header-text-info {
    font-size: 1.5em;
    font-weight: 550;
    color: #a1c10f;
}
.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: #6c8897;
    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: #a1c10f;
    font-size: 1.3em;
    font-weight: 700;
}
.why-archi-free .item p {
    color: #010101;
    font-size: .8em;
    margin: 0;
    font-weight: 400;
}

.archi-free-contact {
    width: 100%;
    min-height: 530px;
    padding-top: 30px;
    background: url(../media/banners/banner-fiche.jpg) bottom center no-repeat #475261;
}
.archi-free-contact .text-contact h5 {
    color: #FFF;
    font-weight: 700;
    font-size: 2.35em;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 30px;
}
.archi-free-contact .text-contact p {
    color: #FFF;
    font-weight: 300;
    font-size: 1.5em;
    line-height: normal;
}
/** FICHE ARCHI */
.content-you-architect,
.header-ficher-architect {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 90px;
    min-height: 665px;
    background: url(../media/banners/banner-fiche.jpg) bottom center no-repeat #475261;    
}
.header-ficher-architect .architect-first-info {
    padding-top: 10px;
}
#carousel-architect-pictures {
    padding: 0 30px;
}
#carousel-architect-pictures img {
    max-height: 350px;
    margin: auto;
    max-width: 100%;
}
#carousel-architect-pictures .carousel-control-prev {
    left: -50px;
    background: url(../media/base/arrow-blue.png) center center no-repeat transparent;
}
#carousel-architect-pictures .carousel-control-next {
    transform: rotate(180deg);
    right: -50px;
    background: url(../media/base/arrow-blue.png) center center no-repeat transparent;
}
#carousel-architect-pictures .carousel-indicators {
    bottom: -40px;
}
#carousel-architect-pictures .carousel-indicators li {
    background-color: #FFF;
    width: 10px;
    height: 10px;
    opacity: .4;
    border-radius: 50%;
}
#carousel-architect-pictures .carousel-indicators li.active {
    opacity: 1;
}
.header-ficher-architect h1{
    color: #FFF;
    font-weight: 700;
    font-size: 1.4em;
    margin-bottom: 20px;
    line-height: normal;
} 
.header-ficher-architect h2 {
    font-weight: 500;
    font-size: 1.4em;
    color: #FFF;
    margin: 0;
    line-height: normal;
}
.header-ficher-architect .legend-info {
    color: #FFF;
    font-weight: 100;
    font-size: .9em;
    line-height: normal;
}
.header-ficher-architect .company-address {
    color: #FFF;
    font-weight: 300;
    line-height: normal;
    font-size: .9em;
    margin: 0;
}
.header-ficher-architect .architect-logo {
    height: 180px;
    max-width: 100%;
    margin-bottom: 30px;
}
.header-ficher-architect .social-links {
    margin-top: 50px;
}
.header-ficher-architect .social-links a {
    color: #FFF;
    font-size: 1em;
    margin-right: 15px;
}
.header-ficher-architect .architect-info-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.header-ficher-architect .contact-architect {
    padding-top: 40px;
}
.header-ficher-architect .contact-architect .first-row {
    text-align: center;
}
.header-ficher-architect .contact-architect .second-row {
    display: flex;
    justify-content: center;
    padding-top: 10px;
}
.header-ficher-architect .contact-architect .contact-txt {
    margin: 0;
    color: #FFF;
    text-transform: uppercase;
}
.header-ficher-architect .contact-architect .free-phone {
    color: #FFF;
    margin-top: 5px;
    font-weight: 300;
    text-align: center;
    font-size: .6em;
    position: absolute;
    width: 100%;
}
.header-ficher-architect .contact-architect .btn-archi-blue {
    padding: 5px 30px;
    margin: 0 15px;
    width: 200px;
}
.header-ficher-architect .blacklisted-row {
    flex-direction: column;
}
.header-ficher-architect .contact-architect .blacklisted-message {
    font-size: 1rem;
}
.header-ficher-architect .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;
}
.container-b-to-b .only-numbers {
    margin-top: 5px;
    text-align: start;
    margin-bottom: 0;
    font-weight: 300;
    font-size: .6em;
    width: 100%;
    color: #777;
}
.architect-informations {
    padding-top: 40px;
}
.architect-informations .architect-information-item {
    color: #475261;
    background-color: #FFF;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #979797;
}
.architect-informations .architect-information-item h3 {
    color: #3b4956;
    font-weight: 100;
    font-size: 1.4em;
    text-transform: uppercase;
}
.architect-informations .architect-information-item h4 {
    color: #3b4956;
    font-weight: 700;
    font-size: 1em;
    margin-top: 7px;
    margin-bottom: 7px;
}
.architect-informations .architect-information-item .type-item {
    color: #FFF;
    font-weight: 700;
    font-size: .8em;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 5px;
}
.architect-informations .architect-information-item .type-bien {
    background-color: #a1c10f;
}
.architect-informations .architect-information-item .type-travaux {
    background-color: #6c8897;
}
.architect-informations .architect-information-item .type-styles {
    background-color: #f7502a;;
}
.architect-informations .architect-description {
    padding-top: 15px;
    text-align: justify;
}
.architect-informations .architect-description p {
    color: #3b4956;
    font-size: .8em;
}
.architect-informations .map-architect {
    width: 100%;
    height: 200px;
}
.architect-other-informations {
    margin-top: 30px;
}
.architect-other-informations .architect-other-information {
    border-bottom: 1px solid #979797;
    margin-top: 15px;
}
.architect-other-informations .architect-other-information:last-child {
    border: 0;

}
.architect-other-informations .architect-other-information h4 {
    color: #a1c10f;
    font-weight: 700;
    font-size: 1.1em;
    margin-bottom: 15px;
}
.architect-other-informations .architect-other-information p {
    color: #3b4956;
    font-size: .8em;
}
.architect-other-informations .architect-other-information ul {
    color: #3b4956;
    font-size: .8em;
    padding: 0 20px;
}
.architect-other-informations .architect-other-information .btn-block {
    padding: 5px 0;
}
#cercle {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #a1c10f;
    position: absolute;
    right: -20px;
    top: -45px;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    transform: rotate(-12deg);
    font-size: 1em;
    font-weight: 400;
    color: #FFF;
    line-height: 23px;
}
.architect-contact {
    width: 100%;
    height: 650px;
    padding-top: 15px;
    margin-top: 80px;
    background: url(../media/banners/banner-btob-contact3.jpg) top center no-repeat;
}
.architect-contact h5 {
    color: #FFF;
    font-weight: 500;
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 12px;
}

#formBottom .form-group{
    margin-bottom: 0.5rem;
}

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

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

.section-btoc #formbottom .errorList .errorMsg{
    background-color: rgba(0,0,0,0.8);
    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.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: #6c8897;
    margin-bottom: 15px;
    font-size: .8em;
    font-weight: 300;
    min-width: 400px;
}
.section-btoc select.form-control,
.header-b-to-c select.form-control,
.popup-home-archi-call select.form-control {
    font-size: 1em;
    font-weight: 400;
    color: #28b5ed;
}
.section-btoc .form-control{
    margin-bottom: 0.7rem;
}

.section-btoc .btn-sub-btoc{
    margin-top: 10px;
}

.section-btoc .errorList{
    padding-left: 150px;
}

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

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

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

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

.header-mes-projets .btn-warning {
    color: #FFF;
    background-color: #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: #868e96;
    font-weight: 300;
    font-size: 1.1em;
    margin-bottom: 15px;
}
/** B TO B */
.header-b-to-b {
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/banner-btob.jpg) top center no-repeat;
    margin-bottom: 30px;
}
.header-b-to-b .first-row {
    padding-top: 30px;
}
.header-b-to-b h1 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.5em;
}
.header-b-to-b p {
    color: #FFF;
    font-weight: 500;
    font-size: .8em;
}
.header-b-to-b .fa.green {
    margin-right: 10px;
}

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

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

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

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

.header-remerciement,
.header-remerciement-rappelle{
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/banner-remerciement-btob.jpg) top center no-repeat;
    margin-bottom: 30px;
}
.header-remerciement .header-text-remerciement,
.header-remerciement-rappelle .header-text-remerciement {
    font-weight: 450;
    font-size: 1em;
}
.header-remerciement .header-text,
.header-remerciement-rappelle .header-text {
    
    font-weight: 600;
    font-size: 1.5em;
}

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

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

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

/** NEWS */
.header-news {
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/banner-news.jpg) top center no-repeat;
}
.header-news .header-news-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 250px;
}
.avis-part2 .header-title,
.header-news .header-title {
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.8em;
    font-weight: 700;
    margin: 0;
}
.avis-part2 .green,
.header-news .green {
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
    margin: 0;
}
#carousel-combles .carousel-item {
    text-align: center;
}
#carousel-combles .carousel-control-prev {
    background: url(../media/base/arrow-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 {
    /* border: 1px solid rgba(159,168,172, .5); */
    /* border-radius: 10px; */
    padding: 15px 22px;
    height: 350px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: flex-end;
}
.page-all-news .news-item .read-more {
    color: #a1c10f;
    font-weight: 500;
    font-size: .8em;
    display: inline-block;
    line-height: normal;
    min-width: 40px;
}

.page-all-news .news-item .read-more:lang(en) {
    min-width: 77px;
}
.page-all-news .d-flex.justify-content-between {
    align-items: flex-end;
}
.page-news .see-all-news {
    color: #28b5ed;
    font-weight: 500;
    font-size: .8em;
    display: inline-block;
    margin-top: 20px;
}
.page-news .page-content-text a {
    color: #28b5ed;
}
.page-news h2,
.page-news h3,
.page-news h4,
.page-news h5,
.page-news h6{
    color: #364b55;
    font-weight: 500;
}

.page-news .image-head{
    margin: 0 auto 2%;
    display: block;
}

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

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

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

.link-article:hover{
    color: #28b5ed;
}
.description-article{
    color: #475261;
    font-size: 1rem;
    font-weight: 400;
}
.description-article img{
    height: 0px !important;
}
.title-description-article{
    font-size: 1.6rem;
    font-weight: 600;
}
.last-article, .article-recent, .zoom, .article-plus-vue {
    color: #475261;
}
.last-article h2, .article-recent h2, .zoom h2, .article-plus-vue h2{
    color: #475261;
    font-size: 1rem;
}
.last-article .content-article{
    margin-top: 0px;
}
.last-article .description-article{
    margin-top: 0px;
    margin-bottom: 0px;
}
#top-last-article{
    display: flex;
    justify-content: space-between;
}
.title-last-article {
    text-align: start;
    font-size: 1.5rem;
    font-weight: 300;
    color: #475261;
}
.all-articles .see-all{
    text-align: center;
    font-weight: 500;
    margin-top: 25px;
    font-size: 0.8rem;
    padding: 5px 30px;
    margin: 25px auto 0px;
}
.all-articles .content-article{
    margin-bottom: 15px;
}
.row-all-articles {
    margin-top: 15px;
}
#searchKeys {
    margin-right: 10px;
    color: #6c8897;
    border-radius: 10px;
}
.research-article {
    display: flex;
}
.article-recent .architect-paginate{
    margin-top: 30px;
}
.title-recent-article, .title-plus-vue-article{
    text-align: start;
    font-size: 1.5rem;
    font-weight: 300;
    color: #475261;
    margin-top: 10px;
}
.last-article .categorie-article{
    padding: 2px 50px;
    margin: 10px 0px 1rem 0px;
    display: inline-flex;
}
.last-article .link-article{
    color: #28b5ed;
    font-weight: 500;
}
.last-article .title-description-article{
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 5px;
    color: #475261 !important;
}
.link-title {
    color: #475261;
}
.link-title:hover {
    color: #475261;
}
.zoom, .article-recent, .article-plus-vue {
    margin-top: 35px;
}
.zoom .date-categorie{
    display: flex;
    justify-content: space-between;
}

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

.zoom .content-article{
    margin-top: 0px;
}
.zoom .description-article{
    margin-top: 15px;
    margin-bottom: 20px;
}
.title-zoom-article {
    font-size: 1.3rem;
    font-weight: 300;
}
.zoom .categorie-article{
    padding: 2px 64px;
    margin: 0px 0px 1rem 0px;
    display: inline-flex;
}
#carousel-new-similarly{
    width: 100%;
}
hr{
    width: 100%;
    margin-top: -10px;
    margin-left: 15px;
    margin-right: 15px;
}
.my-account-hr{
    width: 100%;
    margin-top: 11px;
    margin-left: 130px;
    margin-right: 230px;
}
.my-account-photo-hr{
    width: 35%;
    margin-top: 11px;
    margin-left: 50px;
}
/** FOOTER */
footer .container {
    max-width: 800px;
    margin-bottom: 70px;
}
.architect-call {
    width: 629px;
    height: 249px;
    max-width: 100%;
    background: url(../media/base/footer-parti.png) no-repeat;
    margin: auto;
}
.architect-call  .content{
    width: 50%;
    float: right;
}
.architect-call h4 {
    padding: 30px 50px 20px 50px;
}
.architect-call h4:lang(en) {
    padding: 32px 24px 0px 50px;
}
body:lang(de) .architect-call h4 {
    padding: 30px 35px 5px 30px;
}
body:lang(it) .architect-call h4 {
    padding: 30px 35px 20px 30px;
}
.architect-call a.btn-archi-blue {
    width: 190px;
    margin: auto;
}
.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-logo-ft-de{
    width: 98px;
    margin: -41px 10px -57px 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: #6c8897;
    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: #6c8897;
    margin-bottom: 0.2rem;
}
.footer-txt .copyright {
    color: #6c8897;
    font-size: .6em;
    font-weight: 100;
    clear: both;
}
.footer-txt h6 {
    font-size: 1em;
}
.footer-txt .link-city {
    color: #6c8897;
    font-weight: 300;
    font-size: .6em;
}
.partner .link-city{
    padding-right: 6px;
    padding-left: 6px;
}
.footer-txt .find-architect {
    color: #364b55;
    font-size: .6em;
    font-weight: 100;
    clear: both;
    display: none;
}
.footer-txt .find-architect a {
    color: #28b5ed;
}
.footer-social-links a {
    color: #6c8897;
    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: #28b5ed;
    font-size: 2em;
    font-weight: 600;
}
.modal-number .modal-body .not-overtaxed {
    font-size: 0.8em;
    font-weight: 600;
}

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

}
.page-avis {
    color: #FFF;
    width: 100%;
    height: 259px;
    padding-top: 30px;
    background: url(../media/banners/banner-header-avis.jpg) top center no-repeat;
}
.page-avis h1{
    font-size: 1.7rem;
    margin-top: 25px;
    margin-bottom: 25px;
}
.request {
    color: #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/banner-you-architect.jpg) bottom center no-repeat #60727c;
    margin-top: 30px;
    margin-bottom: 25px;
}

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

.avis-part2 h2{
    font-size: 21px;
    text-align: center;
}
.avis-part2 .first-col{
    padding-top: 85px;
    padding-left: 30px;
    font-size: 1rem;
    font-weight: 500;
}
.avis-part2 .second-col{
    padding-top: 50px;
}
.avis-part2 .form-avis{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.avis-part2 .form-avis button,
.avis-part2 .form-avis input{
    width: 80%;
}
.avis-part2 .header-title{
    margin-top: 30px;
}
.request .active-color,
.page-avis .active-color{
    border-bottom: solid #a1c10f;
}
.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;
}
.request_content {
    margin: 30px 0px;
}
.section-avis #form-search,
.request #form-search-request{
    margin-top: 30px;
}
.navigation {
    display: flex;
    justify-content: center;
}
/* MODAL EMAIL*/
.modal-email {
    max-width: 500px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
}
.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: white;
}
.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;
}

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

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

.header-mon-compte {
    width: 100%;
    margin-bottom: 30px;
}
.header-mon-compte .top-bar {
    background-color: #98b501;
    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;
}
.header-mon-compte .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: #98b501;
}
.header-mon-compte .green-item:hover {
    background-color: #657901 !important;
}
.header-mon-compte .vertical-item ul {
    padding-inline-start: 12px;
    font-size: 1rem;
}
.header-mon-compte .vertical-item li {
    color: #6c8897;
    list-style:none;
}
.header-mon-compte .vertical-item a {
    color: #6c8897;
}
.header-mon-compte .vertical-item i {
    float: right;
}
.header-mon-compte .itemMenu:hover {
background-color: #46535a;
}
.header-mon-compte .top-bar p {
    font-size: 1.4rem;
    margin: 0;
}
.header-mon-compte .ct-sp  {
    font-size: 1.7rem;
    font-weight: 200;
    text-transform: uppercase;
}
.header-mon-compte h2::after{
    content: "\f0dd";
    float: right;
    font: normal normal normal 14px/1 FontAwesome;
}
.header-mon-compte h2.collapsed::after{
    transform: rotate(270deg);
}
.header-mon-compte .ft-weight-bold{
    font-weight: 500;
    color: #46535a !important;
}
.header-mon-compte .div-soumettre {
    padding-right: 0px;
}
.header-mon-compte .btn-soumettre{
    padding: 5px 45px;
}

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

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

}
.header-mon-compte #mPropertyType,
.header-mon-compte .div-load-img,
.header-mon-compte #table-messages,
.header-mon-compte #table-images,
.header-mon-compte #styleType,
.header-mon-compte #missionType{
    margin-top: 8px;
}
.header-mon-compte #missionType,
.header-mon-compte #styleType {
    width: 100%;
}
.header-mon-compte #idMission,
.header-mon-compte #idStyle {
    padding-left: 0px;
}
.header-mon-compte .content-photos,
.header-mon-compte #content {
    margin-left: 15px;
}
.header-mon-compte .text-color span:first-child {
    margin-bottom: 15px;
}
.header-mon-compte .header-mes-messages .content-messages {
    margin-left: 15px;
    min-width: 98%;
}
.header-mon-compte td,
.header-mon-compte th {
    font-weight: 300;
}
.header-mon-compte .item-load-img {
    padding-left: 0px;
    padding-right: 5px;
}
.header-mon-compte .content-photos #dataTable,
.header-mon-compte #loadImage{
margin-top: 10px !important;
}
.header-mon-compte .item-load-img img {
    max-width: 100%;
}
.header-mon-compte .div-img {
    display: flex;
    align-items: center;
}
.header-mon-compte input[type="checkbox"] {
    margin-right: 5px;
}
.header-mon-compte span.contenu-item {
    font-weight: 400;
    line-height: 5px;
    font-size: 1em;
}
.header-mon-compte th.thead-item {
    font-weight: 400;
    font-size: 1.1em;
}
.header-mon-compte #div-click {
  text-decoration:none; 
  position:relative; 
}
.header-mon-compte #div-click span {
    display:none; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    color:black; 
    background-color: #eff1f3; 
    font-size:10px; 
    font-style:italic; 
}
.header-mon-compte #div-click:hover span {
    display: block;
    position:absolute; 
    top:35px; 
    right: 0px;
    z-index:1000; 
    width:auto; 
    min-height:20px; 
    border:1px solid #eff1f300; 
    overflow:hidden; 
    padding:8px; 
    right: 0px;
}
.header-mon-compte .compte,
.header-mon-compte .reseaux {
    margin-left: -15px;
}
.header-mon-compte .help .sous-title {
    font-size: 1.2em;
    font-weight: 400;
}
.header-mon-compte .help {
    font-size: 0.9em;
}
.header-mon-compte .help p {
    margin-bottom: 5px;
    margin-top: 5px;
}
.header-mon-compte .help .ct-sp {
    padding-left: 0px;
    margin-bottom: 15px;
}
/* .header-mon-compte .help .under-rule {
    text-indent: 3%;
} */
.header-mon-compte .change-mdp {
    color: #FFF;
}
.header-mon-compte #precisionDescriptif {
    font-size: 1rem;
}
.header-mon-compte #rules{
    font-size: 2rem;;
}
.header-mon-compte .group{
    border: 1px solid #5e7e8d;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 5px;
}
/* Page de connexion */
.header-selection {
    color: #868e96;
    font-weight: 600;
    font-size: 1em;
}
.page-connect-susbcription {
    color: #868e96;
    font-weight: 300;
    font-size: 1em;
}
.form-login {
    margin-right: 30px;
    width: 350px;
    margin: auto;
}
.error-message {
    width: 353px;
    text-align: center;
}
.form-mdp-lost .form-control,
.form-login input.form-control{
    border: none;
    background-color: #ededed;
    color: #475261;
    margin-bottom: 5px;
    font-size: .8em;
    font-weight: 100;
}
.page-connect-susbcription .mdp-lost {
    color: #6c8897;
    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: 9999;
}
.popup-home-archi-call-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-home-archi-call {
    width: 750px;
    max-width: 95%;
    background-color: rgba(177, 198, 13, .95);
    padding: 15px 55px 15px 25px;
    min-height: 350px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.popup-home-archi-call .close-pop-up {
    width: 30px;
    height: 30px;
    color: #FFF;
    border-radius: 50%;
    position: absolute;
    background: #000;
    top: 25px;
    right: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.popup-home-archi-call .text,
.popup-home-archi-call .form {
    padding: 0 25px;
}
.popup-home-archi-call .text {
    font-weight: 500;
    line-height: normal;
}
.popup-home-archi-call .text .title {
    font-size: 1.8em;
    color: #FFF;
}
.popup-home-archi-call .form-control {
    margin-bottom: 10px;
    min-width: 250px;
}
.popup-home-archi-call .form .small {
    font-size: 50%;
    text-align: center;
    margin-top: 15px;
}

/* Site map */
.page-all-site-map .link-site-map {
    color: #6c8897;
    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%;
    /* 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-TMA.png');
}

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

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

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

.grey-section-account{
    background-color: #f7f7f7;
    padding-left: 0px!important;
    padding-right: 0px!important;
}

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

.worker-info-img img{
    max-width: 23%;
}

.worker-account-info{
    padding-left: 0px;
    margin-bottom: 0px;
}

.worker-account-info p{
    margin-bottom: 0px;
    color : #000
}

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

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

.btn-archi-blue-intra {
    color: #FFF;
    background-color: #28b5ed;
    font-weight: 500;
    font-size: .8rem;
    border-radius: 0px; 
    padding: 15px 45px!important;
    display: block;
    text-transform: uppercase;
    border: none;
}

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

#blue-question{
    color: #FFF;
    background-color: #28b5ed;
}

#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: #f7f7f7;
    color: #000;
    text-align: center;
    padding: 15px 15px;
}

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

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

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

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

.help{
    padding: 40px;
    background-color: #fff;
    border : 3px solid #f7f7f7;
}

.community{
    background-color: #fff;
    border : 3px solid #f7f7f7;
}

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

/** 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%;
    }

    .page-error .img500{
        background-size: 45%;
    }
}

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

    .page-error .img500{
        background-size: 55%;
    }
}

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

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

    .LandbotLauncher {
        width: 100px !important;
    }
    .results-architect {
         padding-top: 0px; 
         /*margin-top: -25px;*/
    }
    .popup-home-archi-call-content {
        display: none !important;
    }
    .popup-home-archi-call-wrapper {
        align-items: flex-start;
    }
    .popup-home-archi-call {
        flex-direction: column;
        max-height: 100%;
        overflow-y: auto;
        justify-content: flex-start;
    }
    .popup-home-archi-call .text .title {
        font-size: 1.1em;
    }
    .home-find-architect {
        padding-top: 15px;
    }
    .home-form-architect .btn-archi-blue {
        margin-top: 10px;
    }
    .home-type-travaux .travaux-item {
        padding: 0 100px;
        margin-bottom: 10px;
    }
    .home-type-travaux .travaux-item {
        margin-top: 5px;
    }
    .home-type-travaux {
        padding-bottom: 80px;
    }
    .home-type-travaux .carousel-control-next,
    .home-type-travaux .carousel-control-prev,
    .home-testimonials .carousel-control-prev,
    .home-testimonials .carousel-control-next,
    .b-to-b-testimonials .carousel-control-prev,
    .b-to-b-testimonials .carousel-control-next,
    .home-existing-architect .carousel-control-prev,
    .home-existing-architect .carousel-control-next {
        display: none;
    }
    .home-type-travaux .carousel-inner {
        width: 100%;
    }
    .footer-end {
        flex-direction: column;
    }
    .header-contactez-nous .first-row .logo {
        display: none;
    }
    .header-contactez-nous .first-row h1,
    .header-b-to-b h1 {
        font-size: 1.2em !important;
    }
    .header-search-architect {
        padding-top: 10px;
    }
    .header-search-architect h1,
    .take-meeting {
        font-size: 1.3em;
        margin-top: 0;
        width: 100%;
        text-align: center;
    }
    .header-search-architect .form-search-wrapper {
        padding-top: 0;
    }
    .header-search-architect .form-search-wrapper .select-box{
        margin-bottom: 5px;
    }
    .header-search-architect .form-search-wrapper .btn-archi-blue {
        margin-top: 5px;
        line-height: 18px;
        width: 100%;
    }
    .header-search-architect .form-search-wrapper .mt-4{
        margin-top: 0 !important;
    }
    .header-search-architect .btn-more-criteria {
        margin-top: 10px;
    }
    .architect-info-text {
        text-align: center;
        margin-bottom: 20px;
    }
    .header-ficher-architect .contact-architect .btn-archi-blue {
        width: auto;
    }
    #carousel-architect-pictures .carousel-control-next {
        right: 0;
    }
    #carousel-architect-pictures .carousel-control-prev {
        left: 0;
    }
    .header-ficher-architect .contact-architect .free-phone {
        position: initial;
    }
    #carousel-architect-pictures {
        padding: 0;
    }
    .header-b-to-b,
    .header-b-to-c,
    .header-selection-architect {
        padding-top: 10px;
    }
    .header-b-to-b .first-row {
        padding-top: 0;
    }
    .why-b-to-b .item:last-child {
        margin: 10px auto;
    }
    .b-to-b-contact .text-contact h5 {
        font-size: 1.2em;
        margin: 0;
    }
    .header-b-to-c .form-search-wrapper .first-col,
    .header-selection-architect .form-search-wrapper .first-col {
        border: none;
    }
    .header-b-to-c h1,
    .header-selection-architect h1 {
        margin: 0;
        font-size: 1.5em;
    }
    .header-b-to-c h3,
    .header-selection-architect h3 {
        font-size: 1.2em;
    }
    .header-selection-architect .btn-archi-blue {
        margin-top: 10px;
    }
    .header-remerciement-b-to-c .header-text {
        font-size: 1.2em;
    }
    .why-archi-free {
        flex-direction: column;
    }
    .why-archi-free .item:first-child {
        margin-bottom: 25px;
    }
    .why-archi-free .item:nth-child(2n) {
        margin-bottom: 25px;
    }
    .header-archi-free {
        height: 700px;
    }
    .header-archi-free .second-row {
        margin-left: 0px;
        margin-top: 10px;
    }
    .header-archi-free .first-column {
        margin-bottom: 20px;
    }
    .content-stats-archi-free .row {
        margin-left: 0px;
    }
    .archi-free-contact {
        height: 925px;
    }
    .we-find-architect .architect-call-me {
        flex-direction: column;
    }
    .header-archi-free .second-column {
        margin-left: 0px;
    }
    .header-mes-informations .card-type {
        display: flex;
        flex-direction: column;
    }
    label {
        margin-bottom: .2rem;
    }
    .resp-label, .ajout {
        margin-left: 4px;
    }
    .footer-logo-ft {
        width: 38px;
        margin: -53px 10px -46px 0px;
        height: 80px;
    }/* 
    .header-ficher-architect .architect-logo {
        float: left;
    } */
    .header-ficher-architect .social-links {
        margin-top: 10px;
    }
    .architect-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%;
    }
    .architect-information-item-description {
        height: 400px;
        overflow: auto;
    }
    .refine {
        flex-wrap: wrap;
    }
    .refine-research-content {
        justify-content: center;
        margin: 0px 0px;
        width: 50%
    }
    .header-search-architect .second-item{
        margin-bottom: 0px;
    }
    .header-search-architect .refine{
        margin-top: 15px !important;
    }
    .header-search-architect .collapse-menu-mission{
        transform: translate3d(0px, 39px, 0px);
    }
    .header-search-architect .collapse-menu-style {
        transform: translate3d(0px, 95px, 0px);
    }
    .header-search-architect .collapse-menu-langue,
    .header-search-architect .collapse-menu-localisation {
        transform: translate3d(0px, 40px, 0px);
    }
    .header-search-architect .take-meeting {
        font-size: 1.3em;
    }
    .header-search-architect h1 {
        font-size: 1.3em;
    }
    .header-search-architect input#autocomplete {
        min-height: 35px;
    }
    /*.select-box {
        height: 35px !important;
    }*/
    .header-search-architect .refine-research {
        font-size: 0.9rem;
    }
    .header-mon-compte .div-soumettre-infos, .header-mon-compte .div-soumettre-reseaux, .header-mon-compte .text-color .row {
        margin: 10px 0px 0px 0px !important;
    }
    .header-mon-compte .item1,
    .header-mon-compte .item2,
    .header-mon-compte .item3,
    .header-mon-compte .item4 {
        margin: 15px 0px;
    }
    .header-mon-compte .item-load-img {
        margin: 7px 0px 7px 0px;
    }
    .home-form-architect input.form-control {
        min-height: 50px;
        margin-top: 10px;
    }
    .home-form-architect select.form-control {
        height: 50px;
        line-height: 50px;
    }
    .home-form-architect .btn-archi-blue {
        font-size: 1em;
    }
    .request .avis,
    .section-avis .avis {
        margin-bottom: 30px;
    }
    .avis-part2.porteur {
        height: 530px;
    }
    .avis-part2 .advanced-search,
     .home-find-architect .advanced-search,
      .header-news .advanced-search {
        margin: 0px auto;
    }
    .avis-part2 {
        height: 910px;
        margin-bottom: 0px;
    }
    .cookie-banner p {
        font-size: .7em;
    }

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

    .news-title-container{
        min-height: 95px;
    }
    .header-search-architect .collapse-menu-attributes {
        width: calc(100% - 30px);
        transform: none;
    }
    .btn-more-creterion {
        margin-bottom: 2px;
    }
}
@media screen and (max-width: 410px) {

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

}