/*
Theme Name: Vincent Entreprise
Author: Fair-Agenceweb*
Author URI: fair-agenceweb.fr
*/
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

html * {
margin: 0;
padding: 0;
/* font-family: 'FiraSans-light'; */
font-family: "Inter", sans-serif;
font-weight: 300;
list-style: none;
box-sizing: border-box;
color: #032B43;
}
button,
a {
cursor: pointer;
}
#wpadminbar #wp-admin-bar-top-secondary a ,
#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon svg ,
#moove_gdpr_save_popup_settings_button span.moove_gdpr_text,
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn i{
color: #fff;
}
#wpadminbar #wp-admin-bar-top-secondary a:hover { color: inherit; }
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
button {
border: unset;
outline: unset;
}
b, strong {
font-family: "Fira Sans", sans-serif;
font-weight: 500;
font-style: normal;
}
.containers {
max-width: 75%;
margin: 0 auto;
background-color: #FFFFFF;
}
/* custom container */
.container {
max-width: 1440px;
}
/* all titles */
h1,
h1 * {
font-size: 50px;
/* font-family: 'FiraSans-bold'; */
font-family: "Inter", sans-serif;
font-weight: 700;
}
h1 {
margin-bottom: 4px;
}

h1 span,
h2 span,
h3 span,
.title_h1 span,
.title_h2 span,
.title_h3 span,
.blue {
color: #9E8E7A;
}
/* links and btns */
.page-standard .wpcf7-list-item a::after,
.page-standard .wpcf7-list-item a:hover::after {
content: none !important;
}
.page-standard .wpcf7-list-item a{
font-size: inherit !important;
display: inline;
/* font-family: 'FiraSans-light'; */
font-family: "Inter", sans-serif;
font-weight: 300;
list-style: none;
box-sizing: border-box;
color: #BF2F28;
}
.filtre_image {
top:0;
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
background:linear-gradient(to right, rgba(255,255,255,1) 20%,rgba(255,255,255,1) 45%,rgba(255,255,255,0.5) 52%,rgba(255,255,255,0) 60%);
}
.page-standard .wpcf7-list-item a:hover{
text-decoration: underline;
}
/* ==============================
.link-icon : style d'origine conservé
============================== */
.link-icon {
display: flex;
align-items: center;
font-size: 19px;
color: #b48c5a;
text-decoration: none;
font-family: Inter, sans-serif;
font-weight: 600;
cursor: pointer;
transition: 250ms;
gap: 6px;
width: max-content;
margin-top: 10px;
position: relative;
padding: 6px 0;
background-color: transparent;
}
.link-icon::after {
content: "";
background-image: url("/wp-content/themes/vincentEntreprises/assets/img/arrow-circle-red.svg");
display: block;
width: 34px;
height: 34px;
background-size: cover;
background-position: center;
position: absolute;
left: calc(100% + 12px);
transition: 250ms;
transform: translateX(-100%) scale(0);
opacity: 0;
visibility: hidden;
}
.link-icon:hover::after {
transform: translateX(0) scale(1);
opacity: 1;
visibility: visible;
}
.link-icon:hover {
color: #b48c5a;
transform: scale(1.1);
}
/* ==============================
CTA des articles et pages : bouton outline
============================== */
/* Boutons CTA : <p><strong><a> dans .page-standard */
.page-standard p > strong > a {
display: inline-flex;
align-items: center;
gap: 0.625rem;
width: max-content;
max-width: 100%;
margin-top: 10px;
padding: 0.875rem 1.5rem;
border: 1.5px solid #b48c5a;
border-radius: 999px;
background-color: transparent;
color: #b48c5a;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.01em;
text-decoration: none;
cursor: pointer;
transition: background-color 0.25s, color 0.25s;
}
.page-standard p > strong > a::after {
content: "→";
display: inline-block;
transition: transform 0.25s;
}
.page-standard p > strong > a:hover,
.page-standard p > strong > a:focus-visible {
background-color: #b48c5a;
color: #fff;
text-decoration: none;
}
.page-standard p > strong > a:hover::after {
transform: translateX(4px);
}
.page-standard p > strong > a:focus-visible {
outline: 2px solid #b48c5a;
outline-offset: 3px;
}
.link-icon img {
/* width: 35px;
height: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
transition: all 250ms;
visibility: hidden;
opacity: 0; */
display: none;
}
/* .link-icon:hover img {
visibility: visible;
opacity: 1;
} */
/* header */
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 10;
transition: all 250ms;
}
.header.scrolled {
box-shadow: 0 3px 10px #00000030;
}
.header+section {
margin: 195px auto 0px;
}
.home .header+section {
margin: 172px auto 0px;
}
.header .nav-link {
font-size: 18px;
color: #032B43;
/* font-family: 'FiraSans-medium'; */
font-family: "Inter", sans-serif;
font-weight: 500;
text-transform: uppercase;
padding: 14px 8px;
position: relative;
}
.header .nav-link::before {
content: '';
background-color: #4A3A28;
position: absolute;
display: block;
width: 100%;
top: -1px;
width: 100%;
height: 3px;
right: 0;
visibility: hidden;
opacity: 0;
transition: all 250ms;
}
.header .navbar-brand {
padding: 0;
margin-right: 40px;
flex-shrink: 0;
transition: all 250ms;
width: auto;
max-width: 220px;
height: auto;
}
.header.min .navbar-brand {
max-width: 160px;
}
.header .navbar-nav {
width: 100%;
justify-content: space-between;
max-width: 1024px;
position: relative;
visibility: hidden;
}
.header .navbar-nav.show {
visibility: visible;
}
.header .navbar-nav::before {
content: '';
background-color: #4A3A28;
position: absolute;
display: block;
width: 100%;
top: 0;
width: 100%;
height: 1px;
right: 0;
}
.header .navbar {
flex-wrap: nowrap;
justify-content: flex-start;
padding: 0;
}
.navbar-toggler:focus {
box-shadow: 0 0 0 .2rem;
}
.dropdown-toggle::after {
display: none !important;
}
/* Sous-menus du header */
.header .navbar-nav .dropdown-menu {
  position: absolute;
  background-color: #4A3A28;
  border: 0;
  border-radius: 0 0 8px 8px;
  padding: 8px 16px;
  box-shadow: 0 12px 28px rgb(0 0 0 / 18%);
}

.header .dropdown-item {
  display: block;
  width: 100%;
  margin: 0;
  padding: 12px 8px;
  border: 0;

  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;

  color: #fff;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  background-color: transparent;
}

.header .dropdown-menu li:not(:last-child) .dropdown-item {
  border-bottom: 1px solid rgb(255 255 255 / 25%);
}

.header .dropdown-item:hover,
.header .dropdown-item:focus {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: #fff;
  background-color: rgb(255 255 255 / 12%);
}

.header .dropdown-item:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -2px;
}

