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

body {
    font-family: 'Fira Sans', sans-serif;
    font-size: 20px;
    color: #FFF;
    font-weight: 300;
}

.ft-weight-bold{
    font-weight: bold;
}
.under-lab{
    text-decoration: underline;
}
.mtop-20 {
    margin-top: 20px;
}

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

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

/** MAIN */
.img-wrapper-center {
    text-align: center;
}
strong {
    font-weight: 700;
}
.regular {
    font-weight: normal !important;
}
.lighter {
    font-weight: 200 !important;
}
.upper {
    text-transform: uppercase;
}
a, a:hover {
    text-decoration: none;
}
a.link-archi {
    color: #364b55;
    font-weight: 500;
    font-size: .65em;
}
.p-relative {
    position: relative;
}
.page-content h1 {
    color: #df5f54;
    font-size: 2.3rem;
    text-align: center;
    margin: 50px 0;
    font-weight: 700;
}
.page-content h2 {
    color: #FFF;
    font-size: 1.2em;
    font-weight: 100;
    text-transform: uppercase;
    width: 90%;
}
.page-content p, 
.page-content li {
    color: #364b55;
    font-size: 1.2rem;
}
.page-content {
    margin-bottom: 60px;
}
.page-content img {
    max-width: 100% !important;
}
.page-content .actu img{
    max-width: 100% !important;
    max-height: 200px !important;
    min-width: 100%;
    min-height: 200px;
}
.btn-archi-blue {
    color: #FFF;
    background-color: #df5f54;
    font-weight: 500;
    font-size: .8em;
    border-radius: 10px; 
    padding: 5px 0;
    display: block;
    text-transform: uppercase;
    border: none;
}
.btn-in-map.btn-archi-blue {
    min-width: 105px;
}
.btn-archi-blue:hover {
    color: #FFF;
}
.btn-archi-blue.btn-block {
    padding: 10px 0;
}
h4 {
    color: #61737c;
    font-size: 1.5em;
    font-weight: 700;
}

.home-testimonials .carousel-inner,
.b-to-b-testimonials .carousel-inner,
.home-existing-photographer .carousel-inner,
.home-type-prestations .carousel-inner {
    width: calc(100% - 40px);
    margin: auto;
}
.alert-danger,
.alert-success {
    padding: 6px;
}

/** BREADCRUMB */
.breadcrumb {
    background: transparent;
    padding: 0;
}
.breadcrumb .breadcrumb-item {
    font-size: .7em;
    font-weight: 500;
    color: #fca928;
}
.breadcrumb .breadcrumb-item a {
    color: #df5f54;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #FFF;
    content: ">";
}
.breadcrumb .active,
.breadcrumb .active a,
.header-ficher-photographer .breadcrumb-item {
    color: #FFF;
}

/** FORM */
.header-b-to-c input.form-control,
.header-search-photographer input.form-control,
.home-form-architect input.form-control,
.header-selection-photographer input.form-control {
    padding: 10px 25px;
    border-radius: 10px;
    border: none;
    color: #364b55;
    height: 45px !important;
}
.home-form-architect input.form-control {
    min-height: 56px;
}

.select-box {
    line-height: 45px;
    border: 0;
    background: #fff;
    height: 45px !important;
    border-radius: 10px;
    width: 100%;
    font-size: 1rem;
    padding: 10px 25px;
    color: #364b55;
    cursor: pointer;
}
.btn-search-wrapper {
    justify-content: center;
    display: flex;
}
.btn-search-wrapper .btn {
    width: 17%;
}
.row-more-creterion {

    margin-bottom: 15px;
    justify-content: center;
}
.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: #364b55;
    border: 1px solid #364b55;
    cursor: pointer;
}
#main-nav .nav-link {
    color: #364b55;
    text-transform: uppercase;
    font-size: .8em;
}
#main-nav ul.navbar-nav.nav-lang {
    padding: 0 0 0 30px;
}
img.flag-lang {
    width: 100%
}
.nav-lang .nav-lang-item {
    width: 37px;
}
.nav-lang .nav-lang-item .nav-link{
    padding: 2.9px 4.5px !important;
}
.nav-lang .nav-lang-item img.opac{
    opacity: 0.5;
}
/* #main-nav ul.navbar-nav.nav-lang li {
    border-right: 1px solid #FFF;
}
#main-nav ul.navbar-nav.nav-lang a {
    background-color: #e8e7e7;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 13px;
    transition: all 0.3s;
}
#main-nav ul.navbar-nav.nav-lang .active , #main-nav ul.nav-lang a:hover {
    background-color: #b9b9b9;
} */
.navbar-user {
    width: 170px;
    text-align: center;
    margin: 0 0 0 40px;
    display: flex;
    flex-direction: column;
}
.navbar-user .btn-archi-blue {
    font-weight: 500;
    font-size: .65em;
    padding: 6px 0;
    display: inline-block;
    text-transform: none;
}
#logo-header {
    width: 200px;
}
.main-menu-wrapper {
    display: flex;
    justify-content: flex-end;
}

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

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

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

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

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

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

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

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

.content-why-choose,
.home-why-choose,
.search-why-choose {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 10px;
    min-height: 200px;
    background: url(../media/base/photographe/img/bannier-orange.jpg) top center no-repeat #fca928;
}
.content-why-choose h3,
.home-why-choose h3,
.search-why-choose h3,
.selection-why-choose h3 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 20px;
}
.content-why-choose p,
.home-why-choose p,
.search-why-choose p,
.selection-why-choose p {
    color: #FFF;
    font-size: .8em;
    line-height: normal;
    text-align: center;
}
.home-why-choose #lower-find-photographer {
    margin-top: 20px;
}
.home-existing-photographer h3 {
    color: #475261;
    font-weight: 700;
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 30px;
}
.home-existing-photographer .existing-photographer-items {
    justify-content: center;
}
.home-existing-photographer .existing-photographer-item {
    display: flex;
    align-items: center;
    margin: 0 10px;
    padding: 10px;
    height: 168px;
    width: 168px;
    border-radius: 90px;
    justify-content: center;
    
}
.home-existing-photographer .existing-photographer-item img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    box-shadow: 5px 2px 10px#a1a0a0;
}
.link-archi-item {
  text-decoration:none; 
  position:relative; 
}
.link-archi-item span {
    display:none; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    color:black; 
    background-color: #eff1f3; 
    font-size:10px; 
    font-style:italic; 
}
.link-archi-item:hover span {
    display:block; 
    position:absolute; 
    top:0; 
    left:0; 
    z-index:1000; 
    width:auto; 
    min-height:20px; 
    border:1px solid #eff1f300; 
    margin-top:12px; 
    margin-left:32px; 
    overflow:hidden; 
    padding:8px; 
}
.home-you-photographer {
    width: 100%;
    min-height: 259px;
    padding-top: 30px;
    padding-bottom: 90px;
    margin-top: 50px;
    text-align: center;
   /*  background: url(../images/banners/banner-you-photographer.jpg) bottom center no-repeat #61737c; */
    background: url(../media/base/photographe/img/bannier-grey-bot.jpg) bottom center no-repeat;
}
.home-you-photographer h3 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.5em;
    text-align: center;
}
.home-you-photographer p {
    color: #FFF;
    font-weight: 100;
    font-size: 1.1em;
    text-align: center;
    margin: 0;
}
.home-you-photographer a {
    color: #FFF;
    font-weight: 700;
    font-size: 1em;
    border-bottom: 2px solid #FFF;
}

