/*
Theme Name: Agence Etoile
Theme URI:
Description: Page-builder-framework child theme.
Author: Me
Author URI:
Template: page-builder-framework
Text Domain: page-builder-framework
Version: 0.1.1
*/
/* IS VENDU */
html {
scroll-behavior: smooth;
}
.property_list_single .is_vendu_bandeau {
display: none;
position: absolute;
color: white;
background-color: #22274f;
width: max-content !important;
padding: 5px 25px;
top: 50px;
left: 0;
z-index: 100;
text-transform: uppercase;
height: 30px;
align-items: center;
letter-spacing: 1px;
}
.property_list_single.is_vendu .is_vendu_bandeau {
display: flex;
}
.property_list_single.is_vendu .is_vendu_bandeau span {
font-size: 13px;
display: flex;
}
.single_property .is_vendu_bandeau {
display: none;
position: absolute;
color: white;
background-color: #22274f;
width: max-content !important;
padding: 5px 25px;
top: 50%;
right: 0;
z-index: 100;
text-transform: uppercase;
height: 30px;
align-items: center;
letter-spacing: 1px;
transform: translateY(-50%);
}
.single_property.is_vendu .is_vendu_bandeau {
display: flex;
}
.single_property.is_vendu .is_vendu_bandeau span {
font-size: 13px;
display: flex;
}
.form_estimer {
margin: 50px 0;
border: 1px solid #22274f;
border-radius: 10px;
padding: 25px 35px;
}
.form_estimer_radios {
display: flex;
margin-bottom: 15px;
}
.form_estimer_radios label {
width: 20%;
cursor: pointer;
margin-right: 15px;
}
.form_estimer_radios input {
margin-right: 10px;
}
.form_estimer_inputs input {
font-size: 0.9em;
border: 1px solid #aaaaaa !important;
color: #aaaaaa;
font-family: Helvetica,Arial,sans-serif;
font-weight: 100;
}
.form_estimer_inputs {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.form_estimer_inputs input[name="bien.numero"] {
grid-area: 1 / 1 / 2 / 2;
}
.form_estimer_inputs input[name="bien.rue"] {
grid-area: 1 / 2 / 2 / 7;
}
.form_estimer_inputs input[name="bien.etage"] {
grid-area: 2 / 6 / 3 / 7;
}
.form_estimer_inputs input[name="bien.codePostal"] {
grid-area: 2 / 1 / 3 / 3;
}
.form_estimer_inputs input[name="bien.ville"] {
grid-area: 2 / 3 / 3 / 6;
}
.form_estimer_bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
}
.form_estimer_bottom button {
background-color: #22274f;
color: white;
width: max-content;
font-size: 0.9em;
font-weight: 100;
text-transform: uppercase;
height: 44px;
min-width: 275px;
}
.form_estimer_bottom a {
color: #22274f;
}
/* fix page protégée par un mot de passe */
form.post-password-form {
margin: 60px 0;
}
.annonce_order_total {
display: flex;
align-items: center;
margin-bottom: 35px;
}
.annonce_order {
width: max-content;
margin-left: auto;
}
.annonce_order select {
width: max-content;
border: 1px solid #22274f;
padding-right: 40px;
text-align: center;
}
.annonce_order.ydu_loading {
position: relative;
}
.annonce_order.ydu_loading::before {
content: '';
width: 100%;
height: 100%;
background-color: rgba(34, 39, 79, 0.8);
z-index: 1000000;
position: absolute;
top: 0;
left: 0;
}
.annonce_order.ydu_loading::after {
content: '';
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
border-radius: 50%;
border: 2px solid #ccc;
border-top-color: #000;
animation: spinner .6s linear infinite;
}
@keyframes spinner {
to {transform: rotate(360deg);}
}
#catapult-cookie-bar {
display: none;
}
.home .blog_home .vc_col-sm-4 {
width: 33.333332%;
}
.single-property .wpcf7 .sujett {
display: none;
}
.cherchez_un_bien_a_louer_section_1 {
z-index: 10000;
}
.wpcf7 .phone .loc select {
width: 450px;
}
#sgpb-popup-dialog-main-div {
padding: 35px;
}
.sgpb-popup-close-button-3 {
height: 25px !important;
width: 25px !important;
}
.home .wpbf-video {
margin-bottom: 0px !important;
padding-bottom: 0 !important;
/* padding-top: 0px; */
/* height: 0; */
/* overflow: hidden; */
}
.pre_footer_top_txt {
font-size: 28px;
line-height: 1.2;
font-family: helvetica;
}
.pre_footer > img {
position: absolute;
height: 550px;
top: -110px;
left: 30%;
}
.pre_footer .vc_col-sm-4 {
display: flex;
align-items: center;
justify-content: flex-end;
}
.pre_footer > div {
display: flex;
}
.pre_footer_bottom_txt {
font-size: 18px;
line-height: 1.2;
font-family: helvetica;
}
.pre_footer {
padding: 35px 0;
color: white;
background-color: #374279;
overflow: hidden;
position: relative;
}
.pre_footer .btn-blue a::before {
border-top-color: rgb(154, 121, 36) !important;
border-right-color: rgb(154, 121, 36) !important;
}
.pre_footer .btn-blue a::after {
border-left-color: rgb(154, 121, 36) !important;
border-bottom-color: rgb(154, 121, 36) !important;
}
.pre_footer .btn-blue a:hover::before {
border-top-color: #fff !important;
border-right-color: #fff !important;
}
.pre_footer .btn-blue a:hover::after {
border-left-color: #fff !important;
border-bottom-color: #fff !important;
}
.pre_footer .btn-blue a:hover::before, .pre_footer .btn-blue a:hover::after {
display: block !important;
}
.pre_footer .btn-blue a:hover {
color: white !important;
}
.pre_footer .btn-blue a {
background-color: rgb(154, 121, 36) !important;
font-family: helvetica;
}
.pre_footer .btn-blue {
margin-bottom: 0 !important;
}
@media only screen and (max-width : 1200px) {
.pre_footer > div {
padding: 0 50px;
}
}
@media only screen and (max-width : 992px) {
.ligne_ydu > p {
width: 48%;
}
.ligne_ydu > p * {
width: 100% !important;
}
.ligne_ydu label {
margin: 0 !important;
}
.ligne_ydu span {
display: inline-block;
}
}
@media only screen and (max-width : 767px) {
.pre_footer_top_txt {
font-size: 22px;
}
.pre_footer_bottom_txt {
font-size: 16px;
margin-top: 10px;
}
.pre_footer > img {
height: 580px;
left: 50%;
transform: translateX(-50%);
}
.pre_footer > div {
flex-direction: column;
}
.pre_footer .vc_col-sm-4 {
justify-content: center;
margin-top: 25px;
}
.home .blog_home .vc_col-sm-4 {
width: 100%;
}
.form_estimer_radios label {
width: 45%;
}
.form_estimer_bottom {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.form_estimer_bottom button {
margin: auto;
}
.form_estimer_inputs {
display: flex;
flex-direction: column;
}
}
@media only screen and (max-width : 480px) {
.ligne_ydu > p {
width: 100%;
}
.sgpb-popup-close-button-3 {
right: 40px !important;
}
.ligne_ydu {
flex-wrap: wrap;
}
.form_estimer_radios {
flex-direction: column;
}
.form_estimer_radios label {
width: 100%;
font-size: 0.8em;
}
.form_estimer {
padding: 15px 25px;
}
.form_estimer_bottom > div > label {
font-size: 0.8em;
}
}
.wpb_text_column p, .article-content p, .single_propert_desc p {
text-align: justify;
}
.en_savoir_plus {
color: #22274F;
font-weight: 700;
cursor: pointer;
padding-right: 25px;
position: relative;
width: max-content;
}
.en_savoir_plus::after {
font-family: "page-builder-framework";
content: "\f102";
color: #22274F;
font-weight: 700;
pointer-events: none;
position: absolute;
right: 0;
transform: rotate(180deg);
}
.en_savoir_plus.hide_text::after {
transform: rotate(0);
}
.en_savoir_plus + ul, .en_savoir_plus + div {
transition: all 0.5s linear;
}
.hide_text + ul, .hide_text + div {
display: none;
}
.error404 #content {
min-height: 60vh;
display: flex;
flex-wrap: wrap;
align-content: center;
}
.error404 #content form label {
width: 100%;
margin-bottom: 0;
}
body {
font-weight: 100;
}
html {
overflow-x: hidden;
}
i {
font-family: "FontAwesome";
font-style: normal;
}
.wpb_text_column p, .article-content p, .single_propert_desc p {
text-align: justify;
}
a.lien_absolute {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: transparent !important;
}
.wpbf-padding-medium {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
a:hover {
text-decoration: none !important;
}
/**************ANNONCES**************/
.property_list {
margin-bottom: 35px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single_property_previsite iframe {
width: 750px;
height: 500px;
margin: auto;
}
.single_property_previsite {
display: flex;
flex-direction: column;
}
.property_list_single_left img:hover {
transform: scale(1.2);
}
.property_list_single_left {
/* max-height: 200px; */
overflow: hidden;
max-height: 250px;
}
.property_list_single_desc {
display: flex;
}
.property_list_single_left img {
transition: all .5s ease;
}
.property_list_single_title:hover{
text-decoration: none !important;
color: rgba(154, 121, 36, 0.7);
}
.single_property_agence_header a:hover {
text-decoration: underline !important;
}
.single_property_second_carac_list_title > i {
float: initial !important;
margin-left: 8px;
}
.property_list_single p {
margin: 0 !important;
line-height: 1.2;
}
.single_property_second_carac_list .single_property_second_carac_list_title {
color: #22274f;
font-weight: 700;
font-size: 18px;
cursor: pointer;
margin-bottom: 15px !important;
}
.single_property_second_carac_list p {
margin: 0 !important;
}
.single_property_titre h1 {
text-align: left !important;
width: calc(100% - 180px) !important;
font-size: 36px !important;
}
.single_property_titre::before {
top: 50% !important;
}
.single_property_second_carac_list li {
width: 33%;
}
.single_property_second_carac_list {
margin: 25px 0;
}
.single_property_second_carac_list ul {
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 !important;
}
.property_list_single_right > div:nth-child(1) {
margin-bottom: 20px;
}
.property_list_single_right > div:nth-child(2) p {
margin-bottom: 10px !important;
font-size: 15px;
}
.property_list_single:nth-child(odd) {
margin-right: 15px;
}
.property_list_single:nth-child(even) {
margin-left: 15px;
}
.property_list_single > div:nth-child(odd) {
margin-right: 10px;
}
.property_list_single > div:nth-child(even) {
margin-left: 10px;
}
.single_property_agence .titre-trait {
margin-top: 0 !important;
}
.single_property_carac_list p {
width: 100%;
word-break: break-word;
}
.single_property_carac {
margin-bottom: 80px;
}
.property_list_single_title {
color: #22274F;
font-size: 22px;
}
.property_list_single_price {
font-weight: 700;
color: #22274F;
line-height: 1.7 !important;
}
.img_lightbox_btn {
margin-top: 35px;
}
.img_lightbox_btn i {
color: #22274F;
margin-right: 10px;
font-family: "Font Awesome 5 Pro";
font-style: inherit;
float: left;
font-size: 16px;
}
.archive .ydu_formulaire, .page:not(.home) .ydu_formulaire {
position: relative !important;
margin: 0 auto 50px auto !important;
top: 0 !important;
bottom: unset !important;
transform: none !important;
left: 0 !important;
width: 100% !important;
}
.property_list_count {
margin-bottom: 0 !important;
}
.archive .currentOnglet, .page:not(.home) .currentOnglet {
border-top: 1px solid #22274f;
}
.small_search_form .ydu_formulaire {
width: 30% !important;
}
.small_search_form .ydu_search_selects, .small_search_form .ydu_search_sliders {
flex-direction: column !important;
align-items: center !important;
}
.small_search_form .ydm_ligne_prix, .small_search_form .ydm_ligne_surface {
display: none !important;
}
.small_search_form {
width: 33.333333% !important;
height: max-content !important;
}
.small_search_form .ydm_ul_lignes {
padding: 0 !important;
}
.small_search_form .ydm_ligne_rechercher {
width: 50% !important;
}
.small_search_form .ydm_ligne_slider_prix, .small_search_form .ydm_ligne_slider_surface {
width: 100% !important;
}
.blog .wpbf-grid {
position: relative;
}
.blog .wpbf-sidebar-wrapper {
position: absolute;
right: 0;
margin-top: 520px;
}
.small_search_form .currentOnglet {
border-top: 1px solid #22274f !important;
}
.small_search_form .ydu_formulaire #ydu_div #ydm_type_rent,
.small_search_form .ydu_formulaire #ydu_div #ydm_type_sale,
.small_search_form .ydu_formulaire #ydu_div #ydm_type_new,
.small_search_form .ydu_formulaire #ydu_div #ydm_div_lignes_prix,
.small_search_form .ydu_formulaire #ydu_div #ydm_div_lignes_surface,
.small_search_form .ydu_formulaire #ydu_div .ydu_half_nbPieces,
.small_search_form .ydu_formulaire #ydu_div .ydm_ligne_ville,
.small_search_form .ydu_formulaire #ydu_div .ydu_half_nbPieces,
.small_search_form .ydu_formulaire #ydu_div .ydu_half_nbPieces {
width: 100% !important;
margin-bottom: 15px !important;
}
.small_search_form .ydu_formulaire {
position: relative !important;
width: 100% !important;
top: 0 !important;
transform: none !important;
left: 0 !important;
}
.property_list_count {
margin-bottom: 0 !important;
color: #22274f !important;
font-size: 18px !important;
}
.property_list i, .single_property_carac i, .single_property_agence_header i {
color: #22274F;
margin-right: 8px;
font-style: inherit;
float: left;
font-size: 18px;
text-align: center;
width: 25px;
min-width:25px;
}
.listing_pagination {
text-align: center;
margin-bottom: 50px;
}
.listing_pagination i {
color: #22274F;
font-family: 'FontAwesome';
font-style: inherit;
}
.listing_pagination .fa-arrow-right {
margin-left: 10px;
}
.listing_pagination .fa-arrow-left {
margin-right: 10px;
}
.listing_pagination .page-numbers {
color: #22274F;
}
.listing_pagination .page-numbers.current {
color: rgba(154, 121, 36, 0.7);
}
.property_list_single img {
height: 100%;
object-fit: cover;
width: 100%;
}
.property_list_single > div {
width: calc(50% - 10px);
}
.property_list_single {
width: calc(50% - 15px);
padding: 25px;
margin-top: 15px;
margin-bottom: 15px;
display: flex;
box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);
position: relative;
}
.single_property_img img {
width: 100%;
max-height: 500px;
object-fit: cover;
margin-bottom: 35px;
}
.single_property_carac > div:nth-child(2) {
display: flex;
width: 100%;
flex-direction: column;
}
.single_property_dpe_ges_img {
display: flex;
justify-content: flex-start;
margin-top: 35px;
}
.single_property_dpe_ges_img img {
margin-right: 50px;
}
.single_property_carac_list {
display: flex;
flex-wrap: wrap;
}
.single_property_carac_list > div > img {
height: 45px;
margin-right: 10px;
}
.single_property_carac_list > div > p {
margin-bottom: 0 !important;
color: rgba(154, 121, 36, 0.7);
font-size: 18px;
line-height: 1.2;
}
.single_property_agence_contact textarea {
height: 150px;
}
.single_propert_desc {
margin-top: 35px;
}
.single_property_carac_list > div {
width: 18%;
display: flex;
margin-right: 2%;
align-items: center;
margin-bottom: 35px;
}
.single_property_agence_header {
width: 40%;
}
.single_property_agence_header img {
width: 100%;
max-height: 250px;
object-fit: cover;
}
.single_property_agence_header > div:nth-child(1) {
width: 100%;
margin-bottom: 25px;
}
.single_property_agence_header i {
min-width: 15px;
}
.titre-trait.single_property_titre {
margin-bottom: 50px !important;
}
.single_property_header p {
color: rgba(154, 121, 36, 0.7);
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
}
.single_property_header > div {
display: flex;
margin-right: 25px;
}
.single_property_header {
display: flex;
margin-bottom: 15px;
position: relative;
}
.single_property_header img {
height: 30px;
margin-right: 8px;
}
.single_property_agence_header > div:nth-child(2) {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.single_property_agence_title {
font-weight: 700;
font-size: 18px;
margin-bottom: 15px;
}
.single_property_img img {
margin-bottom: 0 !important;
}
.overlay_lightbox {
position: fixed;
background-color: rgba(0, 0, 0, 0.9);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000000;
display: none;
}
.lightbox_img {
max-height: calc(70vh - 25px);
max-width: calc(70vw - 25px);
}
.lightbox_box {
position: absolute;
height: auto;
width: auto;
padding: 25px 25px 50px 25px;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
}
.multiselect-container {
max-height: 300px;
}
.lightbox_left {
display: block;
transform: rotate(225deg);
position: absolute;
width: 20px;
height: 20px;
border-right: 3px solid #152341;
border-top: 3px solid #152341;
cursor: pointer;
margin: auto auto 1.5em;
bottom: -9px;
left: 30%;
z-index: 100;
}
.single_property .lightbox_right {
transform: rotate(45deg) translatey(-50%);
right: 50px !important;
box-shadow: 7px -7px 7px rgba(128,128,128,0.2);
width: 30px !important;
height: 30px !important;
border-color: white !important;
}
.single_property .lightbox_left {
transform: rotate(225deg) translatey(-50%);
left: 50px !important;
box-shadow: 7px -7px 7px rgba(128,128,128,0.2);
width: 30px !important;
height: 30px !important;
border-color: white !important;
}
.single_property .lightbox_right, .single_property .lightbox_left {
bottom: unset !important;
top: 50% !important;
}
.lightbox_close {
position: absolute;
top: -10px;
right: 10px;
font-size: 25px;
cursor: pointer;
}
.img_lightbox_btn {
background-color: white;
padding: 6px 15px 4px 10px !important;
cursor: pointer;
width: max-content;
text-transform: uppercase;
color: #3e4349;
border: 1px solid;
}
.img_lightbox_btn:hover {
opacity: 0.6;
background-color: #dfe0e6;
}
.lightbox_right {
display: block;
transform: rotate(45deg);
position: absolute;
width: 20px;
height: 20px;
border-right: 3px solid #152341;
border-top: 3px solid #152341;
cursor: pointer;
margin: auto auto 1.5em;
bottom: -9px;
right: 30%;
z-index: 100;
}
.single_property_agence_contact {
width: 55%;
margin-left: 5%;
margin-bottom: 80px;
}
.single_property_agence > div:nth-child(2) {
display: flex;
}
.single_property_agence_header > div:nth-child(2) a {
color: initial;
text-decoration: underline;
}
.single_property_agence_contact .wpcf7-submit {
font-weight: normal !important;
}
.single_property_agence_contact input, .single_property_agence_contact textarea {
font-weight: lighter !important;
}
.single_property_agence_header > div:nth-child(2) > div {
display: flex;
line-height: 1.4;
}
#wpcf7-f1469750947117-p17-o1{
justify-content: center;
display: flex;
padding: 0 50px;
}
.name, .email{
margin-right: 40px;
}
.adress, .message{
width:100%
}
.ligne{
flex-direction: row;
display: flex;
justify-content: space-between !important;
}
.boutonEnvoyer{
justify-content: center;
display: flex;
flex-direction: column;
}
.wpbf-vendre .ligne p {
width: 50%;
}
.wpbf-vendre .ligne .name, .wpbf-vendre .ligne .email {
width: calc(100% - 25px);
margin-right: 25px;
}
.wpbf-vendre .ligne .firstName, .wpbf-vendre .ligne .phone {
width: calc(100% - 25px);
margin-left: 25px;
}
/***************************************/
/***********OPINION SYSTEM - AVIS****************/
.json_avis .slick-slide {
padding: 25px;
margin: 0 35px;
}
.avis_btn:hover {
color: #fff !important;
}
.json_avis .slick-slide:hover::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-top: 2px solid rgba(154, 121, 36, 0.7);
border-left: 2px solid rgba(154, 121, 36, 0.7);
top: 0;
left: 0;
border-color: #22274F !important;
}
.json_avis .slick-slide:hover::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-bottom: 2px solid rgba(154, 121, 36, 0.7);
border-right: 2px solid rgba(154, 121, 36, 0.7);
bottom: 0;
right: 0;
border-color: #22274F !important;
}
.avis_commentaire {
line-height: 1.4;
font-size: 14px;
text-align: center;
}
.json_avis .slick-slide::before {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-top: 2px solid rgba(154, 121, 36, 0.7);
border-left: 2px solid rgba(154, 121, 36, 0.7);
top: 0;
left: 0;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.survey-note img {
height: 90%;
object-fit: contain;
}
.survey-note > div {
display: flex;
justify-content: center;
}
.json_avis {
width: 90%;
margin: auto;
margin-bottom: 100px;
}
.json_avis p {
margin-bottom: 0 !important;
}
.avis_btn:hover {
opacity: 0.6;
}
.avis_btn {
background-color: #22274f;
text-transform: uppercase;
color: #fff;
padding: 14px !important;
width:200px;;
position: absolute;
bottom: -15px;
text-align: center;
left: 50%;
transform: translatex(-50%);
}
.json_avis .lightbox_right {
right: -50px !important;
}
.json_avis .lightbox_left {
left: -50px !important;
}
p.avis_titre {
text-align: center;
color: #22274f;
font-size: 22px;
font-weight: 400;
margin-bottom: 3px !important;
}
.div_avis_commentaire {
display: flex;
justify-content: center;
align-items: center;
}
.json_avis .slick-slide > div:nth-child(1) {
height: 35%;
}
.json_avis .slick-slide > div:nth-child(2) {
height: 65%;
}
.json_avis .lightbox_right, .json_avis .lightbox_left {
bottom: unset !important;
top: 50% !important;
width: 20px !important;
height: 20px !important;
}
.json_avis .slick-slide::after {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-bottom: 2px solid rgba(154, 121, 36, 0.7);
border-right: 2px solid rgba(154, 121, 36, 0.7);
bottom: 0;
right: 0;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.json_avis .slick-track {
display: flex !important;
}
.json_avis .slick-slide {
height: inherit !important;
}
/***************************************/
.titre-trait {
position: relative;
margin-bottom: 80px !important;
margin-top: 50px;
}
.home .titre-trait.h1-home {
margin-bottom: 35px !important;
text-align: center;
}
.h1-home h1 {
font-size: 40px !important;
margin: auto !important;
width: 70%;
color: #fff;
}
.h1-home h1 .hp_title_style{
font-size: 24px ;
font-weight: 200;
display: block;
margin-top: 10px;
}
.h1-home::before {
content: unset !important;
}
.titre-trait h2, .titre-trait h1, .single-portfolio h1.entry-title {
color: #22274F;
font-size: 40px;
display: inline-block;
background-color: white;
z-index: 1;
position: relative;
padding: 0 40px;
margin-left: 90px;
margin-bottom: 0;
}
.titre-trait::before, .single-portfolio .article-header::before {
content: "";
background-color: #B5B9C3;
width: 100%;
height: 2px;
position: absolute;
display: block;
top: 50%;
}
.single-portfolio .article-header::before {
top: 25px;
}
.titre-trait.long h1, .titre-trait.long h2 {
width: 70%;
}
.titre-page h2, .single-portfolio .entry-content h1, .single-portfolio .entry-content h2 {
color: #22274F;
font-weight: 100;
font-size: 30px;
}
.citation p {
color: #B5B9C3;
font-size: 25px;
font-style: italic;
line-height: 30px;
text-align: center;
}
.citation {
position: relative;
padding: 10px 15px;
}
.citation::before {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-top: 2px solid rgba(154, 121, 36, 0.7);
border-left: 2px solid rgba(154, 121, 36, 0.7);
top: 0;
left: 0;
}
.citation::after {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-bottom: 2px solid rgba(154, 121, 36, 0.7);
border-right: 2px solid rgba(154, 121, 36, 0.7);
bottom: 0;
right: 0;
}
.btn-blue button, .btn-blue a, input.wpcf7-submit {
background-color: #22274F !important;
/*border: 2px solid #22274F !important;*/
color: white !important;
background-image: none !important;
border-radius: 0 !important;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
border: none !important;
position: relative;
overflow:visible;
}
input.wpcf7-submit {
border: 2px solid #22274F !important;
}
.btn-blue button::before, .btn-blue a::before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-top: 2px solid #22274F;
border-right: 2px solid #22274F;
top: 0px;
right: 0px;
pointer-events: none;
transition: all 0.3s ease-in-out;
}
.btn-blue button::after, .btn-blue a::after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-bottom: 2px solid #22274F;
border-left: 2px solid #22274F;
bottom: 0;
left: 0;
pointer-events: none;
transition: all 0.3s ease-in-out;
}
.btn-blue button:hover, .btn-blue a:hover, input.wpcf7-submit:hover {
background-color: transparent !important;
color: #22274F !important;
}
.btn-blue button:hover::after, .btn-blue button:hover::before,
.btn-blue a:hover::after, .btn-blue a:hover::before {
width: 100%;
height: 100%;
}
.liste ul {
padding-left: 0px;
}
.liste li {
list-style: none;
margin-bottom: 15px;
position: relative;
}
.liste li::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-top : 2px solid #22274F;
border-right: 2px solid #22274F;
transform: rotate(45deg);
margin-right: 10px;
}
p a, .liste li a {
color: #22274F;
text-decoration: underline;
}
img.alignright, figure.alignright, div.alignright {
margin: 0 0 14px 41px !important;
}
img.alignleft, figure.alignleft, div.alignleft {
margin: 0 40px 20px 0 !important;
}
.sous-titre h3 {
font-size: 24px;
color: #B5B9C3;
font-weight: bold;
}
.lien-dore a {
color: rgba(154, 121, 36, 0.7);
}
.lien-dore a:hover {
color: rgba(154, 121, 36, 0.7);
text-decoration: underline;
}
.gros-txt {
font-size: 25px;
}
.bck-grey {
padding: 0 10px !important;
}
.bck-grey > .vc_column-inner {
background-color: whitesmoke;
padding: 30px;
}
.bck-grey .wpb_text_column {
margin-bottom: 0 !important;
}
.download a {
position: relative;
display: inline-block;
}
.download a::after {
content: "\f019" !important;
font-family: "FontAwesome";
position: absolute;
width: 100%;
font-size: 30px;
height: 100%;
background-color: #22274fb3;
left: 0;
color: white;
line-height: 120px;
text-align: center;
}
.wpcf7-form-control-wrap {
margin-bottom: 20px;
}
.col-center {
justify-content: center;
}
/* ======== Header ========= */
.wpbf-logo {
width: 250px;
margin: auto;
margin-bottom: 20px;
pointer-events: auto;
}
#navigation {
background-color: white;
line-height: 0px;
pointer-events: auto;
padding-bottom: 5px;
}
#navigation a {
text-transform: uppercase;
line-height: 20px;
transition: all 0.4s;
color: #22274F;
}
#navigation a:hover {
background-color: white;
color: #22274F !important;
opacity: 0.5;
}
.wpbf-navigation .wpbf-menu>.current-menu-item>a {
color: #22274F !important;
font-weight: 700;
}
.wpbf-nav-wrapper {
padding: 0 0 0 0 !important;
}
.wpbf-menu li i {
font-style: normal;
font-size: 17px;
}
#menu-menu-top-left-fr li a, #menu-menu-top-left-en li a {
/*background-color: #B5B9C3;*/
color: #22274F;
/*padding: 5px 15px 5px 10px;
transition: all 0.4s;*/
}
#menu-menu-top-left-fr li a:hover, #menu-menu-top-left-en li a:hover {
opacity: 0.6;
}
#menu-menu-top-right-fr li a, #menu-menu-top-right-en li a {
color: #22274F;
padding: 5px 3px;
transition: all 0.4s;
}
#menu-menu-top-right-fr li a:hover, #menu-menu-top-right-en li a:hover {
opacity: 0.6;
}
.btn-perso a {
padding: 6px 15px 4px 10px !important;
margin-right: 20px;
/*border: 1px solid;*/
transition: all 0.4s;
}
/*.btn-perso a:hover {
background-color: #dfe0e6;
}*/
.btn-perso a::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('./img/user.png');
background-size: contain;
vertical-align: sub;
margin-right: 10px;
background-repeat: no-repeat;
}
#menu-menu-top-left-fr li a i, #menu-menu-top-left-en li a i {
font-size: 20px;
margin-right: 5px;
}
/*#menu-menu-top-left-fr li a::before, #menu-menu-top-left-en li a::before {
content: "";
display: inline-block;
width: 22px;
height: 20px;
background-image: url('./img/warning.png');
background-size: contain;
vertical-align: text-bottom;
margin-right: 10px;
}*/
#menu-menu-top-left-fr li.current-menu-item a, #menu-menu-top-left-en li.current-menu-item a {
color: white !important;
}
#menu-menu-top-right-fr li, #menu-menu-top-right-en li {
float: none;
display: inline-block;
vertical-align: middle;
}
#menu-menu-top-right-fr .lang-item a, #menu-menu-top-right-en .lang-item a {
font-size: 16px;
color: #B5B9C3;
text-transform: uppercase;
padding: 5px 1px;
}
#menu-menu-top-right-fr .lang-item a[lang="fr-FR"], #menu-menu-top-right-en .lang-item a[lang="fr-FR"] {
margin-left: 20px;
}
.wpbf-navigation {
margin-top: -35px;
background-color: transparent !important;
pointer-events: none;
}
#header {
padding-top: 5px;
-webkit-box-shadow: 0px -4px 15px 0px rgba(0,0,0,0.29);
-moz-box-shadow: 0px -4px 15px 0px rgba(0,0,0,0.29);
box-shadow: 0px -4px 15px 0px rgba(0,0,0,0.29);
}
.wpbf-pre-header .wpbf-inner-pre-header {
max-width: none;
padding: 0px 40px 10px;
}
.wpbf-navigation .wpbf-menu .sub-menu a {
font-size: 14px;
}
.wpbf-navigation .wpbf-menu .sub-menu a:hover {
background-color: #dddfe4 !important;
}
li.facebook a::before {
content: url('data:image/svg+xml;charset=UTF-8,');
width: 20px;
height: 25px;
display: inline-block;
}
li.facebook i {
display: none;
}
/* ============ Home ============= */
/* ESTIM */
.ydu_jestimo_demenagement_texte .vc_col-sm-4 {
padding-right: 5px;
padding-left: 5px;
}
.estim-titre h3 {
color: #22274F;
text-transform: uppercase;
font-size: 20px;
max-width: 200px;
}
.ydu_jestimo_demenagement_input {
background-color: #22274f !important;
text-transform: uppercase;
color: #fff !important;
font-weight: 400 !important;
}
.ydu_formulaire {
border-radius: 10px;
}
ul#ydm_status_list {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
overflow: hidden;
}
.estim-titre {
padding-top: 20px;
padding-left: 20px !important;
}
.form-etsima {
padding-top: 20px;
padding-bottom: 30px;
}
/* Services */
.nosservices > .vc_column_container {
float: none;
}
.services-row.estim > .vc_column_container > .vc_column-inner > .wpb_wrapper {
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15);
padding: 20px;
margin-top: 30px;
}
.services-row .vc_col-sm-4 > .vc_column-inner >.wpb_wrapper,
.services-row .vc_col-sm-3 > .vc_column-inner >.wpb_wrapper,
.services-row .vc_col-sm-6 > .vc_column-inner >.wpb_wrapper {
position: relative;
padding: 25px;
text-align: center;
}
.services-row .vc_col-sm-4 > .vc_column-inner >.wpb_wrapper::before,
.services-row .vc_col-sm-3 > .vc_column-inner >.wpb_wrapper::before,
.services-row .vc_col-sm-6 > .vc_column-inner >.wpb_wrapper::before,
.estim-titre::before {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-top: 2px solid rgba(154, 121, 36, 0.7);
border-left: 2px solid rgba(154, 121, 36, 0.7);
top: 0;
left: 0;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.services-row .vc_col-sm-4 > .vc_column-inner >.wpb_wrapper::after,
.services-row .vc_col-sm-3 > .vc_column-inner >.wpb_wrapper::after,
.services-row .vc_col-sm-6 > .vc_column-inner >.wpb_wrapper::after,
.form-etsima::after {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-bottom: 2px solid rgba(154, 121, 36, 0.7);
border-right: 2px solid rgba(154, 121, 36, 0.7);
bottom: 0;
right: 0;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.services-row .vc_col-sm-4 > .vc_column-inner >.wpb_wrapper:hover::before,
.services-row .vc_col-sm-3 > .vc_column-inner >.wpb_wrapper:hover::before,
.services-row .vc_col-sm-6 > .vc_column-inner >.wpb_wrapper:hover::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-top: 2px solid rgba(154, 121, 36, 0.7);
border-left: 2px solid rgba(154, 121, 36, 0.7);
top: 0;
left: 0;
border-color: #22274F !important;
}
.services-row .vc_col-sm-4 > .vc_column-inner >.wpb_wrapper:hover::after,
.services-row .vc_col-sm-3 > .vc_column-inner >.wpb_wrapper:hover::after,
.services-row .vc_col-sm-6 > .vc_column-inner >.wpb_wrapper:hover::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-bottom: 2px solid rgba(154, 121, 36, 0.7);
border-right: 2px solid rgba(154, 121, 36, 0.7);
bottom: 0;
right: 0;
border-color: #22274F !important;
}
.services-row .vc_col-sm-4 svg,
.services-row .vc_col-sm-3 svg,
.services-row .vc_col-sm-6 svg{
height: 100px;
}
.services-row .vc_col-sm-4 svg *,
.services-row .vc_col-sm-3 svg *,
.services-row .vc_col-sm-6 svg * {
transition: all 0.2s;
}
.services-row .vc_col-sm-4:hover svg *,
.services-row .vc_col-sm-3:hover svg *,
.ser/*
Theme Name: Agence Etoile
Theme URI:
Description: Page-builder-framework child theme.
Author: Me
Author URI:
Template: page-builder-framework
Text Domain: page-builder-framework
Version: 0.1.1
*/
/* IS VENDU */
.property_list_single .is_vendu_bandeau {
display: none;
position: absolute;
color: white;
background-color: #22274f;
width: max-content !important;
padding: 5px 25px;
top: 50px;
left: 0;
z-index: 100;
text-transform: uppercase;
height: 30px;
align-items: center;
letter-spacing: 1px;
}
.property_list_single .is_vendu .is_vendu_bandeau {
display: flex;
}
.property_list_single .is_vendu .is_vendu_bandeau span {
font-size: 13px;
display: flex;
}
.single_property .is_vendu_bandeau {
display: none;
position: absolute;
color: white;
background-color: #22274f;
width: max-content !important;
padding: 5px 25px;
top: 50%;
right: 0;
z-index: 100;
text-transform: uppercase;
height: 30px;
align-items: center;
letter-spacing: 1px;
transform: translateY(-50%);
}
.single_property.is_vendu .is_vendu_bandeau {
display: flex;
}
.single_property.is_vendu .is_vendu_bandeau span {
font-size: 13px;
display: flex;
}
/* fix page protégée par un mot de passe */
form.post-password-form {
margin: 60px 0;
}
.annonce_order_total {
display: flex;
align-items: center;
margin-bottom: 35px;
}
.annonce_order {
width: max-content;
margin-left: auto;
}
.annonce_order select {
width: max-content;
border: 1px solid #22274f;
padding-right: 40px;
text-align: center;
}
.annonce_order.ydu_loading {
position: relative;
}
.annonce_order.ydu_loading::before {
content: '';
width: 100%;
height: 100%;
background-color: rgba(34, 39, 79, 0.8);
z-index: 1000000;
position: absolute;
top: 0;
left: 0;
}
.annonce_order.ydu_loading::after {
content: '';
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
border-radius: 50%;
border: 2px solid #ccc;
border-top-color: #000;
animation: spinner .6s linear infinite;
}
@keyframes spinner {
to {transform: rotate(360deg);}
}
#catapult-cookie-bar {
display: none;
}
.home .blog_home .vc_col-sm-4 {
width: 33.333332%;
}
.single-property .wpcf7 .sujett {
display: none;
}
.cherchez_un_bien_a_louer_section_1 {
z-index: 10000;
}
.wpcf7 .phone .loc select {
width: 450px;
}
#sgpb-popup-dialog-main-div {
padding: 35px;
}
.sgpb-popup-close-button-3 {
height: 25px !important;
width: 25px !important;
}
.home .wpbf-video {
margin-bottom: 0px !important;
padding-bottom: 0 !important;
/* padding-top: 0px; */
/* height: 0; */
/* overflow: hidden; */
}
.pre_footer_top_txt {
font-size: 28px;
line-height: 1.2;
font-family: helvetica;
}
.pre_footer > img {
position: absolute;
height: 550px;
top: -110px;
left: 30%;
}
.pre_footer .vc_col-sm-4 {
display: flex;
align-items: center;
justify-content: flex-end;
}
.pre_footer > div {
display: flex;
}
.pre_footer_bottom_txt {
font-size: 18px;
line-height: 1.2;
font-family: helvetica;
}
.pre_footer {
padding: 35px 0;
color: white;
background-color: #374279;
overflow: hidden;
position: relative;
}
.pre_footer .btn-blue a::before {
border-top-color: rgb(154, 121, 36) !important;
border-right-color: rgb(154, 121, 36) !important;
}
.pre_footer .btn-blue a::after {
border-left-color: rgb(154, 121, 36) !important;
border-bottom-color: rgb(154, 121, 36) !important;
}
.pre_footer .btn-blue a:hover::before {
border-top-color: #fff !important;
border-right-color: #fff !important;
}
.pre_footer .btn-blue a:hover::after {
border-left-color: #fff !important;
border-bottom-color: #fff !important;
}
.pre_footer .btn-blue a:hover::before, .pre_footer .btn-blue a:hover::after {
display: block !important;
}
.pre_footer .btn-blue a:hover {
color: white !important;
}
.pre_footer .btn-blue a {
background-color: rgb(154, 121, 36) !important;
font-family: helvetica;
}
.pre_footer .btn-blue {
margin-bottom: 0 !important;
}
@media only screen and (max-width : 1200px) {
.pre_footer > div {
padding: 0 50px;
}
}
@media only screen and (max-width : 992px) {
.ligne_ydu > p {
width: 48%;
}
.ligne_ydu > p * {
width: 100% !important;
}
.ligne_ydu label {
margin: 0 !important;
}
.ligne_ydu span {
display: inline-block;
}
}
@media only screen and (max-width : 767px) {
.pre_footer_top_txt {
font-size: 22px;
}
.pre_footer_bottom_txt {
font-size: 16px;
margin-top: 10px;
}
.pre_footer > img {
height: 580px;
left: 50%;
transform: translateX(-50%);
}
.pre_footer > div {
flex-direction: column;
}
.pre_footer .vc_col-sm-4 {
justify-content: center;
margin-top: 25px;
}
.home .blog_home .vc_col-sm-4 {
width: 100%;
}
}
@media only screen and (max-width : 480px) {
.ligne_ydu > p {
width: 100%;
}
.sgpb-popup-close-button-3 {
right: 40px !important;
}
.ligne_ydu {
flex-wrap: wrap;
}
}
.wpb_text_column p, .article-content p, .single_propert_desc p {
text-align: justify;
}
.en_savoir_plus {
color: #22274F;
font-weight: 700;
cursor: pointer;
padding-right: 25px;
position: relative;
width: max-content;
}
.en_savoir_plus::after {
font-family: "page-builder-framework";
content: "\f102";
color: #22274F;
font-weight: 700;
pointer-events: none;
position: absolute;
right: 0;
transform: rotate(180deg);
}
.en_savoir_plus.hide_text::after {
transform: rotate(0);
}
.en_savoir_plus + ul, .en_savoir_plus + div {
transition: all 0.5s linear;
}
.hide_text + ul, .hide_text + div {
display: none;
}
.error404 #content {
min-height: 60vh;
display: flex;
flex-wrap: wrap;
align-content: center;
}
.error404 #content form label {
width: 100%;
margin-bottom: 0;
}
body {
font-weight: 100;
}
html {
overflow-x: hidden;
}
i {
font-family: "FontAwesome";
font-style: normal;
}
.wpb_text_column p, .article-content p, .single_propert_desc p {
text-align: justify;
}
a.lien_absolute {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: transparent !important;
}
.wpbf-padding-medium {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
a:hover {
text-decoration: none !important;
}
/**************ANNONCES**************/
.property_list {
margin-bottom: 35px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single_property_previsite iframe {
width: 750px;
height: 500px;
margin: auto;
}
.single_property_previsite {
display: flex;
flex-direction: column;
}
.property_list_single_left img:hover {
transform: scale(1.2);
}
.property_list_single_left {
/* max-height: 200px; */
overflow: hidden;
max-height: 250px;
}
.property_list_single_desc {
display: flex;
}
.property_list_single_left img {
transition: all .5s ease;
}
.property_list_single_title:hover{
text-decoration: none !important;
color: rgba(154, 121, 36, 0.7);
}
.single_property_agence_header a:hover {
text-decoration: underline !important;
}
.single_property_second_carac_list_title > i {
float: initial !important;
margin-left: 8px;
}
.property_list_single p {
margin: 0 !important;
line-height: 1.2;
}
.single_property_second_carac_list .single_property_second_carac_list_title {
color: #22274f;
font-weight: 700;
font-size: 18px;
cursor: pointer;
margin-bottom: 15px !important;
}
.single_property_second_carac_list p {
margin: 0 !important;
}
.single_property_titre h1 {
text-align: left !important;
width: calc(100% - 180px) !important;
font-size: 36px !important;
}
.single_property_titre::before {
top: 50% !important;
}
.single_property_second_carac_list li {
width: 33%;
}
.single_property_second_carac_list {
margin: 25px 0;
}
.single_property_second_carac_list ul {
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 !important;
}
.property_list_single_right > div:nth-child(1) {
margin-bottom: 20px;
}
.property_list_single_right > div:nth-child(2) p {
margin-bottom: 10px !important;
font-size: 15px;
}
.property_list_single:nth-child(odd) {
margin-right: 15px;
}
.property_list_single:nth-child(even) {
margin-left: 15px;
}
.property_list_single > div:nth-child(odd) {
margin-right: 10px;
}
.property_list_single > div:nth-child(even) {
margin-left: 10px;
}
.single_property_agence .titre-trait {
margin-top: 0 !important;
}
.single_property_carac_list p {
width: 100%;
word-break: break-word;
}
.single_property_carac {
margin-bottom: 80px;
}
.property_list_single_title {
color: #22274F;
font-size: 22px;
}
.property_list_single_price {
font-weight: 700;
color: #22274F;
line-height: 1.7 !important;
}
.img_lightbox_btn {
margin-top: 35px;
}
.img_lightbox_btn i {
color: #22274F;
margin-right: 10px;
font-family: "Font Awesome 5 Pro";
font-style: inherit;
float: left;
font-size: 16px;
}
.archive .ydu_formulaire, .page:not(.home) .ydu_formulaire {
position: relative !important;
margin: 0 auto 50px auto !important;
top: 0 !important;
bottom: unset !important;
transform: none !important;
left: 0 !important;
width: 100% !important;
}
.property_list_count {
margin-bottom: 0 !important;
}
.archive .currentOnglet, .page:not(.home) .currentOnglet {
border-top: 1px solid #22274f;
}
.small_search_form .ydu_formulaire {
width: 30% !important;
}
.small_search_form .ydu_search_selects, .small_search_form .ydu_search_sliders {
flex-direction: column !important;
align-items: center !important;
}
.small_search_form .ydm_ligne_prix, .small_search_form .ydm_ligne_surface {
display: none !important;
}
.small_search_form {
width: 33.333333% !important;
height: max-content !important;
}
.small_search_form .ydm_ul_lignes {
padding: 0 !important;
}
.small_search_form .ydm_ligne_rechercher {
width: 50% !important;
}
.small_search_form .ydm_ligne_slider_prix, .small_search_form .ydm_ligne_slider_surface {
width: 100% !important;
}
.blog .wpbf-grid {
position: relative;
}
.blog .wpbf-sidebar-wrapper {
position: absolute;
right: 0;
margin-top: 520px;
}
.small_search_form .currentOnglet {
border-top: 1px solid #22274f !important;
}
.small_search_form .ydu_formulaire #ydu_div #ydm_type_rent,
.small_search_form .ydu_formulaire #ydu_div #ydm_type_sale,
.small_search_form .ydu_formulaire #ydu_div #ydm_type_new,
.small_search_form .ydu_formulaire #ydu_div #ydm_div_lignes_prix,
.small_search_form .ydu_formulaire #ydu_div #ydm_div_lignes_surface,
.small_search_form .ydu_formulaire #ydu_div .ydu_half_nbPieces,
.small_search_form .ydu_formulaire #ydu_div .ydm_ligne_ville,
.small_search_form .ydu_formulaire #ydu_div .ydu_half_nbPieces,
.small_search_form .ydu_formulaire #ydu_div .ydu_half_nbPieces {
width: 100% !important;
margin-bottom: 15px !important;
}
.small_search_form .ydu_formulaire {
position: relative !important;
width: 100% !important;
top: 0 !important;
transform: none !important;
left: 0 !important;
}
.property_list_count {
margin-bottom: 0 !important;
color: #22274f !important;
font-size: 18px !important;
}
.property_list i, .single_property_carac i, .single_property_agence_header i {
color: #22274F;
margin-right: 8px;
font-style: inherit;
float: left;
font-size: 18px;
text-align: center;
width: 25px;
min-width:25px;
}
.listing_pagination {
text-align: center;
margin-bottom: 50px;
}
.listing_pagination i {
color: #22274F;
font-family: 'FontAwesome';
font-style: inherit;
}
.listing_pagination .fa-arrow-right {
margin-left: 10px;
}
.listing_pagination .fa-arrow-left {
margin-right: 10px;
}
.listing_pagination .page-numbers {
color: #22274F;
}
.listing_pagination .page-numbers.current {
color: rgba(154, 121, 36, 0.7);
}
.property_list_single img {
height: 100%;
object-fit: cover;
width: 100%;
}
.property_list_single > div {
width: calc(50% - 10px);
}
.property_list_single {
width: calc(50% - 15px);
padding: 25px;
margin-top: 15px;
margin-bottom: 15px;
display: flex;
box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);
position: relative;
}
.single_property_img img {
width: 100%;
max-height: 600px;
object-fit: cover;
margin-bottom: 35px;
}
.single_property_carac > div:nth-child(2) {
display: flex;
width: 100%;
flex-direction: column;
}
.single_property_dpe_ges_img {
display: flex;
justify-content: flex-start;
margin-top: 35px;
}
.single_property_dpe_ges_img img {
margin-right: 50px;
}
.single_property_carac_list {
display: flex;
flex-wrap: wrap;
}
.single_property_carac_list > div > img {
height: 45px;
margin-right: 10px;
}
.single_property_carac_list > div > p {
margin-bottom: 0 !important;
color: rgba(154, 121, 36, 0.7);
font-size: 18px;
line-height: 1.2;
}
.single_property_agence_contact textarea {
height: 150px;
}
.single_propert_desc {
margin-top: 35px;
}
.single_property_carac_list > div {
width: 18%;
display: flex;
margin-right: 2%;
align-items: center;
margin-bottom: 35px;
}
.single_property_agence_header {
width: 40%;
}
.single_property_agence_header img {
width: 100%;
max-height: 250px;
object-fit: cover;
}
.single_property_agence_header > div:nth-child(1) {
width: 100%;
margin-bottom: 25px;
}
.single_property_agence_header i {
min-width: 15px;
}
.titre-trait.single_property_titre {
margin-bottom: 50px !important;
}
.single_property_header p {
color: rgba(154, 121, 36, 0.7);
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
}
.single_property_header > div {
display: flex;
margin-right: 25px;
}
.single_property_header {
display: flex;
margin-bottom: 15px;
position: relative;
}
.single_property_header img {
height: 30px;
margin-right: 8px;
}
.single_property_agence_header > div:nth-child(2) {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.single_property_agence_title {
font-weight: 700;
font-size: 18px;
margin-bottom: 15px;
}
.single_property_img img {
margin-bottom: 0 !important;
}
.overlay_lightbox {
position: fixed;
background-color: rgba(0, 0, 0, 0.9);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000000;
display: none;
}
.lightbox_img {
max-height: calc(70vh - 25px);
max-width: calc(70vw - 25px);
}
.lightbox_box {
position: absolute;
height: auto;
width: auto;
padding: 25px 25px 50px 25px;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
}
.multiselect-container {
max-height: 300px;
}
.lightbox_left {
display: block;
transform: rotate(225deg);
position: absolute;
width: 20px;
height: 20px;
border-right: 3px solid #152341;
border-top: 3px solid #152341;
cursor: pointer;
margin: auto auto 1.5em;
bottom: -9px;
left: 30%;
z-index: 100;
}
.single_property .lightbox_right {
transform: rotate(45deg) translatey(-50%);
right: 50px !important;
box-shadow: 7px -7px 7px rgba(128,128,128,0.2);
width: 30px !important;
height: 30px !important;
border-color: white !important;
}
.single_property .lightbox_left {
transform: rotate(225deg) translatey(-50%);
left: 50px !important;
box-shadow: 7px -7px 7px rgba(128,128,128,0.2);
width: 30px !important;
height: 30px !important;
border-color: white !important;
}
.single_property .lightbox_right, .single_property .lightbox_left {
bottom: unset !important;
top: 50% !important;
}
.lightbox_close {
position: absolute;
top: -10px;
right: 10px;
font-size: 25px;
cursor: pointer;
}
.img_lightbox_btn {
background-color: white;
padding: 6px 15px 4px 10px !important;
cursor: pointer;
width: max-content;
text-transform: uppercase;
color: #3e4349;
border: 1px solid;
}
.img_lightbox_btn:hover {
opacity: 0.6;
background-color: #dfe0e6;
}
.lightbox_right {
display: block;
transform: rotate(45deg);
position: absolute;
width: 20px;
height: 20px;
border-right: 3px solid #152341;
border-top: 3px solid #152341;
cursor: pointer;
margin: auto auto 1.5em;
bottom: -9px;
right: 30%;
z-index: 100;
}
.single_property_agence_contact {
width: 55%;
margin-left: 5%;
margin-bottom: 80px;
}
.single_property_agence > div:nth-child(2) {
display: flex;
}
.single_property_agence_header > div:nth-child(2) a {
color: initial;
text-decoration: underline;
}
.single_property_agence_contact .wpcf7-submit {
font-weight: normal !important;
}
.single_property_agence_contact input, .single_property_agence_contact textarea {
font-weight: lighter !important;
}
.single_property_agence_header > div:nth-child(2) > div {
display: flex;
line-height: 1.4;
}
#wpcf7-f1469750947117-p17-o1{
justify-content: center;
display: flex;
padding: 0 50px;
}
.name, .email{
margin-right: 40px;
}
.adress, .message{
width:100%
}
.ligne{
flex-direction: row;
display: flex;
justify-content: space-between !important;
}
.boutonEnvoyer{
justify-content: center;
display: flex;
flex-direction: column;
}
.wpbf-vendre .ligne p {
width: 50%;
}
.wpbf-vendre .ligne .name, .wpbf-vendre .ligne .email {
width: calc(100% - 25px);
margin-right: 25px;
}
.wpbf-vendre .ligne .firstName, .wpbf-vendre .ligne .phone {
width: calc(100% - 25px);
margin-left: 25px;
}
/***************************************/
/***********OPINION SYSTEM - AVIS****************/
.json_avis .slick-slide {
padding: 25px;
margin: 0 35px;
}
.avis_btn:hover {
color: #fff !important;
}
.json_avis .slick-slide:hover::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-top: 2px solid rgba(154, 121, 36, 0.7);
border-left: 2px solid rgba(154, 121, 36, 0.7);
top: 0;
left: 0;
border-color: #22274F !important;
}
.json_avis .slick-slide:hover::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-bottom: 2px solid rgba(154, 121, 36, 0.7);
border-right: 2px solid rgba(154, 121, 36, 0.7);
bottom: 0;
right: 0;
border-color: #22274F !important;
}
.avis_commentaire {
line-height: 1.4;
font-size: 14px;
text-align: center;
}
.json_avis .slick-slide::before {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-top: 2px solid rgba(154, 121, 36, 0.7);
border-left: 2px solid rgba(154, 121, 36, 0.7);
top: 0;
left: 0;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.survey-note img {
height: 90%;
object-fit: contain;
}
.survey-note > div {
display: flex;
justify-content: center;
}
.json_avis {
width: 90%;
margin: auto;
margin-bottom: 100px;
}
.json_avis p {
margin-bottom: 0 !important;
}
.avis_btn:hover {
opacity: 0.6;
}
.avis_btn {
background-color: #22274f;
text-transform: uppercase;
color: #fff;
padding: 14px !important;
width:200px;;
position: absolute;
bottom: -15px;
text-align: center;
left: 50%;
transform: translatex(-50%);
}
.json_avis .lightbox_right {
right: -50px !important;
}
.json_avis .lightbox_left {
left: -50px !important;
}
p.avis_titre {
text-align: center;
color: #22274f;
font-size: 22px;
font-weight: 400;
margin-bottom: 3px !important;
}
.div_avis_commentaire {
display: flex;
justify-content: center;
align-items: center;
}
.json_avis .slick-slide > div:nth-child(1) {
height: 35%;
}
.json_avis .slick-slide > div:nth-child(2) {
height: 65%;
}
.json_avis .lightbox_right, .json_avis .lightbox_left {
bottom: unset !important;
top: 50% !important;
width: 20px !important;
height: 20px !important;
}
.json_avis .slick-slide::after {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-bottom: 2px solid rgba(154, 121, 36, 0.7);
border-right: 2px solid rgba(154, 121, 36, 0.7);
bottom: 0;
right: 0;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.json_avis .slick-track {
display: flex !important;
}
.json_avis .slick-slide {
height: inherit !important;
}
/***************************************/
/*.titre-trait {
position: relative;
margin-bottom: 80px !important;
margin-top: 80px;
}*/
.home .titre-trait.h1-home {
margin-bottom: 35px !important;
text-align: center;
}
.h1-home h1 {
font-size: 40px !important;
margin: auto !important;
width: 70%;
color: #fff;
}
.h1-home h1 .hp_title_style{
font-size: 24px ;
font-weight: 200;
display: block;
margin-top: 10px;
}
.h1-home::before {
content: unset !important;
}
.titre-trait h2, .titre-trait h1, .single-portfolio h1.entry-title {
color: #22274F;
font-size: 40px;
display: inline-block;
background-color: white;
z-index: 1;
position: relative;
padding: 0 40px;
margin-left: 90px;
margin-bottom: 0;
}
.titre-trait::before, .single-portfolio .article-header::before {
content: "";
background-color: #B5B9C3;
width: 100%;
height: 2px;
position: absolute;
display: block;
top: 50%;
}
.single-portfolio .article-header::before {
top: 25px;
}
.titre-trait.long h1, .titre-trait.long h2 {
width: 70%;
}
.titre-page h2, .single-portfolio .entry-content h1, .single-portfolio .entry-content h2 {
color: #22274F;
font-weight: 100;
font-size: 30px;
}
.citation p {
color: #B5B9C3;
font-size: 25px;
font-style: italic;
line-height: 30px;
text-align: center;
}
.citation {
position: relative;
padding: 10px 15px;
}
.citation::before {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-top: 2px solid rgba(154, 121, 36, 0.7);
border-left: 2px solid rgba(154, 121, 36, 0.7);
top: 0;
left: 0;
}
.citation::after {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-bottom: 2px solid rgba(154, 121, 36, 0.7);
border-right: 2px solid rgba(154, 121, 36, 0.7);
bottom: 0;
right: 0;
}
.btn-blue button, .btn-blue a, input.wpcf7-submit {
background-color: #22274F !important;
/*border: 2px solid #22274F !important;*/
color: white !important;
background-image: none !important;
border-radius: 0 !important;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
border: none !important;
position: relative;
overflow:visible;
}
input.wpcf7-submit {
border: 2px solid #22274F !important;
}
.btn-blue button::before, .btn-blue a::before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-top: 2px solid #22274F;
border-right: 2px solid #22274F;
top: 0px;
right: 0px;
pointer-events: none;
transition: all 0.3s ease-in-out;
}
.btn-blue button::after, .btn-blue a::after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-bottom: 2px solid #22274F;
border-left: 2px solid #22274F;
bottom: 0;
left: 0;
pointer-events: none;
transition: all 0.3s ease-in-out;
}
.btn-blue button:hover, .btn-blue a:hover, input.wpcf7-submit:hover {
background-color: transparent !important;
color: #22274F !important;
}
.btn-blue button:hover::after, .btn-blue button:hover::before,
.btn-blue a:hover::after, .btn-blue a:hover::before {
width: 100%;
height: 100%;
}
.liste ul {
padding-left: 0px;
}
.liste li {
list-style: none;
margin-bottom: 15px;
position: relative;
}
.liste li::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-top : 2px solid #22274F;
border-right: 2px solid #22274F;
transform: rotate(45deg);
margin-right: 10px;
}
p a, .liste li a {
color: #22274F;
text-decoration: underline;
}
img.alignright, figure.alignright, div.alignright {
margin: 0 0 14px 41px !important;
}
img.alignleft, figure.alignleft, div.alignleft {
margin: 0 40px 20px 0 !important;
}
.sous-titre h3 {
font-size: 24px;
color: #B5B9C3;
font-weight: bold;
}
.lien-dore a {
color: rgba(154, 121, 36, 0.7);
}
.lien-dore a:hover {
color: rgba(154, 121, 36, 0.7);
text-decoration: underline;
}
.gros-txt {
font-size: 25px;
}
.bck-grey {
padding: 0 10px !important;
}
.bck-grey > .vc_column-inner {
background-color: whitesmoke;
padding: 30px;
}
.bck-grey .wpb_text_column {
margin-bottom: 0 !important;
}
.download a {
position: relative;
display: inline-block;
}
.download a::after {
content: "\f019" !important;
font-family: "FontAwesome";
position: absolute;
width: 100%;
font-size: 30px;
height: 100%;
background-color: #22274fb3;
left: 0;
color: white;
line-height: 120px;
text-align: center;
}
.wpcf7-form-control-wrap {
margin-bottom: 20px;
}
.col-center {
justify-content: center;
}
/* ======== Header ========= */
.wpbf-logo {
width: 250px;
margin: auto;
margin-bottom: 20px;
pointer-events: auto;
}
#navigation {
background-color: white;
line-height: 0px;
pointer-events: auto;
padding-bottom: 5px;
}
#navigation a {
text-transform: uppercase;
line-height: 20px;
transition: all 0.4s;
color: #22274F;
}
#navigation a:hover {
background-color: white;
color: #22274F !important;
opacity: 0.5;
}
.wpbf-navigation .wpbf-menu>.current-menu-item>a {
color: #22274F !important;
font-weight: 700;
}
.wpbf-nav-wrapper {
padding: 0 0 0 0 !important;
}
.wpbf-menu li i {
font-style: normal;
font-size: 17px;
}
#menu-menu-top-left-fr li a, #menu-menu-top-left-en li a {
/*background-color: #B5B9C3;*/
color: #22274F;
/*padding: 5px 15px 5px 10px;
transition: all 0.4s;*/
}
#menu-menu-top-left-fr li a:hover, #menu-menu-top-left-en li a:hover {
opacity: 0.6;
}
#menu-menu-top-right-fr li a, #menu-menu-top-right-en li a {
color: #22274F;
padding: 5px 3px;
transition: all 0.4s;
}
#menu-menu-top-right-fr li a:hover, #menu-menu-top-right-en li a:hover {
opacity: 0.6;
}
.btn-perso a {
padding: 6px 15px 4px 10px !important;
margin-right: 20px;
/*border: 1px solid;*/
transition: all 0.4s;
}
/*.btn-perso a:hover {
background-color: #dfe0e6;
}*/
.btn-perso a::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('./img/user.png');
background-size: contain;
vertical-align: sub;
margin-right: 10px;
background-repeat: no-repeat;
}
#menu-menu-top-left-fr li a i, #menu-menu-top-left-en li a i {
font-size: 20px;
margin-right: 5px;
}
/*#menu-menu-top-left-fr li a::before, #menu-menu-top-left-en li a::before {
content: "";
display: inline-block;
width: 22px;
height: 20px;
background-image: url('./img/warning.png');
background-size: contain;
vertical-align: text-bottom;
margin-right: 10px;
}*/
#menu-menu-top-left-fr li.current-menu-item a, #menu-menu-top-left-en li.current-menu-item a {
color: white !important;
}
#menu-menu-top-right-fr li, #menu-menu-top-right-en li {
float: none;
display: inline-block;
vertical-align: middle;
}
#menu-menu-top-right-fr .lang-item a, #menu-menu-top-right-en .lang-item a {
font-size: 16px;
color: #B5B9C3;
text-transform: uppercase;
padding: 5px 1px;
}
#menu-menu-top-right-fr .lang-item a[lang="fr-FR"], #menu-menu-top-right-en .lang-item a[lang="fr-FR"] {
margin-left: 20px;
}
.wpbf-navigation {
margin-top: -35px;
background-color: transparent !important;
pointer-events: none;
}
#header {
padding-top: 5px;
-webkit-box-shadow: 0px -4px 15px 0px rgba(0,0,0,0.29);
-moz-box-shadow: 0px -4px 15px 0px rgba(0,0,0,0.29);
box-shadow: 0px -4px 15px 0px rgba(0,0,0,0.29);
}
.wpbf-pre-header .wpbf-inner-pre-header {
max-width: none;
padding: 0px 40px 10px;
}
.wpbf-navigation .wpbf-menu .sub-menu a {
font-size: 14px;
}
.wpbf-navigation .wpbf-menu .sub-menu a:hover {
background-color: #dddfe4 !important;
}
li.facebook a::before {
content: url('data:image/svg+xml;charset=UTF-8,');
width: 20px;
height: 25px;
display: inline-block;
}
li.facebook i {
display: none;
}
/* ============ Home ============= */
/* ESTIM */
.ydu_jestimo_demenagement_texte .vc_col-sm-4 {
padding-right: 5px;
padding-left: 5px;
}
.estim-titre h3 {
color: #22274F;
text-transform: uppercase;
font-size: 20px;
max-width: 200px;
}
.ydu_jestimo_demenagement_input {
background-color: #22274f !important;
text-transform: uppercase;
color: #fff !important;
font-weight: 400 !important;
}
.ydu_formulaire {
border-radius: 10px;
}
ul#ydm_status_list {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
overflow: hidden;
}
.estim-titre {
padding-top: 20px;
padding-left: 20px !important;
}
.form-etsima {
padding-top: 20px;
padding-bottom: 30px;
}
/* Services */
.nosservices > .vc_column_container {
float: none;
}
.services-row.estim > .vc_column_container > .vc_column-inner > .wpb_wrapper {
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15);
padding: 20px;
margin-top: 30px;
}
.services-row .vc_col-sm-4 > .vc_column-inner >.wpb_wrapper,
.services-row .vc_col-sm-3 > .vc_column-inner >.wpb_wrapper,
.services-row .vc_col-sm-6 > .vc_column-inner >.wpb_wrapper {
position: relative;
padding: 25px;
text-align: center;
}
.services-row .vc_col-sm-4 > .vc_column-inner >.wpb_wrapper::before,
.services-row .vc_col-sm-3 > .vc_column-inner >.wpb_wrapper::before,
.services-row .vc_col-sm-6 > .vc_column-inner >.wpb_wrapper::before,
.estim-titre::before {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-top: 2px solid rgba(154, 121, 36, 0.7);
border-left: 2px solid rgba(154, 121, 36, 0.7);
top: 0;
left: 0;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.services-row .vc_col-sm-4 > .vc_column-inner >.wpb_wrapper::after,
.services-row .vc_col-sm-3 > .vc_column-inner >.wpb_wrapper::after,
.services-row .vc_col-sm-6 > .vc_column-inner >.wpb_wrapper::after,
.form-etsima::after {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-bottom: 2px solid rgba(154, 121, 36, 0.7);
border-right: 2px solid rgba(154, 121, 36, 0.7);
bottom: 0;
right: 0;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.services-row .vc_col-sm-4 > .vc_column-inner >.wpb_wrapper:hover::before,
.services-row .vc_col-sm-3 > .vc_column-inner >.wpb_wrapper:hover::before,
.services-row .vc_col-sm-6 > .vc_column-inner >.wpb_wrapper:hover::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-top: 2px solid rgba(154, 121, 36, 0.7);
border-left: 2px solid rgba(154, 121, 36, 0.7);
top: 0;
left: 0;
border-color: #22274F !important;
}
.services-row .vc_col-sm-4 > .vc_column-inner >.wpb_wrapper:hover::after,
.services-row .vc_col-sm-3 > .vc_column-inner >.wpb_wrapper:hover::after,
.services-row .vc_col-sm-6 > .vc_column-inner >.wpb_wrapper:hover::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-bottom: 2px solid rgba(154, 121, 36, 0.7);
border-right: 2px solid rgba(154, 121, 36, 0.7);
bottom: 0;
right: 0;
border-color: #22274F !important;
}
.services-row .vc_col-sm-4 svg,
.services-row .vc_col-sm-3 svg,
.services-row .vc_col-sm-6 svg{
height: 100px;
}
.services-row .vc_col-sm-4 svg *,
.services-row .vc_col-sm-3 svg *,
.services-row .vc_col-sm-6 svg * {
transition: all 0.2s;
}
.services-row .vc_col-sm-4:hover svg *,
.services-row .vc_col-sm-3:hover svg *,
.services-row .vc_col-sm-6:hover svg * {
stroke: rgba(154, 121, 36, 0.7) !important;
}
.services-txt {
margin-bottom: 0 !important;
}
.services-txt h3 {
color: #22274F;
font-size: 20px;
}
.services-txt h3 {
color: #22274F;
font-size: 20px;
}
.services-txt p {
font-size: 15px;
line-height: 20px;
}
.services-row .wpb_raw_html {
margin-bottom: 20px !important;
}
.servicesen .services-row {
padding-right: 50px !important;
padding-left: 50px !important;
}
/* Sur le blog */
.blog_home .titre-trait {
margin-top: 40px;
margin-bottom: 50px !important;
}
.post a {
color: #22274F;
transition: all 0.3s ease-out;
}
.post a:hover {
color: #22274F;
opacity: 0.6;
}
.blog_home .vc_pageable-slide-wrapper {
display: flex;
flex-wrap: wrap;
}
.vc_grid-item-mini {
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15);
padding: 25px;
height: 100%;
}
.vc_grid-item-mini .vc_gitem_row .vc_gitem-col {
padding: 0;
}
.vc_grid-item-mini h3 {
color: #22274F;
font-size: 20px;
margin-top: 20px;
min-height: 50px;
margin-bottom: 0;
}
.vc_grid-item-mini .vc_gitem-post-data {
margin-bottom: 5px;
}
.vc_grid-item-mini .vc_btn3-container.vc_btn3-right {
margin-bottom: 0;
}
.vc_grid-item-mini .vc_btn3-container.vc_btn3-right a {
padding: 0;
background-color: transparent;
background: none;
}
.vc_grid-item-mini p {
font-size: 15px;
line-height: 20px;
min-height: 85px;
margin-bottom: 15px;
}
.vc_grid-item-mini .vc_gitem-post-data-source-post_date {
color: rgba(154, 121, 36, 0.7);
font-weight: bold;
font-size: 12px;
}
.vc_grid-item-mini button.vc_btn3 {
color: #B5B9C3 !important;
background-image: none !important;
font-size: 15px;
padding: 0;
}
/* Agences */
.agence > .vc_column-inner::after {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-top: 2px solid rgba(154, 121, 36, 0.7);
border-right: 2px solid rgba(154, 121, 36, 0.7);
top: 12px;
right: 22px;;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.agence:hover > .vc_column-inner::after {
border-color: white;
}
.agence p {
transition: all 0.3s ease-in-out;
}
.agence:hover p {
color: white;
}
.agence.vc_col-sm-6 .vc_col-md-9 {
align-self: center;
transition: all 0.6s;
pointer-events: none;
}
.agence.vc_col-sm-6 .vc_col-md-9 h2 a {
transition: all 0.6s;
}
.agence.vc_col-sm-6:hover .vc_col-md-9 h2 a {
color: white;
}
.agence.vc_col-sm-6:hover .vc_col-md-9 {
z-index: 999999;
}
.agence > .vc_column-inner > .wpb_wrapper > .vc_inner {
display: flex;
}
.agence a.lien_absolute {
transition: all 0.6s;
margin-right: 10px;
margin-left: 10px;
}
.agence .wpb_raw_code {
margin: 0;
}
.agence a.lien_absolute:hover {
background-color: #22274fcf !important;
opacity: 1;
}
.agences {
margin-bottom: 30px;
}
.agence.bck-grey > .vc_column-inner {
background-color: white !important;
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15);
}
.agences .wpb_single_image, .agences .wpb_content_element {
margin-bottom: 0 !important;
}
.agences .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper {
position: relative;
}
.agences .wpb_single_image::before {
content: "";
position: absolute;
display: block;
width: 25px;
height: 25px;
border-top: 2px solid white;
border-right: 2px solid white;
right: 10px;
top: 10px;
transition: all 0.4s ease-in-out;
}
.agences .vc_col-sm-4:hover .wpb_single_image::before {
width: 0px;
height: 0px;
border-color: transparent;
}
.agences .ville {
background-color: #22274F;
color: white;
position: absolute;
bottom: 0;
width: 100%;
height: 47px;
transition: all 0.4s ease-in-out;
}
.agences .vc_col-sm-4 .agence {
position: absolute;
bottom: -30px;
width: 100%;
color: white;
right: 10px;
transition: all 0.4s ease-in-out;
opacity: 0;
font-size: 16px;
}
.agences .vc_col-sm-4:hover .agence {
bottom: 10px;
opacity: 1;
}
.agences .vc_col-sm-4:hover .ville {
height: 100%;
background-color: #22274fb0;
}
.agences .vc_col-sm-4 .ville > .wpb_wrapper {
position: absolute;
bottom: 10px;
width: 100%;
right: 10px;
transition: all 0.4s ease-in-out;
font-size: 15px;
}
.agences .vc_col-sm-4:hover .ville > .wpb_wrapper {
bottom: 35px;
}
/* Single agence */
.contact-agence {
padding-left: 50px !important;
}
.single-les-agences .wpbf-article-wrapper {
display: flex;
flex-wrap: wrap;
}
.single-les-agences header.titre-trait {
width: 100%;
}
.single-les-agences .team .titre-trait {
margin-bottom: 40px !important;
}
.single-les-agences .agence-map {
padding-right: 40px;
min-height: 350px;
}
.single-les-agences .team .awsm-personal-info {
max-width: 180px;
margin: auto;
}
.single-les-agences .team .awsm-grid-wrapper .grid-4-col>.awsm-grid-card {
width: calc(25% - 60px);
margin-left: 30px;
margin-right: 30px;
}
.agence-thumb {
height: 250px;
overflow: hidden;
margin-bottom: 25px;
}
.agence-thumb img {
height: 100%;
object-fit: cover;
width: 100%;
}
.infos-agence {
padding: 20px 25px 1px;
margin-bottom: 15px;
position: relative;
color: #22274F;
}
.agence-intro {
width: 25%;
}
.agence-map, .vc_col-sm-6 {
width: 50%;
}
.infos-agence p {
display: flex;
flex-wrap: wrap;
line-height: 20px;
margin-bottom: 22px;
align-items: center;
}
.infos-agence::after {
bottom: 5px;
right: 2px;
}
.infos-agence p span {
width: calc(100% - 40px);
margin-left: 15px;
}
.single-les-agences .article-content {
padding-left: 60px;
}
.single-les-agences .article-content .team h2 {
color: #22274F;
margin-top: 45px;
}
section.contact {
width: 100%;
margin-bottom: 100px;
display: flex;
flex-wrap: wrap;
}
section.contact .titre-trait {
width: 100%;
}
section.contact .vc_col-sm-6 {
width: 50%;
}
.single-les-agences .article-content {
width: 75%;
}
/* Single agence team */
.team {
width: 100%;
}
.awsm-grid-wrapper .grid-4-col>.awsm-grid-card {
position: relative;
}
.awsm-grid-wrapper .grid-4-col>.awsm-grid-card figure {
border: none;
padding: 15px 0 100px;
}
.awsm-grid-wrapper .grid-4-col>.awsm-grid-card figure img {
max-width: 120px !important;
}
.awsm-grid-wrapper .grid-4-col>.awsm-grid-card figure figcaption {
padding: 15px 0px;
}
.awsm-grid-wrapper .awsm-grid h3 {
font-size: 16px;
color: #22274F;
}
.awsm-grid-wrapper .grid-4-col>.awsm-grid-card::before,
.infos-agence::before {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-top: 2px solid rgba(154, 121, 36, 0.7);
border-left: 2px solid rgba(154, 121, 36, 0.7);
top: 0;
left: 0;
z-index:999;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.awsm-grid-wrapper .grid-4-col>.awsm-grid-card::after,
.infos-agence::after {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-bottom: 2px solid rgba(154, 121, 36, 0.7);
border-right: 2px solid rgba(154, 121, 36, 0.7);
bottom: 0;
right: 0;
z-index:999;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.awsm-grid-wrapper .grid-4-col>.awsm-grid-card:hover::before,
.awsm-grid-wrapper .grid-4-col>.awsm-grid-card:hover::after {
width: 100%;
height: 100%;
border-color: #22274F !important;
}
/* Logos partner */
.logos-partner i {
font-size: 30px !important;
font-weight: 700;
color: #152341;
}
.logos-partner img {
height: 100px !important;
width: auto !important;
}
/* Footer */
.footer-menu * {
text-align: left !important;
}
.vc_row.wpb_row.vc_row-fluid.footer-top {
max-width: 1200px;
margin: auto;
}
.vc_row.wpb_row.vc_row-fluid.footer-top p {
color: white !important;
text-decoration: none;
text-transform: uppercase;
position: relative;
}
.vc_row.wpb_row.vc_row-fluid.footer-top p::after {
content: "";
background-color: #B5B9C3;
width: 100%;
height: 1px;
display: block;
position: absolute;
margin-top: 5px;
}
.vc_row.wpb_row.vc_row-fluid.footer-top ul {
padding-left: 0;
}
.vc_row.wpb_row.vc_row-fluid.footer-top li {
list-style: none;
margin-bottom: 5px;
}
.vc_row.wpb_row.vc_row-fluid.footer-top li::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-top : 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
margin-right: 10px;
}
.vc_row.wpb_row.vc_row-fluid.footer-top a {
color: white !important;
text-decoration: none;
display: inline-block;
width: calc(100% - 21px);
vertical-align: text-top;
line-height: 21px;
}
/* Pages syndic */
.devis-form {
max-width: 700px;
margin: auto !important;
}
.devis-form b {
margin-top: 40px;
display: block;
}
/* Etoile veille */
.intro-veille h1 {
color: white;
font-size: 38px;
line-height: 54px;
}
.intro-veille p {
color: white;
font-size: 24px;
}
.e-veille {
overflow: visible !important;
}
.e-veille h3 {
color: rgba(154, 121, 36, 0.7);
text-transform: uppercase;
font-size: 21px;
}
.e-veille > .vc_column_container > .vc_column-inner {
padding-top: 0 !important;
}
.e-veille > .vc_column_container > .vc_column-inner .vc_col-sm-10 {
margin-top: -40px;
margin-bottom: -40px;
}
.veille-icones .wpb_raw_html {
text-align: center;
margin-bottom: 10px;
}
.veille-icones p {
line-height: 24px;
}
.veille-icones p strong {
color: #22274F;
font-size: 15px;
text-transform: uppercase;
}
.veille-chapo p {
color: #B5B9C3;
font-size: 20px;
line-height: 27px;
}
.veille-icones > .vc_column_container {
margin-bottom: 30px;
}
/* Blog */
.blog #content, .single-post #content {
padding-top: 70px;
}
.blog .wpbf-grid h3 {
font-size: 20px;
margin-top: 20px;
margin: 0;
}
.blog .wpbf-grid h3 a {
color: #22274F;
}
.blog .article-meta .posted-on, .single-post .article-meta .posted-on {
display: none;
}
.blog .article-meta .article-time, .single-post .article-meta .article-time {
color: rgba(154, 121, 36, 0.7);
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
.single-post .article-meta .article-time {
font-size: 15px;
}
.blog .wpbf-grid .entry-summary p {
font-size: 15px;
line-height: 20px;
}
.blog .wpbf-grid .article-footer .wpbf-read-more {
color: #B5B9C3 !important;
background-image: none !important;
font-size: 15px;
padding: 0;
background-color: transparent;
}
.blog .wpbf-grid .article-footer .wpbf-read-more::after {
content: " -->";
}
.blog .wpbf-grid .wpbf-post-image-wrapper {
margin-bottom: 0px;
}
.blog .wpbf-grid .wpbf-blog-layout-beside {
margin-bottom: 40px;
padding: 20px;
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15);
border-bottom: none;
}
.blog .wpbf-grid .wpbf-blog-layout-beside img {
height: 235px;
object-fit: cover;
}
.blog .wpbf-grid .wpbf-blog-layout-beside .article-content {
margin-top: 20px;
}
.blog #main {
padding-right: 30px;
}
.single-post #main {
padding-bottom: 100px;
padding-right: 30px;
}
.wpbf-sidebar .widget {
padding: 25px 30px;
background-color: #f6f6f6 !important;
}
.wpbf-sidebar .widget h4.wpbf-widgettitle {
color: #22274F;
font-weight: 100;
font-size: 19px;
border-bottom: 1px solid rgba(154, 121, 36, 0.7);
padding-bottom: 10px;
}
.single-post h1.entry-title {
font-size: 30px;
color: #22274F;
margin-bottom: 5px;
margin-top: 30px;
}
.single-post .entry-content h1, .single-post .entry-content h1 strong, .single-post .entry-content h2, .single-post .entry-content h2 strong {
font-size: 25px;
color: #22274F;
font-weight: 100;
text-align: left !important;
margin-bottom: 15px;
margin-top: 50px;
}
.single-post .entry-content h3 {
font-size: 24px;
color: #B5B9C3;
font-weight: bold;
}
.wpbf-sidebar .widget_recent_entries li {
padding-bottom: 20px;
}
.wpbf-sidebar .widget_recent_entries li:not(:last-child) {
list-style: none;
margin-bottom: 20px;
border-bottom: 1px solid #b5b9c35e;
}
.wpbf-sidebar .widget_recent_entries li img {
display: inline-block;
}
.wpbf-sidebar .widget_recent_entries li a {
margin-left: 15px;
color: #22274F;
font-size: 16px;
display: inline-block;
width: calc(100% - 65px);
line-height: 20px;
vertical-align: middle;
font-weight: bold;
}
.wpbf-sidebar .widget_search label {
width: 100%;
}
.single-post .wpbf-main-grid {
position: relative;
}
.single-post .wpbf-main-grid .wpbf-sidebar-wrapper {
position: absolute;
right: 0;
margin-top: 520px;
}
/* Nos agence */
.agence h2, .agence h2 a {
font-size: 18px;
color: #22274F;
margin-bottom: 10px;
}
.agence a {
color: #B5B9C3;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
.agence a:hover {
color: #B5B9C3;
opacity: 0.6;
}
.agence p {
margin-bottom: 10px;
}
.agence .wpb_single_image {
margin-bottom: 0 !important;
}
.agence > .vc_column-inner {
padding: 30px 30px 30px 30px !important;
}
.previous-post-link a, .next-post-link a {
color: #B5B9C3;
font-weight: bold;
font-size: 19px;
}
/* Offres d'emploi */
.single-portfolio .article-header {
display: flex;
flex-wrap: wrap;
position: relative;
margin-top: 80px;
}
.single-portfolio .wpbf-post-image-wrapper {
width: 100%;
order: 2;
}
.single-portfolio .wpbf-post-image-wrapper img {
max-height: 500px;
width: auto;
}
.single-portfolio h1.entry-title {
margin-bottom: 80px;
}
.single-portfolio .entry-content h1, .single-portfolio .entry-content h2 {
margin-top: 50px;
}
.single-portfolio .entry-content {
margin-bottom: 100px;
}
.single-portfolio .entry-content form {
max-width: 670px;
}
/* ====== Responsive ===== */
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {
/* Header */
.wpbf-mobile-logo-container {
max-width: 300px;
}
.wpbf-navigation {
pointer-events: auto;
}
.wpbf-menu-toggle-container {
position: absolute;
right: 10px;
top: 30px;
width: 50px !important;
height: 50px;
background-color: #22274F;
text-align: center !important;
line-height: 48px;
}
.wpbf-menu-toggle-container button {
color: white;
font-size: 30px;
}
.wpbf-submenu-toggle i {
color: #22274F;
}
ul.sub-menu {
background-color: #eaeaea;
}
ul.sub-menu li a {
font-size: 14px;
}
.rs {
display: inline-block;
border: none !important;
padding-bottom: 30px;
font-size: 22px;
padding-top: 10px;
float: left;
}
.rs i {
font-family: 'FontAwesome';
font-style: initial;
}
.lang-item {
display: inline-block;
border: none !important;
padding-bottom: 30px;
font-size: 22px;
padding-top: 10px;
float: right;
}
.lang-item-first {
padding-right: 20px;
}
.current-lang a {
color: #848994 !important;
}
.lang-item a {
padding: 10px 5px !important;
}
.wpbf-mobile-menu .menu-item {
border-bottom: 1px solid #dedee5;
border-top: 0 !important;
}
.property_list_single {
flex-wrap: wrap;
}
.property_list_single > div {
width: 100%;
margin: 0 !important;
}
.property_list_single > div.property_list_single_left {
margin-bottom: 20px !important;
}
.property_list_single > div.property_list_single_left {
height: 250px;
}
.nosservices .wpb_wrapper .vc_row-fluid, .wpb_wrapper .vc_row-fluid.agences {
padding-right: 50px !important;
padding-left: 50px !important;
}
.json_avis .lightbox_left {
left: 0 !important;
}
.json_avis .lightbox_right {
right: 0 !important;
}
.vc_row.vc_column-gap-35 {
margin-left: -15px !important;
margin-right: -15px !important;
}
.home .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
padding-right: 15px;
padding-left: 15px;
}
.home .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
margin-right: 0px;
}
.logos-partner {
padding-left: 30px;
padding-right: 30px;
}
.wpb_wrapper .prez-text {
padding-left: 0px !important;
}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.home_presentation .vc_col-md-5 .wpb_text_column {
padding-left: 20px !important;
}
.single_property_previsite iframe {
width: 650px;
height: 400px;
}
.wpb_wrapper .services-row, .wpb_wrapper .vc_row-fluid.agences {
padding-right: 20px !important;
padding-left: 20px !important;
}
.single-les-agences .agence-intro {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.single-les-agences .article-content {
width: 100%;
padding-left: 15px;
margin-top: 30px;
}
.single-les-agences .agence-intro .agence-thumb {
width: 250px;
}
.single-les-agences .agence-intro .infos-agence {
width: calc(100% - 300px);
margin-left: 50px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.single-les-agences .agence-intro .infos-agence p {
width: 100%;
}
.agence .vc_col-md-3 {
margin-bottom: 30px;
}
.agence .vc_col-md-9 * {
text-align: left;
}
.blog .wpbf-sidebar-wrapper, .single-post .wpbf-sidebar-wrapper {
position: relative !important;
margin-top: 30px !important;
width: 100%;
}
.blog #main, .single-post #main {
padding-right: 0;
width: 100%;
}
.pagination .page-numbers {
margin-bottom: 10px;
}
.blog .nav-links {
margin-bottom: 50px;
}
.blog .small_search_form, .single-post .small_search_form {
width: 100% !important;
}
.ydu_formulaire #ydu_div .ydu_half_type, .single-post .ydu_formulaire #ydu_div .ydu_half_type {
width: 100% !important;
margin-bottom: 10px;
}
.home .ydu_formulaire #ydu_div .ydu_half_type {
width: 30% !important;
}
.estim-titre, .form-etsima {
width: 100% !important;
}
.single-les-agences .team .awsm-grid-wrapper .grid-4-col>.awsm-grid-card {
width: calc(25% - 10px);
margin-left: 5px;
margin-right: 5px;
}
.agences .vc_col-sm-4 .agence {
display: none;
}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 769px) {
.titre-trait h2, .titre-trait h1, .single-portfolio h1.entry-title {
margin-left: auto;
margin-right: auto;
padding: 0 40px;
font-size: 32px;
display: inline-block;
text-align: center;
}
.titre-trait {
text-align: center;
margin-bottom: 60px !important;
margin-top: 60px;
}
.titre-page h2, .single-portfolio .entry-content h1, .single-portfolio .entry-content h2 {
font-size: 25px;
}
.vc_column_container .vc_custom_1584627257201 {
padding-right: 30px !important;
}
.blog_home .vc_gitem-zone-mini .vc_col-sm-6 {
width: 100%;
}
.vc_row.vc_column-gap-35 {
margin-left: -15px !important;
margin-right: -15px !important;
}
}
@media only screen and (max-width : 767px) {
.wpbf-vendre .ligne p {
width: 100%;
}
.wpbf-vendre .ligne {
flex-direction: column;
}
.wpbf-vendre .ligne .name, .wpbf-vendre .ligne .email {
width: 100%;
margin-right: 0;
}
.wpbf-vendre .ligne .firstName, .wpbf-vendre .ligne .phone {
width: 100%;
margin-left: 0;
}
.wpb_text_column.wpb_content_element img {
width: 100%;
max-width: 300px;
display: block;
float: none;
margin: 20px 0 !important;
}
.single_property_previsite iframe {
width: 400px;
height: 300px;
}
.h1-home {
margin-top: 150px !important;
}
.wpb_text_column.wpb_content_element h3 img {
margin-bottom: 40px !important;
}
.property_list_single {
width: 100%;
max-width: 450px;
margin: auto;
margin-right: auto !important;
margin-left: auto !important;
margin-bottom: 30px;
}
.single_property_agence > div:nth-child(2) {
flex-wrap: wrap;
}
.single_property_agence .single_property_agence_header,
.single_property_agence .single_property_agence_contact {
width: 100%;
}
.single_property_dpe_ges_img {
display: block;
}
.single_property_dpe_ges_img img {
margin-bottom: 35px;
}
.single_property_carac_list > div {
width: 48%;
}
.single_property_second_carac_list li {
width: 100%;
}
.single_property_agence .single_property_agence_contact {
margin: 50px 0;
}
.single_property_titre h1 {
width: 100% !important;
}
.single_property_img img {
max-height: 200px;
}
.single_property_header > div {
display: block;
text-align: center;
}
.single_property_header {
justify-content: space-around;
}
.ydu_formulaire .ydu_search_selects, .ydu_formulaire .ydu_search_sliders {
display: block;
}
.ydu_formulaire #ydu_div #ydm_type_rent, .ydu_formulaire #ydu_div #ydm_type_sale, .ydu_formulaire #ydu_div #ydm_type_new, .ydu_formulaire #ydu_div .ydu_half_nbPieces, .ydu_formulaire #ydu_div .ydm_ligne_ville, .ydu_formulaire #ydu_div .ydu_half_nbPieces, .ydu_formulaire #ydu_div .ydu_half_nbPieces,
.ydu_formulaire #ydu_div #ydm_div_lignes_prix, .ydu_formulaire #ydu_div #ydm_div_lignes_surface {
width: 100% !important;
margin-bottom: 10px;
}
.ydm_ligne_rechercher {
max-width: 200px;
width: 100%;
}
.ydu_search_sliders #ydm_div_lignes_prix > ul, .ydu_search_sliders #ydm_div_lignes_surface > ul {
padding: 0 !important;
}
.agences .vc_col-sm-4 {
margin-bottom: 30px;
}
.agences .vc_col-sm-4 .wpb_single_image .vc_figure,
.agences .vc_col-sm-4 .wpb_single_image .vc_figure .vc_single_image-wrapper,
.agences .vc_col-sm-4 .wpb_single_image .vc_figure .vc_single_image-wrapper .vc_single_image-img {
width: 100%;
}
.wpb_wrapper .vc_row-fluid.agences {
margin-bottom: 0;
}
.json_avis .lightbox_right {
right: 0px !important;
}
.json_avis .lightbox_left {
left: 0px !important;
}
.blog_home {
margin-top: 50px;
}
/*.slick-next {
right: 10px !important;
}
.slick-prev {
left: 10px !important;
}*/
.home_presentation .vc_col-md-5 .wpb_text_column {
padding-left: 0px !important;
}
.single-les-agences .agence-intro .agence-thumb {
width: 100%;
}
.single-les-agences .agence-intro .infos-agence {
width: 100%;
margin-left: 0;
}
.single-les-agences .awsm-grid-wrapper .awsm-grid-card {
width: calc(50% - 30px) !important;
margin-left: 15px !important;
margin-right: 15px !important;
}
.single-les-agences .contact .vc_col-sm-6 {
width: 100% !important;
padding-right: 15px;
margin-bottom: 30px;
}
.single-les-agences .contact .rwmb-map-canvas {
height: 250px;
}
.contact-agence {
padding-left: 15px !important;
}
.single-post .wpbf-main-grid .wpbf-sidebar-wrapper {
position: relative;
right: auto;
width: 100%;
margin-top: 30px;
}
.home_presentation {
margin-top: 300px;
}
.small_search_form {
width: 100% !important;
}
.ydu_jestimo_left {
height: auto !important;
margin-bottom: 20px;
}
.nosservices .wpb_wrapper .vc_row-fluid, .wpb_wrapper .vc_row-fluid.agences {
padding-right: 15px !important;
padding-left: 15px !important;
}
.ydu_jestimo_demenagement_texte .vc_col-sm-7 label {
max-width: calc(100% - 25px);
vertical-align: top;
margin-left: 5px;
margin-bottom: 20px;
}
.agence.vc_col-sm-6 {
margin-bottom: 30px;
}
.wpb_text_column p, .article-content p, .single_propert_desc p {
text-align: left;
}
.home_presentation {
margin-top: 0;
}
.home .ydu_formulaire #ydu_div .ydu_half_type {
width: 100% !important;
}
.json_avis .slick-slide {
padding: 25px 5px;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.h1-home {
margin-top: 0px !important;
}
.home_row_search {
display: none;
}
.home_row_search + div {
margin-top: 50px !important;
}
.wpbf-mobile-logo-container {
margin-right: 80px;
width: 180px !important;
}
.single_property_previsite iframe {
width: 280px;
height: 250px;
}
.wpbf-menu-toggle-container {
top: 42px;
right: 20px;
}
.wpbf-mobile-nav-wrapper {
padding: 20px 20px 10px !important;
}
#gm-main-menu {
margin-bottom: 50px;
}
.titre-trait h2, .titre-trait h1, .single-portfolio h1.entry-title {
padding: 0 10px;
font-size: 28px;
max-width: calc(100% - 25px);
display: block;
text-align: center;
}
.titre-trait.long h1 {
width: auto;
}
.vc_column_container .vc_custom_1584627257201 {
margin-bottom: 30px;
padding-right: 15px !important;
}
.single-les-agences .awsm-grid-wrapper .awsm-grid-card {
width: calc(100% - 30px) !important;
}
.single_property_header > div {
margin: 0 5px;
}
.g-recaptcha.wpcf7-recaptcha * {
width: 100% !important;
}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}
.blog #content {
padding-top: 30px;
}
.blog #titleBlog {
padding-top: 35px;
}
.listing_pagination {
margin-bottom: 10px !important;
}
@media (max-width: 991px) and (min-width: 768px) {
.yduAgenceEtoileVendreVideo {
padding: 0 30% !important;
}
}