/* Positionnement et ouverture sur desktop */
@media (min-width: 992px) {
  .header .navbar-nav > li {
    position: relative;
  }

  .header .navbar-nav > li > .dropdown-menu {
    top: 100%;
    left: 0;
    right: auto;

    width: 320px;
    min-width: 0;
    max-width: calc(100vw - 32px);
    margin: 0;
    z-index: 1000;
  }

  .header .navbar-nav > li:hover > .dropdown-menu,
  .header .navbar-nav > li:focus-within > .dropdown-menu {
    display: block;
  }

  .header .navbar-nav > li:nth-last-child(-n + 2)
    > .dropdown-menu {
    left: auto;
    right: 0;
  }
}
.header .nav-link:hover::before,
.header .navbar-nav .current_page_item.nav-item .nav-link::before,
.header .navbar-nav .current_page_parent.nav-item .nav-link::before {
visibility: visible;
opacity: 1;
}
.navbar-light .navbar-nav .nav-link {
color: #9E8E7A;
}
.navbar-light .navbar-nav .nav-link:hover,
.header .navbar-nav .current_page_parent.nav-item .nav-link ,
.header .navbar-nav .current_page_item.nav-item .nav-link {
color: #4A3A28;
/* font-family: 'FiraSans-bold'; */
font-family: "Fira Sans", sans-serif;
font-weight: 700;
}
.header .navbar-expand-lg .navbar-collapse {
justify-content: flex-end;
}
/* section banner 1 */
.header .containersPropos {
max-width: 100%;
background-color: #4A3A28;
color: #FFFFFF;
padding: 8px;
}
.header.min .containersPropos {
padding: 4px;
transition: all 250ms;
}
.header .containersPropos .container {
display: flex;
justify-content: space-between;
}
header.header > .containersPropos > .container{ align-items: center; }
.header .containersPropos ul li a {
color: #FFFFFF;
text-decoration: none;
transition: all 250ms;
display: flex;
align-items: center;
gap: 5px;
font-size: 16px;
}
.header.min .containersPropos ul li a {
font-size: 14px;
}
.header .containersPropos ul li a:hover {
transform: scale(1.075);
transform-origin: center;
}
.header .containersPropos ul li a img {
transition: all 250ms;
}
/* .header .containersPropos ul li a:hover img{
filter: invert(82%) sepia(3%) saturate(4972%) hue-rotate(177deg) brightness(100%) contrast(98%);
} */
.header .containersPropos p {
padding: 0px;
font-size: 20px;
line-height: inherit;
/* font-family: 'FiraSans-bold'; */
font-family: "Inter", sans-serif;
font-weight: 700;
color: #fff;
transition: all 250ms;
}
.header.min .containersPropos p,
.header.min .containersPropos ul li.tel-desktop2 a{
font-size: 17px;
}
.header.min .containersPropos ul li.tel-desktop2 a img{ height: 21px; width: 21px; }
.header .containersPropos ul {
display: flex;
align-items: center;
}
.header .containersPropos ul li:not(:first-child) {
display: flex;
align-items: center;
gap: 5px;
padding-left: 46px;
}
.containerImg {
display: inline-block;
width: 16px;
}
.containerImg img {
width: 100%;
max-width: 100%;
height: auto;
}
.containersPropos ul li span {
font-size: 16px;
color: #fff;
}

.navbars {
display: flex;
width: 100%;
margin: 0 auto;
padding: 15px 0 10px 0;
align-items: center;
background-color: #FFFFFF;
gap: 73px;
transition: all 250ms;
}
.header.min .navbars {
padding: 8px 0 4px;
}
.navbars .containersNav {
width: calc(100% - 127px);
}
.navbars-nav {
display: flex;
justify-content: space-between;
list-style-type: none;
border-top: 1px solid #0078BF;
padding: 15px 0 0 0;
}
.navbars-nav .navs-item {
position: relative;
}