/** PAGE SEARCH */
.header-search-photographer {
    width: 100%;
    padding-top: 40px;
    height: 486px;
    background: url(../media/banners/photographe/banner-recherche.jpg) top center no-repeat;
}
.header-search-photographer p {
    font-weight: bold;
}
.header-search-photographer h1 {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    margin-top: 40px;
    margin-bottom: 0;
    width: 70%;
}
.header-search-photographer .take-meeting {
    color: #FFF;
    font-weight: 700;
    font-size: 1.4em;
    margin: 0;
}
.header-search-photographer .form-search-wrapper {
    padding-top: 25px;
    margin: auto;
    width: 100%;
}
.header-search-photographer .btn-more-criteria {
    color: #FFF;
    font-size: 1em;
    display: block;
    max-width: 350px;
    text-align: center;
    margin: 0px auto 15px;
    width: 100%;
    cursor: pointer;
    font-weight: normal;
}
.header-search-photographer .btn-more-criteria .fa {
    color: #fca928;
    transition: transform .3s;
}
.header-search-photographer .btn-more-criteria.collapsed .fa {
    transform: rotate(1deg);
}
.header-search-photographer .collapse-menu-attributes {
    box-shadow: 0px 0px 6px #9e9e9ead;
    width: 230px;
    position: absolute;
    transform: translate3d(-65px, 40px, 0px);
    top: 0px;
    will-change: transform;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    z-index: 1000;
    color: #475261;
}
.header-search-photographer .col-drop-menu {
    padding: 15px 20px 0px 20px;
}
.criteria-container {
    line-height: 17px;
    font-size: 1rem;
    margin-top: 11px;
}
.header-search-photographer .dropdown-footer {
    border-top: 1px solid #e9ecef;
    padding: 5px 15px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.col-drop-menu .form-group {
    margin-bottom: 8px;
}
.col-drop-menu p, .col-drop-menu label, .collapse-menu-attributes .btn-validate-refine {
    font-size: .9rem;
}
.criteria-container .form-check-input {
    margin-top: 0rem;
}
.header-search-photographer .btn-validate-refine {
    padding: 7px 9px;
    text-decoration: none;
    border: none;
}
.header-search-photographer .validate {
    color: #df5f54;
}
.results-photographer {
    padding-top: 20px;
}
.results-photographer .div-all-archi{
    margin: 5px 0px;
}
.results-photographer .all-archi{
    min-width: 340px;
    margin-bottom: 30px;
    color: #df5f54;
    font-size: 1.2rem;
}
.results-photographer h2 {
    color: #475261;
    font-weight: 700;
    font-size: 1.4em;
    margin-bottom: 40px;
    margin-top: 30px;
}
.results-photographer,
.modal-body .more-criteria h4 {
    color: #475261;
    font-weight: 500;
    font-size: 1em;
}
.modal-body .more-criteria .criteria-container,
.page-all-news .criteria-container {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #EEE;
    padding: 10px 20px;
    border-radius: 10px;
}
.modal-body .more-criteria .form-group {
    flex: 0 0 33%;
    line-height: normal;
    margin: 5px 0;
}
.modal-body .more-criteria .form-group.form-lang{
    flex: 0 0 20%;
    line-height: normal;
    margin: 5px 0;
}
.modal-body .more-criteria .form-check-input {
    width: 15px;
    height: 15px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #EEE;
    margin-right: 5px;
    position: relative;
    top: 2px;
    cursor: pointer;
 }
 .modal-body .more-criteria .form-check-input:checked:after {
    position: absolute;
    left: 2px;
    top: 3px;
    width: 10px;
    height: 6px;
    content: "";
    border: 2px solid #df5f54;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-left: 0;
    border-bottom: 0;
 }
.modal-body .more-criteria label {
    color: #405159;
    font-weight: 300;
    font-size: .7em;
}
.refine {
    display: flex;
    justify-content: center;
}
.refine-research-content{
    display: flex;
    margin: 0px 15px;
    cursor: pointer;
}
.header-search-photographer .refine-research{
    text-align: center;
/*     background-color: white; 
    color: #364b55; */
    border-radius: 10px;
    border: 2px ridge #8096a1;
    display: inline-flex;
    padding: 6px 20px;
    font-size: 1rem;
    font-weight: 400;
}
.header-search-photographer .refine-research-on{
    color: #fca928;
    border: 2px ridge #fca928;
}
.header-search-photographer .second-item{
    margin-bottom: 15px;
}
p.refine-research {
    display: inline-flex;
    padding: 0 1em;
}

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

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

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

    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    z-index: 1000;
    color: #475261;
}
.header-search-photographer .collapse-menu-localisation {
    box-shadow: 0px 0px 6px #9e9e9ead;
    width: 230px;
    position: absolute;
    transform: translate3d(-50px, 40px, 0px);
    top: 0px;
    will-change: transform;

    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    z-index: 1000;
    color: #475261;
}
.header-search-photographer .collapse-menu-style {
    box-shadow: 0px 0px 6px #9e9e9ead;
    width: 230px;
    position: absolute;
    transform: translate3d(-60px, 40px, 0px);
    top: 0px;
    will-change: transform;

    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    z-index: 1000;
    color: #475261;
}
.header-search-photographer .collapse-menu-langue {
    box-shadow: 0px 0px 6px #9e9e9ead;
    width: 230px;
    position: absolute;
    transform: translate3d(-60px, 40px, 0px);
    will-change: transform;

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

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

.results-photographer .photographer-item {
    color: #FFF;
    background-color: #364b55;
    margin-bottom: 50px;
    border-radius: 15px;
    padding: 25px 20px;
}
.results-photographer .photographer-item h3 {
    color: #FFF;
    font-weight: 500;
    font-size: 1em;
    margin-bottom: 50px;
}
.results-photographer .photographer-item .photographer-infos {
    text-align: center;
    top: -55px;
    font-weight: 300;
    text-transform: uppercase;
}
.criteria-container {
    line-height: 17px;
    font-size: 1rem;
    margin-top: 11px;
}
.photographer-infos p {
    color: #FFF;
    font-weight: 300;
    font-size: .8em;
    margin: 5px 0;
    font-weight: bold;
}
.results-photographer .photographer-item .photographer-logo {
    width: 130px;
    height: 130px;
    border-radius: 50%;
}
.results-photographer .photographer-item .photographer-skills {
    margin-top: 15px;
}
.results-photographer .photographer-item .photographer-skill,
.results-photographer .photographer-item .photographer-skill-nb {
    margin: 0 0 7px 0;
    line-height: 0.9em;
}
.results-photographer .photographer-item .photographer-skill span {
    border-radius: 20px;
    font-size: .6em;
    color: #FFF;
    padding: 3px 10px;
    border: #738188 solid 1px;
    display: block;
}
.results-photographer .photographer-item .photographer-skill-nb span {
    background-color: #66757c;
    border-radius: 20px;
    font-size: .6em;
    color: #FFF;
    padding: 3px 10px;
    display: block;
}
.results-photographer .photographer-item .btn-archi-blue{
    display: inline-block;
    padding: 5px 15px;
    float: right;
}
.results-photographer .carousel-photographer .carousel-content {
    height: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.results-photographer .carousel-photographer .carousel-content a {
    height: 100%;
    width: 100%;
    text-align: center;
}
.results-photographer .img-photographer-rappelle,
.results-photographer .photographer-item .img-photographer {
    max-height: 100%;
    max-width: 100%;
}
.carousel-photographer .carousel-control-prev {
    background: url(../media/base/photographe/img/arrow-left.png) center center no-repeat transparent;
}
.results-photographer .btn-mini-description {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.results-photographer .contain-mini-description {
    display: flex;
}
.results-photographer .img-photographer {
    border-radius: 15px;
}
.carousel-control-prev {
    left: -22px;
}
.carousel-control-next {
    right: -22px;
}
.carousel-photographer .carousel-control-next {
    background: url(../media/base/photographe/img/arrow-right.png) center center no-repeat transparent;
}
.we-find-photographer {
    background-color: #fca928;
    color: #FFF;
    text-align: center;
    padding: 10px 20px;
    margin: 0 auto 50px;
    border-radius: 15px;
}
.we-find-photographer .first {
    font-weight: 500;
    font-size: 1.2em;
    margin: 0;
}
.we-find-photographer .second {
    font-weight: 100;
    font-size: 1.1em;
    margin: 0;
}
.we-find-photographer .photographer-call-me {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 15px;
}
.we-find-photographer .photographer-call-me h4 {
    color: #FFF;
}
.we-find-photographer .photographer-call-me .btn-archi-blue {
    padding: 5px 25px;
}
.map-company {
    color: #000;
}
.photographer-paginate {
    display: flex;
    justify-content: center;
}
.photographer-paginate ul {
    list-style: none;
    display: flex;
    padding: 0;
}
.photographer-paginate ul li.paginate-to a{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #d8d8d8;
    color: #757575;
    text-align: center;
    font-weight: 500;
    font-size: .7em;
    line-height: 30px;
    margin: 0 5px;
    cursor: pointer;
    display: block;
}
.photographer-paginate ul li.active a{
    background-color: #757575;
    color: #FFF;
}
.photographer-paginate ul li.divider {
    width: 30px;
    height: 30px;
    color: #000;
    line-height: 30px;
    text-align: center;
    margin: 0 0;
}
.header-all-photo .map-photographer{
    width: 100%;
    height: 800px;
}
.header-all-photo {
    margin-bottom: 50px;
}
.map-photographer {
    width: 100%;
    height: 400px;
    border-radius: 15px;
}
.search-call-photographer {
    background: url(../media/base/un-photographe-le-rappelle.png) no-repeat;
    width: 360px;
    height: 243px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: contain;
    max-width: 100%;
}
.search-call-photographer .btn-archi-blue {
    padding: 5px 15px;
}
.search-call-photographer p {
    text-align: center;
    color: #FFF;
    font-size: 1.5em;
    font-weight: 700;
    line-height: normal;
    margin-top: 15px;
}
.search-why-choose {
    height: auto;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.mini-description {
    font-weight: 400;
    font-size: 0.9rem;
    padding: 10px 25px 16px 20px;
    margin-bottom: -35px;
    margin-top: 20px;
}
.header-all-archi .map-architect{
    width: 100%;
    height: 800px;
}
.map-architect {
    width: 100%;
    height: 300px;
}
/* ARCHITECTE FREE */
.header-archi-free {
    width: 100%;
    padding-top: 30px;
    min-height: 500px;
    background: url(../media/banners/photographe/banner-btob.jpg) top center no-repeat ;    
    line-height: normal;
}
.header-archi-free .first-row h1 {
    font-size: 2em;
    margin-bottom: -2px;
}
.header-archi-free .first-row h2 {
    font-size: 1.5em;
    margin-bottom: 3px;
}
.header-archi-free .header-photographe-info{
    font-size: .8em;
}
.header-archi-free .second-row {
    text-align: center;
    line-height: normal;
    margin-left: 70px;
}
.header-archi-free .second-column {
    margin-left: 30px;
}
.header-archi-free .header-text-info {
    font-size: 1.5em;
    font-weight: 550;
    color: #fca928;
}
.header-archi-free .header-info {
    font-size: .8em;
}
.header-archi-free .btn-header {
    padding: 10px 30px;
    margin: auto;
    width: 200px;
}
.content-stats-archi-free .cercle {
    width: 180px;
    height: 180px;
    border-radius: 90px;
    background: #f85b30;
    margin: auto;
    margin-bottom: 20px;
}
.content-stats-archi-free .row {
    margin-left: 80px;
}
.content-stats-archi-free .second-column {
    margin-left: 30px;
}
.content-stats-archi-free .cercle-text-info {
    margin: auto;
    color:#FFF;
    font-size: 4em;
    font-weight: 500;
}
.content-stats-archi-free .second-column .text-infos,
.content-stats-archi-free .first-column .text-infos {
    color: #364b55;
    font-weight: 500;
    text-align: center;
}
.form-archi-free h2 {
    margin-top: 30px;
    font-size: 1.7em;
    color: #6e8998;
    font-weight: 500;
    text-align: center;
    width: 100%;
}
.form-archi-free p {
    font-size: 1.2em;
    color: #6e8998;
    font-weight: 300;
    text-align: center;
    width: 100%;
    margin-bottom: 70px;
}
.content-archi-free .text-infos {
    color: #6e8a98;
    font-size: 1.3em;
    margin-top: 40px;
    text-align: center;
}
.why-archi-free {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.why-archi-free .item {
    text-align: center;
    flex: 1;
    margin: 0 25px;
    border-radius: 10px;
    padding: 20px;
}
.why-archi-free .item:first-child {
    padding-top: 40px;
}
.why-archi-free .item h4 {
    color: #fca928;
    font-size: 1.3em;
    font-weight: 700;
}
.why-archi-free .item p {
    color: #010101;
    font-size: .8em;
    margin: 0;
    font-weight: 400;
}

.archi-free-contact {
    width: 100%;
    min-height: 530px;
    padding-top: 30px;
    background: url(../media/banners/photographe/banner-fiche.jpg) bottom center no-repeat #475261;
}
.archi-free-contact .text-contact h5 {
    color: #FFF;
    font-weight: 700;
    font-size: 2.35em;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 30px;
}
.archi-free-contact .text-contact p {
    color: #FFF;
    font-weight: 300;
    font-size: 1.5em;
    line-height: normal;
}
/** FICHE ARCHI */
.content-you-photographer,
.header-ficher-photographer {
    width: 100%;
    min-height: 449px;
}
.header-ficher-photographer .photographer-first-info {
    padding-top: 10px;
}
#carousel-photographer-pictures {
    padding: 0 30px;
}
#carousel-photographer-pictures img {
    max-height: 350px;
    margin: auto;
    max-width: 100%;
}

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

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

form .modal .modal-dialog .modal-content .modal-body .form-row div .only-numbers {
    margin-top: 5px;
    text-align: start;
    margin-bottom: 0;
    font-weight: 300;
    font-size: .6em;
    width: 100%;
    color: #777;
}

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

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

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

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

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

.header-ficher-photographer .photographer-info-text {
    background-color: #364b55;
    border-radius: 15px;
    text-align: center;
}
/* B TO C */
.header-b-to-c {
    width: 100%;
    min-height: 750px;
    padding-top: 30px;
    padding-bottom: 90px;
    background: url(../media/b-to-c/header-ph.jpg) bottom center no-repeat;
}
.page-b-to-c {
    margin: 30px 0;
}
.header-b-to-c .breadcrumb .breadcrumb-item a {
    color: #FFF;
}
.section-btoc .second-col,
.header-b-to-c .second-col {
    padding: 0 40px 0 120px;
}
.section-btoc input.form-control,
.header-b-to-c input.form-control{
    padding: 12px 20px;

}
.header-b-to-c .form-control,
.section-btoc .form-control,
.popup-home-archi-call .form-control {
    border: none;
    background-color: #ebebeb;
    color: #364b55;
    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: #df5f54;
}
/* .photographer-contact {
    width: 100%;
    height: 530px;
    padding-top: 15px;
    margin-top: 80px;
    background: url(../images/banners/banner-btob-contact.jpg) top center no-repeat;
} */
.header-b-to-c .breadcrumb .breadcrumb-item,
.header-b-to-c .breadcrumb-item+.breadcrumb-item::before {
    color: #FFF;
}
.section-btoc h2,
.header-b-to-c h1 {
    font-weight: 700;
    color: #FFF;
    font-size: 2em;
}
.header-b-to-c .small {
    font-size: 90%;
    font-weight: 500;
}

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

.header-b-to-c #formtop .errorList .errorMsg{
    background-color: rgba(255,255,255,.5);
    text-align: center;
}

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

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

form .small {
    margin-top: 5px;
    font-size: .55em;
}
.page-b-to-c h2 {
    color: #FFF;
}
.col-type-project {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px;
}
.col-two-img1{
    height: 430px;
    width: 100%;
    background: url(../media/b-to-c/rappele-2-v1-ph.jpg) bottom center no-repeat;
    margin-bottom: 50px;
}
.col-two-img2{
    height: 430px;
    width: 100%;
    background: url(../media/b-to-c/rappele-4-v1-ph.jpg) center no-repeat;
}
.col-one-img1{
    height: 430px;
    width: 100%;
    background: url(../media/b-to-c/rappele-1-v1-ph.jpg) bottom center no-repeat;
    margin-bottom: 50px;
}
.col-one-img2{
    height: 430px;
    width: 100%;
    background: url(../media/b-to-c/rappele-3-v1-ph.jpg) center no-repeat;
}
.col-two-img2 h3{
    padding: 35px 108px 0px 108px;
    text-align: center;
}
.col-one-img1 h3 {
    padding: 35px 95px 0 95px;
    text-align: center;
}
.col-two-img1 h3,
.col-one-img2 h3{
    padding: 35px 75px 0 75px;
    text-align: center;
}
.btn-btoc {
    padding: 8px 36px;
    cursor: pointer;
}
.section-btoc {
    width: 100%;
    min-height: 750px;
    background: url(../media/b-to-c/btoc-2-ph.jpg) bottom center no-repeat;
    margin-top: 50px;
}
.section-btoc .second-col {
    padding: 50px 40px 0 120px;
}
.section-btoc .first-col {
    padding: 50px 0 0 0;
}
label.media {
    font-size: 0.8rem;
    margin-bottom: 0px
}
input#image {
    font-size: 0.7rem; 
    float: left;
    margin-top: 5px;
}
.container-media{
    margin-top: -10px;
    margin-bottom: 8px;
}
.btn-sub-btoc{
    margin-top: 35px
}
/** QUI SOMMES NOUS */
.header-qui-sommes-nous {
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/photographe/banner-qui-sommes-nous.jpg) top center no-repeat;
}
.page-qui-sommes-nous p {
    text-align: center;
}
/* Contactez-nous */
.header-contactez-nous{
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/photographe/banner-contactez-nous.jpg) top center no-repeat;
    margin-bottom: 30px;
}
.header-contactez-nous .first-row {
    text-align: center;
}
.header-contactez-nous .first-row .logo {
    text-align: center;
    position: relative;
    margin-bottom:30px
}
.header-contactez-nous .first-row h1 {
    text-align: center;
}
.header-contactez-nous .first-row .upper {
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
}
.header-contactez-nous .first-row .upper {
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
}
.header-contactez-nous .first-row p {
    text-align: center;
    font-weight: 500;
}
.header-contactez-nous .first-row .btn-header {
    margin: auto;
    margin-top: 15px;
    padding: 0.4em;
    width: 200px;
    font-size: 0.8em;
    font-weight: 700;
}
.content-contactez-nous .text-contactez-nous {
    color: #6e8a98;
    font-size: 1em;
    font-weight: 600;
}
.content-contactez-nous .text-contactez-nous .red {
    font-size: 2em;
    font-weight: 600;
}
.content-contactez-nous .form-contactez-nous {
    text-align: center;
    padding-bottom: 40px
}
.content-contactez-nous p {
    text-align: center;
}
.content-contactez-nous .form-contactez-nous .form-control {
    border: none;
    background-color: #ededed;
    color: #475261;
    margin-bottom: 15px;
    font-size: .8em;
    font-weight: 100;
}
.content-contactez-nous .form-contactez-nous label{
    color: #6e8a98;
    font-size: 1em;
    font-weight: 500;
}
.country-form{
    display: none!important;
}
/* INFORMATIONS ARCHITECTES */
.header-mes-informations {
    color: #364b55;
    font-weight: 400;
    font-size: 0.9em;
}
.header-mes-informations h3 {
    font-size: 1em;
}
.header-mes-informations small {
    vertical-align: top;
}
.header-mes-informations label.error {
    color : red;
    font-size: .9em;
    font-weight: 500;
}
.header-mes-informations .btn-success {
    background-color: #98b501;
    border-color: #98b501;
}
.header-mes-informations .ajout {
    position: relative;
    padding-bottom: 30px;
    font-weight: 300;
}
.header-mes-informations .resp-label {
    font-weight: 300;
}
.header-mes-informations .ajout label.error {
    position: absolute;
    bottom: 0px;
    margin-left: -10px;
}

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

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

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

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

