/********************************************************************************                                                                        A PROPOS                                    
********************************************************************************/
main{margin-top:95px;}
.blocTopMetier {height: calc(100vh - 95px);position: relative;background: #CCC;}
.blocTopMetier.halfHeight{height:60vh !important;}
.blocTopMetier .blocTitlePage {z-index: 1;top:50%;transform:translateY(-50%);position:absolute;max-width: 100%;}
.blocTopMetier .blocTitlePage h1 {padding-bottom: 0;color: #fff;font-size: 50px;}
.visuelMetier {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.visuelMetier img {height: 100% !important;-o-object-fit: cover;object-fit: cover;width: 100% !important;}

.filtreMetier::after {background: #6d6d6d;/* opacity: 0.8; */opacity: .55;position: absolute;top: 0;left: 0;bottom: 0;right: 0;mix-blend-mode: multiply;content: "";}
.visuelMetier.withBg { background: #979797;  }

.blocTopMetier p.intro {font-size:16px;color:#FFF;}
.btnDown {position: absolute;bottom: 1rem;left: 50%;transform: translateX(-50%);z-index: 1;width: 40px;height: 40px;}
.btnDown svg {transform: rotate(90deg);}
.btnDown path {stroke: #FFF;fill: #FFF;}
.formRecherche .form-label{font-size:16px;font-weight:700;font-family: "Suisse Intl";}
.formRecherche .form-label span.red{color:#d0103a;}
.formRecherche .form-control{font-family: "Suisse Intl";color:#D9D9D9;border-color:#D9D9D9;}
.formRecherche input.form-control, .formRecherche textarea.form-control{color:#313131;}
.formRecherche .form-control.active{color:#313131;}
.formRecherche .form-control::placeholder{color:#D9D9D9;}
.formRecherche p.rgpd{font-size:9px;color:#707070;}
.formRecherche .red-button{width:100%;background:#d0103a;border: unset;padding: 0.5rem;border-radius: 5px;}
.formRecherche .red-button p{color:#FFF;font-family: "Suisse Intl";}

.formRecherche .form-control.select{background-image:url("../../img/design/chevron-gris-bottom-7dafb95a24d18a53ef5c6b8222c68d5f.png");background-size:22px 22px;background-repeat:no-repeat;background-position: 99% center;}
.formRecherche .form-control.select option{color:#313131;font-family: "Suisse Intl", Arial, sans-serif ;}
.formRecherche .form-control.select option.default{color:#D9D9D9;}
.formRecherche .btn-check:checked + .btn-type{color: #fff;background-color: #015151;border-color: #015151;}
.formRecherche .btn-type {color: #000;border-color: #F8F7F4;background-color:#F8F7F4;}
.modalConfirmProjet{}
.modalConfirmProjet .modal-content{border:unset;border-radius:10px;background:#EBEBEB;}
.modalConfirmProjet .modal-header{border:unset;}
.modalConfirmProjet .modal-header .close{border:unset;background:unset;position: absolute;right: 20px;top: 15px;font-size: 2rem;}

/*
.blocTopWhite {background: #ffffff;min-height: 320px;position: relative;}
.blocTitlePage {position: absolute;bottom: 50px;left: 0;right: 0;}
.blocTopWhite .blocTitlePage h1 {font-family: "Tiempos Headline";font-weight: 600;font-size: 56px;padding-bottom: 50px;margin-bottom: 0;}
*/
.contentPage .row {margin-right: 0;margin-left: 0;}
.visuelUne {height: auto;max-height: 815px;position: relative;}
.visuelUne img {width: 100% !important;max-height: inherit;-o-object-fit: cover;object-fit: cover;}
/* .contentPage p,
.temoignagePersonne p {font-size: 1.25rem;} */
.about-bloc h3 {font-weight: 700;font-size: 26px;padding-bottom: 1rem;font-family: "Suisse Intl";}
.borderRedLeft::before{display: block;content: "";width: 4px;height: 100%;background-color: #d0103a;position: absolute;left: 0;}
.about-bloc h3.borderRedLeft{position: relative;padding-left: 18px;padding-bottom: 0;margin-bottom: 40px;}
.about-bloc p img{width: 100% !important; height:auto  !important;border-radius: 9px;-o-object-fit: cover;   object-fit: cover;aspect-ratio: 388 / 248;}
.about-bloc li{font-family: "Suisse Intl";font-size: 16px;}
.map-container h2{font-size: 56px;font-family: "Tiempos Headline";font-weight: 600;margin-bottom: 65px;}
.map-container {width: 100%;height: auto;text-align: center;}
.map-container img {max-width: 100% !important;}
.map-container p{font-size: 16px;}
.stitleCorpo {font-family: "Tiempos Headline";font-weight: 700;font-size: 2.5rem;text-align: center;}
.carousel-control img {width: 1.5rem !important;}
.carousel-control.left {left: -3rem;}
.carousel-control {position: absolute;top: 40%;}
#carousel-reference {margin: 4rem 0;}
.carousel-control.right {right: -3rem;}
.carousel-item-ref img {height: 70px !important;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
#carousel-reference .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
#carousel-reference .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item,
#carousel-reference .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item,
#carousel-reference .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item,
#carousel-reference .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
#carousel-reference .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
#carousel-reference .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {transition: none;}
#carousel-reference .carousel-inner .active,
#carousel-reference .carousel-inner .active+.carousel-item,
#carousel-reference .carousel-inner .active+.carousel-item+.carousel-item,
#carousel-reference .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item,
#carousel-reference .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
#carousel-reference .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
#carousel-reference .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {display: block;}
.carousel-item-ref {float: none !important;margin-right: 0 !important;}

.containerPresence{background:#FFF;}
.containerPresence img{max-height:674px !important;margin: 0 auto;display: flex;object-fit: contain;width: 95% !important;}
.containerPresence h2{font-size: 40px;font-weight: bold;font-family: "Tiempos Headline";}
.containerPresence p{font-size:16px;}
.containerPresence .splide__arrow{background:#FFF;opacity:1;top: calc(50% - 30px);}
.containerPresence .splide__arrow svg{fill:#707070;height:2.2rem;width:2.2rem;}
.containerPresence .splide__arrow:hover svg{fill:#d0103a;}
.containerPresence .custom-pagination{display: flex;justify-content: center;}
.containerPresence .custom-pagination button {border: unset;background: none;font-family: "Suisse Intl";font-size: 16px;width: 33.33%;}
.containerPresence .custom-pagination button.active{color:#d0103a;text-decoration:underline;font-weight:700;}
.containerPresence .custom-pagination button.dotsCustom:hover {color: #d0103a;}

/*******************************************************************************                                                                        EQUIPE                                    
********************************************************************************/
.bloc-pres-conseils {padding-bottom: 3rem;}
.bloc-pres-conseils p {font-family: "Suisse Intl";font-weight: 500;font-size: 1.25rem;}
.bloc-pres-conseils:first-child p {margin-bottom: 1rem;}
.bloc-conseils {padding-top: 3rem;}
.bloc-conseils p {margin-bottom: 1rem;font-family: "Suisse Intl";font-weight: 300;;font-size: 1.25rem;}
.bloc-conseils h2 {display: flex;flex-wrap: nowrap;align-items: center;font-family: "Suisse Intl";font-weight: 500;font-size: 2.25rem;line-height: 1.2;}
.bloc-conseils h2::before {display: block;content: " ";width: 5px;height: 70px;background-color: #d0103a;margin-right: 1rem;}
.agent-name {font-family: "Suisse Intl";font-size: 18px;font-weight: bold;}
.agent-tel {font-family: "Suisse Intl";font-size: 16px;color: #000;}
.team-card {margin-bottom: 3rem; }
.team-card hr {border-top: 2px solid rgba(112, 112, 112, 0.5) !important;margin-top: .25rem;}
.team-card img {width: 25% !important;margin-bottom: .5rem;border-radius: 50%;}
.team-card .agent-tel,
.team-card .team-poste {display: inline-block;width: 100% !important;margin-bottom: 0;font-size: 14px;font-family: "Suisse Intl";line-height:1.05;}
.team-poste {font-family: "Suisse Int'l Light";font-size: 1.125rem;color: #000000 !important;}
.agent-tel:hover {color: #000;text-decoration: none;}
.contact-num:hover {text-decoration: none;color: #000000;}
.introEquipe{font-weight: 18px;font-family: "Suisse Intl";-moz-column-count: 2;     column-count: 2;-moz-column-gap: 25px;     column-gap: 25px;     }
.bloc-conseils{margin-bottom: 60px;}
.vcard svg {vertical-align: top;margin-right: 5px;}
.introServ,
.titH {padding-top: 90px;padding-bottom: 90px;}
.confiance h2,
.nosActus h2,
.nosReferences h2,
.notreReseau h2 {padding-bottom: 50px;}
.confiance h2,
.introServ h2,
.nosActus h2,
.nosReferences h2,
.notreReseau h2,
.offImmo h2 {font-size: 40px;font-weight: bold;font-family: "Tiempos Headline";text-align: center;}
.splideConfiance .splide__arrow--prev svg,
.splideRefHome .splide__arrow--prev svg {transform: none;}
.splideConfiance .splide__arrow svg,
.splideRefHome .splide__arrow svg {height: auto;width: auto;}
.splideConfiance .splide__arrow,
.splideRefHome .splide__arrow {background: none;}
.splideConfiance .splide__arrow--prev,
.splideRefHome .splide__arrow--prev {left: -30px;}
.splideConfiance .splide__arrow--next,
.splideRefHome .splide__arrow--next {right: -30px;}
.splideRefHome .splide__arrow {top: 30%;}
.splideConfiance .splide__slide {align-self: center;text-align: center;}
.splideConfiance .splide__slide img {max-width: 75% !important;filter: grayscale(100%);transition: all .4s;max-height:90px;}
.splideConfiance .splide__slide img:hover {filter: grayscale(0%);}
/*.edit-mail-container {display: flex;justify-content: space-between;margin: 20px;}*/
/*.edit-form-container {width: 48%;padding: 10px;}*/
.edit-form-title {margin-bottom: 15px;font-size: 22px;color: #D0103A;}
.edit-form-label {display: block;margin-bottom: 5px;}
.edit-form-input {width: 100%;padding: 8px;margin-bottom: 15px;box-sizing: border-box;border: 1px solid #dedddd;border-radius: 5px;}
.edit-form-input:focus {outline: none;border: 1px solid #D0103A;}
.edit-form-input::placeholder {color: #dedddd;}
.edit-form-button {background-color: #dedddd;color: black;padding: 8px 50px;border: none;cursor: pointer;transition: all 0.2s ease-in-out;}
.success {color: #4CAF50;background-color: #DFF0D8;padding: 15px;margin-bottom: 10px;border: 1px solid #3D8B3D;border-radius: 4px;}
.error {color: #D0103A;background-color: #FFBABA;padding: 15px;margin-bottom: 10px;border: 1px solid #D0103A;border-radius: 4px;}
.edit-form-button:hover {background-color: #D0103A;color: white;transition: all 0.2s ease-in-out;}
/*.edit-separator {border-left: 1px solid #ccc;height: 600px;margin: 0 20px;}*/
@media (max-width: 767px) {
/*.edit-mail-container {flex-direction: column;}
.edit-form-container {width: 100%;margin-bottom: 20px;}
.edit-separator {border-left: none;border-top: 1px solid #ccc;height: 20px;margin: 20px 0;}*/}

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

@media (min-width: 2560px) {}
/* Ecran HD */
@media (min-width: 1920px) {}
@media (min-width: 1600px) and (max-width: 1920px) {}
@media (min-width: 1440px) and (max-width: 1600px) {}
@media (min-width: 1200px) and (max-width: 1400px) {}
@media (max-width: 1200px) {}
/* MOBILE + TABLET PORTRAIT */
@media (max-width: 1023px) {}
@media (max-width: 990px) {
    main{margin-top:56px;}
    .blocTopMetier {height: calc(100vh - 56px);}
}
@media (min-width: 768px) and (max-width: 1024px) {}
@media (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {/* CSS */}
@media (max-width: 767px) {.introEquipe {column-count:1;}}
@media (max-width: 480px) {}