.navs-link {
text-decoration: none;
color: #032B43;
font-size: 17px;
line-height: 21px;
/* font-family: 'FiraSans-regular'; */
font-family: "Inter", sans-serif;
font-weight: 400;
cursor: pointer;
}
.navs-link:hover {
color: #0078BF;
/* font-family: 'FiraSans-bold'; */
font-family: "Inter", sans-serif;
font-weight: 700;
}
.navs-link::before {
content: '';
position: absolute;
width: 100%;
top: -15px;
border-top: 2px solid #0078BF;
visibility: hidden;
opacity: 0;
}
.navs-link:hover::before {
visibility: visible;
opacity: 1;
}
.dropdowns {
position: absolute;
padding: 23px 33px;
background: #0078BF;
text-align: center;
z-index: 9999;
margin-top: 10px;
visibility: hidden;
opacity: 0;
}
.dropdowns ul {
list-style-type: none;
}
.dropdowns ul li {
padding: 6px 0;
position: relative;
}
.dropdowns ul li:not(:last-child)::before {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background-color: #ffff;
left: 0;
opacity: 0.5;
}
.dropdowns ul li a {
text-decoration: none;
color: #FFFFFF;
font-size: 17px;
line-height: 22px;
font-weight: 500;
}
.dropdowns ul li a:hover {
/* font-family: 'FiraSans-bold'; */
font-family: "Inter", sans-serif;
font-weight: 700;
}
.dropdowns.show {
visibility: visible;
opacity: 1;
}
.header .navbar>.container-fluid {
padding: 0;
}
/*---------------------Modal-----------------------------*/
/* select.input_text{
position: absolute;
} */
.contact-popup .popup-wrapper {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -100%);
width: 720px;
background-color: #ffffff;
padding: 24px;
transition: all 250ms;
visibility: hidden;
opacity: 0;
z-index: 101;
}
.contact-popup.show .popup-wrapper {
transform: translate(-50%, -50%);
opacity: 1;
visibility: visible;
}
.contact-popup .popup-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #00000075;
z-index: 100;
transition: all 250ms;
opacity: 0;
visibility: hidden;
}
.contact-popup.show .popup-overlay {
visibility: visible;
opacity: 1;
}
.popup-cta{
width: 200px !important;
margin-top:20px;
margin-left:auto;
margin-right:auto;
}
/*
.popup-cta {
display: block;
padding: 8px 12px;
font-family: 'FiraSans-bold';
width: max-content;
margin-top: 20px;
color: #0078BF;
background-color: transparent;
border: 1px solid #0078BF;
}
*/
.contact-popup .popup-title {
margin-bottom: 20px;
font-size: 22px;
color: #0078BF;
text-align: center;
/* font-family: 'FiraSans-bold'; */
font-family: "Inter", sans-serif;
font-weight: 700;
}
.contact-popup .close-btn{
position: absolute;
z-index: 2;
top: 0;
right: 0;
height: 50px;
width: 50px;
opacity: .4;
color: #000;
cursor: pointer;
-webkit-transition: opacity 100ms;
-o-transition: opacity 100ms;
transition: opacity 100ms;
}
.contact-popup .close-btn:hover{
opacity: 1;
}
.close-btn::before,
.close-btn::after{
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 3px;
background: currentColor;
}
.contact-popup .close-btn::before{
width: 2px;
height: 20px;
}
.contact-popup .close-btn::after{
width: 20px;
height: 2px;
}
.item_form {
display: flex;
align-items: center;
}
.item_form > p {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
}
.item_form > p label {
padding: 4px 0;
}
.item_form textarea {
height: 80px;
}
.contact-popup .form-wrapper {
max-width: 80%;
margin: auto;
}
/* .container_input {
width: 75%;
justify-content: space-between;
} */
.container_check {
justify-content: space-between;
}
input#gdrf_data_email,
input#gdrf_data_human {
display: block;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
input#gdrf_data_email,
input#gdrf_data_human,
.input_text,
.input_check {
box-shadow: none !important;
border: 1px solid rgb(77, 76, 76) !important;
}
.input_text {
/* font-family: 'FiraSans-Medium'; */
font-family: "Inter", sans-serif;
font-weight: 500;
}
.item_check {
display: flex;
flex-direction: column;
}
.fieldset {
padding: 25px 16px 16px 16px;
border: 1px solid #504949;
position: relative;
margin-bottom: 45px;
}
.form_contact {
padding: 0;
font-size: 16px;
width: auto;
padding-left: 50px;
}
.item_form .wpcf7-acceptance .wpcf7-list-item{
margin:20px 0 0 0;}
.item_form [type="checkbox"].form-control{
float: left;
height: auto;
margin: .8rem .75rem;
padding: 0;
position: relative;
top: -7px;
width: auto;
appearance: checkbox;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
}
.item_form.fcenter > p{ justify-content:center; }
form.wpcf7-form:not(.submit) .wpcf7-not-valid-tip{display: none;}
#wpcf7-f344-o1 #civilite,
#wpcf7-f344-o1 #nom,
#wpcf7-f344-o1 #tel,
#wpcf7-f344-o1 #projet,
#wpcf7-f344-o1 #date,
#wpcf7-f344-o1 #horaire{ width: 407px; }
legend {
max-width: fit-content;
position: absolute;
top: -19px;
padding: 0 5px;
font-size: 22px;
background-color: #fff;
}
/* select.form-control {
max-height: 100px;
overflow-y: auto;
} */
.btn-close {
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
opacity: 1;
}
.page-standard h1, .page-standard h2, .page-standard h3, .page-standard h4, .page-standard h5 {
padding: 20px 0;
}
.page-standard p {
margin-bottom: 12px;
font-size: 19px;
}
.page-standard ul li {
list-style: disc;
margin-left: 20px;
font-size: 19px;
}
.page-standard ul {
margin-bottom: 24px;
}
.page-standard h2, .page-standard h2 * {
font-size: 40px;
/* font-family: 'FiraSans-bold'; */
font-family: "Inter", sans-serif;
font-weight: 700;
}
.page-standard h3, .page-standard h3 * {
font-size: 30px;
/* font-family: 'FiraSans-bold'; */
font-family: "Inter", sans-serif;
font-weight: 700;
}
.page-standard h4, .page-standard h4 ,
.page-standard h5, .page-standard h5 * {
font-size: 28px;
/* font-family: 'FiraSans-semibold'; */
font-family: "Inter", sans-serif;
font-weight: 600;
}
/*---------------------banner1---------------------------*/
#banner1 {
height: auto;
/* min-height: 540px; */
background-size: contain;
background-position: center right;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
max-width: 1920px;
margin-left:auto;
margin-right:auto;
}
#banner1 h1+p {
font-size: 19px;
}
#banner1 .banner1_text,
#banner1 .container {
height: 100%;
}
#banner1 .banner1_text {
display: flex;
flex-direction: column;
justify-content: center;
width: 50%;
z-index: 1;
position: relative;
}
body.home #banner1 .banner1_text {
background-color: #fff;
padding-right: 40px;
width: 45%;
}
body.home #banner1 .filtre_image{display:none;}
body.home #banner1 .banner1_text:before{
background-color: #fff;
bottom: 0;
content: '';
display: block;
left: calc(-100% + 2px);
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
body.home #banner1 .banner1_text:after{
/* background-image: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%); */
bottom: 0;
content: '';
display: block;
right: calc(-35% + 2px);
position: absolute;
top: 0;
width: 35%;
}
#banner1.no-bg-img .container::before {
display: none;
}
#banner1.no-bg-img {
height: auto;
padding: 24px 0;
}
#banner1.no-bg-img .banner1_text {
width: 100%;
}
#banner1 > img{ height: auto; }
.fixed-btns-and-form {
overflow: hidden;
position: relative;
}
.p-absolute-btns {
border: 0;
position: fixed;
right: -16px;
top: 48%;
display: flex;
flex-direction: column;
align-items: flex-end;
text-decoration: none;
z-index: 9;
}
.p-absolute-btn {
color: #FFFFFF;
transform: skewX(-25deg);
padding: 8px 32px 8px 10px;
display: flex;
background-color: #4A3A28;
width: 72px;
align-items: center;
margin: 8px 0;
text-decoration: none;
transition: all 250ms;
cursor: pointer;
}
/* .p-absolute-btn:hover {
transform: skewX(-25deg) translateX(-5px);
} */
.p-absolute-btn.p-absolute-btn-1,
.p-absolute-btn.p-absolute-btn-1:hover {
transform: skewX(-25deg);
width: 150px;
}
.p-absolute-btns.active .p-absolute-btn.p-absolute-btn-1{
width: 72px;
}
.p-absolute-btn.p-absolute-btn-2:hover {
transform: skewX(-25deg);
width: 150px;
}

.p-absolute-btn img {
width: 20px;
height: auto;
}
.p-absolute-btn * {
transform: skewX(25deg);
color: #ffffff;
font-size: 19px;
margin-left: 8px;
text-transform: uppercase;
}
.p-absolute-btn span{
font-size: 19px;
transition: all 250ms;
display: block;
overflow: hidden;
opacity: 0;
cursor: pointer;
}
.p-absolute-btn.p-absolute-btn-1 span{
opacity: 1;
overflow: visible;
}
.p-absolute-btn:hover span {
opacity: 1;
visibility: visible;
}
.p-absolute-btn-2 {
background-color: #B48C5A;
}
/* section chiffres */
#chiffres {
padding: 75px 0 75px;
}
#chiffres .chiffre-item strong {
font-weight: bold;
/* font-family: 'FiraSans-medium'; */
font-family: "Inter", sans-serif;
font-weight: 500;
color: #504949;
}
#chiffres .chiffres-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1110px;
margin: auto;
}
#chiffres .chiffre-item > div {
display: flex;
align-items: center;
position: relative;
}
#chiffres .chiffre-col {
position: relative;
}
#chiffres .rotate-text {
transform: rotate(-90deg) translateX(-50%);
position: absolute;
left: 0px;
top: 50%;
font-size: 16px;
transform-origin: left top;
}
#chiffres .chiffre-item.first .chiffre-col:first-child {
padding-left: 26px;
}