.header-nouveau-password  .card-deck label{
    color: #364b55;
    font-weight: 300;
    font-size: 1.1em;
    margin-bottom: 15px;
}
/** B TO B */
.header-b-to-b {
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/photographe/banner-btob.jpg) top center no-repeat;
    margin-bottom: 30px;
}
.header-b-to-b .first-row {
    padding-top: 30px;
}
.header-b-to-b h1 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.5em;
}
.header-b-to-b p {
    color: #FFF;
    font-weight: 500;
    font-size: .8em;
}
.header-b-to-b .fa.orange {
    margin-right: 10px;
}
.form-avis-write .form-control,
.avis-part2 .form-control,
.archi-free-contact .form-control,
.form-archi-free .form-control,
.form-b-to-b .form-control,
.b-to-b-contact .form-control,
.photographer-contact .form-control {
    border: none;
    background-color: #ededed;
    color: #475261;
    margin-bottom: 15px;
    font-size: .8em;
    font-weight: 100;
}

.archi-free-contact textarea.form-control,
.b-to-b-contact textarea.form-control,
.photographer-contact textarea.form-control {
    min-height: 80px;
}

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

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



.why-b-to-b {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
}
.why-b-to-b .item {
    text-align: center;
    flex: 1;
    margin: 0 25px;
    border-radius: 10px;
    padding: 20px;
}
.why-b-to-b .item:first-child {
    margin-left: 0;
}
.why-b-to-b .item:last-child {
    margin-right: 0;
}
.why-b-to-b .item h4 {
    color: #fca928;
    font-size: 1.3em;
    font-weight: 700;
}
.why-b-to-b .item p {
    color: #010101;
    font-size: .8em;
    margin: 0;
}
.develop-b-to-b {
    margin-top: 100px;
    margin-bottom: 50px;
}
.develop-b-to-b h2,
.b-to-b-futur-customer h2,
.form-b-to-b h2 {
    color: #6e8998;
    font-weight: 700;
    font-size: 2em;
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
}
.develop-b-to-b .item {
    text-align: center;
}
.develop-b-to-b .item p {
    color: #475261;
    font-size: .8em;
    margin-top: 20px;
}
.b-to-b-stats-architects {
    width: 100%;
    min-height: 420px;
    background: url(../media/banners/photographe/travaux.jpg) bottom center no-repeat #475261;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 90px;
}
.b-to-b-stats-architects p,
.b-to-b-stats-architects h3 {
    color: #FFF;
    font-size: 1.7em;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
}
.b-to-b-stats-architects h3 .orange {
    font-weight: 300;
    margin-top: 30px;
} 
.b-to-b-stats-architects h3 {
    margin-top: 50px;
} 
.b-to-b-futur-customer h2 {
    margin-bottom: 70px;
}
.b-to-b-futur-customer {
    margin-top: 50px;
    margin-bottom: 50px;
}
.b-to-b-futur-customer .item {
    text-align: center;
    padding: 0 50px;
}
.b-to-b-futur-customer .item h4 {
    font-size: 1em;
    color: #fca928;
    font-weight: 700;
    margin-top: 30px;
}
.b-to-b-futur-customer .item p {
    font-size: .8em;
    color: #626366;
}
.b-to-b-contact {
    width: 100%;
    min-height: 532px;
    padding-top: 30px;
    margin-bottom: 60px;
    background: url(../media/banners/photographe/banner-btob-contact.jpg) top center no-repeat;
}
.b-to-b-contact .text-contact h5 {
    color: #FFF;
    font-weight: 700;
    font-size: 2.15em;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 30px;
}
.b-to-b-contact .text-contact p {
    color: #FFF;
    font-weight: 300;
    font-size: 1.5em;
    line-height: normal;
}
.header-b-to-b .number-btob {
    font-size: 1.6em;
    font-weight: 400;
}

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

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

