:root {
--small-margin: 40px;
--medium-margin: 70px;
--ltspace: 70px;
--mdspace: 115px;
--bigspace: 180px;
--noir: #1D1D1B;
--bleu: #031239;
--jaune: #B97500;
--bgclair: #EFECE6;
--gris-clair: #C9CCD1;
--sm-side: 3.5vw;
--md-side: 8.5vw;
--bg-side: 25vw;
--paragraphe: 300 18px/143% "neue-haas-unica", sans-serif;
--petit-paragraphe: 300 16px/143% "neue-haas-unica", sans-serif;
}
::selection {
background-color: var(--jaune);
color: white;
}
/* Firefox */
::-moz-selection {
background-color: var(--jaune);
color: white;
}
/* width */
::-webkit-scrollbar {
width: 2px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--jaune);
border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--noir);
width: 2px;
}
body {
background: var(--bgclair);
}
#container {
/*background: #EFECE6;*/
/*padding: 125px var(--md-side);*/
padding: 160px 0 125px 0;
}
body.home #container,
.page-biens #container,
.page-template-template-25ans #container,
.page-projet #container {
padding-top: 0;
}
.page-projet #container,
.page-biens #container {
padding-bottom: 0;
}
* {
font-family: "neue-haas-unica", sans-serif;
font-weight: 400;
}
/****
GENERAL
*/
html.lenis, html.lenis body {
height: auto;
}
html {
overflow-x: hidden !important;
}
.lenis.lenis-smooth {
scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-smooth iframe {
pointer-events: none;
}
.otgs-development-site-front-end {
display: none;
}
a {
color: var(--bleu);
}
h1, h2, h3,
.h1, .h2, .h2 span, .h3 {
font-family: "miller-display", serif;
font-weight: 300;
margin-top: 0;
color: var(--bleu);
}
h1, .h1 {
font-size: 64px;
font-weight: 300;
line-height: 109%;
margin-bottom: 20px;
}
h2, .h2, .h2 * {
font-size: 42px;
font-weight: 300;
line-height: 120%;
}
h3, .h3 {
font-size: 30px;
font-weight: 300;
line-height: 120%;
margin-bottom: 20px;
}
h4, .h4 {
/*font-size: 20px;*/
/*font-style: normal;*/
font: var(--paragraphe);
font-weight: 500;
line-height: 120%;
/*letter-spacing: -0.22px;*/
color: var(--bleu);
margin: 0 0 10px 0;
/*font-family: "neue-haas-unica", sans-serif;*/
}
.underline {
width: fit-content;
background-image: linear-gradient(transparent calc(100% - 1px), var(--bleu) 10px);
background-repeat: no-repeat;
background-size: 100% 100%;
transition: background-size 1s;
padding-bottom: 2px;
}
.underline:hover {
background-size: 0% 100%;
}
.white .underline {
background-image: linear-gradient(transparent calc(100% - 1px), #ffffff 10px);
}
.yellow.underline,
.yellow .underline {
background-image: linear-gradient(transparent calc(100% - 1px), var(--jaune) 10px);
}
.sm-pd {
padding-left: var(--sm-side);
padding-right: var(--sm-side);
}
.md-pd {
padding-left: var(--md-side);
padding-right: var(--md-side);
}
.big-left {
padding-left: var(--bg-side);
padding-right: var(--md-side);
}
.menu > ul {
display: flex;
}
p, .p {
font: var(--paragraphe);
color: var(--bleu);
}
a {
font: var(--paragraphe);
color: var(--bleu);
}
#header {
/*background: white;*/
align-items: center;
display: flex;
padding: 20px var(--sm-side);
position: fixed;
top: 0;
left: 0;
/*background: var(--bgclair);*/
width: 100%;
z-index: 10000;
transition: 0.4s ease-in-out all;
}
#header.header-scroll, #header.header-scroll.up-scroll{
transform: translate(0, -150px);
}
.menu-toggled #header{
transform: translate(0, 0px) !important;
}
#header.up-scroll{
transform: translate(0, 0px);
background: white;
}
#branding a{
transition: 0.4s ease-in-out all;
display: block;
line-height: 0;
}
#branding a:hover{
opacity: 0.6;
}
#menu {
display: flex;
width: 100%;
justify-content: flex-end;
}
.contain-menu {
display: flex;
width: 100%;
justify-content: flex-end;
flex-direction: column;
}
#menu .menu > .current-page-parent > a,
#menu .menu > .current_page_item > a {
color: var(--bleu);
border-bottom: 1px solid var(--jaune);
}
.menu-toggle {
opacity: 0;
display: none;
}
.menu-item {
position: relative;
padding-bottom: 8px;
}
.surmenu {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 10px;
transition: 0.4s ease-in-out all;
overflow: hidden;
}
.surmenu .current-menu-item a{
color: var(--jaune);
}
.surmenu .menu-item{
padding-bottom: 0;
}
.menu-item:not(:last-of-type) {
margin-right: 25px;
}
.menu-item-has-children>a::after{
content: '';
width: 14px;
height: 14px;
-webkit-mask-image: url("../icons/arrow-down.svg");
-webkit-mask-size: contain;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
background: var(--bleu);
display: inline-block;
margin-left: 6px;
margin-bottom: -2px;
}
.sub-menu {
max-height: 0;
overflow: hidden;
position: absolute;
top: 100%;
left: 0;
transition: 0.4s ease-in-out all;
background: var(--jaune);
padding: 0px 30px;
}
.surmenu a {
font-size: 16px;
}
.surmenu #menu-sur-menu > li:first-of-type {
background: var(--jaune);
padding: 2px 10px;
border-radius: 50px;
height: 32px;
}
.surmenu #menu-sur-menu > li:first-of-type a {
color: white;
}
.surmenu #menu-sur-menu > li,
.language-switcher,
.fav-menu {
margin-right: 15px;
}
.fav-menu,
.account-menu-svg{
height: 14px;
}
.languageSelect {
/*background: transparent;*/
border: 0;
padding: 0 20px 0 0;
}
.menu {
display: flex;
align-items: center;
}
.menu-item:hover > .sub-menu {
max-height: 600px;
padding: 16px 30px;
}
.sub-menu a{
color: white;
}
.sub-menu .menu-item{
padding-bottom: 0;
display: block;
}
.sub-menu .menu-item:not(:last-of-type)::after{
content: '';
width: 100%;
height: 1px;
background: white;
opacity: 0.6;
margin: 10px 0;
display: block;
}
.sub-menu .menu-item.current-menu-item a{
opacity: 0.6;
}
.page-template-template-25ans .languageSelect,
.page-biens .languageSelect,
.page-projet .languageSelect,
.home .languageSelect{
background-image: url("data:image/svg+xml;utf8,");
}
.languageSelect option{
color: var(--bleu) !important;
}
.page-template-template-25ans #branding svg,
.page-projet #branding svg,
.page-biens #branding svg{
filter: brightness(0) invert(1);
}
.page-template-template-25ans #menu .menu > li > a,
.page-biens #menu .menu > li > a,
.page-projet #menu .menu > li > a,
.home #menu .menu > li > a{
color: white;
}
.page-template-template-25ans #menu .menu > li > a::after,
.page-projet #menu .menu > li > a::after,
.page-biens #menu .menu > li > a::after,
.home #menu .menu > li > a::after{
background-color: white;
}
.page-template-template-25ans .surmenu *,
.page-projet .surmenu *,
.page-biens .surmenu *,
.home .surmenu *{
color: white;
}
.page-template-template-25ans .surmenu svg,
.page-projet .surmenu svg,
.page-biens .surmenu svg,
.home .surmenu svg{
filter: brightness(0) invert(1);
}
#menu .menu > li > a {
color: var(--bleu);
text-transform: unset;
font-weight: 400;
}
#header.up-scroll .menu > li > a {
color: var(--bleu);
}
#header.up-scroll #menu .menu > li > a::after{
background-color: var(--bleu);
}
#header.up-scroll #branding svg{
filter: unset;
}
.home #header.up-scroll #branding svg{
height: 62px;
}
.home #header.up-scroll #branding svg path{
fill: var(--bleu);
width: auto;
}
#header.up-scroll .surmenu{
height: 0;
}
p {
margin: 0 0 20px 0;
}
p *, li *,
p, li, .txt div {
font: var(--paragraphe);
color: var(--bleu);
}
strong {
font-weight: 500;
}
p:last-of-type{
margin-bottom: 0;
}
.txt ul {
margin-bottom: 20px;
}
.txt li {
position: relative;
padding-left: 30px;
margin-bottom: 6px;
}
.txt li::after {
content: "";
position: absolute;
top: 12px;
left: 0;
width: 22px;
height: 1px;
background: var(--jaune);
}
.txt.white li::after,
.txt .white li::after {
background: white;
}
.btn_base {
padding: 10px 30px;
display: flex;
font-size: 14px;
line-height: 16px;
color: var(--jaune);
text-transform: uppercase;
align-items: center;
background: white;
border-radius: 100px;
font-weight: 400;
height: 50px;
font-family: "neue-haas-unica", sans-serif;
position: relative;
width: fit-content;
cursor: pointer;
overflow: hidden;
isolation: isolate;
transition: 0.4s ease-in-out all;
z-index: 3;
}
.btn_base>span{
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
text-align: left;
overflow: hidden;
}
.btn_base.icon-arrow {
padding-right: 65px;
}
.btn_base.lt-bt{
height: 38px;
padding: 10px 20px;
padding-right: 40px;
}
.icon-arrow::after {
content: "";
position: absolute;
top: 50%;
right: 17px;
height: 14px;
width: 14px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url("../icons/arrow-next.svg");
transform: translateY(-52%);
}
.btn_base > svg {
margin-left: 20px;
width: 20px;
transition: 0.4s ease-in-out all;
}
.btn_base.icon-front > img,
.btn_base.icon-front > svg {
margin-right: 10px;
margin-left: 0;
width: 14px;
height: 15px;
object-fit: contain;
}
.btn_yellow {
background: var(--jaune);
color: white;
}
.btn_yellow.icon-arrow::after {
filter: brightness(0) invert(1);
}
.btn_bleu {
background: var(--bleu);
color: white;
}
.btn_bo_bleu {
background: white;
border: 1px solid var(--bleu);
color: var(--bleu);
}
.btn_bo_yellow {
background: white;
border: 1px solid var(--jaune);
color: var(--jaune);
}
.btn_bo_yellow:hover{
border: 1px solid var(--bleu);
}
.btn_base::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
width: 300%;
height: 300%;
background-color: var(--bleu);
border-color: transparent;
border-radius: 50%;
transform: translate(-50%, -50%) scale(0.1);
opacity: 0;
z-index: -1;
transition: transform 0.4s, opacity 0.4s, background-color 0.4s;
}
.btn_base:hover::before {
opacity: 1;
transform-origin: center center;
transform: translate(-50%, -50%) scale(1);
}
.btn_yellow::before {
background-color: var(--bleu);
}
.btn_bleu::before {
background-color: var(--jaune);
}
.btn_base:hover>svg{
filter: brightness(0) invert(1);
}
.btn_yellow:hover {
color: white;
}
.btn_bleu:hover {
color: white;
}
.btn_base:hover{
color: white;
}
.white,
.white li,
.white p,
.white span,
.white a {
color: white;
}
.yellow {
color: var(--jaune);
}
.bigh1 {
/*font-size: 85px;*/
font-size: 92px;
font-weight: 300;
line-height: 99%; /* 99.99px */
letter-spacing: -2.02px;
}
.surtitre {
font: var(--paragraphe);
font-weight: 700;
line-height: 124%;
letter-spacing: 0.11px;
text-transform: uppercase;
color: var(--jaune);
}
.upper {
font: var(--paragraphe);
text-transform: uppercase;
}
/**************
HOME
*/
.first-section-home {
position: relative;
height: 100vh;
width: 100%;
display: flex;
align-items: flex-end;
padding-bottom: 60px;
}
.first-section-home::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 12.13%, rgba(0, 0, 0, 0.00) 46.77%, rgba(0, 0, 0, 0.60) 91.29%);
z-index: 6;
}
.first-section-home img,
.first-section-home video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.infos-home {
position: relative;
z-index: 10;
display: block;
width: 100%;
}
.flex-infos-home {
display: flex;
align-items: flex-end;
margin-bottom: 20px;
}
.flex-infos-home * {
margin-bottom: 0;
}
.adapt-search{
margin-bottom: 15px;
}
.adapt-search a{
font-size: 16px;
line-height: 105%;
letter-spacing: 1.08px;
text-transform: uppercase;
font-weight: 200;
margin-right: 10px;
}
.adapt-search a.active{
font-weight: 600;
}
.intro-home {
display: flex;
max-width: 390px;
margin-left: auto;
padding-left: 40px;
}
.second-home {
padding-top: var(--mdspace);
}
.grid-key {
display: grid;
grid-template-columns: 400px 1fr;
grid-gap: 135px;
padding-right: var(--md-side);
}
.grid-key svg {
opacity: 0.2;
}
/*.key-ne li{*/
/* font-size: 52px;*/
/* opacity: 0.6;*/
/*}*/
.key-ne li {
font-size: 52px;
opacity: 0.2;
/*transform: translateY(40px);*/
/*filter: blur(6px);*/
transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
margin-bottom: 10px;
}
.key-ne li *{
font-size: 52px;
}
.key-ne li.visible {
opacity: 1;
/*transform: translateY(0);*/
/*filter: blur(0);*/
}
.key-ne li span{
transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.key-ne li.active,
.key-ne li.active span{
color: var(--jaune);
}
.key-ne{
padding-bottom: 30px;
position: relative;
}
.key-ne::after{
content: '';
position: absolute;
bottom: 0;
width: 125px;
height: 1px;
background: var(--jaune);
}
.third-home {
position: relative;
min-height: 1600px;
margin-top: var(--mdspace);
margin-bottom: var(--mdspace);
padding-bottom: 100px;
}
.third-home h2 {
/*position: absolute;*/
position: sticky;
top: 400px;
left: 50%;
/*transform: translate(-50%, -50%);*/
/*transform: translate(0, -50%);*/
font-size: 215px;
color: white;
text-align: center;
height: 230px;
}
.third-home .select-rent-sale {
/*position: absolute;*/
position: sticky;
/*top: calc(400px + 115px);*/
top: calc(400px + 260px);
left: 50%;
/*transform: translate(-50%, -50%);*/
/*transform: translate(0, -50%);*/
z-index: 11;
width: 100%;
text-align: center;
display: flex;
justify-content: center;
/*margin-top: -150px;*/
}
.bien-card-home {
width: 400px;
}
.bien-card-home .bien-card {
width: 100%;
}
.bien-card-home .bien-infos {
opacity: 0;
}
.bien-card-home:hover .bien-infos {
opacity: 1;
}
.data-bien-home {
position: relative;
z-index: 10;
}
.select-rent-sale {
display: flex;
}
.select-rent-sale a {
display: flex;
align-items: center;
transition: 0.4s ease-in-out all;
}
.select-rent-sale a svg {
transition: 0.4s ease-in-out all;
margin: 0 0 0 5px;
height: 25px;
}
.select-rent-sale a svg:first-of-type {
margin: 0 5px 0 0;
}
.select-rent-sale a:not(.active) svg {
transform: scale(0);
}
.select-rent-sale a:not(.active) {
opacity: 0.5;
}
.data-bien-home .bien-card-home {
position: absolute;
}
.data-bien-home .bien-card-home:nth-of-type(1) {
top: 0px;
left: calc(var(--md-side) + 80px);
width: 430px;
}
.data-bien-home .bien-card-home:nth-of-type(1) .bien-swiper,
.data-bien-home .bien-card-home:nth-of-type(1) .bien-swiper img{
height: 17vw;
}
.data-bien-home .bien-card-home:nth-of-type(2) {
top: 50px;
right: calc(var(--md-side) + 200px);
width: 360px;
}
.data-bien-home .bien-card-home:nth-of-type(2) .bien-swiper,
.data-bien-home .bien-card-home:nth-of-type(2) .bien-swiper img{
height: 13vw;
}
.data-bien-home .bien-card-home:nth-of-type(3) {
top: 400px;
left: calc(var(--md-side) - 20px);
width: 360px;
}
.data-bien-home .bien-card-home:nth-of-type(4) {
/*top: 680px;*/
top: 620px;
left: calc(50% - 200px);
width: 320px;
}
.data-bien-home .bien-card-home:nth-of-type(5) {
top: 400px;
right: calc(var(--md-side) + 0px);
width: 440px;
}
.data-bien-home .bien-card-home:nth-of-type(5) .bien-swiper,
.data-bien-home .bien-card-home:nth-of-type(5) .bien-swiper img{
height: 20vw;
}
.data-bien-home .bien-card-home:nth-of-type(6) {
top: 940px;
left: calc(var(--md-side) + 60px);
}
.data-bien-home .bien-card-home:nth-of-type(7) {
top: 900px;
right: calc(var(--md-side) + 0px);
width: 360px;
}
.data-bien-home .bien-card-home:nth-of-type(7) .bien-swiper,
.data-bien-home .bien-card-home:nth-of-type(7) .bien-swiper img{
height: 14vw;
}
.data-bien-home .bien-card-home:nth-of-type(8) {
top: 1300px;
right: calc(var(--md-side) + 180px);
width: 330px;
}
.data-bien-home .bien-card-home:nth-of-type(8) .bien-swiper,
.data-bien-home .bien-card-home:nth-of-type(8) .bien-swiper img{
height: 12vw;
}
.third-home > .btn_base {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
bottom: 0;
}
.flex-txt-link {
display: flex;
max-width: calc(1300px + var(--bg-side) + var(--md-side));
margin-left: auto;
margin-right: auto;
}
.txt {
width: 100%;
}
.mx-wd {
max-width: 800px;
}
.mx-wd-txt {
max-width: 950px;
}
.btn-list-proj {
margin-left: auto;
padding-left: 40px;
}
.btn-list-proj .btn_base {
width: 308px;
margin-bottom: 15px;
}
.explications {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-top: var(--mdspace);
}
.explication {
text-align: center;
padding: 15px 40px;
border-right: 1px solid rgba(185, 117, 0, 0.6);
}
.explication:nth-of-type(1),
.explication:nth-of-type(2),
.explication:nth-of-type(3),
.explication:nth-of-type(4) {
border-bottom: 1px solid rgba(185, 117, 0, 0.6);
}
.explication:nth-of-type(4n) {
border-right: 0;
}
.explication .surtitre {
font-weight: 500;
}
/*.explication {*/
/* perspective: 1000px;*/
/* cursor: pointer;*/
/* height: 270px;*/
/*}*/
/*.flip-inner {*/
/* position: relative;*/
/* width: 100%;*/
/* height: 100%;*/
/* transition: transform 0.8s;*/
/* transform-style: preserve-3d;*/
/*}*/
/*.explication.flipped .flip-inner {*/
/* transform: rotateY(180deg);*/
/*}*/
/*.flip-front, .flip-back {*/
/* position: absolute;*/
/* width: 100%;*/
/* height: 100%;*/
/* backface-visibility: hidden;*/
/* display: flex;*/
/* flex-direction: column;*/
/* align-items: center;*/
/* justify-content: center;*/
/* text-align: center;*/
/*}*/
/*.flip-front{*/
/* transition: 0.4s ease-in-out all;*/
/*}*/
/*.flip-front:hover{*/
/* opacity: 0.6;*/
/*}*/
.flip-front img {
/*width: 60px;*/
/*margin-bottom: 10px;*/
/*max-height: 72px;*/
object-fit: contain;
width: 71px;
margin-bottom: 20px;
max-height: 80px;
}
.flip-back {
color: #fff;
transform: rotateY(180deg);
}
.flip-back h3{
margin-bottom: 15px;
}
.flip-back p{
font-size: var(--petit-paragraphe);
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
display: -webkit-box;
text-align: center;
overflow: hidden;
}
.flip-back .btn_base{
/*height: auto;*/
margin-top: 15px;
}
.flip-back .btn_base span{
-webkit-line-clamp: 1;
}
.explication {
cursor: pointer;
position: relative;
height: 270px;
}
/* --- Conteneur interne, mais plus de perspective --- */
.flip-inner {
position: relative;
width: 100%;
height: 100%;
}
/* ============================================
ÉTAT PAR DÉFAUT : FRONT VISIBLE / BACK CACHÉ
============================================ */
/* FRONT : icône + titre */
.flip-front {
opacity: 1;
transform: translateY(0);
transition:
opacity 0.35s ease,
transform 0.35s ease;
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
/* BACK : texte + bouton */
.flip-back {
opacity: 0;
transform: translateY(20px);
pointer-events: none;
transition:
opacity 0.35s ease,
transform 0.35s ease;
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
/* ============================================
ÉTAT OUVERT : FRONT disparaît / BACK apparaît
============================================ */
.explication.flipped .flip-front {
opacity: 0;
transform: translateY(-15px);
}
.explication.flipped .flip-back {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
/* Hover sur le front (comme avant) */
.flip-front:hover {
opacity: 0.6;
}
.projet-slide {
height: 100vh;
position: relative;
}
.projet-slide img {
height: 100vh;
width: 100%;
object-fit: cover;
}
.projet-overlay {
position: absolute;
top: 150px;
right: var(--md-side);
height: calc(100% - 300px);
background: var(--jaune);
width: 400px;
padding: 40px;
display: flex;
flex-direction: column;
}
.projet-overlay .txt{
position: relative;
z-index: 2;
}
.projet-overlay .h2{
margin-bottom: 20px;
}
.projet-overlay .h4 {
font-weight: 600;
}
.projet-overlay .btn_base{
margin-top: 20px;
}
.projet-slide picture{
line-height: 0;
}
.sub-npa{
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.hotspot-tooltip {
position: absolute;
background: rgba(255,255,255,0.95);
padding: 20px 25px;
pointer-events: none;
transform: translate(-50%, -120%);
min-width: 200px;
font-size: var(--petit-paragraphe);
z-index: 50;
color: var(--bleu);
}
.hotspot-tooltip .ht-title {
font-family: "miller-display", serif;
color: var(--jaune);
margin-bottom: 10px;
font-size: 18px;
}
.hotspot-tooltip div:not(.ht-title) {
margin-bottom: 4px;
}
.flex-arrow-swip {
display: flex;
margin-top: auto;
margin-left: auto;
}
.flex-arrow-swip svg {
position: static;
}
.flex-arrow-swip > svg:first-of-type {
margin-right: 20px;
}
.flex-arrow-swip .swiper-button-next,
.flex-arrow-swip .swiper-button-prev{
transition: 0.4s ease-in-out all;
}
.swiper-button-prev:hover{
transform: translateX(-4px);
}
.swiper-button-next:hover{
transform: translateX(4px);
}
.illu-lion {
position: absolute;
left: 0;
bottom: 40px;
opacity: 0.2;
z-index: 1;
}
.swiper-progress-count {
position: absolute;
top: 150px;
right: var(--md-side);
width: 400px;
height: 4px;
background: rgba(255, 255, 255, 0.3);
overflow: hidden;
z-index: 10;
}
.swiper-progress-count .progress-fill {
height: 100%;
width: 0%;
background: #fff;
transition: width 0.4s ease;
}
.projets-section {
height: 200vh;
margin-top: var(--mdspace);
}
.swiper.projets-swiper {
position: sticky;
top: 0;
left: 0;
}
.agency {
display: grid;
grid-template-columns: 460px 1fr;
padding-left: var(--md-side);
width: 100%;
margin-top: -40vh;
grid-gap: 120px;
position: relative;
z-index: 10;
overflow: hidden;
}
.map-agency {
position: relative;
max-height: 700px;
overflow: hidden;
max-width: 1000px;
margin-left: auto;
}
.map-agency::after {
content: '';
background: linear-gradient(90deg, #EFECE6 9.31%, rgba(239, 236, 230, 0.00) 27.93%), linear-gradient(180deg, rgba(239, 236, 230, 0.00) 69.37%, #EFECE6 100%);
position: absolute;
left: 0;
width: 100%;
height: 100%;
top: 0;
pointer-events: none;
}
.map-agency svg {
/*width: 100%;*/
width: 115%;
display: flex;
margin-left: auto;
height: auto;
min-width: 660px;
}
.branches-list{
padding-bottom: 40px;
}
.branch-item {
border-top: 1px solid rgba(3, 18, 57, 0.2);
padding: 20px 0;
}
.branch-item h3 {
margin-bottom: 0;
}
.branch-content {
padding-top: 20px;
}
.branch-content p {
margin-bottom: 0;
}
.branch-item:last-of-type {
border-bottom: 1px solid rgba(3, 18, 57, 0.2);
}
.branch-header {
display: flex;
cursor: pointer;
align-items: center;
}
.branch-header h3{
transition: 0.4s ease-in-out all;
}
.branch-header:hover h3{
color: var(--jaune);
}
.branch-header > svg {
display: flex;
margin-left: auto;
transition: 0.4s ease-in-out all;
}
.branch-header.active > svg {
transform: rotate(180deg);
}
.branch-users {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.branch-user {
display: flex;
background: var(--jaune);
align-items: center;
border-radius: 100px;
position: relative;
z-index: 10;
}
.branch-user:not(:first-of-type) {
/*margin-left: -15px;*/
margin-left: -35px;
}
.branch-user img {
width: 100px;
height: 100px;
border-radius: 100px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10);
object-position: top;
}
.branch-user .branch-user-name {
font: var(--petit-paragraphe);
max-width: 0;
transition: 0.4s ease-in-out all;
overflow: hidden;
height: 100px;
display: flex;
align-items: center;
width: fit-content;
}
.branch-user:hover .branch-user-name {
padding-right: 60px;
padding-left: 20px;
max-width: 160px;
}
.branch-user:nth-of-type(2) {
z-index: 9;
}
.branch-user:nth-of-type(3) {
z-index: 8;
}
.branch-user:nth-of-type(4) {
z-index: 7;
}
.branch-user:nth-of-type(5) {
z-index: 6;
}
.branch-user:nth-of-type(6) {
z-index: 5;
}
.map-lie {
cursor: pointer;
}
.map-lie * {
transition: 0.4s ease-in-out all;
}
.map-lie.active * {
fill: var(--jaune) !important;
}
.actualite-link {
display: grid;
grid-template-columns: 220px 1fr;
background: white;
height: 220px;
transition: 0.4s ease-in-out all;
}
.liste-emplois .actualite-link{
margin-bottom: 20px;
}
/*.actualite-link>.actualite-thumb{*/
/* width: 220px;*/
/*}*/
/*.actualite-link>.card-actualite-content{*/
/* width: calc(100% - 220px);*/
/*}*/
.actualite-link:hover {
background: var(--bleu);
}
.actualite-link * {
transition: 0.4s ease-in-out all;
}
.actualite-link:hover * {
color: white;
}
.actualite-date>img{
width: 18px;
margin-right: 10px;
}
.actualite-link:hover .actualite-date>img,
.actualite-link:hover .actualite-date svg {
filter: brightness(0) invert(1);
}
.actualite-thumb img {
width: 100%;
height: 220px;
object-fit: cover;
}
.actualite-date {
display: flex;
align-items: center;
color: var(--bleu);
opacity: 0.6;
}
.actualite-date svg {
margin-right: 10px;
}
.card-actualite-content {
padding: 40px 50px;
position: relative;
height: 220px;
}
.see-more{
position: absolute;
bottom: 25px;
right: 25px;
}
.intro-actu{
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
text-align: left;
}
.card-actualite-content p {
margin-bottom: 12px;
}
.card-actualite-content .intro {
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
text-align: left;
}
.arrow-actu * {
position: static !important;
}
.arrow-actu {
display: flex;
margin-left: 40px;
height: 0;
/*margin-top: 30px;*/
}
.arrow-actu svg {
margin-right: 20px;
cursor: pointer;
/*transform: translate(0, 10px);*/
transition: 0.4s ease-in-out all;
}
.arrow-actu svg:hover {
opacity: 0.4;
}
.arrow-actu svg.swiper-button-disabled{
opacity: 0.4;
}
.flex-head-sec {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.flex-head-sec h2 {
margin-bottom: 0;
}
/********
BIEN
*/
.flex-infos {
display: flex;
flex-wrap: wrap;
opacity: 0.6;
}
.flex-infos p {
font-size: 14px;
display: flex;
align-items: center;
}
.flex-infos p:not(:last-of-type)::after {
content: '';
display: inline-block;
width: 3px;
height: 3px;
border-radius: 50px;
margin: 0 4px 0 6px;
background: var(--jaune);
}
.flex-infos p {
margin: 0;
}
.left-immo {
width: 55%;
/*padding-left: calc(var(--sm-side) - 20px);*/
padding-left: var(--sm-side);
position: relative;
transition: 0.4s ease-in-out all;
}
.biens-grid {
display: flex;
/*grid-template-columns: 1fr 1fr;*/
/*grid-gap: 20px;*/
flex-wrap: wrap;
align-content: flex-start;
width: calc(100% + 40px);
margin-left: -20px;
}
/*.biens-grid>a:nth-of-type(2n){*/
/* margin-left: 40px;*/
/*}*/
.bien-swiper {
height: 16vw;
}
.bien-card img,
.bien-swiper img {
height: 16vw;
width: 100%;
object-fit: cover;
margin-bottom: -2px;
transition: 0.4s ease-in-out all;
}
.bien-card .swiper-slide{
overflow: hidden;
}
.bien-card:hover img{
transform: scale(1.05);
}
.loca-bien {
display: flex;
padding-top: 10px;
}
.loca-bien .price {
margin-left: auto;
font-weight: 600;
}
.loca-bien * {
/*font-size: 18px;*/
/*font-weight: 500;*/
/*line-height: 130%;*/
/*letter-spacing: 0.54px;*/
font: var(--petit-paragraphe);
margin-bottom: 0;
}
.flex-map-immo {
display: flex;
}
.contain-maps-immo {
width: calc(45% - 40px);
display: flex;
margin-left: auto;
position: relative;
}
.close-maps {
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
cursor: pointer;
}
.left-immo .close-maps {
position: absolute;
right: calc(var(--sm-side) - 60px);
top: 0;
left: unset;
transform: rotate(180deg);
opacity: 0;
}
.flex-map-immo.closemap .left-immo {
width: calc(100% - 60px);
padding-right: var(--sm-side);
}
.flex-map-immo.closemap .left-immo .close-maps {
opacity: 1;
}
.flex-map-immo.closemap .contain-maps-immo {
width: calc(0% - 0px);
}
.flex-map-immo.closemap .left-immo .biens-grid .bien-card {
width: 33%;
}
.flex-map-immo.closemap .bien-card img,
.flex-map-immo.closemap .bien-swiper,
.flex-map-immo.closemap .bien-swiper img{
height: 20vw;
}
.stick-map-immo {
position: sticky;
top: 0;
left: 0;
width: 100%;
height: 100vh;
}
#maps-immo {
width: 100%;
height: 100vh;
}
.bien-card {
position: relative;
padding: 0 15px;
display: block;
width: calc(50% - 0px);
margin-bottom: 20px;
}
.bien-card .bien-swiper {
overflow: hidden;
position: relative;
}
.bien-card .bien-swiper::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 64.1%, rgba(0, 0, 0, 0.40) 90.98%);
z-index: 2;
pointer-events: none;
}
.bien-card .swiper-button-next {
position: absolute;
right: 5px;
height: 50px;
width: 50px;
z-index: 10;
/*top: 8vw;*/
top: 50%;
transform: translate(0, -50%);
opacity: 0;
transition: 0.4s ease-in-out all;
}
.bien-card .swiper-button-prev {
position: absolute;
left: 5px;
height: 50px;
width: 50px;
z-index: 10;
/*top: 8vw;*/
top: 50%;
transform: translate(0, -50%);
opacity: 0;
transition: 0.4s ease-in-out all;
}
.slogan {
position: absolute;
top: 10px;
right: 30px;
text-transform: none;
font-size: 14px;
z-index: 10;
letter-spacing: 0.28px;
padding: 5px 10px;
height: 31px;
}
.swiper-pagination {
opacity: 0;
}
body .swiper-pagination-bullet {
opacity: 0.6;
background: #FFF;
}
body .swiper-pagination-bullet-active {
background: white;
opacity: 1;
}
.btn-fav {
position: absolute;
/*top: 13.4vw;*/
right: 30px;
bottom: 60px;
z-index: 10;
opacity: 0;
transition: 0.4s ease-in-out all;
cursor: pointer;
}
.btn-fav.liked path {
fill: var(--jaune);
stroke: var(--jaune);
}
.bien-card:hover .btn-fav,
.bien-card:hover .swiper-pagination,
.bien-card:hover .swiper-button-next,
.bien-card:hover .swiper-button-prev {
opacity: 1;
}
.bien-card > a {
position: relative;
z-index: 2;
overflow: hidden;
display: block;
line-height: 0;
}
.immo-filters-bar {
display: flex;
background: white;
border-radius: 150px;
/*overflow: hidden;*/
padding: 0px 0 0 30px;
align-items: center;
}
.home .immo-filters-bar{
width: calc(100% + 30px);
margin-left: -30px;
}
.immo-filters-bar input {
margin-top: 0;
width: 100%;
background: transparent;
}
.immo-filters-bar > div {
height: 80px;
display: flex;
align-items: center;
color: var(--noir);
}
.immo-filters-bar > div * {
color: var(--noir);
}
.immo-filters-bar > div input[type="text"] {
border-bottom: 0;
padding: 0;
}
.immo-filters-bar > div input[type="text"]::placeholder{
opacity: 1;
}
.field{
position: relative;
padding-right: 20px;
padding-left: 20px;
}
.field::after{
content: '';
height: 45px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 1px;
right: 0;
background: var(--bleu);
opacity: 0.2;
}
.field-submit::after,
.field-price::after{
display: none;
}
.field-loc {
width: 26%;
padding-left: 0;
}
form .field-loc input[type="text"]::placeholder{
opacity: 1;
color: var(--bleu);
}
.field-radius {
width: 16%;
}
.field *{
color: var(--bleu);
font: var(--petit-paragraphe);
}
.field-ptype, .field-rooms {
width: 16%;
}
.field-price {
width: 18%;
}
.filter-trigger{
width: 100%;
cursor: pointer;
text-align: left;
}
.filter-trigger *{
transition: 0.4s ease-in-out all;
}
.filter-trigger:hover .filter-value{
color: var(--jaune);
}
.filter-trigger:hover .chev{
background-color: var(--jaune);
}
.icon-search{
position: absolute;
top: 50%;
right: 20px;
transform: translate(0, -50%);
}
.chev{
width: 14px;
height: 14px;
mask-image: url("../icons/arrow-down.svg");
mask-size: contain;
mask-repeat: no-repeat;
display: inline-block;
margin-left: 6px;
margin-bottom: -2px;
mask-position: center center;
background: var(--bleu);
position: absolute;
top: 50%;
right: 20px;
transform: translate(0, -50%);
}
.search-cta{
cursor: pointer;
}
.search-cta,
.field-submit {
width: 80px;
height: 80px;
display: flex;
margin-left: auto;
}
.home .search-cta,
.home .field-submit{
width: 90px;
}
body .field .noUi-connect{
background: var(--jaune);
}
body .field .noUi-horizontal .noUi-handle{
background: var(--jaune);
}
.field .slider-values *{
color: var(--jaune);
}
input[type="range"] {
-webkit-appearance: none;
width: 100%;
height: 6px;
background: transparent;
cursor: pointer;
outline: none;
transition: background 0.3s ease;
padding-left: 0;
}
/* Rail avant / rempli */
input[type="range"]::-webkit-slider-runnable-track {
height: 2px;
background: linear-gradient(to right, #B97500 var(--val, 0%), #e2e2e2 0%);
}
/* Bouton (thumb) */
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 26px;
width: 26px;
background: var(--jaune);
border-radius: 50%;
margin-top: -12px;
transition: transform 0.2s ease, background 0.2s ease;
box-shadow: 0 0 black!important;
}
/* Hover */
input[type="range"]:hover::-webkit-slider-thumb {
transform: scale(1.1);
}
/* Firefox support */
input[type="range"]::-moz-range-track {
height: 6px;
background: #e2e2e2;
border-radius: 3px;
}
input[type="range"]::-moz-range-progress {
height: 6px;
background: #B97500;
border-radius: 3px;
}
input[type="range"]::-moz-range-thumb {
width: 20px;
height: 20px;
background: #B97500;
border-radius: 50%;
border: 2px solid white;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
transition: transform 0.2s ease;
}
button {
background: transparent;
padding: 0;
border: 0;
}
.immo-filters-form {
margin-bottom: 40px;
}
.field-loc {
position: relative;
}
.immo-filters-bar div.loc-suggestions {
position: absolute;
left: 0;
right: 0;
top: 100%;
background: #fff;
max-height: 320px;
overflow: auto;
z-index: 99999;
overflow-x: hidden;
display: block;
}
.immo-filters-bar div.loc-suggestions *{
color: var(--bleu);
}
#panel-radius .radius-label{
display: none;
}
.loc-suggestions .item {
display: flex;
align-items: center;
padding: 10px 12px;
cursor: pointer;
height: auto;
color: var(--bleu);
transition: 0.4s ease-in-out all;
}
.loc-suggestions .item * {
height: auto;
}
.loc-suggestions .item:hover, .loc-suggestions .item[aria-selected="true"] {
background: #f7f7f7;
}
.loc-suggestions .main {
font-weight: 600;
}
.loc-suggestions .secondary {
color: #666;
font-size: 12px;
}
.g-powered {
display: none !important;
}
.field-select {
position: relative;
}
.filter-panel {
position: absolute;
top: calc(100% + 1px);
left: 0;
/*width: 400px;*/
width: 15vw;
max-height: 230px;
background: white;
z-index: 10000;
overflow-x: hidden;
padding: 20px;
overflow-y: scroll;
}
.field-ptype .filter-panel{
max-height: 540px;
}
#panel-price{
width: 300px;
}
.chip-check{
margin-bottom: 0;
font-size: var(--petit-paragraphe);
color: var(--bleu);
}
.chip-check input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.chip-check span {
display: inline-block;
position: relative;
cursor: pointer;
transition: all 0.3s ease;
padding-left: 25px;
margin-bottom: 10px;
color: var(--bleu);
}
.chip-check:hover span{
opacity: 0.6;
}
.chip-check span::before {
content: '';
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
background-color: var(--bgclair);
transition: all 0.3s ease;
}
.chip-check input[type="radio"]:checked + span {
/*border-color: #007bff;*/
}
.chip-check input[type="radio"]:checked + span::before {
background-color: var(--jaune);
}
.chip-check input[type="radio"]:focus + span {
opacity: 0.6;
}
.immo-filters-bar [type="checkbox"] {
width: 30px;
}
.rooms-range, .price-range {
position: relative;
height: 42px;
margin: 8px 0 12px;
}
/* rail neutre */
.rooms-range .range-rail,
.price-range .range-rail {
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 4px;
transform: translateY(-50%);
background: #E5E5E5;
border-radius: 999px;
}
/* remplissage entre min et max */
.rooms-range .range-fill,
.price-range .range-fill {
position: absolute;
top: 50%;
height: 4px;
transform: translateY(-50%);
background: #B97500;
border-radius: 999px;
}
/* 2 sliders superposés */
.rooms-range input[type=range],
.price-range input[type=range] {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 42px;
margin: 0;
background: transparent;
pointer-events: none; /* important */
-webkit-appearance: none;
appearance: none;
}
/* on rend les thumbs cliquables */
.rooms-range input[type=range]::-webkit-slider-thumb,
.price-range input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
border: 2px solid #B97500;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
pointer-events: auto;
cursor: pointer;
}
.rooms-range input[type=range]::-moz-range-thumb,
.price-range input[type=range]::-moz-range-thumb {
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
border: 2px solid #B97500;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
pointer-events: auto;
cursor: pointer;
}
/* cacher la piste native (on utilise .range-rail/.range-fill) */
.price-range input[type=range]::-webkit-slider-runnable-track {
background: transparent;
}
.price-range input[type=range]::-moz-range-track {
background: transparent;
}
/* labels */
.rooms-range .rooms-labels,
.price-range .price-labels {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
font-size: 14px;
}
.rooms-range .rooms-min-label, .rooms-range .rooms-max-label,
.price-range .price-min-label, .price-range .price-max-label {
padding: 6px 10px;
border: 1px solid #E7E7E7;
border-radius: 999px;
background: #fff;
}
.filters-right {
display: grid;
grid-template-columns: 1.5fr 1fr;
grid-gap: 60px;
margin-top: 20px;
}
.results-meta {
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
}
.left-filter {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.filters-reset-all {
height: 19px;
cursor: pointer;
}
.save-filter {
margin-right: 10px;
height: 44px;
}
.container-form-account,
.card-form {
background: white;
padding: 70px 115px;
}
.section-form {
margin-bottom: 70px;
}
.sort-label {
display: flex;
margin-bottom: 0;
font-size: 16px;
}
.sort-label select {
/*background: transparent;*/
border: 0;
padding: 0 20px 0 0;
font-size: 16px;
margin-left: 5px;
}
#immo-count {
color: var(--bleu);
font-size: 16px;
}
#immo-count > span {
opacity: 0.8;
}
#immo-count > span:first-of-type {
font-weight: 700;
opacity: 1;
}
.sep {
padding: 0 10px;
}
/*********
MAPS
*/
#map-proxi {
width: 100%;
height: 520px;
}
#map-proxi, #map-proxi *, #maps-immo, #maps-immo * {
transition: none !important;
}
.gm-iw {
width: 300px;
padding: 0;
}
.gm-iw .thumb {
width: 100%;
aspect-ratio: 4/2.4;
object-fit: cover;
background: #f3f3f3;
}
.gm-iw a{
text-decoration: none!important;
}
.gm-iw .meta {
display: flex;
gap: 8px;
flex-wrap: wrap;
font-size: .9rem;
color: #6b7280;
margin: .35rem 0;
}
.gm-iw .flex-infos,
.gm-iw .loca-bien{
padding-left: 15px;
padding-right: 15px;
}
.gm-iw .flex-infos{
padding-bottom: 10px;
}
.gm-iw h4 {
margin: .5rem 0 .25rem;
font-size: 1rem;
line-height: 1.2;
}
.gm-iw .price {
font-weight: 600;
}
.gm-style .gm-style-iw-c{
border-radius: 0!important;
}
.gm-style-iw-chr{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gm-style-iw-d{
padding: 0!important;
overflow: hidden!important;
}
.gm-style .gm-style-iw-c{
padding: 0!important;
}
.gm-control-active{
top: unset!important;
bottom: 0!important;
}
gmp-internal-camera-control{
display: none!important;
}
#maps-immo .gm-style img {
transition: transform 0.25s ease, opacity 0.25s ease!important;
}
#map-proxi .gm-control-active{
display: none;
}
label,
.label {
font: var(--paragraphe);
font-weight: 300;
color: var(--bleu);
display: block;
margin-bottom: 20px;
}
body .noUi-target {
height: 2px;
border: 0;
background: var(--gris-clair);
border-radius: 0;
}
body .noUi-horizontal .noUi-handle {
height: 26px;
width: 26px;
background: var(--bleu);
box-shadow: 0 0 black;
border-radius: 50px;
border: 0;
top: -13px;
cursor: pointer;
transition: 0.2s ease-in-out all;
}
body .noUi-horizontal .noUi-handle:hover{
transform: scale(1.1);
}
body .noUi-handle:after, body .noUi-handle:before {
display: none;
}
body .noUi-horizontal .noUi-tooltip {
display: none;
}
body .noUi-connect {
background: var(--bleu);
}
.slider-values {
margin-top: 20px;
display: flex;
}
.slider-values * {
font: var(--petit-paragraphe);
color: var(--bleu);
}
.slider-values .slider-max {
display: flex;
margin-left: auto;
}
select {
border: 0;
width: 100%;
border-bottom: 1px solid var(--bleu);
font: var(--petit-paragraphe);
color: var(--bleu);
padding: 0 0 10px 0;
outline: none;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 0px center;
}
/*****
SINGLE PROJET
*/
.proj-illu .hotspot {
transition: fill-opacity .15s ease, stroke-width .15s ease, filter .15s ease;
outline: 0;
}
.proj-illu .hotspot:hover,
.proj-illu .hotspot.is-hover {
fill-opacity: .65;
stroke-width: 1.2;
filter: drop-shadow(0 0 6px rgba(0, 0, 0, .25));
}
.bien-card {
transition: transform .15s ease, box-shadow .15s ease;
}
.bien-card.is-hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
}
/*********
ACCOUNT
*/
.ni-step.hidden {
display: none;
}
.mx-form{
max-width: 1000px;
margin: auto;
}
#ni-reset-form .btn_base,
.ni-step .btn_base{
margin-left: auto;
}
#link-forgot{
opacity: 0.6;
margin-top: -47px;
display: block;
}
.notice {
margin-top: 1em;
padding: 0;
}
.notice.success {
/*background: #e3ffe5;*/
color: #2a7;
}
.notice.error {
/*background: #ffe3e3;*/
color: #a22;
}
.dashboard-layout {
/*display: grid;*/
/*grid-template-columns: 350px 1fr;*/
/*grid-gap: 80px;*/
display: flex;
}
.account-menu {
width: 350px;
}
.account-content {
width: calc(100% - 350px);
padding-left: 40px;
}
.account-section.hidden {
display: none;
}
.account-section.active {
display: block;
}
.account-menu {
border-right: 1px solid var(--jaune);
padding-right: 40px;
}
.account-menu h2 {
margin-bottom: 10px;
}
.account-menu li, .name-account {
margin-bottom: 15px;
font: var(--petit-paragraphe)
}
.account-menu li {
cursor: pointer;
}
p.name-account {
font-weight: 500;
margin-bottom: 35px;
}
.account-menu .active a {
color: var(--jaune);
font-weight: 500;
}
.critere-card {
background: white;
display: flex;
border-radius: 200px;
align-items: center;
padding: 25px 50px;
margin-bottom: 10px;
}
.critere-card h4 {
width: 50%;
}
.critere-card p {
margin: 0 20px;
}
.d-flex-head {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.d-flex-head h3 {
margin-bottom: 0;
}
.d-flex-head > div:nth-of-type(2) {
display: flex;
margin-left: auto;
}
.critere-actions {
display: flex;
margin-left: auto;
height: 23px;
}
.type-critere {
display: flex;
margin-top: 20px;
}
.type-critere .btn_base.active {
background: var(--bleu);
color: white;
}
.type-critere .btn_base {
color: var(--bleu);
border: 1px solid var(--bleu);
margin-right: 20px;
}
.flex-inc-ex {
display: flex;
margin-top: 20px;
}
.flex-inc-ex > div {
width: 50%;
}
.flex-inc-ex > div:first-of-type{
padding-right: 10px;
}
.flex-inc-ex > div:last-of-type{
padding-left: 10px;
}
.flex-inc-ex label {
margin: 0 0 5px 0;
}
.inc-ex>input{
margin-bottom: 10px;
}
.badge {
background: var(--bleu);
color: white;
border-radius: 100px;
margin-right: 10px;
display: flex;
padding: 5px 10px;
height: 26px;
margin-bottom: 5px;
width: fit-content;
}
.badge svg {
height: 16px;
margin-left: 2px;
filter: brightness(0) invert(1);
}
.select2-container--default .select2-selection--multiple{
border: 1px solid var(--bleu) !important;
border-radius: 0!important;
color: var(--bleu) !important;
}
.select2-selection--multiple *{
color: var(--bleu) !important;
}
small{
color: var(--bleu);
}
.flex-inc {
display: flex;
margin-top: 10px;
flex-wrap: wrap;
}
.commofilter .label{
margin-bottom: 0;
margin-top: 25px;
}
.commofilter small{
color: var(--bleu);
}
.align-right {
display: flex;
margin-left: auto;
}
/*.input-group{*/
/* display: flex;*/
/* align-items: center;*/
/*}*/
/*#section-dashboard .biens-grid,*/
/*#section-favoris .biens-grid,*/
/*#section-correspondances .biens-grid {*/
/* width: calc(100% + 40px);*/
/* margin-left: -20px;*/
/*}*/
.grid-form-account {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px 40px;
}
form textarea,
form input[type="number"],
form input[type="password"],
form input[type="tel"],
form input[type="date"],
form input[type="text"],
form input[type="email"] {
background: transparent;
border-bottom: 1px solid var(--bleu);
padding: 0 0 10px 0;
width: 100%;
margin-top: 0;
display: block;
color: var(--bleu);
font: var(--petit-paragraphe);
border-radius: 0!important;
}
form input[type="number"]::placeholder,
form input[type="text"]::placeholder,
form input[type="email"]::placeholder {
font: var(--petit-paragraphe);
color: var(--bleu);
opacity: 0.6;
}
.form-actions{
margin-top: 20px;
}
form textarea {
resize: none;
border: 1px solid var(--bleu);
}
#ni-logout{
padding-top: 12px;
border-top: 1px solid #03123929;
}
.page-template-template-compte .account-menu-svg path{
fill: var(--jaune);
}
.mg-form {
margin-top: 30px;
}
.wpcf7-form label,
.wpcf7-list-item-label{
font: var(--petit-paragraphe);
}
input[type="checkbox"] {
width: 16px;
height: 16px;
border-radius: 0 !important;
border: 1px solid #24182e;
appearance: none;
cursor: pointer;
position: relative;
padding: 0;
background: transparent;
margin-bottom: -2px;
}
input[type="checkbox"]:checked {
background-color: var(--bleu);
}
.wpcf7-not-valid-tip{
font-size: 13px;
}
.multiple-btn {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.crit-title {
color: var(--bleu);
font-weight: 600;
font: var(--petit-paragraphe);
}
.critere-recherche {
position: relative;
margin-top: 40px;
padding-right: 30px;
}
.edit-criteria {
position: absolute;
right: 0;
bottom: 0;
}
.no-crit,
.chips li {
font: var(--petit-paragraphe);
}
.stay-inform {
max-width: 1100px;
margin-top: var(--mdspace);
}
.stay-inform .btn_base {
margin: 40px auto 0 auto;
}
.stay-inform > h2,
.stay-inform > p {
text-align: center;
}
.stay-inform form{
margin-top: 20px;
}
.chips {
display: flex;
flex-wrap: wrap;
}
.chips li:not(:last-of-type)::after {
content: "";
display: inline-block;
height: 12px;
width: 1px;
background: black;
opacity: 0.2;
margin: 0 10px;
}
/***********
ESTIMATION
*/
.multiStepForm {
position: relative;
}
.multiStepForm::before {
content: "";
position: absolute;
left: 50px;
top: 0;
height: 100%;
width: 1px;
background: var(--bleu);
z-index: 1;
opacity: 0.2;
}
.form-step .data-step {
display: none;
position: absolute;
top: 0;
height: 100%;
width: calc(100% - 100px);
}
.form-step.active .data-step {
display: block;
}
.data-step h4{
margin-bottom: 25px;
}
.data-step label{
font: var(--petit-paragraphe);
}
.form-nav{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.form-step .mg-t-form{
margin-top: 30px;
}
.form-step {
display: grid;
grid-template-columns: 100px 1fr;
grid-gap: 60px;
margin-bottom: 30px;
}
.nb-step {
color: #03123936;
font-size: 22px;
font-weight: 500;
height: 100px;
width: 100px;
border-radius: 50px;
border: 1px solid #03123936;
display: flex;
align-items: center;
justify-content: center;
background: white;
position: relative;
z-index: 4;
}
.form-step.active .nb-step {
/*color: var(--bleu);*/
/*border: 1px solid var(--bleu);*/
background: var(--bleu);
color: #fff;
border-color: var(--bleu);
}
.form-nav {
display: flex;
margin-top: 40px;
}
/* Étapes déjà passées */
.form-step.completed .nb-step {
background: var(--bgclair);
/*color: #fff;*/
/*border-color: var(--bleu);*/
opacity: 1;
color: var(--bleu);
border-color: var(--bgclair);
}
.multiStepForm {
--progress: 0%;
position: relative;
}
/* Barre “remplie” */
.multiStepForm::after {
content: "";
position: absolute;
left: 50px;
top: 0;
height: var(--progress);
width: 1px;
background: var(--bleu);
z-index: 2;
transition: height 0.3s ease;
}
/******
FOOTER
*/
footer {
background: var(--bleu);
position: relative;
z-index: 10;
}
#footer {
display: grid;
grid-template-columns: calc(var(--bg-side) - 40px) 1fr;
grid-gap: 40px;
padding: 80px var(--md-side) 40px 0;
position: relative;
}
#footer p,
#footer span,
#footer a {
font: var(--petit-paragraphe);
}
.footer-contact p {
margin-bottom: 0;
}
.footer-newsletter {
display: grid;
grid-template-columns: calc(33% - 40px) 2fr;
grid-gap: 40px;
align-items: flex-end;
margin-bottom: 40px;
}
.footer-newsletter p {
margin-bottom: 0;
}
.footer-inner h3 {
margin-bottom: 10px;
}
.footer-grid-data {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
height: 100%;
}
.footer-links li{
margin-bottom: 5px;
}
.footer-other{
position: relative;
}
.footer-other .footer-socials{
position: absolute;
bottom: -6px;
left: 0;
}
.footer-other .flex-lang-socials{
position: absolute;
bottom: 0;
right: 0;
color: white;
}
.footer-other .languageSelect{
color: white;
}
.desc-lion{
margin-bottom: 30px;
max-width: 100%;
}
.newsletter-form {
display: flex;
}
.newsletter-form input[type="email"]::placeholder {
opacity: 1;
color: white;
}
.newsletter-form input[type="email"] {
width: 100%;
height: 44px;
background: transparent;
border: 0px solid white;
border-bottom: 1px solid white;
opacity: 0.4;
padding: 10px 0;
margin-right: 20px;
margin-top: 0;
}
.footer-socials {
margin-top: 40px;
}
.footer-socials a {
margin-right: 10px;
display: inline-block;
line-height: 0 !important;
transition: 0.4s ease-in-out all;
}
.footer-socials a:hover{
opacity: 0.6;
}
#copyright {
position: absolute;
bottom: 40px;
left: var(--md-side);
opacity: 0.4;
}
#footer #copyright * {
font-size: 12px;
color: white;
letter-spacing: 0.36px;
}
.pix-log svg {
width: 50px;
transform: translate(0px, 8px);
}
.pix-pom svg {
width: 60px;
transform: translate(0px, 7px);
}
/***********
PAGE biens
*/
.bien-hero, .projet-hero {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
z-index: 10;
display: flex;
align-items: flex-end;
padding: 0 var(--md-side) 180px 0;
}
.bien-hero{
height: calc(100vh + 170px);
}
.bien-hero::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 18.15%, rgba(0, 0, 0, 0.00) 45.91%), linear-gradient(180deg, rgba(0, 0, 0, 0.06) 49.08%, rgba(0, 0, 0, 0.60) 70.32%);
}
.projet-hero>picture,
.projet-hero img,
.projet-hero video,
.projet-hero iframe,
.bien-hero img,
.bien-hero video,
.bien-hero iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.contenu-head-bien {
position: relative;
z-index: 10;
display: block;
margin-bottom: 66px;
}
.bien-hero .galerie-btn-first{
bottom: calc(170px + 66px);
}
.bien-meta {
display: flex;
width: fit-content;
background: var(--bleu);
border-radius: 50px;
padding: 12px 20px;
align-items: center;
font: var(--petit-paragraphe);
margin-bottom: 20px;
height: 50px;
}
.bien-meta a {
display: flex;
align-items: center;
text-transform: uppercase;
font: var(--petit-paragraphe);
transition: 0.4s ease-in-out all;
}
.bien-meta a:hover{
opacity: 0.6;
}
.bien-meta a svg {
margin-right: 10px;
}
.bien-meta .btn-fav {
opacity: 1;
position: static;
height: 15px;
margin-right: 10px;
}
.bien-meta svg {
height: 15px;
width: auto;
}
.bien-meta .sep,
.bien-meta .ref {
opacity: 0.6;
font: var(--petit-paragraphe);
text-transform: uppercase;
}
.flex-bien-meta{
display: flex;
}
.flex-bien-meta .slogan-page{
margin-left: 10px;
text-transform: unset;
}
.flex-biens-first {
display: flex;
align-items: center;
font: var(--paragraphe);
}
.flex-biens-first p {
position: relative;
margin: 0;
}
.flex-biens-first p:not(:last-of-type)::after {
content: "";
display: inline-block;
width: 20px;
height: 1px;
background: white;
margin: 0px 10px 6px 10px;
}
.grid-page-bien {
display: grid;
grid-template-columns: 3fr 1fr;
grid-gap: 70px;
padding-left: var(--md-side);
}
.grid-page-bien > div:first-of-type {
}
.hero-video {
width: 100%;
}
.first-sec-page-bien {
background: var(--bgclair);
margin-top: -170px;
position: relative;
z-index: 100;
}
.pd-interne-bien {
padding: 65px 115px;
}
.grid-fort {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.grid-fort > div {
text-align: center;
padding: 100px 20px 20px 20px;
border-right: 1px solid var(--gris-clair);
height: 270px;
display: flex;
align-items: center;
flex-direction: column;
/*justify-content: center;*/
}
.explication-bien {
opacity: 0.6;
}
.grid-fort > div:nth-of-type(1),
.grid-fort > div:nth-of-type(2),
.grid-fort > div:nth-of-type(3),
.grid-fort > div:nth-of-type(4) {
border-bottom: 1px solid var(--gris-clair);
}
.grid-fort > div:nth-of-type(4n) {
border-right: 0;
}
.grid-fort > div svg {
margin-bottom: 30px;
}
.grid-fort > div p {
margin-bottom: 0px;
}
.point-forts img {
width: auto;
/*height: auto;*/
/*width: 55px;*/
/*height: 50px;*/
object-fit: contain;
margin-bottom: 20px;
}
.gdpr, .copy{
cursor: pointer;
}
.bien-specs {
margin-top: 50px;
}
.bien-specs.force-open{
display: block!important;
}
.specs-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0 130px;
margin-bottom: 50px;
}
.specs-grid:last-of-type {
margin-bottom: 0;
}
.specs-title {
margin-bottom: 20px;
}
.specs-row {
display: flex;
border-bottom: 1px solid var(--gris-clair);
padding: 8px 0;
}
.specs-label {
opacity: 0.6;
}
.specs-value {
display: flex;
margin-left: auto;
}
.see-spec,
.hide-spec {
margin-top: 50px;
display: inline-block;
}
.galerie-bien {
margin-top: var(--ltspace);
}
.gal-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.gal-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
/*grid-template-rows: repeat(3, 1fr);*/
grid-gap: 20px;
}
.gal-list > *:nth-child(1) {
grid-area: 1 / 1 / 3 / 4;
height: 29.4vw;
}
.gal-list > *:nth-child(2) {
grid-area: 3 / 1 / 4 / 2;
}
.gal-list > *:nth-child(3) {
grid-area: 3 / 2 / 4 / 3;
}
.gal-list > *:nth-child(4) {
grid-area: 3 / 3 / 4 / 4;
}
.gal-list > .gallery-item:nth-child(1) {
height: 32.7vw;
}
.gallery-item {
position: relative;
height: 16.7vw;
}
.gallery-item::after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 59.08%, rgba(0, 0, 0, 0.30) 100%);
pointer-events: none;
}
.gallery-caption {
position: absolute;
bottom: 10px;
left: 10px;
/*opacity: 0;*/
z-index: 10;
color: white;
font: var(--petit-paragraphe);
}
.gal-list img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.bien-hero img {
width: 100%;
}
.galerie-btn-first {
position: absolute;
bottom: 100px;
right: var(--sm-side);
z-index: 1000;
}
.open-galerie {
margin-top: 40px;
}
.descriptif-bien {
margin-top: var(--ltspace);
}
.read-more {
overflow: hidden;
transition: 0.4s ease-in-out all;
position: relative;
}
.read-more-btn {
text-decoration: underline;
margin-top: 20px;
display: block;
}
.read-more::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -15px;
height: 200px;
background: linear-gradient(0deg, var(--bgclair) 0%, rgba(239, 236, 230, 0.0) 90.14%);
transition: 0.3s ease-in-out all;
opacity: 0;
/*pointer-events: none;*/
}
.read-more[aria-expanded="false"]::after{
opacity: 1;
}
.read-more[aria-expanded="true"]::after {
opacity: 0;
}
.list-accordion {
margin-top: var(--ltspace);
}
.accordion-item {
padding-top: 30px;
padding-bottom: 30px;
border-top: 1px solid rgba(3, 18, 57, 0.2);
}
.accordion-item:last-of-type{
border-bottom: 1px solid rgba(3, 18, 57, 0.2);
}
.accordion-header {
display: flex;
width: 100%;
align-items: center;
cursor: pointer;
transition: 0.4s ease-in-out all;
}
.accordion-header:hover{
opacity: 0.6;
}
.accordion-header h3 {
margin-bottom: 0;
}
.accordion-icon {
display: flex;
margin-left: auto;
transition: 0.4s ease-in-out all;
}
.accordion-item.active .accordion-icon {
transform: rotate(180deg);
}
.accordion-content {
display: none;
padding-top: 30px;
}
.commodite-tags {
columns: 3;
column-gap: 2rem;
}
.sec-content:not(:first-of-type){
margin-top: 20px;
}
.taglist {
overflow: hidden;
position: relative;
width: 100%;
}
.tag-track {
display: inline-flex;
white-space: nowrap;
animation: scroll-tags 35s linear infinite;
}
.taglist .tag {
display: flex;
font-family: "miller-display", serif;
font-size: 132px;
font-style: normal;
font-weight: 300;
line-height: 120%;
color: white;
white-space: nowrap;
}
.taglist .tag::after {
content: "";
width: 70px;
margin: auto 40px;
display: flex;
background: white;
height: 2px;
}
/* Animation */
@keyframes scroll-tags {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
/* Option : pause au survol */
.taglist:hover .tag-track {
animation-play-state: paused;
}
.proxi {
position: relative;
}
.proxi-wrap {
height: 100vh;
position: relative;
margin-top: var(--ltspace);
}
.proxi-wrap>h2{
position: absolute;
top: 50px;
left: var(--md-side);
z-index: 10;
}
.proxi-wrap::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 350px;
background: linear-gradient(180deg, #efece6 0%, rgba(239, 236, 230, 0.00) 33.06%), transparent 50% / cover no-repeat;
z-index: 1;
}
.proxi-wrap #map-proxi {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
#proxi-list {
position: absolute;
top: 110px;
height: calc(100% - 200px);
right: var(--md-side);
overflow-y: scroll;
overflow-x: hidden;
width: 400px;
background: white;
z-index: 20;
padding: 70px 60px;
}
#proxi-list .sec-content h4{
margin: 0 0 5px 0;
font-weight: 300;
opacity: 1;
}
#proxi-list .sec-content *{
font-weight: 200;
opacity: 0.8;
}
.proxi-toolbar {
position: absolute;
top: 130px;
left: var(--md-side);
z-index: 10;
display: flex;
flex-wrap: wrap;
right: var(--md-side);
}
.proxi-chip {
color: var(--bleu);
margin-right: 5px;
margin-bottom: 5px;
}
.proxi-chip.active {
color: white;
background: var(--jaune);
}
.proxi-item {
padding: 20px 0;
border-top: 1px solid var(--gris-clair);
color: var(--bleu);
}
.proxi-item > span,
.meta {
font: var(--petit-paragraphe);
}
.proxi-item > .name {
font: var(--paragraphe);
font-weight: 500;
margin-bottom: 5px;
}
.meta {
display: flex;
opacity: 0.6;
}
.meta span {
display: flex;
align-items: center;
margin-right: 13px;
}
.meta span svg {
margin-right: 5px;
}
.bien-contact {
margin-top: 80px;
}
.bien-contact h2{
margin-bottom: 0;
}
.grid-interet {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px 20px;
}
.grid-interet .btn_base {
width: 100%;
padding: 15px 45px;
height: 80px;
}
.grid-interet .btn_base > svg {
margin-left: 0;
margin-right: 20px;
width: auto;
}
.form-demande {
margin-top: var(--ltspace);
}
.form-demande form{
margin-top: 30px;
}
.copy {
margin-bottom: 0;
}
.bien-similar {
background: #F5F3EF;
padding: var(--ltspace) 0;
}
.similar-swiper {
align-items: center;
}
.similar-swiper .swiper-slide {
}
.similar-swiper .bien-card {
width: 100%;
}
.similar-swiper .bien-swiper {
height: 35vw;
transition: 0.4s ease-in-out all;
}
.similar-swiper .bien-swiper img,
.similar-swiper .bien-card img {
height: 35vw;
}
.similar-swiper .bien-card{
overflow: hidden;
}
.bien-infos {
transition: 0.4s ease-in-out all;
}
.similar-swiper>.swiper-wrapper>.swiper-slide-prev,
.similar-swiper>.swiper-wrapper>.swiper-slide-next {
height: 35vw;
display: flex;
align-items: center;
}
.similar-swiper .swiper-slide-prev .bien-infos,
.similar-swiper .swiper-slide-next .bien-infos {
opacity: 0;
}
.similar-swiper .swiper-slide-prev .bien-card,
.similar-swiper .swiper-slide-next .bien-card,
.similar-swiper .swiper-slide-prev .bien-swiper,
.similar-swiper .swiper-slide-next .bien-swiper {
height: 25vw;
opacity: 0.2;
pointer-events: none;
}
.similar-swiper .loca-bien *{
font: var(--paragraphe);
}
.similar-swiper .loca-bien .price{
font-weight: 500;
}
.mandant-card {
background: var(--jaune);
}
.mandant-card *{
font-size: var(--petit-paragraphe);
}
.mandant-card img {
width: 100%;
}
.mandant-infos {
padding: 40px 50px 100px 50px;
}
.mandant-sticky {
margin-top: 100px;
position: sticky;
top: 140px;
left: 0;
}
.mandant-card > img {
height: 14vw;
width: 100%;
object-fit: cover;
object-position: top;
}
.mandant-infos h3 {
margin: 0 0 20px 0;
font-size: 24px;
}
.mandant-name {
margin-bottom: 0;
}
.mandant-lang {
display: flex;
align-items: center;
margin-top: 10px;
}
.mandant-lang{
position: relative;
padding-left: 20px;
}
.mandant-lang svg {
margin-right: 5px;
position: absolute;
top: 4px;
left: 0;
width: 15px;
height: 15px;
}
.mandant-infos > svg {
position: absolute;
right: 0;
bottom: 0;
opacity: 0.1;
}
.mandant-sticky {
display: grid;
grid-template-columns: 50px 1fr;
grid-gap: 15px;
transform: translateX(120%);
transition: 0.5s ease-in-out all;
}
.mandant-sticky.is-sticky {
position: sticky;
top: 150px;
transform: translateX(0%);
}
/* 2) Slide out */
.mandant-sticky.is-hidden-right {
transform: translateX(120%);
/*opacity: 0;*/
}
/* 3) Slide in */
.mandant-sticky.is-enter-right {
transform: translateX(0);
/*opacity: 1;*/
}
.list-raccourci svg {
width: 45px;
height: 45px;
}
.list-raccourci a{
transition: 0.4s ease-in-out all;
}
.list-raccourci a:hover{
opacity: 0.6;
}
.p-fixed-gal-bien {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
z-index: 10001;
background: var(--bgclair);
padding: 125px var(--bg-side);
transform: translateY(100%);
transition: 0.4s ease-in-out all;
}
.p-fixed-gal-bien.open {
transform: translateY(0%);
}
.gal-full-bien {
/*display: block;*/
display: grid;
gap: 20px;
grid-template-columns: repeat(2, 1fr);
}
.gal-full-bien .gallery-item:nth-child(3n+1) {
grid-column: 1 / -1;
height: 37vw;
}
.gal-full-bien .gallery-item:nth-child(3n+1) img {
height: 37vw;
}
.gal-full-bien .gallery-item {
width: 100%;
height: 17vw;
}
.gal-full-bien .gallery-item img {
height: 17vw;
}
.gal-full-bien img {
width: 100%;
height: auto;
}
.fixed-menu-gal-bien {
position: sticky;
top: 20px;
left: 0;
height: 0px;
width: calc(100% + var(--bg-side) * 2);
z-index: 100;
margin-left: calc(-1 * var(--bg-side));
transform: translate(0, -50px);
/*background: white;*/
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 var(--md-side);
}
.close-gal {
height: 50px;
width: 50px;
cursor: pointer;
}
body .iv-fullscreen {
z-index: 10002;
background: white;
}
body .iv-fullscreen-close {
/*filter: brightness(0);*/
}
/*****
PROJET
*/
.projets-grid{
margin-top: 60px;
}
.projet-card {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 60px;
}
.projet-card-img {
width: 70%;
line-height: 0;
}
.projet-card-img img {
width: 100%;
height: 40vw;
object-fit: cover;
}
.projet-infos-container {
width: 30%;
/*padding-right: 100px;*/
}
.projet-info {
background: var(--jaune);
transform: translateX(-100px);
width: 100%;
padding: 60px;
position: relative;
z-index: 10;
}
.projet-info .btn_base{
margin-top: 25px;
}
.projet-card:nth-of-type(2n) {
flex-direction: row-reverse;
}
.projet-card:nth-of-type(2n) .projet-info {
transform: translateX(100px);
}
.projet-card:last-of-type{
margin-bottom: 0;
}
.projet-info h2{
margin-bottom: 12px;
}
.sep-proj{
display: block;
height: 1px;
background: white;
width: 100%;
margin: 20px 0;
opacity: 0.5;
}
/***
page projet
*/
.projet-hero::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: linear-gradient(180deg, rgba(239, 236, 230, 0.00) 65.23%, rgba(239, 236, 230, 0.71) 81.94%, #EFECE6 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.40) 18.15%, rgba(0, 0, 0, 0.00) 45.91%);
}
.head-page-projet{
/*margin-top: -160px;*/
margin-top: -230px;
position: relative;
z-index: 10;
width: 80%;
}
.bigp{
font-size: 26px;
}
.first-grid-projet{
margin-top: 80px;
}
.resum-point{
background: white;
padding: 40px 50px 50px 50px;
}
.projet-gallery{
margin-top: var(--mdspace);
padding: 0 var(--sm-side);
margin-bottom: var(--mdspace);
}
.grid-projet-page{
display: grid;
grid-template-columns: 1fr 450px;
grid-gap: 70px;
}
.gal-list-projet {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-gap: 50px;
align-items: center;
}
.gal-list-projet>*:nth-of-type(1) { grid-area: 1 / 1 / 2 / 3; }
.gal-list-projet>*:nth-of-type(2) { grid-area: 1 / 3 / 2 / 5; }
.gal-list-projet>*:nth-of-type(3) { grid-area: 1 / 5 / 2 / 7; }
.gal-list-projet>*:nth-of-type(4) { grid-area: 2 / 2 / 3 / 4; }
.gal-list-projet>*:nth-of-type(5) { grid-area: 2 / 4 / 3 / 6; }
.gal-list-projet>*:nth-of-type(4){
margin-left: -50px;
}
.gal-list-projet .gallery-item,
.gal-list-projet img{
width: 100%;
height: 26vw;
position: relative;
}
.gal-list-projet>*:nth-of-type(2),
.gal-list-projet>*:nth-of-type(2) img{
height: 17vw;
}
.projet-gallery .open-galerie{
margin-left: auto;
margin-right: auto;
}
.linked-proj{
margin-top: var(--mdspace);
}
.proj-illu{
position: relative;
}
.proj-illu>img{
width: 100%;
}
#table-biens{
text-align: left;
}
#table-biens th,
#table-biens td{
padding: 15px 0;
font: var(--petit-paragraphe);
color: var(--bleu);
transition: 0.4s ease-in-out all;
}
#table-biens sup{
transition: 0.4s ease-in-out all;
}
#table-biens tr{
border-bottom: 1px solid white;
}
#table-biens th{
opacity: 0.6;
text-transform: uppercase;
cursor: pointer;
}
#table-biens th[aria-sort="ascending"],
#table-biens th[aria-sort="descending"]{
opacity: 1;
}
#table-biens th svg{
margin: 0px 0px -8px 5px;
}
.bien-row{
cursor: pointer;
}
#table-biens .bien-row.is-hover *{
color: var(--jaune);
}
.bien-row.sold{
cursor: unset;
}
.bien-row.sold td{
opacity: 0.3;
}
.bien-row.sold .arrow-cell{
display: none;
}
.arrow-cell svg{
margin-bottom: -8px;
}
.projets-random{
margin-top: calc(var(--mdspace) - 65px);
padding-top: var(--mdspace);
padding-bottom: var(--mdspace);
background-color: white;
}
.resume-points li:not(:last-of-type)::after{
content: '';
display: block;
margin: 15px 0;
width: 45px;
height: 1px;
background: var(--bleu);
opacity: 0.3;
}
/*********
ESTIMER
*/
.head-page h1{
margin-bottom: 40px;
}
.intro{
display: grid;
grid-template-columns: 1fr calc(var(--bg-side) - var(--md-side) - 0px) ;
/*230px*/
grid-gap: 60px;
align-items: flex-end;
padding-left: var(--bg-side);
padding-right: var(--md-side);
}
.img-avant{
width: 100%;
height: 36vw;
object-fit: cover;
margin: var(--ltspace) 0;
}
.form-estimation-container{
margin-top: calc(-1 * var(--ltspace) - 100px);
position: relative;
z-index: 100;
}
.reassurance-container{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-top: var(--ltspace);
}
.reassurance-item{
padding: 50px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
border-left: 1px solid rgba(3, 18, 57, 0.2);
}
.reassurance-item:nth-of-type(3n){
border-right: 1px solid rgba(3, 18, 57, 0.2);
}
.reassurance-item img{
height: 110px;
width: 120px;
object-fit: contain;
margin-bottom: 20px;
}
.les-plus__item{
display: flex;
align-items: flex-start;
margin-bottom: 10px;
flex-wrap: nowrap;
}
.les-plus__item:last-of-type{
margin-bottom: 0;
}
.les-plus__item>svg{
margin-right: 5px;
margin-top: 5px;
width: 14px;
}
.contenu-flexible-single .bloc,
.contenu-flexible .bloc{
margin: var(--ltspace) 0;
}
.galerie-grid{
display: grid;
grid-template-columns: calc(var(--bg-side) - var(--sm-side) - 50px) 1fr;
grid-gap: 50px;
align-items: center;
}
.galerie-grid.gal-3{
grid-template-columns: calc(var(--bg-side) - var(--sm-side) - 50px) 1fr calc(var(--bg-side) - var(--sm-side));
}
.page-template-template-about .galerie-grid.gal-3{
grid-template-columns: calc(var(--bg-side) - var(--sm-side) - 50px) 1fr calc(var(--bg-side) - var(--sm-side) - 50px);
}
.galerie-grid .galerie__item:first-of-type img,
.galerie-grid .galerie__item:nth-of-type(3) img{
height: 20vw;
}
.galerie-grid .galerie__item img{
width: 100%;
height: 40vw;
}
.galerie__item a{
display: block;
line-height: 0;
}
.bloc-prestations{
position: relative;
z-index: 10;
}
.bloc-prestations__txt{
margin-bottom: 40px;
}
.bloc-prestations::after{
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 100%;
background: linear-gradient(270deg, rgba(239, 236, 230, 0.00) 10%, #EFECE6 30%, #EFECE6 70%, rgba(239, 236, 230, 0.00) 90%);
}
.bloc-prestations>svg{
position: absolute;
top: 50%;
left: -10%;
z-index: -1;
width: 120%;
height: 400px;
transform: translate(0,-50%);
}
.prestations__list{
padding: 0 calc(var(--bg-side) - var(--sm-side) - 7.5vw) 0 var(--bg-side);
position: relative;
z-index: 10;
}
.prestations__list>a{
margin-top: 40px;
}
.grid-prestation{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
}
.prestation__item{
/*margin-bottom: 40px;*/
transition: 0.4s ease-in-out all;
}
.prestation__item a{
transition: 0.4s ease-in-out all;
}
.prestation__item:hover a{
opacity: 0.6;
}
.prestation__titre{
margin-bottom: 5px;
display: flex;
align-items: center;
}
.prestation__titre>svg{
margin-left: 10px;
}
.prestation__texte{
max-width: 650px;
}
.bloc-slider .flex-head-sec,
.swiper.slider-swiper-gal,
.bloc-processus,
.bloc-texte{
position: relative;
z-index: 10;
padding: 0 calc(var(--bg-side) + 50px) 0 var(--bg-side);
}
.bloc-processus>svg{
position: absolute;
top: 50%;
left: -10%;
width: 120%;
height: 100px;
z-index: -1;
}
.bloc-processus::after{
content: '';
position: absolute;
top: 0;
left: calc(var(--bg-side) - 70px);
height: 120%;
width: calc(100% - var(--bg-side) * 2 + 140px);
background: var(--bgclair);
z-index: 2;
}
.bloc-processus .flex-head-sec,
.bloc-processus .processus-swiper{
position: relative;
z-index: 10;
}
.bloc-processus .processus-swiper{
min-height: 160px;
}
.processus__item{
display: grid;
grid-template-columns: 80px 1fr;
grid-gap: 35px;
}
.nb-process{
height: 80px;
width: 80px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
border-radius: 100px;
border: 1px solid var(--bleu);
color: var(--bleu);
font: var(--paragraphe);
opacity: 0.8;
}
.form-contact{
margin-top: var(--mdspace);
}
.wpcf7-spinner{
display: none;
}
.form-container{
padding: 80px 120px;
background: white;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 60px;
}
.form-group br{
display: none;
}
.wpcf7-form label{
margin-bottom: 0;
}
.form-checkboxes br{
display: none;
}
.form-checkboxes p{
margin: 0;
}
.wpcf7-list-item{
margin-left: 0;
}
.wpcf7-submit:hover{
background-color: var(--bleu);
}
.contact-tel-mail{
display: flex;
flex-direction: column;
margin-top: 40px;
}
.contact-tel-mail a{
display: inline-block;
}
.mail{
color: var(--jaune);
}
.first-form{
display: flex;
flex-direction: column;
}
.contact-socials{
display: flex;
margin-top: auto;
}
.slider-swiper-gal .swiper-slide-prev>*,
.slider-swiper-gal .swiper-slide-next>*{
transition: 0.4s ease-in-out all;
}
.slider-swiper-gal .swiper-slide-prev,
.slider-swiper-gal .swiper-slide-next{
opacity: 0.3;
transition: 0.4s ease-in-out all;
}
.slider-swiper-gal .swiper-slide-prev>*{
transform: scale(0.9) translateX(60px);
}
.slider-swiper-gal .swiper-slide-next>*{
transform: scale(0.9) translateX(-60px);
}
.slider__item *{
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
}
.head-page-about,
.about-intro__text{
padding: 0 calc(var(--bg-side) + 50px) 0 var(--bg-side);
position: relative;
}
.head-page-about .btn_base{
margin-top: 30px;
}
.about-lion{
position: absolute;
left: 0;
top: 0;
}
.about-intro__image{
margin-top: var(--mdspace);
}
.about-intro__image video,
.about-intro__image img{
width: 100%;
height: auto;
}
.about-videos video{
width: 100%;
}
.about-intro__content{
margin-top: var(--ltspace);
margin-bottom: var(--ltspace);
}
.about-intro__title{
margin-bottom: 40px;
}
.about-history__title{
font-size: 215px;
color: white;
text-align: center;
margin-top: var(--mdspace);
}
.about-videos .video-item:nth-of-type(2){
height: 36vw;
}
.about-videos .video-item:nth-of-type(2) video{
height: 36vw;
object-fit: cover;
object-position: top;
}
.timeline-wrapper {
position: relative;
padding-bottom: 80px;
}
.timeline-horizontal {
position: relative;
display: flex;
/*gap: 100px;*/
overflow-x: hidden;
cursor: grab;
padding: 80px 0;
user-select: none;
/*scroll-behavior: smooth;*/
scroll-behavior: auto;
/*transition: scroll-left 0.3s ease;*/
}
.timeline-horizontal:active {
cursor: grabbing;
}
.timeline-horizontal::-webkit-scrollbar { display: none; }
.timeline-slide {
flex: 0 0 70%;
text-align: center;
scroll-snap-align: center;
transition: transform 0.3s ease;
display: flex;
align-items: center;
}
.timeline-slide.active {
/*transform: scale(1.05);*/
}
.timeline-slide>img{
width: calc(100% - 500px);
height: 320px;
object-fit: contain;
object-position: bottom;
}
.time-slide-content{
width: 500px;
padding: 0 80px;
}
#timeline>img{
width: calc(70% - 500px);
height: 320px;
object-fit: contain;
object-position: bottom;
}
.timeline-date {
/*font-size: 2rem;*/
font-weight: 600;
color: #24182e;
/*margin-bottom: 15px;*/
}
.timeline-text {
font: var(--petit-paragraphe);
}
/* --- Barre de progression --- */
.timeline-progress {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto;
/*max-width: 900px;*/
width: calc(100% - var(--md-side) * 2);
height: 5px;
/*background: #e0d5c5;*/
/*border-radius: 2px;*/
overflow: visible;
}
.timeline-progress::after{
content: "";
position: absolute;
width: 100%;
top: 2px;
height: 1px;
background-color: var(--bleu);
}
.timeline-bar {
position: absolute;
top: 0;
left: 0;
z-index: 10;
height: 4px;
background: #b97500;
/*width: 0;*/
width: 40px;
border-radius: 3px;
transition: width 0.4s ease;
}
.timeline-dot {
position: relative;
z-index: 1;
/*width: 22px;*/
/*height: 22px;*/
/*border-radius: 50%;*/
/*background: #fff;*/
/*border: 2px solid #b97500;*/
cursor: pointer;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s ease, transform 0.3s ease;
}
.timeline-dot.active {
background: #b97500;
transform: scale(1.2);
}
.timeline-dot span {
position: absolute;
bottom: -35px;
font-size: 0.8rem;
color: #24182e;
white-space: nowrap;
transform: translateX(-50%);
left: 50%;
}
.timeline-progress {
cursor: grab;
}
.timeline-progress:active {
cursor: grabbing;
}
.timeline-progress:active {
cursor: grabbing;
}
.timeline-bar {
position: absolute;
top: 0;
left: 0;
height: 100%;
/*width: 100%;*/
background: var(--jaune);
border-radius: 2px;
transform-origin: left;
transform: scaleX(0);
transition: none;
}
.page-template-template-about .agency{
margin-top: var(--ltspace);
}
.horaires-succ{
display: block;
margin-top: 20px;
}
.about-team{
margin-top: var(--mdspace);
}
/*.team-members{*/
/* display: grid;*/
/* grid-template-columns: repeat(3, 1fr);*/
/*}*/
.team-members {
display: grid;
grid-template-columns: repeat(6, 1fr);
/*grid-template-rows: repeat(5, 1fr);*/
/*grid-column-gap: 0px;*/
/*grid-row-gap: 0px;*/
}
.team-members>div:nth-of-type(1){ grid-area: 1 / 1 / 2 / 4; }
.team-members>div:nth-of-type(2){ grid-area: 1 / 4 / 2 / 7; }
.team-members>div:nth-of-type(3){ grid-area: 2 / 1 / 3 / 3; }
.team-members>div:nth-of-type(4){ grid-area: 2 / 3 / 3 / 5; }
.team-members>div:nth-of-type(5){ grid-area: 2 / 5 / 3 / 7; }
.team-members>div:nth-of-type(6){ grid-area: 3 / 1 / 4 / 3; }
.team-members>div:nth-of-type(7){ grid-area: 3 / 3 / 4 / 5; }
.team-members>div:nth-of-type(8){ grid-area: 3 / 5 / 4 / 7; }
.team-members>div:nth-of-type(9){ grid-area: 4 / 1 / 5 / 3; }
.team-members>div:nth-of-type(10) { grid-area: 4 / 3 / 5 / 5; }
.team-members>div:nth-of-type(11) { grid-area: 4 / 5 / 5 / 7; }
.team-members>div:nth-of-type(12) { grid-area: 5 / 1 / 6 / 3; }
.team-members>div:nth-of-type(13) { grid-area: 5 / 3 / 6 / 5; }
.team-members>div:nth-of-type(14) { grid-area: 5 / 5 / 6 / 7; }
.team-member{
height: 35vw;
position: relative;
display: flex;
align-items: flex-end;
}
.team-member>img{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
z-index: -1;
}
.team-member__info{
background: var(--jaune);
padding: 20px 40px;
width: 100%;
/*opacity: 0;*/
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
transition: 0.4s ease-in-out all;
}
.team-member__info>*{
margin-bottom: 0;
transition: 0.4s 0.2s ease-in-out all;
opacity: 0;
}
.team-member:hover .team-member__info{
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
/*opacity: 1;*/
}
.team-member:hover .team-member__info>*{
opacity: 1;
}
.rejoindre-container{
margin-top: var(--ltspace);
}
.filtres-actualites{
display: flex;
flex-direction: row;
margin-bottom: 40px;
}
.categories-buttons{
display: flex;
flex-wrap: wrap;
}
.categories-buttons>a:not(:last-child){
margin-right: 5px;
margin-bottom: 5px;
}
.filtre-annee{
display: flex;
margin-left: auto;
}
.filtre-categories .btn_base.active{
background: var(--jaune);
color: white;
}
.filtre-categories .btn_base.active img{
filter: brightness(0) invert(1);
}
.liste-actualites{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.filtre-annee select{
border-radius: 50px;
border-bottom: 0;
padding: 10px 40px 10px 20px;
color: var(--jaune);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
height: 44px;
text-transform: uppercase;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 11px center;
background-color: white;
/*background: transparent;*/
}
/*.filtre-annee{*/
/* position: relative;*/
/*}*/
/*.filtre-annee::after {*/
/* content: '';*/
/* position: absolute;*/
/* top: 50%;*/
/* right: 20px;*/
/* width: 14px;*/
/* height: 8px;*/
/* pointer-events: none;*/
/* transform: translateY(-50%);*/
/* -webkit-mask-image: url('data:image/svg+xml;utf8,');*/
/* -webkit-mask-repeat: no-repeat;*/
/* -webkit-mask-size: contain;*/
/* background-color: var(--jaune);*/
/*}*/
.pagination{
display: flex;
margin-left: auto;
margin-top: 40px;
align-items: center;
justify-content: flex-end;
}
.pagination a,
.pagination span{
font: var(--paragraphe);
color: var(--jaune);
display: flex;
align-items: center;
}
.pagination .page-numbers:not(:last-child)::after{
content: "";
display: inline-block;
width: 20px;
margin: 0 5px;
height: 1px;
background: var(--jaune);
}
.pagination .next,
.pagination .prev{
display: none;
}
.pagination .current{
color: var(--bleu);
}
.litle-infos-actus{
font: var(--petit-paragraphe);
}
.liste-emplois{
margin-top: 20px;
}
.about-25__image{
height: 100vh;
width: 100%;
position: relative;
z-index: 5;
}
.about-25__image>img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
}
.about-25__image::before{
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 9.17%, rgba(0, 0, 0, 0.00) 49.94%);
z-index: 2;
}
.intro-25{
width: 950px;
display: flex;
flex-direction: column;
margin: -300px auto 0 auto;
position: relative;
z-index: 10;
background: white;
padding: 80px 120px;
align-items: center;
text-align: center;
}
.big-merci{
height: 200vh;
display: flex;
/*align-items: center;*/
justify-content: center;
position: relative;
}
.sticky-thanks{
position: sticky;
top: 0;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.svg-scroll-draw path {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
}
.fixed-bg-anim{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
background-color: var(--bgclair);
z-index: 1;
}
.content-page{
position: relative;
z-index: 100;
}
.big-merci svg{
position: absolute;
top: 50%;
transform: translate(0,-50%);
width: 100%;
left: 0;
}
.big-merci .merci-title{
font-size: 170px;
font-weight: 400;
line-height: 109%;
color: var(--jaune);
}
.galerie-25ans{
display: grid;
padding: var(--ltspace) var(--sm-side) 0 var(--sm-side);
grid-template-columns: calc(var(--bg-side) - var(--sm-side) * 2) 1fr calc(var(--bg-side) - var(--sm-side) * 2);
grid-gap: var(--sm-side);
}
.galerie-25ans img{
width: 100%;
margin-bottom: var(--sm-side);
height: 50vw;
object-fit: cover;
}
.bloc-2{
padding-top: 100px;
}
.bloc-2 img{
height: 25vw;
object-fit: cover;
}
.bloc-2 figure:last-child img{
margin-bottom: 0;
}
.section-merci .h1{
margin-bottom: 40px;
}
/*******
SINGLE
*/
.grid-single{
display: grid;
grid-template-columns: 200px 1fr;
grid-gap: 60px;
padding-left: var(--md-side);
}
.pd-right-single{
padding-right: calc(var(--md-side) + 200px + 40px);
}
.img-avant-single{
width: 100%;
height: 35vw;
}
.actualite-date-single{
opacity: 0.6;
}
.bloc-citation .txt{
padding-left: 40px;
border-left: 1px solid var(--jaune);
}
.nom-cita{
margin-top: 40px;
opacity: 0.6;
font-style: italic;
}
.contenu-flexible-single .bloc-texte{
padding: 0 var(--md-side) 0 0;
}
.bloc-citation{
position: relative;
}
.bloc-citation::after{
content: "";
background: url("../icons/citation-big.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: absolute;
height: 300px;
width: 300px;
right: -30px;
bottom: 0;
}
.bloc-image img{
width: 100%;
max-height: 800px;
object-fit: contain;
object-position: left;
}
.txt .underline{
color: var(--jaune);
background-image: linear-gradient(transparent calc(100% - 1px), var(--jaune) 10px);
}
.txt pre{
overflow: hidden;
}
.bloc-bien{
position: relative;
}
.bloc-bien img{
width: 100%;
height: 30vw;
object-fit: cover;
}
.bloc-bien .slogan{
right: 10px;
}
/*****
CONTACT
*/
.page-contact .agency{
margin-top: -0px;
}
.page-contact .agency .list-agency h2{
display: none;
}
.team-members-contacts{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 60px;
margin-top: 40px;
justify-content: center;
}
.team-member-contact>img{
width: 300px;
height: 300px;
border-radius: 300px;
display: flex;
margin: 0 auto;
background: var(--bleu);
object-position: top;
}
.contact__info{
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
margin-top: 20px;
}
/****
Étape
*/
.icon-page-step{
border-bottom: 2px solid var(--jaune);
margin-top: 40px;
}
.icon-page-step>img{
width: 300px;
max-height: 320px;
object-fit: contain;
}
.pd-bt-bien{
padding-bottom: 60px;
}
#wpadminbar.mobile{
display: none!important;
}
.slider-biens-mobile {
position: relative;
margin-top: 30px;
}
.bienswiper-proj {
width: calc(100% + var(--medium-margin));
overflow: hidden;
}
.slide-card-bien {
background: #fff;
padding: 25px;
position: relative;
}
.mobile-progress {
width: 100%;
margin-top: 20px;
position: relative;
height: 5px;
overflow: hidden;
}
.mobile-progress::after{
content: '';
background: rgba(3, 18, 57, 0.6);
height: 1px;
width: 100%;
position: absolute;
left: 0;
top: 2px;
z-index: 9;
}
.mobile-progress-bar {
height: 5px;
width: 0%;
border-radius: 60px;
position: absolute;
top: 0px;
left: 0;
z-index: 10;
background: var(--jaune);
transition: width 0.25s linear;
}
.slide-card-bien p{
margin-bottom: 0;
}
.slide-card-bien h3{
margin-bottom: 10px;
}
.slide-card-bien p span{
opacity: 0.6;
}
.mobile-bien-illu {
position: relative;
}
.mobile-bien-illu img {
width: 100%;
display: block;
}
.mobile-overlay {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: visible;
}
.status-mobile{
position: absolute;
top: 25px;
right: 25px;
border: 1px solid var(--bgclair);
font-size: 13px;
padding: 4px 12px;
border-radius: 20px;
}
sup{
position: absolute;
top: -2px;
font-size: 13px;
}
.alert-message{
margin-top: 20px;
}
.iv-fullscreen-close{
background-color: var(--jaune);
border-radius: 50px;
}
.iv-fullscreen-close:after, .iv-fullscreen-close:before{
height: 2px;
}
.iv-description{
display: none;
}
.iv-next{
background-image: url("../icons/arrow-down.svg");
background-size: contain;
padding: 10px;
transform: rotate(-90deg) translateY(-50%);
width: 30px;
height: 30px;
right: 20px;
bottom: unset;
top: 50%;
}
.iv-prev{
background-image: url("../icons/arrow-down.svg");
background-size: contain;
padding: 10px;
transform: rotate(90deg) translateY(-50%);
width: 30px;
height: 30px;
left: 20px;
bottom: unset;
top: 50%;
}
body .iv-fullscreen{
background-color: var(--bgclair);
padding-top: 20px;
padding-bottom: 20px;
}
.other-actualites{
background-color: #F5F3EF;
padding-top: 120px;
padding-bottom: 120px;
margin-top: 50px;
}
.other-actualites .h1{
text-transform: lowercase;
}
.other-actualites .h1:first-letter{
text-transform: uppercase;
}
.single-actualite #container{
padding-bottom: 0;
}
.doc-link{
transition: 0.5s ease-in-out all;
}
.doc-link span{
color: var(--jaune);
/*background-image: linear-gradient(transparent calc(100% - 1px), var(--jaune) 10px);*/
}
.doc-link svg{
display: inline-block;
margin-bottom: -8px;
margin-right: 4px;
}
.doc-link:hover{
opacity: 0.6;
}
.form-container .wpcf7{
margin-top: 8px;
}
.wpcf7 form.sent .wpcf7-response-output{
border: 0px solid transparent;
padding: 0;
}
.grecaptcha-badge{
display: none!important;
}
#cookieNotice{
position: fixed;
bottom: 0;
left: 0;
z-index: 1000;
background: var(--bleu);
padding: 40px var(--sm-side) 35px var(--sm-side);
width: calc(400px + var(--sm-side) * 2);
color: white;
}
#cookieNotice h4,
#cookieNotice p{
color: white;
}
#cookieNotice .btn_base{
margin-left: auto;
margin-top: 10px;
}
.home-actualites{
margin-top: 40px;
}
.no-scroll #header{
transform: translate(0, -150px);
}