#chiffres .chiffre-item .chiffre-col:first-child strong {
margin-right: 6px;
}
#chiffres .chiffre-item.first > div {
padding-left: 24px;
position: relative;
}
#chiffres .chiffre-text-row > div {
display: flex;
flex-direction: column;
align-items: center;
}
#chiffres .chiffre-text-row p {
line-height: normal;
font-size: 25px;
}
#chiffres .chiffre-col .chiffre-text-row p:nth-child(1){
font-size: 20px;
}
#chiffres .chiffre-item:last-child div p:first-child {
font-size: 32px;
}
#chiffres .chiffre-item:last-child div p:last-child {
font-size: 19px;
}
#chiffres .chiffre-item strong.chiffre {
font-size: 65px;
}
#chiffres .chiffre-col {
margin: 0 4px;
}
#chiffres .chiffre-item:first-child > div:before, #chiffres .chiffre-item:last-child > div:before {
content: '';
background-color: #0078BF;
position: absolute;
display: block;
width: 1px;
height: 60px;
top: 50%;
transform: translateY(-50%);
}
#chiffres .chiffre-item:first-child > div:before{
right: -36px;
}
#chiffres .chiffre-item:last-child > div:before {
left: -36px;
}
#chiffres .chiffre-col.flex-col {
display: flex;
align-items: center;
}
#chiffres .slick-track {
max-width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
#chiffres .slick-track::before,
#chiffres .slick-track::after {
display: none;
}
#chiffres .container {
position: relative;
}
#chiffres .wpArrow {
width: 90%;
display: none;
}
/*------------------section---------------------------------*/
.fullimage {
max-width: 1920px;
margin: 0 auto;
height: 500px;
background-size: 100%;
position: relative;
background-repeat: no-repeat;
background-position: center;
clip-path: polygon(43% 0, 100% 27%, 100% 100%, 0 100%, 0 0);
transition: all 250ms;
}
body.home .fullimage {height: 600px;}
.fullimage:hover {
background-size: 110%;
}
body.home .sectionInfo .fullimage{overflow:hidden;}
body.home .sectionInfo .fullimage .titleH2 h2{ position: releative; width: 100%;}
body.home .sectionInfo .fullimage .titleH2 h2::before{
background-color: rgba(0,0,0,0.4);
bottom: 0;
content: '';
display: block;
left: -50%;
position: absolute;
right: -50%;
top: 0;
z-index: -1;
}
.sectionInfo {
margin-bottom: 45px;
}
.sectionInfo .blocInfo .container_btn {
margin: 12px 0;
width: 33.33%;
padding: 0 6px;
}
.sectionInfo .blocInfo p {
font-size: 19px;
}
.fullimage .titleH2 {
position: relative;
height: 100%;
}
.fullimage .titleH2 h2 {
position: absolute;
bottom: 6px;
font-size: 40px;
/* font-family: 'FiraSans-semiBold'; */
font-family: "Inter", sans-serif;
font-weight: 600;
color: #FFFFFF;
}
body.home .fullimage .titleH2 h2{bottom: 0;}
.blocInfo {
margin: 0;
margin-top: 20px;
display: flex;
justify-content: space-between;
}
.blocInfo .col-md-6 {
width: 45%;
}
.texte {
font-size: 19px;
/* font-family: 'FiraSans-light'; */
font-family: "Inter", sans-serif;
font-weight: 300;
color: #032B43;
}
input#gdrf-submit-button{
width: 240px !important;
}
input#gdrf-submit-button,
.popup-cta {
padding: 7px 10px;
background-color: transparent;
border: 1px solid #9E8E7A;
color: #9E8E7A;
border-radius: 20px;
width: 100%;
font-size: 20px;
line-height: 25px;
/* font-family: 'FiraSans-light'; */
font-family: "Inter", sans-serif;
font-weight: 300;
display: block;
text-align: center;
text-decoration: none;
transition: all 250ms;
}
input#gdrf-submit-button:hover,
.popup-cta:hover {
background-color: #9E8E7A;
color: #FFFFFF;
}
.container_btn {
width: 230px;
box-sizing: border-box;
}
.container_btn {
width: 230px;
box-sizing: border-box;
}
.container_btn {
width: 230px;
box-sizing: border-box;
}
.prestation-btn {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 56px;
padding: 8px 14px;
border: 1px solid #9e8e7a;
border-radius: 20px;
color: #9e8e7a;
background-color: transparent;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: normal;
transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
box-shadow: 0 1px 3px rgba(158, 142, 122, 0.15);
}
.prestation-btn:hover {
background-color: #9e8e7a;
color: #ffffff;
box-shadow: 0 4px 12px rgba(158, 142, 122, 0.35);
}
.blocInfo .col-md-6:first-child {
position: relative;
padding-left: 0;
}
.blocInfo .col-md-6:first-child::after {
position: absolute;
content: '';
top: 50%;
right: -50px;
width: 1px;
height: 90%;
background-color: #B48C5A;
transform: translateY(-50%);
}
.blocInfo .col-md-6:first-child .link-icon {
margin-top: 23px;
}
/*-------------------otherLogo---------------------*/
.otherLogo {
margin: 188px 0 ;
}
.container_OtherLogo {
display: flex;
justify-content: space-evenly;
}
.container_OtherLogo .item {
width: 187px;
}
.container_OtherLogo .item figure {
padding: 0 22px;
width: 100%;
}
.container_OtherLogo .item img {
width: 100%;
max-width: 100%;
height: auto;
max-height: 140px;
object-fit: contain;
}
.container_OtherLogo .slick-track {
opacity: 1;
width: 852px;
min-width: 100%;
display: flex;
justify-content: space-evenly;
}
.title_h2,
.title_h2 span,
.title_h2 b {
font-size: 40px;
/* font-family: 'FiraSans-semiBold'; */
font-family: "Inter", sans-serif;
font-weight: 600;
}
.otherLogo .slick-list {
width: 100%;
}
.otherLogo .slick-track {
width: 100%;
display: flex;
align-items: center;
}
/*------------------section confiance------------------*/
.section_confiance {
margin-bottom: 20px;
}
.section_confiance .title_h2,
.section_conseil .title_h2 {
color: #9E8E7A;
line-height: 45px;
}
.section_confiance b,
.section_conseil b {
color: #B48C5A;
}
.container_ImgPeinture {
position: relative;
width: 100%;
height:450px;
}
.container.liste_liens {
margin-top: -20px;
margin-bottom: 30px;
}
.maps{
margin-left:auto;
margin-right: auto;
text-align: center;
}
.container_ImgPeinture > img {
width: 100%;
max-width: 100%;
height:450px;
object-fit: cover;
}
.container_ImgPeinture > img {
width: 100%;
max-width: 100%;
height:450px;
object-fit: cover;
}
.icon_search a {
width: 80px;
display: block;
height: 80px;
padding: 17px;
}
.section_confiance .container_ImgPeinture > img {
width: 100%;
max-width: 100%;
height: 450px;
display: block;
}
.container_imgMaison .item:not(:last-child) {
margin-bottom: 8px;
}
.section_confiance .slick-list {
width: 100%;
}
.section_confiance .slick-track {
display: flex;
flex-direction: column;
}
.container_imgMaison .item {
cursor: pointer;
}
.container_imgMaison .item img {
width: 100%;
max-width: 100%;
height: auto;
}
/*----------------------section conseil----------------------*/
.section_conseil {
color: #032B43;
margin-bottom: 50px;
padding-top: 50px;
}
.autres_prestations .container.hasSlider {
position: relative;
}
.section_conseil .title_h2 {
margin-bottom: 25px;
}
.conseil_img {
width: 100%;
position: relative;
display: block;
height: 228px;
}
.conseil_img > img {
width: 100%;
max-width: 100%;
height: auto;
object-fit: cover;
}
.img-hover-container, .img-hover-container-confiance {
overflow: hidden;
}
.img-hover-container img,
.img-hover-container-confiance img,
.img-hover {
object-fit: cover;
transition: all 250ms;
}
.img-hover-container:hover img,
.img-hover-container-confiance:hover > img,
.img-hover-container:hover .img-hover {
transform: scale(1.1);
}
.conseil_img {
overflow: visible;
}
.triangle-cta {
width: 123px;
height: 102px;
right: -1px;
bottom: -1px;
position: absolute;
clip-path: polygon(0% 100%,0 0,100% 0);
top: inherit;
transform: rotate(180deg);
transition: all .25s ease-in-out;
transform-origin: inherit;
background: #fff;
}
.triangle-cta .cta-arrow {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 25px;
height: 25px;
transition: all 250ms;
}
.triangle-cta .cta-arrow.cta-arrow-hover {
visibility: hidden;
opacity: 0;
}
.triangle-cta .arrow-container {
top: 30px;
left: 30px;
position: inherit;
transform: inherit;
width: 2px;
height: 2px;
}
.triangle-cta:hover,
.post-item:hover .triangle-cta {
background-color: #9E8E7A;
width: 143px;
height: 122px;
bottom: -15px;
}
.triangle-cta:hover .cta-arrow,
.post-item:hover .triangle-cta .cta-arrow {
transform: translate(-60%, -60%) scale(1.4);
}
.triangle-cta:hover .cta-arrow:not(.cta-arrow-hover),
.post-item:hover .triangle-cta .cta-arrow:not(.cta-arrow-hover) {
visibility: hidden;
opacity: 0;
}
.triangle-cta:hover .cta-arrow.cta-arrow-hover,
.post-item:hover .triangle-cta .cta-arrow.cta-arrow-hover {
visibility: visible;
opacity: 1;
}
.section_confiance .triangle-cta {
width: 123px;
height: 102px;
right: 0;
bottom: 0;
position: absolute;
clip-path: polygon(0% 100%,0 0,100% 0);
top: inherit;
transform: rotate(180deg);
transition: all .5s ease-in-out;
transform-origin: inherit;
}
.section_confiance .triangle-cta .arrow-container {
top: 30px;
left: 30px;
position: inherit;
transform: inherit;
}
.section_confiance .triangle-cta .cta-arrow {
width: 34px;
height: auto;
}
.section_confiance .post-item:hover .triangle-cta{
width: 153px;
height: 132px;
bottom: -20px;
}
.section_confiance .post-item:hover .triangle-cta .cta-arrow {
transform: translate(-75%, -75%) scale(1.3);
}
.conseil_img > img {
min-width: 100%;
height: 100%;
object-fit: cover;
}
.icon_fleche1 {
position: absolute;
background-color: transparent;
z-index: 1;
bottom: 15px;
right: 20px;
width: 32px;
}
.icon_fleche2 {
position: absolute;
background-color: transparent;
z-index: 1;
bottom: 15px;
right: 20px;
width: 32px;
}
.conseil_img:hover .icon_fleche2 {
opacity: 0;
visibility: hidden;
}
.conseil_text {
margin-top: 37px;
}
.conseil_text h3 {
font-size: 30px;
margin-bottom: 6px;
/* font-family: 'FiraSans-regular'; */
font-family: "Inter", sans-serif;
font-weight: 400;
}
.section_conseil .link-icon {
margin-top: 17px;
}
/* .section_conseil .conseil-link { */
.conseil-link {
position: absolute;
right: 0;
bottom: 0;
width: 120px;
height: 100px;
z-index: 2;
}
/* .section_conseil .conseil-link .icon-wrapper { */
.conseil-link .icon-wrapper {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid transparent;
cursor: pointer;
}
.conseil_img-arrow {
position: absolute;
right: 8px;
bottom: 15px;
width: 34px;
transition: all 250ms;
}
.section_conseil .conseil_img-white,
.section_conseil .conseil_img:hover .conseil_img-red {
visibility: hidden;
opacity: 0;
}
.section_conseil .conseil_img:hover .conseil_img-white {
visibility: visible;
opacity: 1;
}
/*------------------footer-------------------------*/
.containerLogo {
width: auto;
max-width: 200px;
}
.containerLogo img,
.header .navbar-brand img,
.menu-mobile-logo img {
width: 100%;
max-width: 100%;
height: auto;
object-fit: contain;
display: block;
}
.footer {
width: 100%;
position: relative;
}
.imgFooter {
background-color: #4A3A28;
position: relative;
width: 100%;
height: 190px;
clip-path: polygon(30% 0, 100% 0%, 100% 100%, 22% 100%);
}
.section_Footer {
position: absolute;
left: 50%;
bottom: 0;
z-index: 1;
transform: translate(-50%);
display: flex;
justify-content: space-between;
align-items: center;
padding: 26px 0px;
}
.footer-links-item {
display: flex;
justify-content: end;
gap: 10px;
align-items: center;
margin-bottom: 5px;
}
.footer .footer-links {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.footer .footer-links-item {
color: #fff;
font-size: 19px;
/* font-family: 'FiraSans-medium'; */
font-family: "Inter", sans-serif;
font-weight: 500;
text-decoration: none;
}
.footer .footer-links-item>span {
display: flex;
justify-content: center;
width: 18px;
position: relative;
transition: all 350ms;
}
.footer a.footer-links-item:hover > span {
transform: scale(1.4);
}
.contact,
.copyright,
.contact,
.copyright * {
color: #FFFFFF;
}
.copyright a:hover {
color: #032B43;
}
.contact,
.copyright a {
text-decoration: none;
}
.contact {
font-size: 19px;
}
.copyright {
font-size: 15px;
}
.footer-links-item .contact {
/* font-family: 'FiraSans-medium'; */
font-family: "Inter", sans-serif;
font-weight: 400;
}
.icon_contact {
width: 18px;
}
.icon_contact img {
width: 100%;
max-width: 100%;
height: auto;
}
.slick-arrow {
display: none;
}
.section_conseil .item-conseil-wrapper {
display: block;
margin: 0 15px;
margin-bottom: 44px;
}
/*-----------------------------presta------------------------------------*/
.lien_presta {
margin-top: 10px;
}
.lien_presta .container.lien_menu {
margin-bottom: 5px;
}
.titleh2_presta,
.titleh2_presta * {
font-size: 40px;
/* font-family: 'FiraSans-semiBold'; */
font-family: "Inter", sans-serif;
font-weight: 600;
margin-bottom: 25px;
}
.lien_presta .lien_menu a {
display: inline;
text-decoration: none;
font-size: 17px;
/* font-family: 'FiraSans-light'; */
font-family: "Inter", sans-serif;
font-weight: 300;
}
#banner_presta {
margin: 200px auto 0;
height: 200px;
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
max-width: 1920px;
}
.banner_presta_text h1,
.banner_presta_text h1 * {
font-size: 50px;
/* font-family: 'FiraSans-bold'; */
font-family: "Inter", sans-serif;
font-weight: 700;
}
#banner_presta h1+p {
font-size: 19px;
}
#banner_presta .banner_presta_text,
#banner_presta .container {
height: 100%;
}
#banner_presta .banner_presta_text {
display: flex;
flex-direction: column;
justify-content: start;
width: 100%;
}