/* REMERCIEMENT B TO C */
.header-remerciement-b-to-c{
    width: 100%;
    height: 486px;
    padding-top: 30px;
    background: url(../media/banners/photographe/banner-remerciement-btoc.jpg) top center no-repeat;
    margin-bottom: 30px;
}
.header-remerciement-b-to-c .header-text-remerciement{
    font-size: 1.1em;
    font-weight: 400;
    line-height: normal;
}
.header-remerciement-b-to-c .header-text{
    font-size: 1.8em;
    font-weight: 500;
    line-height: normal;
}
.header-remerciement-b-to-c .header-text-end, 
.header-remerciement-rappelle .header-text-end {
    color: #fca928;
    font-size: 1.2em;
    font-weight: 500;
}
.header-remerciement-b-to-c button.btn-archi-blue {
    padding: 10px 30px;
}
.header-remerciement-b-to-c .photographer-society {
    text-transform: uppercase;
}
.header-remerciement-b-to-c .btn-archi-blue,
.header-remerciement-rappelle .btn-archi-blue {
    width: 190px;
}
/* REMERCIEMENT b to b */

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

.why-remerciement {
    margin-top: 30px;
    justify-content: center;
}
.why-remerciement .item {
    text-align: center;
    border-radius: 12px;
    padding: 10px;
    margin: 0 50px;
    flex: 1;
    background-color: #FFF;
    line-height: normal;
}
.why-remerciement .item:first-child {
    margin-left: 0;
    padding-top: 30px;
}
.why-remerciement .item:nth-child(2) {
    padding-top: 28px;
}
.why-remerciement .item:last-child {
    margin-right: 0;
}
.why-remerciement .item h4 {
    color: #fca928;
    font-size: 1.3em;
    font-weight: 700;
}
.why-remerciement .item p {
    color: #010101;
    font-size: .8em;
    font-weight: 500;
    margin: 0;
}

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

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

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

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

