html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
font-family: 'Open Sans', sans-serif;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.h4, .h5, .h6, h4, h5, h6 {
margin-top: 10px;
margin-bottom: 10px;
}
.container{
margin: auto!important;
}
a{
text-decoration: none!important;
}
.btn:hover{
border: 1px solid #EE4E26!important;
color: #EE4E26!important;
background: #fff!important;
}
input,
a:focus,
img:focus{
outline: none!important;
}
.simplefavorite-button{
border: none;
background:none;
}
.img-responsive{
width: 100%;
}
.fa {
font-family: 'FontAwesome';
}
.btn:focus{
outline: none!important;
}
.btn-guide,
.btn-guides,
.btn-alerte,
.btn-annonce {
text-align: center!important;
font-family: Inter!important;
}
.btn-guides,
.btn-alerte{
height: 80px;
max-width: 350px;
display: flex!important;
justify-content: center;
}
.btn-guide a{
background: #f0f0f0!important;
color: #ea5b21!important;
border: solid 1px rgba(234, 91, 33, 0.48)!important;
padding: 23px 60px 23px 32px!important;
font-size: 15px;
font-weight: 500;
background: transparent!important;
}
.btn-guide a:hover{
background: #ea5b21!important;
color: #f0f0f0!important;
}
.btn-guide a i{
right: 35px!important;
top: 33px!important;
}
.btn-annonce a,
.btn-annonce button{
color: #ea5b21!important;
border: solid 1px rgba(234, 91, 33, 0.48)!important;
padding: 23px 32px!important;
font-size: 15px!important;
font-weight: 500;
background: #fff!important;
font-family: 'Inter';
}
.btn-annonce button:hover{
color: #fff!important;
background: #ea5b21!important;
}
.btn-annonce a{
padding: 23px 32px!important;
}
.btn-annonce button{
display: flex!important;
align-items: center;
grid-gap: 16px;
}
.btn-alerte button,
.btn-guides button{
font-size: 22px!important;
background: #fff!important;
color: #000!important;
text-align: center!important;
border: none!important;
}
.info-pro div{
display: flex;
grid-gap:0.51rem;
}
.info-pro div i{
color: #D1D0CF;
font-size: 20px;
}
.span-border p{
position: relative;
}
.success-login{
background: #d4edda;
color: #155724;
padding: 1rem 2rem;
border: 1px solid #c3e6cb;
line-height: 28px;
}
.error-login{
color: #721c24;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
padding: 1rem 2rem;
line-height: 28px;
}
.border{
color: #000;
right: 0rem;
position: absolute;
bottom: -55px;
border-right: 5px solid #2a2724 !important;
border-top: 5px solid #2a2724 !important;
padding: 10px 2rem;
}
.border-ventes{
right: 0rem;
position: absolute;
bottom: 105px;
border-right: 5px solid #ed7442 !important;
border-bottom: 5px solid #ed7442 !important;
padding: 10px 2rem;
color: #ea5b21;
}
.slick-prev:before {
content: "←"!important;
background: #fff;
color: #F4AD90!important;
font-size: 30px;
}
.slick-next:before {
content: "→"!important;
color: #F4AD90!important;
background: #fff;
font-size: 30px;
}
.shortcode_wysija form h3{
font-size: 24px;
color: #000;
margin-bottom: 1rem;
font-family: Belleza, sans-serif;
}
.shortcode_wysija form .row{
width: 100%;
}
.shortcode_wysija form .row div{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
border-bottom: 1px solid;
margin-left: 15px;
padding: 0;
}
.shortcode_wysija form .row div i{
margin-left: -6px;
}
.shortcode_wysija form .row div p input{
border: unset;
padding-bottom: .5rem;
font-size: 14px;
font-family: Inter, sans-serif;
}
.shortcode_wysija form .row div p input:focus{
outline: none!important;
}
.shortcode_wysija form .row div .wysija-submit{
position: absolute;
right: -20px;
top: -12px;
background: transparent;
color: transparent;
border: none;
}
.newsletter-wysija{
max-width: 350px;
height: 80px;
}
.newsletter .vc_column-inner{
padding-right: 0!important;
}
.vc_column-inner{
padding-top: 0!important;
}
.vc_column_container {
margin: 0 auto;
}
.listing-table .btn-default, .latest-adv .btn-default.btn-adv{
background: unset!important;
}
/* HEADER --------------------------------------------------------------------*/
.navbar-default{
position: sticky;
z-index: 2;
top: 0;
width: 100%;
background: #fff;
}
.navbar-header{
padding: 1rem 2rem;
}
.navbar .navbar-brand{
padding: unset;
}
.navbar .navbar-brand img{
width: 100%;
height: 100%;
object-fit: contain;
}
.navbar #ChangeToggle{
background: #fff;
border-color: #fff;
}
.navbar #navbar{
height: calc(100vh - 130px);
margin: unset;
padding: unset;
}
.navbar #navbar ul{
padding: 0 2rem 0.5rem 2rem;
}
.navbar #navbar ul li{
margin: 0 1rem;
}
.navbar #navbar ul li:nth-last-child(1) {
border-top: 1px solid #A7A7A7;
}
.navbar #navbar ul li a{
padding: 10px 0;
font-family: Inter;
display: table;
}
.navbar #navbar ul li:nth-last-child(2) a{
padding-bottom: 20px;
}
.navbar #navbar ul li:nth-last-child(1) a{
color: #ea5b21!important;
}
.navbar #navbar ul.sub-menu{
list-style: none;
}
.navbar #navbar ul.sub-menu li:nth-last-child(1){
border:none;
}
.navbar #navbar ul.sub-menu li:nth-last-child(1) a{
color: #000;
}
.navbar #navbar ul.sub-menu li:nth-last-child(2) a{
padding-bottom: 10px;
}
.navbar .bottom-menu-mobile{
display: flex;
flex-direction: column;
grid-gap: 1rem;
padding: 1.5rem 2rem 1rem 2rem;
background: #F4F4F4;
}
.navbar .bottom-menu-mobile div,
.navbar .bottom-menu-mobile span{
padding-bottom: 1rem;
}
.navbar .bottom-menu-mobile div{
border-bottom: 1px solid #A7A7A7;
}
.navbar .bottom-menu-mobile div a{
color: #ea5b21;
font-weight: bold;
}
.navbar .bottom-menu-mobile .tel{
color: #ea5b21;
border-bottom: 1px solid #A7A7A7;
}
.navbar .bottom-menu-mobile .mail{
color: #A7A7A7;
border-bottom: 1px solid #A7A7A7;
}
.navbar .bottom-menu-mobile .adresse{
color: #A7A7A7;
}
.top-bar{
display: none;
}
.top-bar ul li{
position: relative;
}
.top-bar ul li .sub-menu{
position: absolute;
top: 100%;
display: none;
background: white;
z-index: 3000;
list-style: none;
white-space: nowrap;
padding-right: 40px;
padding-bottom: 10px;
box-shadow: 5px 5px 6px 1px rgb(0 0 0 / 10%);
}
.top-bar ul li .sub-menu li a{
padding: 10px 0;
display: table;
margin: 0;
}
.top-bar ul.sub-menu li:nth-last-child(1) a{
border:none;
color: #000;
}
.top-bar ul li .sub-menu li a:hover{
background: #eee;
}
.top-bar ul li:hover .sub-menu{
display: block;
}
.top-bar .top-bar-info{
display: flex;
grid-gap: .5rem;
padding: 2rem 0;
align-items: center;
}
.top-bar .top-bar-info .hidden-xs{
padding: 4px 0;
}
.top-bar .top-bar-info a,
.top-bar .top-bar-info span{
font-family: Inter;
font-size: 14px;
}
.top-bar .top-bar-info a{
color: #ea5b21;
font-weight: bold;
}
.top-bar .top-bar-info .tel{
color: #ea5b21;
/*border-left: 1px #A7A7A7 solid;*/
border-right: 1px #A7A7A7 solid;
padding: 4px 1.5rem;
}
.top-bar .top-bar-info .mail{
color: #A7A7A7;
border-right: 1px #A7A7A7 solid;
padding: 4px 1.5rem 4px 1.5rem;
}
.top-bar .top-bar-info .sales-count-adresse{
display: flex;
flex-direction: column;
padding-left: 1.5rem;
align-items: center;
}
.top-bar .top-bar-info .mail a{
color: #A7A7A7;
font-weight: normal;
}
.top-bar .top-bar-info .adresse{
color: #A7A7A7;
padding: 4px 0;
}
.top-bar .menu{
width: 100%;
border-top: 1px solid #E6E6E6;
border-bottom: 1px solid #E6E6E6;
display: flex;
margin: 1rem 0;
}
.top-bar .menu ul{
margin:0 auto;
}
.top-bar ul li a{
color: #000;
padding: 0 .5rem;
margin: 1rem auto;
font-family: Inter;
font-size: 12px;
}
.top-bar ul li a:focus{
outline: unset!important;
}
.top-bar ul li:nth-last-child(1) a{
color: #ea5b21;
border-left: 1px solid #A7A7A7;
font-weight: bold;
}
#navbar ul li a{
color: #000;
}
/* SEARCH BLOCK -------------------------------------------------------------- */
.search-block{
background-color: #fff;
padding: 10px 15px;
margin-bottom: 30px;
position: relative;
box-shadow: 0 8px 60px 0 rgba(0, 0, 0, 0.08);
margin-top: 2rem;
}
.search-block .header-search-block{
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 1rem;
margin-top: 1.5rem;
}
.search-block .header-search-block h4{
color: #000;
margin: 0;
display: inline-block;
font-size: 24px;
font-family: 'Belleza', sans-serif;
}
.search-block .header-search-block .rechercher-carte-alerte{
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
justify-content: center;
grid-gap: 1rem;
}
.search-block .header-search-block .rechercher-carte-alerte .btn {
background: none;
border: 1px solid transparent;
display: flex;
align-items: center;
grid-gap: 1rem;
color: #181511;
font-family: Inter, sans-serif;
font-size: 14px;
}
.search-block .header-search-block .rechercher-carte-alerte .btn i{
color: #EE4E26;
}
.search-block .listes-deroulantes{
border: 1px solid #EBEBEB;
margin: 15px;
padding: 5px;
display: flex;
flex-direction: column;
grid-gap: 10px;
flex-wrap: wrap;
}
.sidebar .btn,
#wpcf7-f420-p152-o1 input[type=submit],
.btn-orange,
.search-block .btn.rechercher{
background: #EE4E26;
border: none;
border-radius: 0;
color: #fff;
font-weight: 500;
padding: 16px 40px;
font-size: 15px;
}
.search-block .btn.rechercher:hover{
color: #EE4E26;
border: 1px solid #EE4E26;
background: #fff;
}
.search-block select{
border-radius: 0;
height: 28px;
-webkit-appearance: none;
background: none;
outline: 0;
color: #939393;
border: none;
-webkit-box-shadow: none;
width: 130px;
-moz-appearance: none;
appearance: none;
padding: 0 10px;
}
.search-block div.value-selected{
color: #EE4E26;
background: #FCD2C4;
display: flex;
align-items: center;
grid-gap: 10px;
width: max-content;
padding: 7px 7px;
border-radius: 7px;
font-size: 12px;
}
.search-block div.value-selected i{
color: #FCD2C4;
background: #EE4E26;
padding: 5px 6px;
border-radius: 100%;
font-size: 12px;
}
.search-block .input-group-addon{
padding: 5px 12px;
border-radius: 0;
}
.search-block .listes-deroulantes .liste{
padding: 0;
}
.search-block .footer-search-block{
display: flex;
justify-content: end;
}
/* DERNIERE VENTES JUDICIAIRES IMMOBILIERES ------------------------------------------------------------------*/
.latest-adv:nth-child(1){
padding-left: 0!important;
padding-right: 0!important;
}
.latest-adv a{
text-decoration: none;
}
.no-image{
/*border: 1px solid #e69636;*/
border: 1px solid #EE4E26;
padding: 20px;
}
.latest-adv a img.no-image{
height: 240px;
object-fit: contain;
}
.latest-adv h3{
font-size: 36px;
font-family: Belleza, sans-serif;
color: #000;
margin: unset;
}
.latest-adv .immobilieres{
display: grid;
align-items: end;
grid-template-columns: 1fr;
}
.latest-adv .immobilieres .col-md-6{
padding-right: 0!important;
width: 100%;
}
.latest-adv .immobilieres span{
color: #ea5b21;
text-decoration: underline;
}
.latest-adv .immobilieres .col-md-4{
padding-left: 0!important;
width: 100%;
}
.latest-adv .immobilieres .col-md-4 a button{
padding: 21px 24px!important;
margin: 2rem 0 0 15px;
font-size: 15px;
}
.slick-initialized .slick-slide{
max-width: 350px;
}
.slider-ventes{
margin: 2.5rem auto 0 auto;
}
.slider-ventes .slick-track{
display: flex;
grid-gap: 2rem;
}
.latest-adv .arrow-prev i{
background: #ea5b21;
opacity: 0.5;
padding: 1.5rem;
border-radius: 50%;
color: #fff;
position: absolute;
left: -20px;
top: 27%;
cursor: pointer;
}
.latest-adv .arrow-next i{
background: #ea5b21;
opacity: 0.5;
padding: 1.5rem;
border-radius: 50%;
color: #fff;
position: absolute;
right: -20px;
top: 27%;
cursor: pointer;
}
.slider-ventes img{
max-height: 240px;
width: 100%;
max-width: 350px;
object-fit: cover;
margin:0 auto;
}
.slider-ventes.slick-initialized .slick-slide{
max-width:unset;
}
.slider-ventes .link{
margin-top: 20px;
font-family: Belleza;
}
.slider-ventes p{
font-size: 14px;
}
.slider-ventes .link a{
font-size: 24px;
color: #000;
}
.slider-ventes .localisation{
color: #6B6967;
font-size: 24px;
margin-top: 8px;
font-family: Belleza;
}
.slider-ventes .prix{
color: #181511;
font-size: 15px;
margin-top: 16px;
font-family: Inter;
font-weight: bold;
}
.slider-ventes .prix span{
color: #ea5b21;
font-weight: bold;
}
.slider-ventes .tribunal{
color: #181511;
font-family: Inter;
margin-top: 16px;
line-height: 18px;
}
.slider-ventes .date-vente span,
.slider-ventes .tribunal span{
font-weight: bold;
}
.slider-ventes .date-vente{
margin: 10px 0;
color: #181511;
font-family: Inter;
}
.slider-ventes .date-vente strong{
font-weight: bold;
}
.slider-ventes .date-vente .date-diff,
.posts .date-vente .date-diff{
color: #ea5b21;
background-color: #EA5B2128;
padding: 2px 4px;
margin-left: 8px;
border-radius: 4px;
font-weight: 400 !important;
}
.slider-ventes .visite{
margin: 12px 0 0 0;
color: #181511;
font-family: Inter;
}
.slider-ventes .visite span{
opacity: 0.64;
font-family: Inter;
font-size: 14px;
background: #DADAD9;
padding: 2px 4px;
border-radius: 5px;
}
/* VENTES MOBILIERES ------------------------------------------------------------------*/
.latest-mo .col-md-12 .row{
margin-top: 0!important;
}
.slick-initialized .slick-slide{
max-width: 350px;
}
.slider-ventes-mobi{
margin-top: 2.5rem;
padding-bottom: 2.5rem;
}
.slider-ventes-mobi img{
max-height: 240px;
width: 350px;
object-fit: cover;
}
.slider-ventes-mobi .slick-track{
display: flex;
grid-gap: 2rem;
}
.slider-ventes-mobi .link{
margin-top: 20px;
font-family: Belleza;
}
.slider-ventes-mobi .link a{
font-size: 24px;
color: #fff;
font-weight: normal;
letter-spacing: normal;
}
.slider-ventes-mobi .localisation{
color: rgba(255, 255, 255, 0.5);
font-size: 15px;
margin-top: 8px;
font-family: Inter;
}
.slider-ventes-mobi .localisation i{
margin-right: 8px;
}
.slider-ventes-mobi .date-vente strong{
font-weight: normal;
}
.slider-ventes-mobi .date-vente{
margin: 10px 0 24px 0;
color: #fff;
font-family: Inter;
font-size: 15px;
font-weight: 400;
}
.latest-mo .btn-annonce{
text-decoration: none!important;
}
.latest-mo .btn-annonce button{
background: #000!important;
color: #ea5b21!important;
}
.latest-mo .btn-annonce button:hover{
background: #ea5b21!important;
color: #000!important;
}
/* SURENCHERE ----------------------------------------------------------------------------------------------*/
.surenchere-possible{
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.surenchere-possible:before{
width: 100%;
background: #f4f4f4 ;
height: 50%;
position: absolute;
bottom: 0;
}
.surenchere-possible .wpb_column{
max-width: 540px;
height: 280px;
padding: 0!important;
margin: 0!important;
}
.surenchere-possible .first{
margin-right: 0!important;
}
.surenchere-possible .wpb_text_column{
margin-bottom: 20px!important;
}
/* VIDEO ----------------------------------------------------------------------------------------------*/
.video{
display: flex;
flex-direction: column;
}
.video .lecteur{
max-width: 540px;
}
/* NOS GUIDES ----------------------------------------------------------------------------------------------*/
.comment{
text-align: center;
}
.btn-guides a{
font-size: 22px!important;
background: #fff!important;
color: #000!important;
text-align: center!important;
display: flex!important;
align-items: center;
}
.btn-guides:hover{
text-decoration: none!important;
}
.btn-guides a:hover{
border-color: transparent!important;
}
/* CESSIONS -----------------------------------------------------------------------------------------------------*/
.cessions{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
}
.cessions h3{
font-size: 36px;
margin-bottom: 1rem;
color: #000;
font-family: Belleza;
}
.cessions h3 span{
color: #ea5b21;
text-decoration: underline;
}
.cessions a{
text-decoration: none!important;
}
.cessions button{
font-size: 15px!important;
}
.slider-cessions{
margin: 0 auto;
}
.slider-cessions .slick-track{
display: flex;
grid-gap: 2rem;
}
.latest-cess .arrow-prev i{
background: #ea5b21;
opacity: 0.5;
padding: 1.5rem;
border-radius: 50%;
color: #fff;
position: absolute;
left: -30px;
top: 16%;
cursor: pointer;
}
.latest-cess .arrow-next i{
background: #ea5b21;
opacity: 0.5;
padding: 1.5rem;
border-radius: 50%;
color: #fff;
position: absolute;
right: -30px;
top: 16%;
cursor: pointer;
}
.slider-cessions img{
height: 280px;
max-width: 100%;
object-fit: contain;
}
.slider-cessions .link{
margin-top: 20px;
font-family: Belleza;
}
.slider-cessions .link a{
font-size: 24px;
color: #181511;
font-weight: normal;
}
.slider-cessions .activite{
margin: 1rem 0;
color: #000;
}
.slider-cessions .activite strong{
font-size: 15px;
font-family: 'Inter';
}
.slider-cessions .localisation{
font-size:15px;
font-family: 'Inter';
color: #181511;
opacity: 0.5;
}
.slider-cessions .localisation i{
margin-right: 10px;
}
.slider-cessions .vente{
margin-top: 8px;
font-size: 14px;
font-family: 'Inter', sans-serif;
color: #181511;
opacity: 0.5;
}
/* ANNUAIRE AVOCAT --------------------------------------------------------------------------------------------------*/
.page-template-liste-avocats .etude{
color:#000;
}
.listing-table tbody > tr > td.tel-avocat,
.listing-table tbody > tr > td.nowrap{
white-space: nowrap;
}
.listing-table tbody .align-right{
text-align: right;
}
/* SINGLE AVOCAT --------------------------------------------------------------------------------------------------*/
.single-avocat h1{
font-size: 48px;
font-family: Belleza, sans-serif;
}
.single-avocat h2{
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.29;
color: #181511;
margin: 10px 0;
}
.single-avocat img.logo-avocat{
margin:0 auto;
width: 250px;
height: 250px;
object-fit: contain;
display: flex;
}
/* SINGLE IMMO --------------------------------------------------------------------------------------------------*/
.single-annonce_immo .top-bar ul li{
display: none;
}
.single-annonce_immo .top-bar .menu .container{
position: relative;
}
.single-annonce_immo .go-back{
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.single-annonce_immo .show-menu{
position: absolute;
right: 13rem;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.single-annonce_immo .go-back:hover,
.single-annonce_immo .show-menu:hover{
color: #ea5b21;
}
.single-annonce_immo .top-bar ul li:last-child{
display: block;
}
.single-annonce_immo .imo-image,
.single-annonce_immo_lot .imo-image{
min-height: 8rem;
}
.single-annonce_immo_lot .imo-image .col-sm-12,
.single-annonce_immo .imo-image .col-sm-12{
padding-right: 0;
padding-left: 0;
}
.single-annonce_immo_lot .imo-image .col-sm-12 img,
.single-annonce_immo .imo-image .col-sm-12 img{
width: 100%;
object-fit: contain;
height: 550px;
}
.single-annonce_immo .imo-image .col-sm-12 .no-image{
height: 250px;
max-width: 330px;
margin:0 auto;
}
.single-annonce_immo .imo-image .col-sm-12 .no-image img{
max-width: 300px;
margin:0 auto;
height: 200px;
}
.single-annonce_immo_lot .imo-image .col-sm-12 .fa-arrow-left-long,
.single-annonce_immo .imo-image .col-sm-12 .fa-arrow-left-long{
background: #ea5b21;
opacity: 0.5;
padding: 1.5rem;
border-radius: 50%;
color: #fff;
position: absolute;
left: 45px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.single-annonce_immo_lot .imo-image .col-sm-12 .fa-arrow-right-long,
.single-annonce_immo .imo-image .col-sm-12 .fa-arrow-right-long{
background: #ea5b21;
opacity: 0.5;
padding: 1.5rem;
border-radius: 50%;
color: #fff;
position: absolute;
right: 45px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.single-annonce_immo_lot .row .col-sm-8,
.single-annonce_immo .row .col-sm-8{
margin-top: 4rem;
}
.single-annonce_immo_lot .row .col-sm-8 h1,
.single-annonce_immo .row .col-sm-8 h1{
font-size: 48px;
font-family: Belleza, sans-serif;
color: #000;
}
.single-annonce_immo_lot .row .col-sm-8 > span,
.single-annonce_immo .row .col-sm-8 > span{
color: #6B6A68;
font-size: 48px;
font-family: Belleza, sans-serif;
margin-bottom: 40px;
}
.single-annonce_immo_lot .row .col-sm-8 .new-section,
.single-annonce_immo .row .col-sm-8 .new-section{
color: #000;
display: flex;
flex-direction: column;
margin: 42px 0;
}
.single-annonce_immo_lot .row .col-sm-8 .new-section h2,
.single-annonce_immo .row .col-sm-8 .new-section h2{
font-family: Belleza, sans-serif;
font-size: 24px;
color: #181511;
margin-bottom: 16px;
}
.single-annonce_immo_lot .row .col-sm-8 .new-section p,
.single-annonce_immo .row .col-sm-8 .new-section p{
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.29;
color: #181511;
}
.single-annonce_immo_lot .row .col-sm-8 .vente p span,
.single-annonce_immo .row .col-sm-8 .vente p span{
font-weight: bold;
}
.single-annonce_immo_lot .row .col-sm-8 .localisation.new-section h2,
.single-annonce_immo .row .col-sm-8 .localisation.new-section h2{
margin-bottom: 24px;
}
.single-annonce_immo_lot .main .date-diff,
.single-annonce_immo .main .date-diff{
color: #ea5b21;
background-color: #EA5B2128;
padding: 2px 4px;
margin-left: 8px;
border-radius: 4px;
font-weight: 400 !important;
width: fit-content;
}
.single-annonce_immo_lot .main .date-diff.date-is-passed,
.single-annonce_immo .main .date-diff.date-is-passed{
display: inline-flex;
width: fit-content;
margin: 0;
}
.single-annonce_immo_lot .row .col-sm-8 .visite span,
.single-annonce_immo .row .col-sm-8 .visite span{
opacity: 0.64;
font-family: Inter, sans-serif;
font-size: 16px;
background: #DADAD9;
padding: 2px;
border-radius: 5px;
}
.single-annonce_immo_lot .row .col-sm-8 .prix span,
.single-annonce_immo .row .col-sm-8 .prix span{
color: #ea5b21;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: bold;
}
.single-annonce_immo_lot .row .col-sm-8 .avocat h4,
.single-annonce_immo .row .col-sm-8 .avocat h4{
font-size: 14px;
line-height: 18px;
font-family: Inter, sans-serif;
font-weight: bold;
}
.single-annonce_immo_lot .row .col-sm-8 .cahier,
.single-annonce_immo .row .col-sm-8 .cahier{
margin: 40px 0;
color: #000;
font-size: 14px;
font-family: Inter, sans-serif;
line-height: 1.29;
}
.single-annonce_immo .download-btn{
display: flex;
grid-gap: 1rem;
text-align: left;
margin-right: 1rem;
}
.single-annonce_immo_lot .row .col-md-4,
.single-annonce_immo .row .col-md-4{
display: grid;
grid-gap: 8px;
box-shadow: 0 8px 60px 0 rgba(0, 0, 0, 0.08);
background-color: #fff;
padding: 2rem;
margin-top: -55px;
word-break: break-all;
}
.single-annonce_immo_lot .row .col-md-4 h3,
.single-annonce_immo .row .col-md-4 h3{
font-family: Belleza, sans-serif;
font-size: 36px;
}
.single-annonce_immo_lot .row .col-md-4 h2 + span,
.single-annonce_immo .row .col-md-4 h2 + span{
font-family: Belleza, sans-serif;
font-size: 24px;
color: #181511;
opacity: 0.64;
margin-bottom: 34px;
}
.single-annonce_immo_lot .row .col-md-4 .date-vente,
.single-annonce_immo .row .col-md-4 .date-vente{
font-family: Inter;
font-size: 16px;
line-height: 22px;
display: flex;
align-items: center;
grid-gap: 8px;
flex-wrap: wrap;
}
.single-annonce_immo_lot .row .col-md-4 .date-vente span,
.single-annonce_immo .row .col-md-4 .date-vente span{
font-weight: bold;
}
.single-annonce_immo_lot .row .col-md-4 .tribunal,
.single-annonce_immo .row .col-md-4 .tribunal{
font-family: Inter;
font-size: 16px;
margin: 18px 0 32px 0;
}
.single-annonce_immo_lot .row .col-md-4 .tribunal span,
.single-annonce_immo .row .col-md-4 .tribunal span{
font-weight: bold;
word-break: break-word;
}
.single-annonce_immo_lot .row .col-md-4 .prix,
.single-annonce_immo .row .col-md-4 .prix{
font-family: Inter;
font-size: 14px;
margin-bottom: 32px;
display: flex;
flex-direction: column;
}
.single-annonce_immo_lot .row .col-md-4 .prix span,
.single-annonce_immo .row .col-md-4 .prix span{
color: #ea5b21;
font-weight: bold;
font-size: 16px;
margin-top: 1rem;
}
.single-annonce_immo_lot .row .col-md-4 #map-droite,
.single-annonce_immo .row .col-md-4 #map-droite{
margin-bottom: 32px;
}
.single-annonce_immo_lot [id^=map],
.single-annonce_immo [id^=map]{
border-radius: 8px;
}
.single-annonce_immo_lot .row .col-md-4 a,
.single-annonce_immo .row .col-md-4 a{
display: flex;
align-items: center;
justify-content: center;
grid-gap: 12px;
}
.single-annonce_immo_lot .row .col-md-4 a img,
.single-annonce_immo .row .col-md-4 a img{
width: 24px;
height: 24px;
}
.single-annonce_immo_lot .row .col-md-4 .visite,
.single-annonce_immo .row .col-md-4 .visite{
color: #fff;
padding: 15px 0;
border: #ea5b21 1px solid;
background: #ea5b21;
text-align: center;
font-family: Inter;
}
.single-annonce_immo_lot .row .col-md-4 .visite:hover,
.single-annonce_immo .row .col-md-4 .visite:hover{
background: #ea5b21!important;
}
.single-annonce_immo_lot .row .col-md-4 .favoris,
.single-annonce_immo .row .col-md-4 .favoris{
color: #ea5b21;
padding: 15px 0;
border: #ea5b21 1px solid;
text-align: center;
font-family: 'Inter', sans-serif;
position: relative;
}
.single-annonce_immo_lot .row .col-md-4 .favoris span,
.single-annonce_immo .row .col-md-4 .favoris span{
width: 100%;
height: 100%;
position: absolute;
color: transparent;
}
.single-annonce_immo_lot .row .col-md-4 .favoris span button,
.single-annonce_immo .row .col-md-4 .favoris span button{
width: 100%;
height: 100%;
}
.single-annonce_immo_lot .row .col-md-4 hr,
.single-annonce_immo .row .col-md-4 hr{
height: 1px;
width: 100%;
}
.single-annonce_immo_lot .row .col-md-4 h3,
.single-annonce_immo .row .col-md-4 h3{
text-align: center;
font-family: Belleza;
font-size: 24px;
color: #000;
margin-bottom: 16px;
}
.single-annonce_immo_lot .row .col-md-4 .social,
.single-annonce_immo .row .col-md-4 .social{
display: flex;
justify-content: center;
grid-gap: 24px;
}
.single-annonce_immo_lot .row .col-md-4 .social .fa-facebook,
.single-annonce_immo .row .col-md-4 .social .fa-facebook{
color: #1877f2;
font-size: 24px;
cursor: pointer;
}
.single-annonce_immo_lot .row .col-md-4 .social .fa-twitter,
.single-annonce_immo .row .col-md-4 .social .fa-twitter{
color: #1da1f2;
font-size: 24px;
cursor: pointer;
}
.single-annonce_immo_lot .row .col-md-4 .social .fa-linkedin,
.single-annonce_immo .row .col-md-4 .social .fa-linkedin{
color: #0a66c2;
font-size: 24px;
cursor: pointer;
}
.single-annonce_immo_lot .row .col-md-12 .biens,
.single-annonce_immo .row .col-md-12 .biens{
margin: 70px 0 50px 0;
color: #000;
display: flex;
justify-content: space-between;
align-items: center;
}
.single-annonce_immo_lot .row .col-md-12 .biens h2,
.single-annonce_immo .row .col-md-12 .biens h2{
font-size: 36px;
font-family: Belleza;
}
.single-annonce_immo_lot .row .col-md-12 .biens a,
.single-annonce_immo .row .col-md-12 .biens a{
font-size: 15px;
font-family: Inter;
color: #ea5b21;
padding: 23px 32px;
display: flex;
grid-gap: 8px;
border: 1px solid #ea5b21;
}
.single-annonce_immo_lot .row .col-md-12 .posts,
.single-annonce_immo .row .col-md-12 .posts{
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
margin-bottom: 80px;
}
.single-annonce_immo_lot .row .col-md-12 .posts .text-center img,
.single-annonce_immo .row .col-md-12 .posts .text-center img{
min-height: 350px;
}
.single-annonce_immo_lot .row .col-md-12 .posts div,
.single-annonce_immo .row .col-md-12 .posts div{
margin: 0 auto;
}
.single-annonce_immo_lot .row .col-md-12 .posts .link,
.single-annonce_immo .row .col-md-12 .posts .link{
margin: 28px 0 8px 0;
font-family: Belleza;
font-size: 24px;
}
.single-annonce_immo_lot .row .col-md-12 .posts .link a,
.single-annonce_immo .row .col-md-12 .posts .link a{
color: #000;
}
.single-annonce_immo_lot .row .col-md-12 .posts .content,
.single-annonce_immo .row .col-md-12 .posts .content{
display: grid;
grid-gap: 18px;
color: #000;
font-family: Inter;
font-size: 14px;
line-height: 1.3;
}
.single-annonce_immo_lot .row .col-md-12 .posts .content .localisation,
.single-annonce_immo .row .col-md-12 .posts .content .localisation{
font-family: Belleza;
color: #6B6A68;
font-size: 24px;
}
.single-annonce_immo_lot .row .col-md-12 .posts .content span,
.single-annonce_immo .row .col-md-12 .posts .content span{
font-weight: bold;
}
.single-annonce_immo_lot .row .col-md-12 .posts .content .prix span,
.single-annonce_immo .row .col-md-12 .posts .content .prix span{
color: #ea5b21;
}
.single-annonce_immo_lot .box-contact-button,
.single-annonce_immo .box-contact-button{
position: fixed;
width: 50px;
height: 50px;
right: 20px;
bottom: 20px;
z-index: 30;
}
.single-annonce_immo_lot .box-contact-button img,
.single-annonce_immo .box-contact-button img{
width: 100%;
}
.single-annonce_immo_lot .modal,
.single-annonce_immo .modal{
position: absolute;
top: 8rem;
}
/* SINGLE CESSION ------------------------------------------------------------------------------------------*/
.single-cession-acquisition .imo-image .col-sm-12{
padding-right: 0;
padding-left: 0;
}
.single-cession-acquisition .imo-image .col-sm-12 img{
width: 100%;
height: 550px;
margin: 0 auto;
object-fit: contain;
}
.single-cession-acquisition .imo-image .col-sm-12 .multiple img{
width: 60%;
height: 350px;
}
.single-cession-acquisition .imo-image .col-sm-12 .fa-arrow-left-long{
background: #ea5b21;
opacity: 0.5;
padding: 1rem;
border-radius: 50%;
color: #fff;
position: absolute;
left: 5px;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
}
.single-cession-acquisition .imo-image .col-sm-12 .fa-arrow-right-long{
background: #ea5b21;
opacity: 0.5;
padding: 1rem;
border-radius: 50%;
color: #fff;
position: absolute;
right: 5px;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
}
.single-cession-acquisition .col-md-12 .row .col-sm-8{
margin: 4rem auto;
}
.single-cession-acquisition .col-md-12 .row h1{
font-family: Belleza;
font-size: 48px;
margin-bottom: 40px;
}
.single-cession-acquisition .col-md-12 .row h2,
.single-cession-acquisition .col-md-12 .row h3{
font-family: Belleza;
font-size: 24px;
line-height: 32px;
}
.single-cession-acquisition .col-md-12 .row p{
font-family: Inter;
font-size: 16px;
line-height: 32px;
}
.single-cession-acquisition .col-md-12 .row span{
font-weight: bold;
}
.single-cession-acquisition .row .col-md-4{
display: grid;
grid-gap: 8px;
box-shadow: 0 8px 60px 0 rgba(0, 0, 0, 0.08);
background-color: #fff;
padding: 2rem;
margin-top: -55px;
}
.single-cession-acquisition .row .col-md-4 #map{
margin: 32px 0;
}
.single-cession-acquisition .row .col-md-4 a{
display: flex;
align-items: center;
justify-content: center;
grid-gap: 12px;
}
.single-cession-acquisition .row .col-md-4 a img{
width: 24px;
height: 24px;
}
.single-cession-acquisition .row .col-md-4 .visite{
color: #fff;
padding: 15px 0;
border: #ea5b21 1px solid;
background: #ea5b21;
text-align: center;
font-family: Inter;
}
.single-cession-acquisition .row .col-md-4 .visite:hover{
background: #ea5b21!important;
}
.single-cession-acquisition .row .col-md-4 .favoris{
color: #ea5b21;
padding: 15px 0;
border: #ea5b21 1px solid;
text-align: center;
font-family: 'Inter', sans-serif;
position: relative;
}
.single-cession-acquisition .row .col-md-4 .favoris span{
width: 100%;
height: 100%;
position: absolute;
color: transparent;
}
.single-cession-acquisition .row .col-md-4 .favoris span button{
width: 100%;
height: 100%;
}
.single-cession-acquisition .row .col-md-4 hr{
height: 1px;
width: 100%;
}
.single-cession-acquisition .row .col-md-4 h3{
text-align: center;
font-family: Belleza;
font-size: 24px;
color: #000;
margin-bottom: 16px;
}
.single-cession-acquisition .row .col-md-4 .social{
display: flex;
justify-content: center;
grid-gap: 24px;
}
.single-cession-acquisition .row .col-md-4 .social .fa-facebook{
color: #1877f2;
font-size: 24px;
cursor: pointer;
}
.single-cession-acquisition .row .col-md-4 .social .fa-twitter{
color: #1da1f2;
font-size: 24px;
cursor: pointer;
}
.single-cession-acquisition .row .col-md-4 .social .fa-linkedin{
color: #0a66c2;
font-size: 24px;
cursor: pointer;
}
.single-cession-acquisition .row .col-md-12 .biens{
margin: 70px 0 50px 0;
color: #000;
display: flex;
justify-content: space-between;
}
.single-cession-acquisition .row .col-md-12 .biens h2{
font-size: 36px;
font-family: Belleza;
}
.single-cession-acquisition .row .col-md-12 .biens a{
font-size: 15px;
font-family: Inter;
color: #ea5b21;
padding: 23px 32px;
display: flex;
grid-gap: 8px;
border: 1px solid #ea5b21;
}
.single-cession-acquisition .row .col-md-12 .posts{
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
margin-bottom: 80px;
}
.single-cession-acquisition .row .col-md-12 .posts .text-center img{
min-height: 350px;
}
.single-cession-acquisition .row .col-md-12 .posts div{
margin: 0 auto;
}
.single-cession-acquisition .row .col-md-12 .posts .link{
margin: 8px 0;
font-family: Belleza;
font-size: 24px;
}
.single-cession-acquisition .row .col-md-12 .posts .link a{
color: #000;
}
.single-cession-acquisition .row .col-md-12 .posts .content{
display: grid;
color: #000;
font-family: Inter;
font-size: 14px;
line-height: 1.3;
}
.single-cession-acquisition .row .col-md-12 .posts .content .localisation{
font-family: Inter;
color: #181511;
opacity: 0.5;
font-size: 15px;
}
.single-cession-acquisition .row .col-md-12 .posts .content .vente{
font-family: Inter;
color: #181511;
opacity: 0.5;
font-size: 14px;
}
.single-cession-acquisition .row .col-md-12 .posts .content .localisation i{
margin-right: 8px;
}
.single-cession-acquisition .row .col-md-12 .posts .content .activite{
font-family: Inter;
color: #000;
font-size: 16px;
}
.single-cession-acquisition .row .col-md-12 .posts .content span{
font-weight: bold;
}
.single-cession-acquisition .modal{
position: absolute;
top: 8rem;
}
/* SINGLE MOBILIERE ---------------------------------------------------------------------------------------*/
.single-annonce_mo .imo-image .col-sm-12{
padding-right: 0;
padding-left: 0;
}
.single-annonce_mo .imo-image .col-sm-12 img{
width: 100%;
object-fit: contain;
height: 550px;
}
.single-annonce_mo .imo-image .col-sm-12 .fa-arrow-left-long{
background: #ea5b21;
opacity: 0.5;
padding: 1.5rem;
border-radius: 50%;
color: #fff;
position: absolute;
left: 45px;
top: 33%;
cursor: pointer;
}
.single-annonce_mo .imo-image .col-sm-12 .fa-arrow-right-long{
background: #ea5b21;
opacity: 0.5;
padding: 1.5rem;
border-radius: 50%;
color: #fff;
position: absolute;
right: 45px;
top: 33%;
cursor: pointer;
}
.single-annonce_mo .row .col-sm-8{
margin: 4rem auto;
}
.single-annonce_mo .row h1{
font-family: Belleza;
font-size: 48px;
margin-bottom: 40px;
}
.single-annonce_mo .row .title{
color: #6B6A68;
font-size: 48px;
font-family: Belleza;
margin-bottom: 40px;
}
.single-annonce_mo .row h2,
.single-annonce_mo .row h3{
font-family: Belleza;
font-size: 24px;
line-height: 32px;
}
.single-annonce_mo .row p{
font-family: Inter;
font-size: 16px;
line-height: 32px;
}
.single-annonce_mo .row span{
font-weight: bold;
}
.single-annonce_mo .row .col-md-4{
display: grid;
grid-gap: 8px;
box-shadow: 0 8px 60px 0 rgba(0, 0, 0, 0.08);
background-color: #fff;
padding: 2rem;
margin-top: -55px;
}
.single-annonce_mo .row .col-md-4 #map{
margin: 32px 0;
}
.single-annonce_mo .row .col-md-4 a{
display: flex;
align-items: center;
justify-content: center;
grid-gap: 12px;
}
.single-annonce_mo .row .col-md-4 a img{
width: 24px;
height: 24px;
}
.single-annonce_mo .row .col-md-4{
display: grid;
grid-gap: 8px;
box-shadow: 0 8px 60px 0 rgba(0, 0, 0, 0.08);
background-color: #fff;
padding: 2rem;
margin-top: -55px;
}
.single-annonce_mo .row .col-md-4 #map{
margin: 32px 0;
}
.single-annonce_mo .row .col-md-4 a{
display: flex;
align-items: center;
justify-content: center;
grid-gap: 12px;
}
.single-annonce_mo .row .col-md-4 a img{
width: 24px;
height: 24px;
}
.single-annonce_mo .row .col-md-4 .visite{
color: #fff;
padding: 15px 0;
border: #ea5b21 1px solid;
background: #ea5b21;
text-align: center;
font-family: Inter;
}
.single-annonce_mo .row .col-md-4 .visite:hover{
background: #ea5b21!important;
}
.single-annonce_mo .row .col-md-4 .favoris{
color: #ea5b21;
padding: 15px 0;
border: #ea5b21 1px solid;
text-align: center;
font-family: 'Inter', sans-serif;
position: relative;
}
.single-annonce_mo .row .col-md-4 .favoris span{
width: 100%;
height: 100%;
position: absolute;
color: transparent;
}
.single-annonce_mo .row .col-md-4 .favoris span button{
width: 100%;
height: 100%;
}
.single-annonce_mo .row .col-md-4 hr{
height: 1px;
width: 100%;
}
.single-annonce_mo .row .col-md-4 h3{
text-align: center;
font-family: Belleza;
font-size: 24px;
color: #000;
margin-bottom: 16px;
}
.single-annonce_mo .row .col-md-4 .social{
display: flex;
justify-content: center;
grid-gap: 24px;
}
.single-annonce_mo .row .col-md-4 .social .fa-facebook{
color: #1877f2;
font-size: 24px;
cursor: pointer;
}
.single-annonce_mo .row .col-md-4 .social .fa-twitter{
color: #1da1f2;
font-size: 24px;
cursor: pointer;
}
.single-annonce_mo .row .col-md-4 .social .fa-linkedin{
color: #0a66c2;
font-size: 24px;
cursor: pointer;
}
.single-annonce_mo .row .col-md-12 .biens{
margin: 70px 0 50px 0;
color: #000;
display: flex;
justify-content: space-between;
}
.single-annonce_mo .row .col-md-12 .biens h2{
font-size: 36px;
font-family: Belleza;
}
.single-annonce_mo .row .col-md-12 .biens a{
font-size: 15px;
font-family: Inter;
color: #ea5b21;
padding: 23px 32px;
display: flex;
grid-gap: 8px;
border: 1px solid #ea5b21;
}
.single-annonce_mo .row .col-md-12 .posts{
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
margin-bottom: 80px;
}
.single-annonce_mo .row .col-md-12 .posts .text-center img{
min-height: 350px;
}
.single-annonce_mo .row .col-md-12 .posts div{
margin: 0 auto;
}
.single-annonce_mo .row .col-md-12 .posts .link{
margin: 8px 0;
font-family: Belleza;
font-size: 24px;
}
.single-annonce_mo .row .col-md-12 .posts .link a{
color: #000;
}
.single-annonce_mo .row .col-md-12 .posts .content{
display: grid;
color: #000;
font-family: Inter;
font-size: 14px;
line-height: 1.3;
}
.single-annonce_mo .row .col-md-12 .posts .content .localisation{
font-family: Inter;
color: #181511;
opacity: 0.5;
font-size: 16px;
}
.single-annonce_mo .row .col-md-12 .posts .content .localisation i{
margin-right: 8px;
}
.single-annonce_mo .row .col-md-12 .posts .content .activite{
font-family: Inter;
color: #000;
font-size: 16px;
}
.single-annonce_mo .row .col-md-12 .posts .content span{
font-weight: bold;
}
.single-annonce_mo .modal{
position: absolute;
top: 8rem;
}
/* ALERTE -------------------------------------------------------------------------------------------------*/
.modal-header{
border: none;
}
.modal-content{
border-radius: unset;
width: 80%;
margin: auto;
}
.modal-content h3{
font-size: 32px;
font-family: Belleza;
margin-bottom: 10px;
}
.alert-block{
padding: 2rem;
}
.alert-block p{
font-family: Inter;
font-size: 14px!important;
line-height: 18px;
color: #000;
margin-top: 2rem;
}
.alert-block .text-justify{
margin-bottom: 2rem;
}
.alert-block .alert-input{
margin: 0 8px 0 0;
cursor: pointer;
}
.alert-block .acf-form .acf-label{
display: none;
}
.alert-block .acf-form .acf-field{
padding: 15px 0;
border-top: unset;
}
.alert-block .acf-form .acf-field:nth-child(3){
margin-bottom: 1rem;
}
.alert-block .acf-form .acf-field:nth-last-child(2){
border-top: #EEEEEE solid 1px;
padding-top: 2rem;
}
.alert-block .acf-form .acf-input .selection .select2-selection .select2-selection__rendered{
border: #F2F2F2 1px solid;
padding: 8px 0 10px 8px;
}
.alert-block .acf-form .acf-input .selection span{
border-radius: 0;
height: 48px;
font-family: 'Inter';
}
.alert-block .acf-form .acf-input .selection .select2-selection__clear{
top: -15px;
left: -4px;
height: 10px;
}
.alert-block .acf-form .acf-input .selection .select2-selection__arrow{
height: 10px;
top: 23px;
}
.alert-block .acf-form .acf-input .selection span b{
border-color: #000 transparent transparent transparent;
}
.alert-block .acf-form .acf-input input{
height: 48px;
border: #F2F2F2 1px solid;
font-family: 'Inter';
}
.alert-block .acf-form .acf-form-submit{
text-align: center;
background: #ea5b21;
color: #fff;
}
.alert-block .acf-form-submit input{
border: unset;
background: unset;
width: 100%;
padding: 1rem;
}
.alert-block .session,
.alert-block .values{
display: grid;
grid-gap: 1rem;
}
.alert-block .session .value-selected,
.alert-block .values .value-selected{
color: #ea5b21;
background-color: rgba(234, 91, 33, 0.24);
display: flex;
align-items: center;
grid-gap: 10px;
padding: 8px;
border-radius: 6px;
font-size: 15px;
font-family: 'Inter', sans-serif;
width: fit-content;
}
.alert-block .values .value-selected i{
cursor: pointer;
}
/* CONNEXION -------------------------------------------------------------------------------------------------*/
.modal-header{
border: none;
}
.modal-content{
border-radius: unset;
width: 80%;
margin: auto;
}
.modal-content .connexion-close{
text-align: right;
cursor: pointer;
}
.modal-content h3{
font-size: 32px;
font-family: Belleza, sans-serif;
margin-bottom: 10px;
}
.connexion-block{
padding: 2rem;
}
.connexion-block p{
font-family: Inter, sans-serif;
font-size: 14px!important;
line-height: 18px;
color: #000;
margin-bottom: 2rem;
}
.connexion-block .login-username{
margin-bottom: 1rem;
}
.connexion-block .connexion-input{
margin: 0 8px 2rem 0;
cursor: pointer;
}
.connexion-block input{
border-radius: 0;
height: 48px;
border: #F2F2F2 1px solid;
width: 100%;
font-family: Inter, sans-serif;
font-size: 15px;
padding-left: 5px;
}
.connexion-block input.error{
background-color: #f8d7da;
border-color: #f5c6cb;
}
.connexion-block .button {
text-align: center;
background: #ea5b21;
color: #fff;
padding: 1rem;
border: unset;
width: 100%;
}
.connexion-block .password{
text-align: center;
color: #ea5b21;
font-family: Inter;
font-size: 14px!important;
line-height: 18px;
}
.connexion-block p:last-child{
padding-top: 2rem;
}
.connexion-block p a{
color: #ea5b21;
}
/* INSCRIPTION -------------------------------------------------------------------------------------------------*/
.inscription-error{
background: #ffe6e6;
color: #cc2727;
border-color: #d12626;
}
/* MOT DE PASSE OUBLIE -------------------------------------------------------------------------------------------------*/
.password-title{
text-align: center;
}
.forgot-password{
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 2rem;
margin: 3rem 0 40px 0;
}
.forgot-password label{
display: none;
}
.forgot-password button{
text-align: center;
background: #ea5b21;
color: #fff;
padding: 1rem;
border: unset;
width: 100%;
}
/* MON COMPTE -------------------------------------------------------------------------------------------------*/
.mon-compte:before,
.mon-compte:after{
content: unset;
}
.mon-compte .left-side nav{
padding: 32px;
background-color: #f4f4f4;
}
.mon-compte .left-side nav h2{
font-family: Belleza, sans-serif;
font-size: 24px;
color: #181511;
margin-bottom: 2rem;
}
.mon-compte .left-side nav ul{
padding: 0;
list-style-type: none;
}
.mon-compte .left-side nav ul li:not(:last-of-type){
margin-bottom: 24px;
}
.mon-compte .left-side nav ul li a{
font-size: 16px;
font-weight: 300;
color: #181511;
text-decoration: none;
}
.mon-compte .left-side nav ul li.active a{
color: #ea5b21;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: bold;
}
.mon-compte .right-side h1{
font-family: Belleza, sans-serif;
font-size: 48px;
color: #181511;
margin-bottom: 40px;
}
.mon-compte .right-side.informations .succes{
color: #0f5132;
background-color: #d1e7dd;
border-radius: 8px;
padding: 1rem;
margin-bottom: 2.5rem;
}
.mon-compte .right-side.informations .error{
color: #842029;
background-color: #f8d7da;
border-radius: 8px;
padding: 1rem;
margin-bottom: 2.5rem;
}
.mon-compte .right-side.informations form div label{
display: block;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.29;
color: #181511;
margin-bottom: 12px;
}
.mon-compte .right-side.informations form div input{
width: 100%;
height: 48px;
padding: 8px;
border: solid 1px #00000019;
}
.mon-compte .right-side.informations form input[type=submit]{
width: fit-content;
background: #EE4E26;
border: none;
border-radius: 0;
color: #fff;
font-weight: 500;
padding: 15px 40px;
font-size: 15px;
grid-row: 4;
}
.mon-compte .right-side.alertes .single-alerte{
padding: 24px 0;
}
.mon-compte .right-side.alertes .single-alerte:not(:last-child){
border-bottom: 1px solid #00000019;
}
.mon-compte .right-side.alertes .single-alerte > p{
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 300;
color: #181511;
margin-bottom: 24px;
}
.mon-compte .right-side.alertes .single-alerte > div{
display: flex;
justify-content: space-between;
flex-direction: column;
grid-gap: 24px;
}
.mon-compte .right-side.alertes .single-alerte .alerte-left{
display: flex;
flex-wrap: wrap;
grid-gap: 1rem;
}
.mon-compte .right-side.alertes .single-alerte .alerte-left > div{
display: flex;
align-items: center;
grid-gap: 10px;
width: max-content;
padding: 7px;
border-radius: 7px;
font-size: 15px;
color: #EE4E26;
background-color: #FCD2C4;
word-break: break-word;
}
.mon-compte .right-side.alertes .single-alerte .alerte-left > div i {
color: #FCD2C4;
background: #EE4E26;
padding: 3px 5px;
border-radius: 100%;
font-size: 12px;
}
.mon-compte .right-side.alertes .single-alerte .alerte-right{
display: flex;
grid-gap: 24px;
}
.mon-compte .right-side.alertes .single-alerte .alerte-right i{
color: #181511;
opacity: 0.4;
}
.mon-compte .right-side.favoris .single-favoris a{
position: relative;
}
.mon-compte .right-side.favoris .single-favoris a img:nth-child(2){
position: absolute;
bottom: 10px;
left: 10px;
width: 24px;
height: 24px;
}
.mon-compte .right-side.favoris .single-favoris a button{
position: absolute;
bottom: 10px;
width: 24px;
height: 24px;
left: 10px;
color: transparent;
}
.mon-compte .right-side.favoris .container-favoris{
display: grid;
grid-template-columns: 1fr;
grid-gap: 64px 30px;
}
.mon-compte .right-side.favoris .single-favoris h3{
margin: 28px 0 8px 0;
font-family: Belleza, sans-serif;
font-size: 24px;
color: #181511;
}
.mon-compte .right-side.favoris .single-favoris h4{
opacity: 0.64;
font-family: Belleza, sans-serif;
font-size: 24px;
color: #181511;
margin-bottom: 1rem;
}
.mon-compte .right-side.favoris .single-favoris .activite{
font-size: 15px;
font-family: Inter, sans-serif;
line-height: 1.29;
color: #181511;
}
.mon-compte .right-side.favoris .single-favoris .vente{
color: #181511;
opacity: 0.5;
}
.mon-compte .right-side.favoris .single-favoris p{
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.29;
color: #181511;
}
.mon-compte .right-side.favoris .single-favoris p strong{
font-weight: bold;
}
.mon-compte .right-side.favoris .single-favoris .localisation i{
margin-right: 8px;
}
.mon-compte .right-side.favoris .single-favoris .localisation{
color: #181511;
opacity: 0.5;
font-size: 15px;
}
.mon-compte .right-side.favoris .single-favoris .prix{
font-size: 15px;
}
.mon-compte .right-side.favoris .single-favoris .prix span{
color: #ea5b21;
font-weight: bold;
font-size: 16px;
margin-top: 1rem;
}
.mon-compte .right-side.informations form input[type=submit]{
width: fit-content;
background: #EE4E26;
border: none;
border-radius: 0;
color: #fff;
font-weight: 500;
padding: 15px 40px;
font-size: 15px;
grid-row: auto; /* ou supprime complètement la ligne */
}
/* Form layout */
/* Important: les champs pro participent à la grille du parent */
.mon-compte .right-side.informations form .fln-pro-fields{
display: contents;
}
/* Champs full width (sur 2 colonnes) */
.mon-compte .right-side.informations form .full{
grid-column: 1 / -1;
}
/* Label + input */
.mon-compte .right-side.informations form div label{
display: block;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
color: #181511;
margin-bottom: 10px;
}
.mon-compte .right-side.informations form div input,
.mon-compte .right-side.informations form div select{
width: 100%;
height: 48px;
padding: 10px 12px;
border: 1px solid #00000019;
background: #fff;
box-sizing: border-box;
}
/* Bouton en bas à droite */
.mon-compte .right-side.informations form input[type="submit"]{
grid-column: 1 / -1;
justify-self: center; /* centré */
width: fit-content;
background: #EE4E26;
border: none;
border-radius: 0;
color: #fff;
font-weight: 600;
padding: 14px 34px;
font-size: 15px;
}
/* Mobile */
@media (max-width: 768px){
.mon-compte .right-side.informations form{
grid-template-columns: 1fr;
}
.mon-compte .right-side.informations form input[type="submit"]{
justify-self: stretch; /* bouton pleine largeur sur mobile */
text-align: center;
}
}
/* REGIONS - DEPARTEMENTS -----------------------------------------------------------------------------------*/
#regions h1,
#departements h1{
font-family: Belleza, sans-serif;
font-size: 56px;
margin: 59px auto;
text-align: center;
color: #181511;
}
#regions .margin-20{
margin-bottom: 95px;
}
.map-rechercher{
background-color: #F2F2F2;
display: grid;
grid-template-columns: 1fr;
align-items: center;
justify-content: center;
padding: 1rem 3rem;
grid-gap: 4rem;
}
.map-rechercher h2{
font-family: Belleza, sans-serif;
font-size: 24px;
color: #000;
}
.map-rechercher .map{
width: 100%;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
}
.map-rechercher .map svg{
width: auto;
height: 85%;
overflow: hidden;
}
.map-rechercher .map path{
fill: #fff;
stroke: #000;
transition: fill 0.3s;
stroke-width: 1.5px;
}
#departements .map-rechercher .map path{
stroke-width: .5px ;
}
.map-rechercher .map path.active,
.map-rechercher .map path:hover{
fill: #EE4E26;
cursor: pointer;
}
.map-rechercher path{
fill: #fff;
stroke: #000;
transition: fill 0.3s;
stroke-width: 1.5px;
}
/* DEPARTEMETNS -----------------------------------------------------------------------------------------------*/
#departements .map-rechercher{
flex-direction: column;
}
#departements .info{
background-color: #fff;
padding: 40px;
overflow: scroll;
max-height: 300px;
}
#departements .info h2{
margin-bottom: 2rem;
}
#departements form h3{
font-family: Inter, sans-serif;
font-size: 15px;
color: #181511;
margin-bottom: 1rem;
text-align: left;
}
#departements form .type-bien,
#departements form .departements{
display: flex;
flex-wrap: wrap;
grid-gap: 1rem 2rem;
margin-bottom: 2.5rem;
font-size: 13px!important;
font-family: 'INTER';
}
#departements form .type-bien label,
#departements form .departements label{
font-weight: 400!important;
}
#departements form .type-bien [class*=single-],
#departements form .departements [class*=single-]{
display: flex;
align-items: center;
grid-gap: 0.5rem;
}
#departements form .type-bien [class*=single- label],
#departements form .departements [class*=single- label]{
text-align: left;
}
#departements form .btn-orange{
width: 100%;
height: 60px;
margin-top: 112px;
}
/* SEARCH -----------------------------------------------------------------------------------------------------*/
/*#template-search h1{
font-family: Belleza, sans-serif;
font-size: 56px;
color: #181511;
margin: 48px 0 64px 0;
}*/
#template-search h1{
margin: 48px 0;
}
#template-search .searched{
display: grid;
grid-template-columns: 1fr;
grid-gap: 2rem;
}
#template-search .searched .single-search a{
margin-bottom: 20px;
display: block;
}
#template-search .searched .single-search a img.no-image{
height: 358px;
object-fit: contain;
}
#template-search .searched .single-search .desc-annonce p{
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.29;
color: #181511;
}
#template-search .searched .single-search .desc-annonce p:not(:first-child){
margin-bottom: 1rem;
}
#template-search .searched .single-search .desc-annonce p span{
font-weight: bold;
}
#template-search .searched .single-search .desc-annonce .link a{
font-family: Belleza, sans-serif;
font-size: 24px;
color: #181511;
text-decoration: none;
}
#template-search .searched .single-search .desc-annonce .localisation{
opacity: 0.64;
font-family: Belleza, sans-serif;
font-size: 24px;
color: #181511;
}
#template-search .searched .single-search .desc-annonce .prix{
font-family: Inter, sans-serif;
font-size: 15px;
color: #181511;
}
#template-search .searched .single-search .desc-annonce .prix span{
color: #ea5b21;
}
#template-search .sub-footer .pagination{
display: flex;
justify-content: center;
align-items: center;
grid-gap: 0 20px;
margin: 74px auto 84px auto;
}
#template-search .sub-footer .pagination .current{
color: #fff;
background-color: #ea5b21;
border: 1px solid rgba(234, 91, 33, 0.32);
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
font-family: Inter, sans-serif;
font-size: 15px;
}
#template-search .sub-footer .pagination a{
color: #ea5b21;
border: 1px solid rgba(234, 91, 33, 0.32);
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
font-family: Inter, sans-serif;
font-size: 15px;
text-decoration: none;
}
.page-template-immo-calendar .no-image{
width: 70px;
height: 70px;
}
.page-template-liste-immo .no-image{
width: 100px;
height:100px;
}
/* GUIDE -----------------------------------------------------------------------------------------------------*/
.page-id-150{
line-height: 1.42857143;
color: #333;
}
.page-id-150 li,
.page-id-150 strong{
font-size: 14px;
}
.page-id-150 u{
font-size: 13px;
}
.page-id-150 .widget a,
.page-id-150 .textwidget a{
margin-top: 10px;
}
/* AGENCE -----------------------------------------------------------------------------------------------------*/
.page-id-142 .img-responsive{
width: unset;
margin: auto;
}
.page-id-142{
line-height: 1.42857143;
color: #333;
}
.page-id-142 li,
.page-id-142 strong{
font-size: 14px;
}
.page-id-142 u{
font-size: 13px;
}
.page-id-142 .widget a,
.page-id-142 .textwidget a{
margin-top: 10px;
}
/* FORMALITES -----------------------------------------------------------------------------------------------------*/
.page-id-574{
line-height: 1.42857143;
color: #333;
}
.page-id-574 select{
margin: 10px 0;
}
/* VENTES IMMO -----------------------------------------------------------------------------------------------------*/
.sub-footer .number-results{
margin-bottom: 20px;
text-align: center;
}
.sub-footer .pagination{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.sub-footer .pagination > *{
border: solid 1px;
padding: 15px 20px;
margin: 10px;
}
.sub-footer .pagination > .dots{
border: none;
padding: 0;
display: flex;
align-items: flex-end;
}
.sub-footer .pagination > *:hover{
background-color: #EE4E26;
color: #FFFFFF;
}
.sub-footer .pagination > .dots:hover{
background-color: transparent;
color: black;
}
.sub-footer .pagination .current{
background-color: #EE4E26;
color: #FFFFFF;
}
.sub-footer .pagination > a:not(.prev){
font-weight: lighter;
}
/* SHORTOCDE IMAGE_TITRE_BOUTON -----------------------------------------------------------------------------------------------------*/
figure.image_titre_bouton{
position: relative;
margin-bottom: 24px;
}
figure.image_titre_bouton img{
width: 100%;
min-height: 150px;
object-fit: cover;
}
figure.image_titre_bouton figcaption{
position: absolute;
bottom: 25px;
left: 20px;
}
figure.image_titre_bouton figcaption h2{
color: #fff;
font-size: 26Px;
margin-bottom: 20px;
}
figure.image_titre_bouton figcaption a{
padding: 0;
border: 0 !important;
font-weight: 600;
}
figure.image_titre_bouton figcaption a:hover{
background: none !important;
color: #EA5B21 !important;
border: 0 !important;
}
/* LISTE AVOCATS -----------------------------------------------------------------------------------------------------*/
.page-template-liste-avocats .search-by-departement .wrapper{
display: flex;
align-items: center;
gap:10px;
}
.page-template-liste-avocats .search-by-departement .wrapper input{
font-size: 14px;
background-size: 25px 25px;
background-position: right 10px center;
background-repeat: no-repeat;
color: #495057!important;
background-color: transparent;
padding: 0.375rem 0.75rem;
border-style: none;
pointer-events: auto;
margin-top: 0;
min-width: 0;
position: relative;
line-height: 20px;
width: fit-content;
align-items: center;
display: flex;
flex-wrap: wrap;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
min-width: 300px;
}
.page-template-liste-avocats .search-by-departement .wrapper-input{
position: relative;
}
.page-template-liste-avocats .search-by-departement .result{
position: absolute;
z-index: 8;
-webkit-transform-origin: left top 0;
transform-origin: left top 0;
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
background-color: #fff;
padding: 8px 0 8px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 2px 11px -2px rgba(0,0,0,.19);
display: flex;
flex-direction: column;
width: 100%;
}
.page-template-liste-avocats .search-by-departement .result span{
cursor: pointer;
padding: 10px 14px;
transition: .3s cubic-bezier(.25,.8,.5,1);
display: inline-block;
max-width: 100%;
font-weight: 700;
}
.page-template-liste-avocats .search-by-departement .result span:hover{
background-color: #f2f2f2;
}
/* FOOTER -----------------------------------------------------------------------------------------------------*/
.footer{
background: #ea5b21;
padding: 58px 0 31px 0;
color: #fff;
}
.footer .col-footer{
font-size: 14px;
display: grid;
grid-gap: 2rem;
grid-template-columns: 1fr 1fr;
font-family: Inter, sans-serif;
}
.footer .col-footer div img,
.footer .col-footer div svg,
.footer .col-footer div h4{
padding-bottom: 2rem;
width: 80%;
}
.footer .col-footer div img,
.footer .col-footer div svg{
min-height: 65px;
object-fit: contain;
}
.footer .col-footer div svg path,
.footer .col-footer div svg rect{
/*fill:#fff !important;*/
}
.footer .col-footer div h4{
font-size: 22px;
font-family: Belleza, sans-serif;
color: #fff;
margin: 0 0 6px 0;
}
.footer .col-footer div ul{
display: grid;
grid-gap: 1.5rem;
list-style-type: none;
padding: 0;
}
.footer .col-footer div ul li a{
color: #fff;
text-decoration: none;
}
.footer .col-footer div .conseils{
padding-bottom: 3rem;
}
.footer .col-footer div .picto{
display: flex;
grid-gap: 1rem;
}
.footer .col-footer div .picto i{
cursor: pointer;
color: #fff;
}
.footer .col-footer div .picto .fa-linkedin-in:before {
color: #ea5b21;
background: #fff;
padding: 2px;
border-radius: 15%;
}
.footer .footer-end{
display: grid;
grid-template-columns: 1fr ;
font-size: 13px;
padding-top: 3rem;
grid-gap: 1rem;
}
.footer .footer-end div{
display: flex;
grid-gap: 5px;
}
.footer .footer-end ul{
display: flex;
grid-gap: 5px;
}
.footer .footer-end a,
.footer .footer-end p{
font-size: 12px;
margin-right: 5px;
color: #E7A48C;
}
.footer .footer-end div ul li,
.footer .footer-end ul li:nth-last-child(1){
list-style: inside;
}
.footer .footer-end div ul li a,
.footer .footer-end ul li:nth-last-child(1) a {
margin-left: -7px;
}
.footer .footer-end ul li a{
color: #fff;
}
@media screen and (min-width: 576px){
.cessions{
flex-direction: row;
}
.navbar .navbar-brand img{
width: unset;
}
.top-bar .navbar-brand:has(img){
display: flex;
}
.top-bar .navbar-brand img{
width: 21rem;
min-height: 50px;
}
.mon-compte{
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
padding-bottom: 150px;
}
.mon-compte .right-side.informations form,
.mon-compte .right-side.favoris .container-favoris{
grid-template-columns: 1fr 1fr;
}
.mon-compte .right-side.alertes .single-alerte > div{
flex-direction: row;
}
.mon-compte .right-side.alertes .single-alerte .alerte-right{
transform: translateY(-35%);
}
.footer .col-footer{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.footer .footer-end{
display: flex;
justify-content: space-between;
}
}
@media screen and (min-width: 768px){
.top-bar{
display: block;
}
.navbar,
.navbar .bottom-menu-mobile{
display: none;
}
.top-bar .menu .container > ul{
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
.single-annonce_immo .top-bar .container > ul{
justify-content: flex-end;
}
.latest-adv .immobilieres{
grid-template-columns: 0.6fr 0.1fr 0.3fr;
}
.mon-compte {
grid-template-columns: 1fr 3fr 1fr;
}
.mon-compte .right-side form input[type=submit] {
grid-row: 3;
}
#template-search .searched{
grid-template-columns: 1fr 1fr;
}
.search-block{
padding: 31px 38px;
}
.search-block .listes-deroulantes{
flex-direction: row;
margin: 1rem 0;
align-items: center;
}
.search-block .header-search-block{
flex-direction: row;
justify-content: space-between;
}
.search-block .header-search-block .rechercher-carte-alerte{
flex-wrap: nowrap;
}
.cessions h3{
width: 55%;
}
.single-annonce_immo_lot .row .col-md-12 .posts,
.single-annonce_immo .row .col-md-12 .posts{
grid-template-columns: 1fr 1fr;
}
.single-cession-acquisition .row .col-md-12 .posts{
grid-template-columns: 1fr 1fr;
}
.single-annonce_mo .row .col-md-12 .posts{
grid-template-columns: 1fr 1fr;
}
.video{
flex-direction: row;
justify-content: center;
grid-gap: 95px;
}
.video .lecteur{
height: 370px;
margin: unset!important;
}
.video .lecteur .vc_column-inner {
padding: unset!important;
}
.video .vente-enchères{
padding: unset!important;
margin: unset!important;
max-width: 480px;
}
.comment{
display: flex;
justify-content: center;
text-align: unset;
grid-gap: 30px;
padding-bottom: 32px;
}
.comment div{
max-width: 350px;
margin: unset!important;
padding: unset!important;
}
.single-cession-acquisition .imo-image .col-sm-12 .multiple img{
width: 100%;
height: 550px;
}
.single-cession-acquisition .imo-image .col-sm-12 .fa-arrow-left-long{
padding: 1.5rem;
left: 45px;
}
.single-cession-acquisition .imo-image .col-sm-12 .fa-arrow-right-long{
padding: 1.5rem;
right: 45px;
}
/* LISTING --------------------------------------------------------------------------------------------------*/
.reduce-font th{
font-size: 13px;
}
.reduce-font td{
font-size: 12px;
}
.footer .col-footer{
display: grid;
grid-template-columns: 1fr 1fr 1fr 2fr;
}
.footer .col-footer .conseils-pictos{
display: flex;
}
.footer .col-footer .conseils-pictos > div{
width: 50%;
}
}
@media screen and (min-width: 992px){
.map-rechercher{
grid-template-columns: 0.7fr 0.3fr;
}
.search-block .liste-btn{
display: flex;
align-items: center;
grid-gap: 1rem;
}
.search-block .listes-deroulantes{
width: -webkit-fill-available;
height: 55px;
}
#template-search .searched{
grid-template-columns: 1fr 1fr 1fr;
}
.latest-adv .immobilieres .col-md-4 a button {
margin: 0 0 0 auto;
}
.latest-adv .arrow-prev i{
/*left: -50px;*/
left:0;
}
.latest-adv .arrow-next i{
/*right: -50px;*/
right: 0;
}
.latest-cess .arrow-prev i{
left: -60px;
}
.latest-cess .arrow-next i{
right: -60px;
}
.newsletter .vc_column-inner .wpb_wrapper{
margin: auto;
}
.single-annonce_immo_lot .row .col-md-12 .posts,
.single-annonce_immo .row .col-md-12 .posts{
grid-template-columns: 1fr 1fr 1fr;
}
.single-cession-acquisition .row .col-md-12 .posts{
grid-template-columns: 1fr 1fr 1fr;
}
.single-annonce_mo .row .col-md-12 .posts{
grid-template-columns: 1fr 1fr 1fr;
}
.surenchere-possible{
flex-direction: row;
}
.surenchere-possible .first{
margin-right: 30px!important;
}
.video{
flex-direction: row;
}
.single-annonce_immo_lot .row .col-md-4 .prix,
.single-annonce_immo .row .col-md-4 .prix{
font-size: 16px;
}
/* LISTING --------------------------------------------------------------------------------------------------*/
.reduce-font td,
.reduce-font th{
font-size: 16px;
}
}
@media screen and (min-width: 1200px) {
.top-bar .navbar-brand:has(img){
display: block;
}
.mon-compte{
grid-template-columns: 1.5fr 5fr .5fr;
}
.video .lecteur{
width: 540px;
}
.single-annonce_immo_lot .row .col-md-4 .prix,
.single-annonce_immo .row .col-md-4 .prix{
display: block;
}
}
@media screen and (min-width: 1440px){
.latest-adv .arrow-prev i{
left: -50px;
}
.latest-adv .arrow-next i{
right: -50px;
}
}
.logos-grid .wpb_single_image {
background:#fff;border:1px solid #eee;aspect-ratio:1/1;
display:flex;align-items:center;justify-content:center;
border-radius:4px;transition:box-shadow .2s,transform .2s;overflow:hidden;
}
.logos-grid .wpb_single_image:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);transform:translateY(-2px);}
.logos-grid .wpb_single_image img{max-width:70%;max-height:70%;height:auto;width:auto;}
.logos-grid .wpb_single_image {
position: relative;
overflow: hidden;
}
.logos-grid .wpb_single_image a::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0,0,0,.55);
opacity: 0;
transition: opacity .2s ease;
}
.logos-grid .wpb_single_image a::after{
content:"";
position:absolute;
left:50%;
top:50%;
width:58px;
height:58px;
transform:translate(-50%,-50%);
opacity:0;
transition:opacity .2s ease;
background-repeat:no-repeat;
background-position:center;
background-size:58px 58px;
background-image:url('data:image/svg+xml;utf8,');
}
.logos-grid .wpb_single_image:hover a::before,
.logos-grid .wpb_single_image:hover a::after {
opacity: 1;
}
.logos-grid .wpb_single_image:hover img {
transform: scale(.98);
transition: transform .2s ease;
}
@media(max-width:768px){
.logos-grid .wpb_single_image {
aspect-ratio: auto;
padding: 50px;
}
}
.elmentsociaux {
float: left;
}
.bw-contact-row a {
font-size: 20px;
color : rgb(255, 255, 255);
}
.bw-contact-row {
margin-bottom: 15px;
}
.custombg .wpb_gmaps_widget .wpb_wrapper{
border-radius: 10px !important;
}
.custombg h1 {
color: #fff;
font-size: 29px;
}
.custombg .vc_column-inner {
border-radius: 15px;
}
.custombg {
display: flex;
}
.custombg .vc_icon_element-style- {
border: 1px solid #fff !important;
margin-right: 11px;
}
.custombg .vc_icon_element-style-:hover {
background: #3f3e3e;
}
.bw-contact-row a:hover{
color:#3f3e3e;
}
:root{
--ferrari-orange:#E85B22;
--ferrari-orange-dark:#cf4f1e;
--ferrari-text:#000;
--ferrari-muted:#000;
}
/* conteneur */
/* titres */
.fg-title{
color: var(--ferrari-orange);
font-size: 32px;
line-height: 1.25;
margin: 0 0 22px;
font-weight: 800;
}
.fg-h2{
color: var(--ferrari-orange);
font-size: 22px;
line-height: 1.35;
margin: 28px 0 12px;
font-weight: 700;
}
.fg-intro{ margin-bottom: 18px; }
/* listes à puces orange */
.fg-list{
list-style: none;
padding-left: 0;
margin: 10px 0 18px;
}
.fg-list li{
position: relative;
padding-left: 22px;
margin: 6px 0;
}
.fg-list li::before{
content: "";
position: absolute;
left: 0;
top: 0.7em;
width: 15px;
height: 15px;
border-radius: 50%;
background: var(--ferrari-orange);
transform: translateY(-50%);
}
.fg-cta{ margin: 26px 0 8px; }
.fg-btn{
display:inline-flex; align-items:center; gap:10px;
background: var(--ferrari-orange);
color: #fff; text-decoration:none;
padding: 12px 16px;
border-radius: 10px;
border: 2px solid var(--ferrari-orange-dark);
font-weight: 700;
box-shadow: 0 3px 0 var(--ferrari-orange-dark);
transition: transform .08s ease, box-shadow .08s ease, background .2s ease;
}
.fg-btn:hover{ background:#f3662f; }
.fg-btn:active{
transform: translateY(2px);
box-shadow: 0 1px 0 var(--ferrari-orange-dark);
}
.fg-btn-ico{ display:inline-block; }
/* ========== THEME ========= */
.bw-contact{
--bg:#2f2f2f;
--bg-alt:#3a3a3a;
--fg:#f1f1f1;
--muted:#fff;
--border:#ff6a00;
--border-hover:#ff7d26;
--danger:#dc3545;
--btn:#ff6a00;
--btn-hover:#e85b22;
--radius:10px;
--pad:14px;
}
.bw-contact .form-group{ margin-bottom:18px; }
.bw-contact label{
display:block; margin-bottom:6px; color:var(--fg); font-weight:600;
}
.bw-contact .form-control,
.bw-contact .form-select,
.bw-contact textarea{
background:var(--bg);
color:var(--fg);
border:2px solid var(--border);
border-radius:var(--radius);
padding: var(--pad) 16px;
height:48px;
}
.bw-contact textarea{
min-height:160px;
height:auto;
resize:vertical;
width: 100%;
}
.bw-contact .form-control::placeholder,
.bw-contact textarea::placeholder{ color:var(--muted); opacity:1; }
/* Focus */
.bw-contact .form-control:focus,
.bw-contact .form-select:focus,
.bw-contact textarea:focus{
background:var(--bg-alt);
border-color:var(--border-hover);
outline:0;
box-shadow:0 0 0 3px rgba(255,106,0,.25);
}
/* Select : flèche custom (compatible BS4/5) */
.bw-contact .form-select,
.bw-contact select.form-control{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
/* background-image:
url("data:image/svg+xml;utf8,"); */
background-repeat:no-repeat;
background-position:right 14px center;
background-size:18px 18px;
padding-right:48px; /* pour la flèche */
}
/* Checkbox RGPD (look discret) */
.bw-contact .wpcf7-acceptance .wpcf7-list-item{ margin:0; }
.bw-contact .wpcf7-acceptance input[type="checkbox"]{
width:18px; height:18px; margin-right:8px; vertical-align:middle;
accent-color: var(--btn); /* navigateurs modernes */
}
/* Légende et petite note */
.bw-contact small.text-muted{ color:#c9c9c9 !important; }
/* Bouton envoyer (orange + avion à droite) */
.bw-contact .btn{
position:relative;
}
.bw-contact .btn-sm:hover{ background:var(--btn-hover); border-color:var(--btn-hover); }
.bw-contact .wpcf7-not-valid{ border-color:var(--danger) !important; }
.bw-contact .wpcf7-not-valid-tip{ color:var(--danger); margin-top:6px; }
.bw-contact .wpcf7 form.invalid .wpcf7-response-output{
border-color:var(--danger); color:#fff; background:#8a1f2b;
}
.bw-contact .wpcf7 form.sent .wpcf7-response-output{
border-color:#28a745; background:#1f3a2a; color:#e7ffe7;
}
/* Petites retouches responsive */
@media (max-width:576px){
.bw-contact .btn{ width:100%; justify-content:center; display:inline-flex; }
}
.page-id-152 .bw-contact .wpcf7-submit{
display:inline-block;
appearance:none;
border-radius: 8px !important;
background:var(--btn);
color:#fff;
font-weight:700;
font-size:25px !important;
line-height:1;
height:44px;
padding:12px 56px 12px 22px !important;
text-align:left;
cursor:pointer;
width:100%;
max-width: 194px;
border:2px solid #ee4e26 !important;
background-image:url("data:image/svg+xml;utf8,") !important;
background-repeat:no-repeat !important;
background-position: right 49px center !important;
background-size: 28px 62px !important;
}
.page-id-152 .bw-contact .wpcf7-submit:hover{
background-color:#3f3e3e !important;
border-color:#cd5b2a !important;
color: #fff !important;
}
.page-id-152 .bw-contact .wpcf7-submit.btn,
.page-id-152 .bw-contact .wpcf7-submit.btn-sm{
padding: 12px 77px 12px 19px !important;
line-height:1 !important;
font-size: 22px !important;
}
.bw-contact input::placeholder,.bw-contact textarea::placeholder{
color:#fff !important;
}
.bw-contact .bw-select-wrap select{
-webkit-appearance:none; -moz-appearance:none; appearance:none;
padding-right:48px; background-color:var(--bg); color:var(--fg);
border:2px solid var(--border); border-radius:var(--radius);
}
.bw-contact select::-ms-expand{ display:none; }
.bw-contact .bw-select-wrap{ position:relative; }
.bw-contact .bw-select-wrap select{
-webkit-appearance:none; -moz-appearance:none; appearance:none;
padding-right:48px;
}
.bw-contact .bw-select-wrap::after{
content:"";
position:absolute;
top: 50%;
right:14px;
width: 20px;
height:12px;
pointer-events:none;
background-repeat:no-repeat;
background-size:18px 12px;
background-image:url("data:image/svg+xml;utf8,");
background-position: center;
}
.bw-contact select::-ms-expand{ display:none; }
.bw-contact-row svg {
width: 25px;
}
.bw-contact-row {
display: flex;
align-items: center;
gap: 28px;
}
.bw-contact-card {
margin-bottom: 50px;
}
.custombg p {
color:#fff;
}
.colonnetwocontact {
background: #cd5b2a;
border-radius: 15px;
}
@media(min-width:768px) and(max-width:991px){
.custombg {
flex-wrap: wrap;
}
}
@media(max-width:768px)
{
.custombg {
flex-direction: column;
padding: 0px 15px;
gap: 30px;
}
}
.bw-contact .wpcf7-not-valid-tip {
color: #fff;
}
.bw-contact input[type="checkbox"]{
width:18px; height:18px; margin-right:8px; vertical-align:middle;
accent-color: var(--btn);
border:2px solid var(--btn);
border-radius:4px;
background-color: transparent;
transition: border-color .2s, box-shadow .2s, accent-color .2s;
}
.bw-contact input[type="checkbox"]:hover{
border-color: var(--border-hover);
}
.bw-contact input[type="checkbox"]:focus{
outline:0;
}
.bw-contact input[type="checkbox"]:checked{
accent-color: #fff;
border-color: var(--btn);
}
@supports not (accent-color: auto) {
.bw-contact input[type="checkbox"]{
appearance:none;
width:18px; height:18px; margin-right:8px; vertical-align:middle;
border:2px solid var(--btn);
border-radius:4px; background: transparent;
position: relative; cursor: pointer;
}
.bw-contact input[type="checkbox"]:hover{
border-color: var(--border-hover);
box-shadow: 0 0 0 3px rgba(255,106,0,.25);
}
.bw-contact input[type="checkbox"]:checked{
background-color: var(--btn);
border-color: var(--btn);
background-image: url("data:image/svg+xml;utf8,\
");
background-repeat:no-repeat;
background-position:center;
background-size:12px 12px;
}
}
/* Bouton style maquette, sans SVG */
.btn-guide{
--orange:#ea5b21; /* ta couleur */
--orange-dk:#d24a18; /* hover */
--radius:12px;
position:relative;
display:inline-flex;
align-items:center;
gap:.5rem;
padding:10px 60px 10px 18px; /* place pour la zone droite */
border:2px solid var(--orange);
border-radius:var(--radius);
background:#fff;
color:var(--orange);
font-weight:700;
line-height:1;
text-decoration:none;
overflow:hidden; /* masque la diagonale */
}
.btn-guide .icon{
position:absolute;
right:18px;
z-index:1;
font-size:20px;
color:#fff;
line-height:1;
}
.btn-guide .icon:not([class*="bi"]):not([class*="fa"]){ font-weight:700; }
/* Hover */
.btn-guide:hover{
color: #000;
border-color:var(--orange-dk);
}
.btn-guide:hover::after{ background:var(--orange-dk); }
.btn-guide:hover .label{color: #e85b22;}
/* Focus A11y */
.btn-guide:focus{ outline:0; box-shadow:0 0 0 3px rgba(234,91,33,.3); border-color:var(--orange); }
span.fg-btn-label {
font-weight: bold;
font-weight: bold;
font-size: 18px;
color: #cd5b2a;
/* color : rgb(205, 91, 42); */}
.fg-ctas br {
display: none;
}
.fg-ctas {
display: flex;
align-items: center;
gap: 30px;
}
.btn-guide::before{
content:"";
position:absolute;
right:20px;
top:50%;
width:22px; height:22px;
transform:translateY(-50%);
z-index:1;
background-color:#fff;
-webkit-mask: url("data:image/svg+xml;utf8,\
") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,\
") no-repeat center / contain;
}
.btn-guide:hover::before{ background-color:#fff; }
@supports not ((-webkit-mask: url("")) or (mask: url(""))) {
.btn-guide::before{
content:"";
position:absolute; right:20px; top:50%; transform:translateY(-50%);
width:22px; height:22px; z-index:1;
background:
linear-gradient(#fff,#fff),
linear-gradient(45deg, transparent 46%, #fff 47%, #fff 53%, transparent 54%),
linear-gradient(-45deg, transparent 46%, #fff 47%, #fff 53%, transparent 54%),
linear-gradient(#fff,#fff);
background-repeat:no-repeat;
background-size:3px 12px, 10px 10px, 10px 10px, 18px 3px;
background-position:center 3px, calc(50% + 5px) 10px, calc(50% - 5px) 10px, center 18px;
}
}
a.btn-guide span {
color: #cd5b2a;
font-size: 23px;
font-weight: bold;
}
.btn-guide-wrap{
display:inline-block;
filter:
drop-shadow(0 18px 24px rgba(0,0,0,.18))
drop-shadow(0 3px 6px rgba(0,0,0,.10));
}
.page-id-150 .btn-guide{
--orange: #ea5b21;
--orange-dk: #d24a18;
--radius: 22px;
position: relative;
display: inline-flex
;
align-items: center;
gap: .5rem;
padding: 10px 85px 11px 10px;
border: 0;
border-radius: var(--radius);
background: linear-gradient(180deg, #fff 0%, #f6f6f6 100%);
color: var(--orange);
font-weight: 800;
font-size: 24px;
line-height: 1;
text-decoration: none;
overflow: hidden;
}
.page-id-150 .btn-guide::after{
content:"";
position:absolute;
inset:-2px -2px -2px auto;
width: 104px;
background:var(--orange);
border-radius:0 var(--radius) var(--radius) 0;
clip-path:polygon(26% 0, 100% 0, 100% 100%, 0 100%);
z-index:0;
box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}
.page-id-150 .btn-guide::before{
content:"";
position:absolute; right:28px; top:50%; transform:translateY(-50%);
width:32px; height:32px; z-index:1;
background-color:#fff;
-webkit-mask: url("data:image/svg+xml;utf8,\
") no-repeat center/contain;
mask: url("data:image/svg+xml;utf8,\
") no-repeat center/contain;
}
.page-id-150 .btn-guide:hover{ color:#fff; }
.page-id-150 .btn-guide:hover::after{ background:var(--orange-dk); }
.btn-guide:focus{
outline:0;
box-shadow: 0 0 0 4px rgba(234,91,33,.28);
border-radius:var(--radius);
}
.fg-ctas {
margin-top: 25px;
}
.page-id-150 a.btn.btn-default.btn-block.black{
display:flex;
justify-content:center;
align-items:center;
gap:12px;
padding:12px 24px;
background:#ea5b21;
border:2px solid #ea5b21;
color:#fff;
/* border-radius:12px; */
font-weight:700;
text-align:center;
}
.page-id-150 a.btn.btn-default.btn-block.black::after{
content:"";
display:inline-block;
width:22px; height:22px;
background-color:#fff;
-webkit-mask: url("data:image/svg+xml;utf8,\
") no-repeat center/contain;
mask: url("data:image/svg+xml;utf8,\
") no-repeat center/contain;
}
/* Hover */
.page-id-150 a.btn.btn-default.btn-block.black:hover{
background:#d24a18; border-color:#d24a18; color:#fff;
}
.page-id-150 a.btn.btn-default.btn-block.black .icon{ display:none !important; }
.fg-ctas {
flex-wrap: wrap;
}
/* mini bande orange en haut */
.top-bar-mini {
background:#f26722;
color:#fff;
font-size:13px;
padding:6px 0;
}
.top-bar-mini-content {
display:flex;
justify-content:flex-end;
align-items:center;
gap:16px;
padding: 10px 25px;
}
.top-bar-mini-phone {
display:flex;
align-items:center;
gap:6px;
}
.top-bar-mini a {
color:#fff;
text-decoration:none;
}
.top-bar-mini a:hover {
text-decoration:underline;
}
.top-bar-mini-login {
font-weight:600;
}
@media screen and (min-width: 768px) {
.isflex {
display: flex
;
align-items: center;
padding-top: 18px;
padding-bottom: 25px;
justify-content: space-between;
}
.isflex:before {
display: none;
}
a.navbar-brand {
padding: 0px;
}
.top-bar-main-right {
text-align: center;
font-weight: bold;
line-height: 25px;
}
}
.navbar-brand{
float: none !important;
height:auto !important;
}
.ferrari-legal-types .mdc-layout-grid__inner {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 40px;
}
/* 4 colonnes */
.ferrari-legal-types .mdc-layout-grid__cell {
box-sizing: border-box;
}
.ferrari-legal-types h2 {
text-align: center;
font-size: 22px;
font-weight: 600;
margin: 50px 0 40px 0;
}
.ferrari-legal-types ul.mdc-list {
/* background: #FAFAFA; */
border: 1px solid #E5E5E5;
border-radius: 6px;
padding: 0;
margin: 0 0 25px 0;
list-style: none;
}
.ferrari-legal-types .mdc-list-item__header {
padding: 15px 18px;
font-size: 12px;
letter-spacing: 0.5px;
font-weight: 600;
color: #FF5722;
text-transform: uppercase;
border-bottom: 1px solid #E8E8E8;
background: #FFF;
}
.ferrari-legal-types .mdc-list-item__header span {
font-weight: 700;
line-height: 23px;
}
/* ==== LES LIENS ==== */
.ferrari-legal-types li.mdc-list-item a {
display: block;
padding: 10px 18px;
font-size: 16px;
color: #333;
text-decoration: none;
/* border-bottom: 1px solid #EFEFEF; */
line-height: 21px;
}
.ferrari-legal-types li.mdc-list-item:last-child a {
border-bottom: none;
}
.ferrari-legal-types li.mdc-list-item a:hover {
color: #FF5722;
}
.ferrari-legal-types .mdc-layout-grid__cell--span-3-desktop {
width: 23.5%;
}
@media (max-width: 1024px) {
.ferrari-legal-types .mdc-layout-grid__cell--span-4-tablet {
width: 48%;
}
}
@media (max-width: 600px) {
.ferrari-legal-types .mdc-layout-grid__cell--span-4-tablet {
width: 100%;
}
}
.ferrari-legal-types__popular-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 25px;
margin: 40px 0 50px;
}
.ferrari-legal-types__popular-card {
background: #FF5722;
color: #FFF;
text-align: center;
padding: 18px 10px;
border-radius: 5px;
font-weight: 600;
font-size: 15px;
text-decoration: none;
transition: 0.25s;
}
.ferrari-legal-types__popular-card:hover {
background: #E64A19;
}
li.mdc-list-item {
border: none;
}
.ferrari-legal-types__intro {
text-align: center;
margin: 30px 0 10px;
}
.ferrari-legal-types__intro h1 span {
color: #FF5722;
}
.ferrari-legal-types__intro h1{
font-size: 24px;
font-weight: 700;
color:#000;
margin-bottom: 25px;
}
.ferrari-legal-types__subtitle {
font-size: 20px;
color: #FF5722;
margin: 0;
}
/* Titre "Choisissez votre type d’annonce" */
.ferrari-legal-types__title-types {
text-align: center;
font-size: 20px;
font-weight: 600;
margin: 40px 0 25px;
}