/*------------------section maison-------------------------*/
.section_maison {
margin: 25px 0 80px;
}
.container_maison {
display: flex;
}
.section_maison .info_maison h2 {
font-size: 40px;
/* font-family: 'FiraSans-bold'; */
font-family: "Inter", sans-serif;
font-weight: 700;
margin-bottom: 20px;
color: #032B43;
}
.section_maison .img_maison,
.img_maison .maison_principal img {
width: 100%;
height: 400px;
object-fit: cover;
}
.section_maison .murs {
margin-top: 25px;
width: 100%;
}
.container_murs .item img {
width: 100%;
max-width: 100%;
height: auto;
}
.container_murs .slick-track {
display: flex;
justify-content: space-between;
}
.container_murs .slick-track:before,
.container_murs .slick-track:after {
display: none;
}
.container_murs .slick-prev,
.container_murs .slick-next {
display: none;
}
.section_maison .img-wrapper {
height: 132px;
}
.section_maison .item img {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
/* .sliderImgMaison_presta {
margin: 0 56px;
} */
/*--------------------section realisation-----------------*/
.maison1,
.maison2,
.maison6,
.maison7 {
width: 100%;
}
.maison3 {
width: 60%;
}
.maison4 {
width: 40%;
}
.maison5 {
width: 100%;
}
.maison1 img,
.maison2 img,
.maison3 img,
.maison4 img,
.maison5 img,
.maison6 img,
.maison7 img {
width: 100%;
max-width: 100%;
height: 100%;
}
.realise_content {
display: grid;
/* grid-template-rows: repeat(3, 1fr); */
grid-template-columns: repeat(4, 1fr);
grid-gap: 24px;
}
.item_realise {
display: flex;
width: 100%;
gap: 24px;
}
.container_maisonRealise {
display: grid;
grid-gap: 24px;
}
.container_maisonRealise:nth-child(2) {
grid-column: span 2;
}
/*-------------------section avant apres------------------*/
.section_avantapres {
background-color: #f3f3f3dd;
margin: 70px 0 0;
padding: 20px 0 42px;
}
.section_avantapres .container_tilteAvantApres {
padding-bottom: 10px;
}
.item_avantapres {
display: flex;
flex-direction: column;
align-items: center;
}
.container_tilteAvantApres {
display: flex;
width: calc(100% - 160px);
justify-content: space-around;
margin: auto;
}
.container_imgAvantapres {
padding: 0 12px;
width: 100%;
height: 405px;
}
.container_imgAvantapres img {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
.slickAvantApres .slick-track:before,
.slickAvantApres .slick-track:after {
display: none;
}
.slickAvantApres .slick-track {
min-width: 100%;
display: flex;
justify-content: space-around;
align-items: stretch;
}
.list_avantapres .slick-slide {
max-width: 100%;
display: flex;
align-items: center;
height: 100% !important;
}
.slickAvantApres {
position: relative;
width: calc(100% - 160px);
margin: auto;
}
.wpArrow {
width: calc(100% + 150px);
position: absolute;
display: flex;
top: 50%;
left: 50%;
transform: translateX(-50%);
z-index: 1;
height: 1px;
display: flex;
justify-content: space-between;
align-items: center;
}
.arrow {
width: 40px;
padding: 9px;
}
.arrow img {
width: 100%;
height: auto;
}
.arrow.slick-disabled {
opacity: 0.4;
}
.autres_prestations .wpArrow {
width: calc(100% + 80px);
}
/*---------------------------------section conseil presta------------------------------*/
.conseil_presta .link-icon {
margin-top: 10px;
}

/* section realisation listing */
.realisations-listing .realisations-wrapper {
display: grid;
grid-template-columns: 1fr 1.5fr 1fr 1fr;
grid-template-rows: 1fr 0.1fr 1fr;
gap: 24px;
grid-auto-flow: row;
grid-template-areas:
"div-1 div-2 div-3 div-4"
"div-1 div-6 div-6 div-4"
"div-5 div-6 div-6 div-7";
height: 520px;
margin-bottom: 24px;
}
.realisations-listing .realisation-item {
position: relative;
width: 100%;
height: 100%;
}
.realisations-listing .realisation-item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.realisations-listing .div-1 { grid-area: div-1; }
.realisations-listing .div-2 { grid-area: div-2; }
.realisations-listing .div-3 { grid-area: div-3; }
.realisations-listing .div-4 { grid-area: div-4; }
.realisations-listing .div-5 { grid-area: div-5; }
.realisations-listing .div-6 { grid-area: div-6; }
.realisations-listing .div-7 { grid-area: div-7; }
@media (max-width: 767px) {
.realisations-listing .realisations-wrapper {
grid-template-columns: 1fr;
grid-template-rows: none;
grid-template-areas: none;
grid-auto-flow: row;
height: auto;
gap: 16px;
}
.realisations-listing .realisations-item {
height: 280px; /* ou la hauteur que tu veux par image en mobile */
}
}
@media screen and (max-width: 767px) {
.realisations-listing .realisation-item:last-child {
width: 100%;
}
}
.realisations-listing .realisation-item a {
display: block;
height: 100%;
width: 100%;
}
.realisations-listing .realisation-item a img {
width: 100%;
height: 100%;
max-width: 100%;
object-fit: cover;
}
.realisations-listing .list-itle,
.realisations-listing .list-itle span {
font-size: 40px;
/* font-family: 'FiraSans-semiBold'; */
font-family: "Inter", sans-serif;
font-weight: 600;
}
.realisations-listing .list-itle {
margin-bottom: 45px;
}
.realisations-listing .list-itle span {
color: #0078BF;
}
.page-realisations h1,
.page-realisations h1 + p {
margin-bottom: 32px;
}
.realisations-listing.page-realisations {
padding: 0 0 30px 0;
}
.realisations-listing .realisations-container.one-line {
height: 275px;
overflow: hidden;
}
.realisations-listing .realisations-container {
margin-bottom: 50px;
}
.post_thumbnail.page-realisations {
display: flex;
justify-content: center;
margin: 44px 0;
}
.post_thumbnail.page-realisations img {
max-width: 100%;
height: auto;
object-fit: contain;
}
.page-realisations p {
font-size: 19px;
}
.page-conseil {
padding: 0 0 60px 0;
}
.page-conseil h1 {
margin-bottom: 32px;
}
.page-conseil h1 + p {
font-size: 19px;
margin-bottom: 32px;
}
.pagination {
display: flex;
padding-left: 0;
list-style: none;
justify-content: center;
padding: 30px 0;
}
.pagination a:not(.prev):not(.next),
.pagination span:not(.prev):not(.next){
width:41px;
}
.pagination a,
.pagination span {
margin-left:10px;
margin-right:10px;
padding: 7px 10px;
background-color: transparent;
border: 1px solid #0078BF;
color: #0078BF;
border-radius: 20px;
width: auto;
font-size: 20px;
line-height: 25px;
/* font-family: 'FiraSans-light'; */
font-family: "Inter", sans-serif;
font-weight: 300;
display: block;
text-align: center;
text-decoration: none;
transition: all 250ms;
}
.pagination span.current,
.pagination a.current,
.pagination a:hover,
.pagination span:hover {
background-color: #0078BF;
border: 1px solid #0078BF;
color: white !important;
}
.pagination span[aria-current="page"],
.pagination span[aria-current="page"]:hover {
color: #504949;
font-weight: 500;
}
#single-realisation {
padding: 40px 0;
}
#single-realisation h1 {
margin-bottom: 50px;
}
#single-realisation .post-thumbnail {
padding-top: 32px;
max-width: 100%;
}
#single-realisation .post-thumbnail img {
max-width: 100%;
height: auto;
object-fit: cover;
}