.page-all-news .news-item {
    padding: 15px 22px;
    height: 350px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.page-all-news .read-more {
    color: #df5f54;
    font-weight: 400;
    font-size: .9em;
    display: flex;
    justify-content: flex-end;
    line-height: normal;
    min-width: 40px;
}

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

.page-content-text img{
    text-align: center;
}
.page-news .page-content-text a {
    color: #df5f54;
}
/* Setting up CKeditor classes */
.page-content-text .image-style-align-right{
    width: 500px;
    float: right;
    margin-left: 3%;
}
.page-content-text .image-style-align-center{
    display: flex;
    justify-content: center;
}
.page-content-text .image-style-align-center img{
    width: 500px;
}
.page-content-text .image-style-align-left{
    width: 500px;
    float: left;
    margin-right: 3%;
}

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

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

.page-all-news .btn-archi-blue {
    padding: 7px 22px;
    margin-left: 20px;
}
.page-all-news h1 {
    margin: 20px 0px;;
}
.item-categorie {
    background-color: #e3e3e3;
    border-radius: 15px;
    padding: 2px 10px;
    margin: 5px 7px;
    font-size: 1.1rem;
    color: #475261;
    border: none;
    font-weight: 300;
    cursor: pointer;
}
.checkedCategorie {
    background-color: #df5f54;
    color: #FFF;
}
.menu-categories button:focus{
    outline: none;
}
.menu-categories{
    text-align: center;
    margin-top: 20px;
}
.title-categories {
    font-size: 2.3rem;
    font-weight: 700;
    color: #475261;
}
.last-article, .article-recent, .zoom, .article-plus-vue {
    color: #475261;
}
.last-article h2, .article-recent h2, .zoom h2, .article-plus-vue h2{
    color: #475261;
    font-size: 1rem;
}
.last-article .content-article{
    margin-top: 0px;
}
.last-article .description-article{
    margin-top: 0px;
    margin-bottom: 0px;
}
#top-last-article{
    display: flex;
    justify-content: space-between;
}
.title-last-article {
    text-align: start;
    font-size: 1.5rem;
    font-weight: 300;
    color: #475261;
}
.all-articles .see-all{
    text-align: center;
    font-weight: 500;
    margin-top: 25px;
    font-size: 0.8rem;
    padding: 5px 30px;
    margin: 25px auto 0px;
}
#searchKeys {
    margin-right: 10px;
    color: #6c8897;
    border-radius: 10px;
}
.research-article {
    display: flex;
}
.last-article .categorie-article{
    padding: 2px 50px;
    margin: 10px 0px 1rem 0px;
    display: inline-flex;
}
.last-article .link-article{
    color: #28b5ed;
    font-weight: 500;
}
.link-article{
    color: #28b5ed;
    font-weight: 500;
}
.link-article-bis{
    margin: auto;
}

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

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

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

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

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

.architect-call a.btn-archi-blue {
    width: 190px;
    display: block;
}
.our-partner {
    margin-bottom: .2rem;
    font-weight: 500;
    line-height: 1.2;
}
.footer-logo {
    display: block;
    margin: 33px auto;
    max-width: 100%;
}
.footer-logo-ft{
    width: 45px;
    margin: -53px 10px -46px 0px
}
.footer-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 30px;
}
.footer-nav li {
    float: left;
}
.footer-nav a {
    text-transform: uppercase;
    font-weight: 500;
    color: #364b55;
    font-size: .6em;
    padding: 0 20px;
    position: relative;
}
.footer-nav li:first-child  a{
    padding-left: 0;
}
.footer-nav a::after {
    content: "|";
    position: absolute;
    top: 0;
    right: 0;
}
.footer-nav li:last-child a::after {
    content: "";
}
.footer-txt {
    color: #364b55;
    margin-bottom: 0.2rem;
}
.footer-txt .copyright {
    color: #364b55;
    font-size: .6em;
    font-weight: 100;
    clear: both;
}
.footer-txt .find-architect {
    color: #364b55;
    font-size: .6em;
    font-weight: 100;
    clear: both;
}
.footer-txt .find-architect a {
    color: #df5f54;
}
.footer-txt .link-city {
    color: #364b55;
    font-weight: 300;
    font-size: .6em;
}
.partner .link-city{
    padding-right: 6px;
    padding-left: 6px;
}
.footer-social-links a {
    color: #364b55;
    line-height: 24px;
}
.footer-end {
    justify-content: space-between;
    align-items: flex-start;
}
.footer-logo-menu {
    justify-content: center;
}
.footer-txt{
    text-align: center;
}
.footer-txt .point-separate-footer {
    color: #6c8897;
    font-weight: 300;
    font-size: .6em;
}
.point-separate-footer:last-child {
    display: none;
}
.margin-right-social{
    margin-right: 8px;
}
.logo-FT-row{ 
    display: flex;
    justify-content: end;

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

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

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

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

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

.section-avis .carousel-control-next{
    transform: rotate(180deg);
    width: 40px;
    right: -40px;
    background: url(../media/base/arrow-grey.png) center center no-repeat transparent;
}
.request .avis,
.section-avis .avis{
    width: 80%;
    margin: auto;
}
.form-avis-write-content {
    width: 50%;
}
.form-avis-write h1{
    color: #6c8897;
    margin-bottom: 30px;
}
.avis-name {
    font-weight: 400;
}
.section-avis #form-search,
.request #form-search-request{
    margin-top: 30px;
}
/* MODAL EMAIL*/
.modal-email {
    margin: 2em auto;
}
.cloud-word-dot:last-child {
    display: none;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: auto;
    color: #000;
    top: 10%;
    padding-bottom: 20%;
}
.modal-content{
    position: relative;
    flex-direction: column;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 1rem;
    background-color: #FFF;
}
.modal-email .modal-header p {
    color: #000;
    margin: auto;
    text-transform: uppercase;
    font-weight: normal;
    font-size: .9em;
}
.modal-email .modal-body p {
    color: #000;
    font-size: .6em;
    font-weight: normal;
}
.modal-email .modal-body .form-group {
    padding-left: 1.5em;
    padding-right: 1.5em;
}
.modal-email .modal-body .form-control{
    min-height: 30px;
}
.modal-email .modal-body strong {
    font-size: 1.2em;
}
.modal-email .modal-footer {
    display: block;
    margin: auto;
}
.modal-email .modal-footer .btn-archi-blue {
    padding: 5px 25px;
}
.modal-email .container-media {
    margin-top: 0px;
    line-height: 15px;
    margin-bottom: 10px;
}
.modal-email .modal-header {
    border-bottom: none;
    margin-bottom: -30px;
}
.modal-email .modal-footer {
    border-top: none;
    margin-top: -20px;
}
.red-email {
    color: red;
}
/** COOKIE BANNER */
.cookie-banner {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #e9edf0;
    padding: 10px 20px;
}
.cookie-banner p {
    color: #364b55;
    font-size: .8em;
    text-align: center;
    margin: 0;
}
.cookie-banner a, 
.cookie-banner span {
    color: #364b55;
    text-decoration: underline;
    font-weight: 500;
    cursor: pointer;
}
.cookie-banner .fa {
    font-size: 1.1em;
    color: #000;
    margin-left: 10px;
    cursor: pointer;
}

