/********************************************************************************                                                                        METIERS                                    
********************************************************************************/

.blocTopMetier {height: 100vh;position: relative;}
.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: "";}

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

.contentPage .metiertext {font-family: "Suisse Intl";}
.contentPage .metiertext.intro {font-size: 1.125rem;}
.contentPage .metiertext.intro p:first-of-type{font-weight: bold;}
.contentPage .metiertext.intro a {color:#000;text-decoration: underline;}
.contentPage .metiertext.intro a:hover {text-decoration: none;}
.contentPage .metiertext ul {font-size: 1rem;list-style: none;padding-left: 0;}
.contentPage .metiertext ul li {position: relative;padding-left: 30px;min-height: 45px;margin-bottom: 2rem;}
.contentPage .metiertext ul li::before {content: url("../../img/icon-checkmark-4f17ea961e681615a01e36493e4bff85.png");width: 24px;height: 12px;display: inline-block;position: absolute;left: 0;}
.contentPage .metiertext p {font-size: 1rem;}
.contentPage .metiertext strong {font-size: 1.25rem;padding-bottom: 0.5rem;}
.chiffresMetier .number {text-align: center;font-size: 80px;font-family: "Tiempos Headline";font-weight: 700;color: #d0103a;line-height: 80px;}
.chiffresMetier .number.quatre {font-size: 60px;}
.chiffresMetier .libNumber {text-align: center;font-size: 1.25rem;font-family: "Tiempos Headline";font-weight: 600;}
.quartierPhare {/*height:526px;*/position: relative;aspect-ratio: 391 / 526;}    
.quartierPhare .visuel {width: 100%;height: 100%;border-radius: 9px;background: #000;}
.quartierPhare .visuel img {-o-object-fit: cover;object-fit: cover;width: 100% !important;height: 100% !important;border-radius: 9px;opacity: 0.6;}
.quartierPhare .infos {position: absolute;top: 45%;right: 0;left: 0;text-align: center;}
.quartierPhare .infos h3 {color: #fff;font-family: "Tiempos Headline";font-weight: bold;font-size: 2.5rem;}
.quartierPhare .infos a {color: #fff;border: 1px solid #fff;background: transparent;border-radius: 9px;padding: 1rem;margin-top: 0.5rem;display: inline-flex;align-items: center;transition: all 0.4s ease-in-out;gap:8px;align-items: center;}
.quartierPhare .infos a i {margin-left: 8px;}
.quartierPhare .infos a:hover {color: #fff;border: 1px solid #d0103a;background: #d0103a;}
.quartierPhare .infos a svg {height: 20px;}
.quartierPhare .infos a svg path{stroke:#FFF;fill:#FFF;}
.blocRef {padding-bottom: 1rem;position:relative;}
/* .blocRef .visuel{height:280px;} */


.blocRef .visuel img {height: 100% !important;width: 100% !important;-o-object-fit: cover;object-fit: cover;border-radius: 9px;aspect-ratio: 97 / 62;}
.blocRef .infos {width: 100%;padding: 0.5rem 0;}
.blocRef .infos a { padding-bottom: 0.3rem;display: flex;justify-content: space-between;align-items: center;}
.blocRef .infos a svg {height: 20px;}
.blocRef .infos a svg path {stroke: rgb(33, 37, 41);fill: rgb(33, 37, 41);}
.blocRef .infos a::after { position: absolute; top: 0; left: 0; content: ""; right: 0; bottom: 0; }
.blocRef .infos p.adresse {font-size: 20px;font-weight: 700;margin-bottom: 0.5rem;/*min-height: 60px;*/}
.blocRef .infos p.ville {background: url("../../img/icon-adresse-marker-49163d06b09ef0f751a99715811465ac.png") no-repeat left top;padding-left: 20px;font-size: 1rem;margin-bottom: 0.4rem;line-height: 1.2rem;}
.blocRef .infos p.surface {margin-bottom: 0.5rem;font-size: 1rem;color: #d0103a;font-weight: bold;}
.blocRef .infos .villeSurface p.surface,
.blocRef .infos .villeSurface p.ville {display: block;}
.blocRef .typeRef{display: flex;justify-content: flex-start;flex-wrap: wrap;font-size: 14px!important;font-weight: bold;margin-bottom:0;}
.blocRef .typeRef span{font-weight: normal;margin-left:0.3rem;}
.blocRef .infos .villeSurface p.ville {padding-right: 15px;}
.blocRef .infos .preneurVendeur {font-size: 16px;font-family: "Suisse Intl Book";font-style: italic;margin-bottom: 5px;}
.blocRef .infos p {font-size: 1.125rem;}
.blocRef .infos a i {color: #d0103a;margin-left: 10px;}
.blocRef .infos p.prix {font-size: 1rem;font-weight: bold;padding-left: 1rem;color: #d0103a;border-left: 4px solid #d0103a;}
.blocService {padding-bottom: 1rem;position: relative;}
.mobLink{display: none;}
.blocService .visuel {height: 280px;}
.blocService .visuel img {height: 100% !important;width: 100% !important;-o-object-fit: cover;object-fit: cover;border-radius: 9px;}
.blocService .infos {position: absolute;left: 2rem;bottom: 1.5rem;padding: 0.5rem 1rem;border-radius: 9px;background: #fff;}
.blocService .infos p.libelle {font-size: 1rem;font-weight: bold;margin-bottom: 0;}
.blocClients {border-right: 1px solid #000;}
.blocClients .listClients {text-align: center;font-size: 1rem;line-height: 1.3rem;}
/* .splideMandats {height: 530px;} */
/* .splideMandats .visuel{height:530px;width:100%;} */
.splideMandats .visuel {aspect-ratio: 1207 / 515;width: 100%;}
.splideMandats .visuel img {height: 100% !important;width: 100% !important;border-radius: 9px;-o-object-fit: cover;object-fit: cover;-o-object-position: bottom;object-position: bottom;}
.splideMandats .infos {border-radius: 9px;background: #fff;position: absolute;width: 40%;max-width: 520px;min-width: 280px;left: 2rem;bottom: -2rem;padding: 1.25rem 1.75rem 2rem;}
.splideMandats .infos h4 {font-weight: bold;font-family: "Tiempos Headline";font-size: 1.5rem;}
.splideMandats .infos p {font-size: 1.1rem;margin-top: 1rem;}
.splideMandats .infos a {font-size: 1rem;font-weight: bold;}
.splideMandats .infos a i {color: #d0103a;margin-left: 10px;}
.splideMandats .splide__arrows {position: absolute;bottom: -1.5rem;left: 32rem;}
.splide__arrow {background: #f1f1f1;}
.splide__arrow--next,
.splide__arrow--prev {width: 30px;height: 30px;}
.splide__arrow svg {fill: #a6adb4;}
.splide__arrow--prev {left: -3rem;}
.splide__arrow--next {right: -1rem;}
.containerTemoignageAtelier {background: url("https://www.knightfrank.fr/fichiers/temoignages/230920sfl-003-w-66e3f37485089278463244.jpg") no-repeat;background-size: 100% auto;background-position: center center;background-size: cover;}
.containerTemoignageAtelier .blocTemoignages {background: #fff;margin-top: 3.5rem;margin-bottom: 3.5rem;padding: 2.5rem;}
.containerTemoignageAtelier .blocTemoignages p::before {content: "";display: inline-block;background: url("../../img/bigGuillemetsRed-aa0094e145e4676b3311459aea5c9e83.png");width: 56px;height: 42px;position: absolute;top: -10px;}
.containerTemoignageAtelier .blocTemoignages p {font-style: italic;font-family: "Tiempos Headline";margin-bottom: 0;padding-top: 42px;position: relative;}
.chiffreCle-2023 {font-size: 26px;color: #D0103A;font-weight: 700;text-align: center;}
.containerChiffres {border-top: 1px solid #d0103a;}
.stitleCorpo {font-family: "Tiempos Headline";font-weight: 700;font-size: 2.5rem;text-align: center;}
.titH {padding-top: 90px;padding-bottom: 90px;}
.confiance h2{font-size: 40px;font-weight: bold;font-family: "Tiempos Headline";text-align: center;padding-bottom: 50px;}
.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;transition: all .4s;max-height:90px !important;}
#loadMoreBtn {background-color: #d0103a;color: #ffffff;border-radius: 9px;padding: 16px 32px;display: flex;align-items: center;font-family: "Suisse Intl";margin-bottom: 15px;margin-top: 15px;border: none;width: 245px;margin-left: auto;margin-right: auto;display: block;}

.team-card{padding-right: 1rem !important;padding-left: 1rem !important;}
.team-card img {width: 70px !important;margin-bottom: .5rem;border-radius: 50%;height: 70px !important;}
.team-card .team-poste {display: inline-block;width: 100% !important;margin-bottom: 0;font-size: 13px;font-family: "Suisse Intl";line-height:1.05;}
.team-card .agent-name {font-family: "Suisse Intl";font-size: 16px;font-weight: bold;}

.region{min-height:314px;overflow:hidden;}
.region .cVisuel{overflow:hidden;position: absolute;height: 100%;width: 100%;}
.region .cVisuel .visuelImG {object-fit: cover;height:100% !important;width:100% !important;  }
.region a {position: absolute;bottom: 1rem;right: 1rem;font-size: 13px;color: #FFF;border: 1px solid #fff;padding: .375rem 1rem .375rem 1rem;border-radius: 20px;transition: all 1s;}
.region a:hover{border:1px solid #D0103A;background:#D0103A;transition: all 1s;}
.region p {position:absolute;bottom:1.1rem;left:1.8rem;color:#FFF;max-width: 110px;margin-bottom:0;font-size:18px;}
.region .cVisuel .overlay{position:absolute;bottom:0;right:0;left:0;width:100%;height:90%;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));}

/* Add numbers to pagination buttons by CSS */
.splideAtelier .splide__pagination {counter-reset: pagination-num;bottom: -4rem;}
.splideAtelier .splide__pagination__page:before {counter-increment: pagination-num;content: counter( pagination-num );}
.splideAtelier .splide__pagination__page {height: 40px;width: 40px;border-radius:20px; margin-left: 10px;text-align: center;color: #000;font-family: "Suisse Intl";font-size: 16px;}
.splideAtelier .splide__pagination__page.is-active{transform: unset;color:#FFF;background:#D0103A;opacity:1;}

.splideAtelierMob .splide__arrows {bottom: -15px;position: absolute;left: 54%;transform: translateX(-50%);}