#breadcrumbs .breadcrumb_last {
color: #032B43;
/* font-family: 'FiraSans-bold'; */
font-family: "Inter", sans-serif;
font-weight: 700;
}
#breadcrumbs a {
color: #B48C5A;
transition: 0.3s all ease;
}
#breadcrumbs a:hover {
color: #4A3A28;
transition: 0.3s all ease;
}

/*
.section_confiance .container {
max-width: 1100px;
}
*/
.single-realisation .section-contact h2, .single-realisation .section-contact p {
text-align: center;
}
.section-contact {
padding: 0 0 50px 0;
}
.section-contact h1,
.section-contact .container > p {
margin-bottom: 32px;
}
.section-contact .container > p {
font-size: 19px;
}
.section-contact .wpcf7-form-control {
width: 360px;
}
.section-contact .form-wrapper {
max-width: 600px;
margin-top: 32px;
margin-bottom: 32px;
margin-left:auto;
margin-right:auto;
}
.section-contact .form-wrapper .popup-cta {
width: auto;
}
.wpcf7-validates-as-required + span {
position: absolute;
left: -18px;
top: 0;
color: red;
font-size: 20px;
}
.col_confiance.image-principale {
width: 60%;
height:450px;
flex-shrink: 0;
margin: 0 12px 0;
}
.col_confiance.container_imgMaison {
position: relative;
width: 150px;
}
.ligne_confiance .col_confiance:nth-child(1) {
flex-grow: 1;
}
.section_confiance .wpArrow {
display: none;
}
/* swap / select image */
.select-img-main, .select-img-item {
transition: opacity 250ms ease;
}
.fade-out {
opacity: 0;
}
.fade-in {
opacity: 1;
}
#single-realisation .image-gallery {
display: flex;
width: 100%;
gap: 22px;
padding: 42px 0 20px;
}
#single-realisation .image-item {
width: 33%;
}
#single-realisation .image-item img {
width: 100%;
object-fit: cover;
}
#sitemap {
padding: 40px 0;
}
#sitemap h1 {
margin-bottom: 34px;
}
#utilityNav {
max-width: 75%;
}
#primaryNav li{
width:16.66% !important;
}
#primaryNav {
margin: 0;
float: none;
width: 100%;
min-height: calc(100vh - 412px);
height: 500px;
margin: 60px 0;
}
#primaryNav li a:hover,#utilityNav li a:hover {
transform: scale(1.03);
}
#utilityNav li a {
margin: 0 10px 0 0;
padding: 8px 10px;
display: block;
border: 2px solid #BF2F28;
font-size: 16px;
text-align: center;
color: #BF2F28;
background: #FFFFFF;
border-radius: 8px;
box-shadow: none;
/* font-family: 'FiraSans-regular'; */
font-family: "Inter", sans-serif;
font-weight: 400;
transition: all 250ms;
}
#utilityNav li a:hover {
color: #ffffff;
border: 2px solid #BF2F28;
background-color: #BF2F28;
}
#primaryNav li a {
margin: 0 20px 0 0;
padding: 10px 0;
display: block;
font-size: 16px;
text-align: center;
color: #FFFFFF;
background: #0078BF;
border: 2px solid #0078BF;
border-radius: 8px;
box-shadow: none;
transition: all 250ms;
/* font-family: 'FiraSans-regular'; */
font-family: "Inter", sans-serif;
font-weight: 400;
}
#primaryNav li a:hover {
color: #0078BF;
background: #FFFFFF;
border: 2px solid #0078BF;
}
#primaryNav li li a {
color: #0078BF;
border: 2px solid #0078BF;
background: #FFFFFF;
/* font-family: 'FiraSans-light'; */
font-family: "Inter", sans-serif;
font-weight: 300;
}
#primaryNav li li a:hover {
color: #FFFFFF;
border: 2px solid #0078BF;
background: #0078BF;
}
.mobile-dropdown-toggle {
display: none;
}
.page-standard .menu-liste li,
.menu-liste li {
list-style: none;
margin: 0;
position: relative;
display: inline-block;
margin-right: 8px;
margin-bottom: 10px;
}
.menu-liste li a::after {
display: none;
}
.menu-liste li a{
display: block;
font-size: 17px;
color: #9E8E7A;
background-color: #FFFFFF;
margin: 0;
padding: 6px 20px;
border: 2px solid #9E8E7A;
border-radius: 20px;
/* font-family: 'FiraSans-medium'; */
font-family: "Inter", sans-serif;
font-weight: 500;
}
.menu-liste li a:hover{
background-color: #9E8E7A;
color: #FFFFFF;
}
.page-standard p > a {
display: inline;
font-size: 19px;
color: #B48C5A;
/* font-family: 'FiraSans-medium'; */
font-family: "Inter", sans-serif;
font-weight: 500;
padding: 0;
}
.page-standard p > a:hover {
color: #B48C5A;
text-decoration: underline;
}
.page-standard p > a::after {
display: none;
}
.top-header-menu-mobile {
display: none;
}