#blacklistPage {
    font-size: 1rem !important;
}
/* Mon Compte photographe */
.header-mon-compte {
    width: 100%;
    margin-bottom: 30px;
}
.header-mon-compte .top-bar {
    background-color: #fca928;
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    height: 60px;
}
.header-mon-compte .minus-mg{
    margin-left: 0px;
    margin-right: 0px;
}
.header-mon-compte .f-right{
    float: right;
    font-size: 1.1rem !important;
}
.header-mon-compte .f-right a{
    color: #FFF;
}
.header-mon-compte .inline-element {
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 8px 0px 8px 0px;
    padding: 0px 0px 0px 15px;
}
.header-mon-compte .element-referent {
    margin: 8px 0px 8px 0px;
    padding: 0px 0px 0px 15px;
}
.header-mon-compte .personnel-input{
    max-height: 24px;
}
.header-mon-compte .lab {
    margin-right: 10px;
    font-size: 0.8em;
    margin-bottom: 0px;
    white-space: nowrap;
}
.header-mon-compte #dataTable,
.header-mon-compte #table-messages {
    font-size: 0.9em;
}
.header-mon-compte .bk-cl{
    background-color: #46535a !important;
}
.header-mon-compte .itemMenu {
    background-color: #5e7e8d; 
    color: white; 
    display: block;
    padding: 12px; 
    text-decoration: none; 
    font-weight: 500;
    font-size: 1.1rem;
    margin-bottom: 6px;
}
.header-mon-compte .green-item {
    background-color: #fca928;
}
.header-mon-compte .green-item:hover {
    background-color: #b1720e !important;
}
.header-mon-compte .vertical-item ul {
    padding-inline-start: 12px;
    font-size: 1rem;
}
.header-mon-compte .vertical-item li {
    color: #364b55;
    list-style:none;
}
.header-mon-compte .vertical-item a {
    color: #364b55;
}
.header-mon-compte .vertical-item i {
    float: right;
}
.header-mon-compte .itemMenu:hover {
background-color: #46535a;
}
.header-mon-compte .top-bar p {
    font-size: 1.4rem;
    margin: 0;
}
.header-mon-compte .ct-sp  {
    font-size: 1.7rem;
    font-weight: 200;
    text-transform: uppercase;
}
.header-mon-compte h2::after{
    content: "\f0dd";
    float: right;
    font: normal normal normal 14px/1 FontAwesome;
}
.header-mon-compte h2.collapsed::after{
    transform: rotate(270deg);
}
.header-mon-compte .ft-weight-bold{
    font-weight: 500;
    color: #46535a !important;
}
.header-mon-compte .btn-soumettre{
    padding: 5px 45px;
}

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

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

}
.header-mon-compte #mPrestationType,
.header-mon-compte .div-load-img,
.header-mon-compte #table-messages,
.header-mon-compte #table-images,
.header-mon-compte #styleType,
.header-mon-compte #missionType{
    margin-top: 8px;
    width: 100%;
}
.header-mon-compte #missionType,
.header-mon-compte #styleType {
    width: 100%;
}
.header-mon-compte #idMission,
.header-mon-compte #idStyle {
    padding-left: 0px;
    padding-right: 0px;
}
.header-mon-compte .content-photos,
.header-mon-compte #content {
    margin-left: 15px;
}
.header-mon-compte .text-color span:first-child {
    margin-bottom: 15px;
}
.header-mon-compte .header-mes-messages .content-messages {
    margin-left: 15px;
    min-width: 98%;
}
.header-mon-compte td,
.header-mon-compte th {
    font-weight: 300;
}
.header-mon-compte .item-load-img {
    padding-left: 0px;
    padding-right: 5px;
}
.header-mon-compte .content-photos #dataTable,
.header-mon-compte #loadImage{
margin-top: 10px !important;
}
.header-mon-compte .item-load-img img {
    max-width: 100%;
}
.header-mon-compte .div-img {
    display: flex;
    align-items: center;
}
.header-mon-compte input[type="checkbox"] {
    margin-right: 5px;
}
.header-mon-compte span.contenu-item {
    font-weight: 400;
    line-height: 5px;
    font-size: 1em;
}
.header-mon-compte th.thead-item {
    font-weight: 400;
    font-size: 1.1em;
}
.header-mon-compte .div-soumettre {
    padding-right: 0px;
}
.header-mon-compte .div-soumettre span {
    display:none; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    color:black; 
    background-color: #eff1f3; 
    font-size:10px; 
    font-style:italic; 
}
.header-mon-compte .div-soumettre:hover span {
    display: block;
    position:absolute; 
    top:35px; 
    right: 0px;
    z-index:1000; 
    width:auto; 
    min-height:20px; 
    border:1px solid #eff1f300; 
    overflow:hidden; 
    padding:8px; 
    right: 0px;
}
.header-mon-compte .compte,
.header-mon-compte .reseaux {
    margin-left: -15px;
}
.header-mon-compte .help .sous-title {
    font-size: 1.2em;
    font-weight: 400;
}
.header-mon-compte .help {
    font-size: 0.9em;
}
.header-mon-compte .help p {
    margin-bottom: 5px;
    margin-top: 5px;
}
.header-mon-compte .help .ct-sp {
    padding-left: 0px;
    margin-bottom: 15px;
}
/* .header-mon-compte .help .under-rule {
    text-indent: 3%;
} */
.header-mon-compte .change-mdp {
    color: #FFF;
}
.header-mon-compte #precisionDescriptif {
    font-size: 1rem;
}
.header-mon-compte #rules{
    font-size: 2rem;;
}
.header-mon-compte .group{
    border: 1px solid #5e7e8d;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 5px;
}
.header-mon-compte #div-click {
    text-decoration:none; 
    position:relative; 
}
.header-mon-compte #div-click span {
    display:none; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    color:black; 
    background-color: #eff1f3; 
    font-size:10px; 
    font-style:italic; 
}
.header-mon-compte #div-click:hover span {
    display: block;
    position:absolute; 
    top:35px; 
    right: 0px;
    z-index:1000; 
    width:auto; 
    min-height:20px; 
    border:1px solid #eff1f300; 
    overflow:hidden; 
    padding:8px; 
    right: 0px;
}
/* Page de connexion */
.header-selection {
    color: #364b55;
    font-weight: 600;
    font-size: 1em;
}
.page-connect-susbcription {
    color: #364b55;
    font-weight: 300;
    font-size: 1em;
}
.form-login {
    margin-right: 30px;
    width: 350px;
    margin: auto;
}
.error-message {
    width: 353px;
    text-align: center;
}
.form-mdp-lost .form-control,
.form-login input.form-control{
    border: none;
    background-color: #ededed;
    color: #475261;
    margin-bottom: 5px;
    font-size: .8em;
    font-weight: 100;
}
.page-connect-susbcription .mdp-lost {
    color: #364b55;
    font-size: 0.7em;
    font-weight: 100;
}
/* mot de passe perdu */
.page-mdp-lost .form-mdp-lost{
width: 350px;
}

/** POP UP */
.popup-home-archi-call-content {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    z-index: 9999;
}
.popup-home-archi-call-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-home-archi-call {
    width: 650px;
    max-width: 95%;
    background-color: rgba(249, 179, 19, .95);
    padding: 15px 55px 15px 25px;
    min-height: 350px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.popup-home-archi-call .close-pop-up {
    width: 30px;
    height: 30px;
    color: #FFF;
    border-radius: 50%;
    position: absolute;
    background: #000;
    top: 25px;
    right: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.popup-home-archi-call .text,
.popup-home-archi-call .form {
    padding: 0 25px;
}
.popup-home-archi-call .text {
    font-weight: 500;
    line-height: normal;
}
.popup-home-archi-call .text .title {
    font-size: 1.3em;
    color: #FFF;
}
.popup-home-archi-call .form-control {
    margin-bottom: 10px;
    min-width: 250px;
}
.popup-home-archi-call .form .small {
    font-size: 50%;
    text-align: center;
    margin-top: 15px;
}

/* Site map */
.page-all-site-map .link-site-map {
    color: #364b55;
    text-transform: uppercase;
    font-size: .8em;
}
.page-all-site-map h3 {
    color: #475261;
    font-weight: 500;
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 30px;
}
.page-all-site-map .paginate {
    text-align: center;
    color: #475261;
    padding: 0px 8px;
    border: solid #475261 1px;
}
/* page 404 */
.page-error .first-part{
    /* margin: 30px 30px 70px 30px; */
    margin: 30px 0px 70px;
}
.page-error .img-responsive {
    /* max-width : 100%; */
    max-width : 100%;
    /* height: auto; */
    min-height: 300px;
    display: block;
    margin: 40px auto 0px;
}
.page-error .img404{
    background-image: url('../media/base/img-404-TMA.png');
}

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

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

/** Responsive */
@media screen and (max-width: 1400px) {
    .cookie-banner{
        z-index: 999;
    }
    .page-error .img-responsive {
        min-height: 315px;
    }
    .page-error .img404{
        background-size: 45%;
    }
}
@media screen and (min-width: 1720px){
    #carousel-type-photos .carousel-control-prev {
        left: 150px;
    }
    #carousel-type-photos .carousel-control-next {
        right: 150px;
    }
}
@media screen and (max-width: 1140px) {
    .home-type-photo .type-1 {
        width: 230px;
    }
    .home-type-photo .under-type-4 {
        width: 200px;
    }
    .home-type-photo .under-type-3 {
        width: 200px;
    }
    .home-type-photo .under-type-2 {
        width: 200px;
    }
    .home-type-photo .under-type-1 {
        width: 200px;
    }
    .search-call-photographer p {
        font-size: 1.3em;
        margin-top: -44px;
    }
    #carousel-type-photos .carousel-control-prev {
        background: url(../media/base/photographe/img/arrow-right-home.png) center center no-repeat transparent;
        left: 10px;
    }
    #carousel-type-photos .carousel-control-next {
        transform: rotate(180deg);
        right: 10px;
        background: url(../media/base/photographe/img/arrow-right-home.png) center center no-repeat transparent;
    }
    .page-error .img404{
        background-size: 55%;
    }
}

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