#nav-icon1 {
width: 34px;
height: 27px;
position: relative;
margin: 0px auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#nav-icon1 span {
display: block;
position: absolute;
height: 5px;
width: 100%;
background: #B48C5A;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {
top: 0px;
}
#nav-icon1 span:nth-child(2) {
top: 11px;
}
#nav-icon1 span:nth-child(3) {
top: 22px;
}
/* #nav-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
#nav-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
} */
.header .navbar-toggler {
background-color: transparent;
border: none;
outline: none;
}
.header .navbar-light .navbar-toggler {
height: 36px;
}
.header .tel-mobile {
display: none;
flex-grow: 1;
padding-right: 16px;
}
.header .tel-mobile a img {
filter: invert(70%) sepia(3%) saturate(4972%) hue-rotate(177deg) brightness(100%) contrast(98%);
}
.header .tel-mobile a {
display: flex;
align-items: center;
gap: 4px;
}
/* .header:not(.scrolled) .tel-desktop{ display: none; } */
.header .tel-desktop{
background-color: #0078bf;
text-align: center;
}
.header .tel-desktop a{
align-items: center;
color: #fff;
display: flex;
font-size: 30px;
justify-content: center;
padding: 5px 0;
}
/* .header.scrolled .tel-desktop2{ display: none!important; } */
.header .tel-desktop2,.header .containersPropos ul li.tel-desktop2 a{
font-size: 20px;
font-weight: 700; }
#menu-mobile {
display: none;
}
#menu-mobile .menu-item {
padding: 2px 0;
position: relative;
width: 80%;
margin: auto;
}
#menu-mobile .menu-item a {
background-color: #B48C5A;
color: #fff;
display: block;
text-align: center;
padding: 8px 0;
/* font-family: 'FiraSans-medium'; */
font-family: "Fira Sans", sans-serif;
font-weight: 500;
transition: all 250ms;
}
#menu-mobile .menu-item .sub-menu {
display: block;
transition: max-height 500ms;
max-height: 1px;
overflow: hidden;
}
#menu-mobile .menu-item .sub-menu.show {
max-height: 500px;
padding-top: 3px;
}
#menu-mobile .close-menu-mobile-wrapper {
position: absolute;
top: 0;
left: 100%;
width: 60px;
height: 60px;
background: #B48C5A;
transition: all 250ms;
}
#menu-mobile .close-menu-mobile-wrapper:hover {
background: #BF2F28;
}
#menu-mobile .menu-mobile-header {
display: flex;
margin-bottom: 32px;
align-items: center;
}
#menu-mobile .sub-menu .menu-item {
width: 100%;
}
#menu-mobile .sub-menu .menu-item a {
/* font-family: 'FiraSans-light'; */
font-family: "Inter", sans-serif;
font-weight: 300;
}
#menu-mobile .menu-item a:hover,
#menu-mobile .current-page-parent > a,
#menu-mobile .current-page-parent .sub-menu .current_page_item a {
color: #FFFFFF;
background-color: #BF2F28;
}