@media screen and (max-width: 992px) {
    .home-type-photo .type-1 {
        width: 170px;
    }
    .home-type-photo .under-type-4 {
        width: 140px;
    }
    .home-type-photo .under-type-3 {
        width: 140px;
    }
    .home-type-photo .under-type-2 {
        width: 140px;
    }
    .home-type-photo .under-type-1 {
        width: 140px;
    }
    #logo-header {
        width: 150px;
    }
    .navbar-user {
        margin: auto;
    }
    .main-menu-wrapper {
        flex-direction: column;
        position: relative;
        width: 100%;
        background-color: #FFF;
        z-index: 2;
        padding-bottom: 25px;
    }
    .main-menu-wrapper .navbar-nav {
        text-align: center;
        width: 100%;
    }
    .main-navbar .navbar-collapse {
        position: absolute;
        width: 100%;
        top: 80px;
        left: 0px;
    }
    .home-find-photographer .txt-find-photographer .triangle {
        margin: auto;
    }
    .home-find-photographer .steps-find-photographer  {
        display: none;
    }
    .architect-call {
        background-image: none;
    }
    .architect-call .content {
        width: 100%;
        float: none;
        text-align: center;
    }
    .last-photos-items {
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        padding: 20px 0;
    }
    .last-photos-items .last-photos-item {
        margin: 10px 0;
    }
    .home-existing-photographer .existing-photographer-items {
        flex-flow: row wrap;
    }
    .home-existing-photographer .existing-photographer-item {
        flex: 0 1 25%;
        margin-bottom: 10px;
        min-height: initial;
    }
    .header-archi-free {
        height: 600px;
        background: url(../base/banners/photographe/banner-fiche.jpg) bottom center no-repeat #475261;
    }
    .why-archi-free {
        margin-top: -20px;
    }
    .section-btoc .second-col, .header-b-to-c .second-col {
        padding: 0 15px;
    }
    .header-b-to-c .form-control, .section-btoc .form-control {
        min-width: initial;
    }
    .col-two-img1 h3, .col-one-img2 h3,
    .col-one-img1 h3, .col-two-img2 h3 {
        padding: 35px 0 0;
    }
    .div-lang {
        margin: auto;
    }
    #main-nav ul.navbar-nav.nav-lang {
        flex-direction: row;
        padding: 0 0 0 0px;
    }
    .results-photographer .photographer-item .photographer-skills {
        display: none;
    }
    .modal-body .more-criteria .form-group {
        flex: 0 0 50%;
    }
    .results-photographer #infos-archi {
        text-align: center;
    }
    .contain-mini-description {
        flex-direction: column;
    }
    .btn-mini-description { 
        order: 2; 
        justify-content: flex-end !important;
        margin-top: 15px;
    }
    .mini-description { 
        order: 1;
    }
    .architect-call {
        height: 250px;
        margin-top: -40px;
        background: url(../media/base/footer-parti-ph.png) no-repeat;
    }
    .footer-logo {
        margin: 15px auto;
    }
    .photographer-contact {
        margin-top: 0px
    }

    .header-ficher-photographer .photographer-info-text {
        text-align: center;
        padding-bottom: 40px;
    }
    .header-ficher-photographer .photographer-info-right {
        margin-left: 0px;
        margin-top: -30px;
    }
    .content-contactez-nous .form-contactez-nous {
        padding-bottom: 80px;
    }
    .search-call-photographer{
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .results-photographer {
         padding-top: 0px; 
         margin-top: -25px;
    }
    .popup-home-archi-call-content {
        display: none !important;
    }
    .popup-home-archi-call-wrapper {
        align-items: flex-start;
    }
    .popup-home-archi-call {
        flex-direction: column;
        max-height: 100%;
        overflow-y: auto;
        justify-content: flex-start;
    }
    .popup-home-archi-call .text .title {
        font-size: 1.1em;
    }
    .home-find-photographer {
        padding-top: 15px;
    }
    .home-form-architect .btn-archi-blue {
        margin-top: 10px;
    }
    .home-type-prestations .photos-item {
        padding: 0 100px;
        margin-bottom: 10px;
    }
    .home-type-prestations .photos-item {
        margin-top: 5px;
    }
    .home-type-prestations {
        padding-bottom: 80px;
    }
    .home-type-prestations .carousel-control-next,
    .home-type-prestations .carousel-control-prev,
    .home-testimonials .carousel-control-prev,
    .home-testimonials .carousel-control-next,
    .b-to-b-testimonials .carousel-control-prev,
    .b-to-b-testimonials .carousel-control-next,
    .home-existing-photographer .carousel-control-prev,
    .home-existing-photographer .carousel-control-next {
        display: none;
    }
    .home-type-prestations .carousel-inner {
        width: 100%;
    }
    .footer-end {
        flex-direction: column;
    }
    .header-contactez-nous .first-row .logo {
        display: none;
    }
    .header-contactez-nous .first-row h1,
    .header-b-to-b h1 {
        font-size: 1.2em !important;
    }
    .header-search-photographer {
        padding-top: 10px;
    }
    .header-search-photographer h1,
    .take-meeting {
        font-size: 1.3em;
        margin-top: 0;
        width: 100%;
        text-align: center;
    }
    .header-search-photographer .form-search-wrapper {
        padding-top: 0;
    }
    .header-search-photographer .form-search-wrapper .select-box{
        margin-bottom: 5px;
    }
    .header-search-photographer .form-search-wrapper .btn-archi-blue {
        margin-top: 5px;
        line-height: 18px;
    }
    .header-search-photographer .form-search-wrapper .mt-4{
        margin-top: 0 !important;
    }
    .header-search-photographer .btn-more-criteria {
        margin-top: 10px;
    }
    .header-ficher-photographer .contact-photographer .btn-archi-blue {
        width: auto;
    }
    #carousel-photographer-pictures .carousel-control-next {
        right: 0;
    }
    #carousel-photographer-pictures .carousel-control-prev {
        left: 0;
    }
    .header-ficher-photographer .contact-photographer .free-phone {
        position: initial;
    }
    #carousel-photographer-pictures {
        padding: 0;
    }
    .header-b-to-b,
    .header-b-to-c,
    .header-selection-photographer {
        padding-top: 10px;
    }
    .header-b-to-b .first-row {
        padding-top: 0;
    }
    .why-b-to-b .item:last-child {
        margin: 10px auto;
    }
    .b-to-b-contact .text-contact h5 {
        font-size: 1.2em;
        margin: 0;
    }
    .header-b-to-c .form-search-wrapper .first-col,
    .header-selection-photographer .form-search-wrapper .first-col {
        border: none;
    }
    .header-b-to-c h1,
    .header-selection-photographer h1 {
        margin: 0;
        font-size: 1.5em;
    }
    .header-b-to-c h3,
    .header-selection-photographer h3 {
        font-size: 1.2em;
    }
    .header-selection-photographer .btn-archi-blue {
        margin-top: 10px;
    }
    .header-remerciement-b-to-c .header-text {
        font-size: 1.2em;
    }
    .why-archi-free {
        flex-direction: column;
    }
    .why-archi-free .item:first-child {
        margin-bottom: 25px;
    }
    .why-archi-free .item:nth-child(2n) {
        margin-bottom: 25px;
    }
    .header-archi-free {
        height: 700px;
    }
    .header-archi-free .second-row {
        margin-left: 0px;
        margin-top: 10px;
    }
    .header-archi-free .first-column {
        margin-bottom: 20px;
    }
    .content-stats-archi-free .row {
        margin-left: 0px;
    }
    .archi-free-contact {
        height: 925px;
    }
    .we-find-photographer .photographer-call-me {
        flex-direction: column;
    }
    .header-archi-free .second-column {
        margin-left: 0px;
    }
    .header-mes-informations .card-type {
        display: flex;
        flex-direction: column;
    }
    label {
        margin-bottom: .2rem;
    }
    .resp-label, .ajout {
        margin-left: 4px;
    }
    .footer-logo-ft {
        width: 38px;
        margin: -53px 10px -46px 0px;
        height: 80px;
    }/* 
    .header-ficher-photographer .photographer-logo {
        float: left;
    } */
    .header-ficher-photographer .social-links {
        margin-top: 10px;
    }
    .photographer-informations {
        padding-top: 0px;
    }
    .modal-body .more-criteria .form-group.form-lang{
        flex: 0 0 33%;
    }
    .modal-body .more-criteria .form-group {
        flex: 0 0 33%;
    }
    .photographer-information-item-description {
        height: 400px;
        overflow: auto;
    }
    .refine {
        flex-wrap: wrap;
    }
    .refine-research-content {
        justify-content: center;
        margin: 0px 0px;
        width: 50%
    }
    .header-search-photographer .second-item{
        margin-bottom: 0px;
    }
    .header-search-photographer .refine{
        margin-top: 15px !important;
    }
    .header-search-photographer .collapse-menu-mission{
        transform: translate3d(0px, 39px, 0px);
    }
    .header-search-photographer .collapse-menu-style {
        transform: translate3d(0px, 95px, 0px);
    }
    .header-search-photographer .collapse-menu-langue,
    .header-search-photographer .collapse-menu-localisation {
        transform: translate3d(0px, 40px, 0px);
    }
    .header-search-photographer .take-meeting {
        font-size: 1.3em;
    }
    .header-search-photographer h1 {
        font-size: 1.3em;
    }
    .header-search-photographer input#autocomplete {
        min-height: 35px;
    }
    .select-box {
        height: 35px !important;
    }
    .header-search-photographer .refine-research {
        font-size: 0.9rem;
    }
    .header-mon-compte .div-soumettre-infos, .header-mon-compte .div-soumettre-reseaux, .header-mon-compte .text-color .row {
        margin: 10px 0px 0px 0px !important;
    }
    .header-mon-compte .item1,
    .header-mon-compte .item2,
    .header-mon-compte .item3,
    .header-mon-compte .item4 {
        margin: 15px 0px;
    }
    .header-mon-compte .item-load-img {
        margin: 7px 0px 7px 0px;
    }
    .home-type-photo .type-1 {
        width: 260px;
    }
    .home-type-photo .under-type-4 {
        width: 230px;
    }
    .home-type-photo .under-type-3 {
        width: 230px;
    }
    .home-type-photo .under-type-2 {
        width: 230px;
    }
    .home-type-photo .under-type-1 {
        width: 230px;
    }
    .photographer-other-informations .photographer-other-information:nth-child(3) {
        border: 0;
    }
    .header-ficher-photographer .photographer-logo {
        height: 140px;
        width: 140px;
    }
    .architect-call {
        background-image: none;
    }
    .architect-call h4 {
        color: #364b55;
    }
    .architect-call .content {
        justify-content: center;
        flex-direction: column;
    }
    .photographer-contact {
        margin-bottom: 0px;
    }
    .photographer-other-informations {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .photographer-informations .photographer-information-item {
        margin-bottom: 30px;
    }
    .content-contactez-nous .form-contactez-nous {
        padding-bottom: 40px;
    }
    #contact-us-first-col {
        margin-bottom: 15px;
    }
    .page-content{
        margin-bottom: 30px;
    }
    #carousel-type-photos .carousel-item .picture-wrapper {
        width: 300px;
    }
    #carousel-type-photos .btns-search {
        display: none;
    }
    .photographer-informations .photographer-information-item h4.first {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .photographer-informations .photographer-information-item-type {
        order: 2;
    }
    .photographer-informations .photographer-information-item-description {
        order: 1;
    }
    .photographer-informations #right-infos {
        order: 3;
    }
    .content-you-photographer, .header-ficher-photographer {
        margin-bottom: 20px;
    }

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

@media screen and (max-width: 605px) {
    .home-type-photo .type-1 {
        width: 200px;
    }
    .home-type-photo .under-type-4 {
        width: 170px;
    }
    .home-type-photo .under-type-3 {
        width: 170px;
    }
    .home-type-photo .under-type-2 {
        width: 170px;
    }
    .home-type-photo .under-type-1 {
        width: 170px;
    }
    .header-contactez-nous .first-row {
        font-size: 0.9em;
        padding-top: 20px;
    }
    .page-error .first-part{
        margin-top: 0px;
        margin-bottom: 45px;
    }
}
@media screen and (max-width: 410px) {

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

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