.select-img-item, .select-img-main {
cursor: pointer;
}
.maison_principal {
object-fit: cover;
height: 400px;
}
.maison_principal img {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.maison_principal.img-hover-container:hover img {
transform: translateY(-50%) scale(1.1);
}
/* single page realisation */
.realisation-single-page .gallery-item a {
display: block;
margin: 12px;
}
.gallery-item {
width: 25%;
}
.realisation-single-page .realisation-gallery-wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
margin-left: -10px;
width: auto;
}
.gallery-item img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.single-realisation .footer {
width: 100%;
position: relative;
margin-top: 60px;
}
.fancybox-button--arrow_right::after,
.fancybox-button--arrow_left::after,
.fancybox-button--close::after,
.fancybox-button--thumbs::after,
.fancybox-button--fullscreen::after,
.fancybox-button--slideShow::after {
color: #fff; /* Change to white */
}
.fancybox-button--arrow_right,
.fancybox-button--arrow_left,
.fancybox-button--close,
.fancybox-button--thumbs,
.fancybox-button--fullscreen,
.fancybox-button--slideShow {
background: rgba(0, 0, 0, 0.5);
}
.fancybox-button svg path {
fill: #ffffff;
}
.fancybox-caption__body {
color: #fff;
/* font-family: 'FiraSans-light'; */
font-family: "Inter", sans-serif;
font-weight: 300;
}
.fancybox-infobar span, .fancybox-share__button span {
color: #fff;
}
.section_conseil .slick-dots {
display: flex;
justify-content: center;
}
.slick-dots li button {
font-size: 0;
}
.slick-dots li button {
background: #d3d3d3;
border-radius: 50%;
margin: 0 12px;
display: block;
width: 14px;
height: 14px;
}
.slick-dots .slick-active button {
background: #0078BF;
}
.slick-dots li button:before {
display: none;
}

.image-avant-apres{
width: 100%;
display: flex;
place-content: space-around;
column-gap: 20px;
}
.image-avant-apres a{
width: 100% !important;
}
.image-avant-apres img{
width: 100% !important;
height:250px !important;
object-fit: cover;
}
.grecaptcha-badge{
z-index: 999999;
}

/* Section avis */
.review_component {
max-width: 1100px;
margin: 0 auto;
padding: 60px 20px;
font-family: "Poppins", Arial, sans-serif;
color: #3a4149;
}
.review_heading {
text-align: center;
font-size: 28px;
font-weight: 700;
color: #1c2b39;
margin-bottom: 40px;
}
.review_track-wrapper {
overflow: hidden;
}
.review_track {
display: flex;
gap: 24px;
transition: transform 0.5s ease;
}
.review_item {
flex: 0 0 calc(33.333% - 16px);
background: #fff;
border-radius: 12px;
padding: 28px 24px;
box-shadow: 0 4px 18px rgba(28, 43, 57, 0.08);
}
.review_stars {
color: #c94a2b;
letter-spacing: 2px;
margin-bottom: 12px;
}
.review_text {
font-size: 15px;
line-height: 1.55;
margin-bottom: 16px;
}
.review_author {
font-weight: 600;
color: #1c2b39;
}
.review_controls {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-top: 36px;
}
.review_arrow {
width: 40px;
height: 40px;
border-radius: 50%;
background: #1c2b39;
color: #fff;
border: none;
font-size: 20px;
cursor: pointer;
}
.review_arrow:hover {
background: #c94a2b;
}
.review_dots {
display: flex;
gap: 8px;
}
.review_dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #d8d3cc;
cursor: pointer;
}
.review_dot.is-active {
background: #c94a2b;
}
@media screen and (max-width: 991px) {
.review_item { flex: 0 0 calc(50% - 12px); }
}
@media screen and (max-width: 640px) {
.review_item { flex: 0 0 100%; }
}

.page-standard ol {
list-style: decimal;
padding-left: 1.5rem;
}
.page-standard ol > li::marker {
color: #b48c5a;
font-weight: 700;
}
.table_component{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:.95rem}
.table_component th,.table_component td{padding:.85rem 1rem;text-align:left;border:0;border-bottom:1px solid #eee;background:none;color:#212529;font-weight:400}
.table_component th{background:#f7f3ee;font-weight:600;border-bottom:2px solid #b48c5a}
.table_component td:first-child{font-weight:500}
@media (max-width:767px){
.table_wrapper{overflow-x:auto}
.table_wrapper::before{content:"Faites défiler vers la droite →";display:block;position:sticky;left:0;text-align:right;font-size:.8rem;color:#b48c5a;margin-bottom:.5rem}
.table_component{min-width:640px}
}