.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}:root {
--green: #2C5530;
--green-light: rgba(44, 85, 48, 0.05);
--green-badge: rgba(44, 85, 48, 0.25);
--orange: #e2872d;
--orange-light: rgba(226, 135, 45, 0.05);
--text: #374151;
--white: #fff;
--white-soft: #FEFCF7;
--shadow: 0 8px 10px rgba(0, 0, 0, 0.10);
--shadow-strong: 0 8px 15px rgba(0, 0, 0, 0.15);
--radius: 10px;
--radius-lg: 16px;
--radius-pill: 25px;
--container: 1140px;
--container-sm: 900px;
--container-xs: 800px;
--font: 'Inter', sans-serif;
} body {
margin: auto;
}
a:focus {
outline: unset !important;
}
.site-main article {
padding: 0 !important;
}
.page .entry-title {
display: none;
}
.ast-page-builder-template .entry-header {
margin-bottom: 0 !important;
margin-top: 0 !important;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font);
}
li,
ul,
a,
p {
font-family: var(--font);
color: var(--text);
} .section2-home,
.section3-home,
.section-about,
.section-engagement,
.section-realisations,
.section-avis-home,
.section-contact-home,
.section-formulaire,
.section-fondateur,
.section-valeur,
.section-valeurs,
.section-partenaires,
.service1,
.service2,
.service3,
.container-tableau,
.avis-services,
.contact-home,
.section-faq,
.container-realisations,
.container-projet-phare,
.container-actu,
.single-cta-section,
.related-posts-section,
.section-devis,
.section-devis2 {
padding-top: 80px;
padding-bottom: 80px;
} .section2-home,
.section3-home .services,
.section-about,
.section-engagement,
.section-realisations,
.contact-home,
.section-fondateur,
.service1,
.service3,
.container-tableau,
.avis-services,
.nous-trouver {
width: var(--container);
margin: 0 auto;
padding-left: 0 !important;
padding-right: 0 !important;
}
.section-partenaires {
width: var(--container-sm);
margin: 0 auto;
}
.section-faq {
width: var(--container-xs);
margin: 0 auto 40px auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.formulaire {
width: var(--container-xs);
margin: 0 auto;
} .section3-home h2,
.section-about h2,
.section-avis-home h2,
.section-engagement h2,
.section-realisations h2,
.section-faq h2,
.projet-phare-section h2,
.section-fondateur h2,
.section-valeurs h2,
.section-partenaires h2,
.service1 h2,
.service2 h2,
.service3 h2,
.section-tableau h2,
.avis-services h2 {
font-size: 42px;
color: var(--green);
font-weight: bold;
} .fa-solid,
.fa-brands {
display: inline-grid !important;
place-items: center !important;
width: 50px !important;
height: 50px !important;
padding: 0 !important;
margin: 0 !important;
font-size: 28px !important;
line-height: 1 !important;
box-sizing: border-box !important;
}
.fa-solid::before {
margin: 0 !important;
padding: 0 !important;
display: block !important;
}
.fa-ban,
.fa-bolt,
.fa-location-dot,
.fa-envelope,
.section-fondateur .fa-certificate,
.fa-pagelines,
.fa-recycle,
.fa-trowel-bricks {
background-color: var(--green) !important;
color: var(--white);
border-radius: 50px;
}  .green-button a,
.green-button2 a {
background-color: var(--green) !important;
color: var(--white) !important;
border-radius: 8px;
font-weight: 600 !important;
border: 2px solid var(--green) !important;
transition: 0.3s;
}
.green-button a:hover {
background-color: transparent !important;
border: 2px solid var(--white) !important;
color: var(--white) !important;
}
.green-button2 a:hover {
background-color: transparent !important;
border: 2px solid var(--orange) !important;
color: var(--orange) !important;
} .white-button a {
background-color: var(--white) !important;
color: var(--green) !important;
border-radius: 8px;
border: 2px solid var(--white) !important;
transition: 0.3s;
font-weight: 600 !important;
}
.white-button a:hover {
background-color: transparent !important;
border: 2px solid var(--white) !important;
color: var(--white) !important;
} .service-column .button-service a,
.btn-lire-plus {
background-color: transparent !important;
color: var(--green) !important;
font-weight: 600 !important;
border: none;
border-radius: 0;
box-shadow: none;
transition: 0.3s;
padding: 0;
}
.service-column .button-service a:hover,
.btn-lire-plus:hover {
color: var(--orange) !important;
}
.button-service .wp-block-button__link::after,
.btn-lire-plus::after {
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-left: 10px;
display: inline-block;
} .button-green-icon .wp-block-button__link::before,
.button-white-icon .wp-block-button__link::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 10px;
display: inline-block;
}
.button-green-icon a {
background-color: var(--green) !important;
color: var(--white) !important;
font-weight: 600 !important;
border: 2px solid var(--green) !important;
border-radius: 0;
box-shadow: none;
transition: 0.3s;
padding: 0;
}
.button-green-icon a:hover {
background-color: var(--orange) !important;
border: 2px solid var(--orange) !important;
color: var(--white) !important;
}
.button-white-icon a {
background-color: var(--white) !important;
color: var(--green) !important;
font-weight: 600 !important;
border: 2px solid var(--white) !important;
border-radius: 0;
box-shadow: none;
transition: 0.3s;
padding: 0;
}
.button-white-icon a:hover {
background-color: var(--orange) !important;
color: var(--white) !important;
border: 2px solid var(--orange) !important;
} .btn-cta-white {
background-color: var(--white) !important;
color: var(--green) !important;
font-weight: 600 !important;
border: 2px solid var(--white) !important;
border-radius: var(--radius);
box-shadow: none;
transition: 0.3s;
padding: 8px 20px;
margin-top: 15px;
}
.btn-cta-white:hover {
background-color: var(--orange) !important;
color: var(--white) !important;
border: 2px solid var(--orange) !important;
} .badge,
.post-category-pill {
background-color: var(--green-badge);
color: var(--green);
font-weight: 500 !important;
padding: 4px 12px;
border-radius: var(--radius-pill);
width: fit-content;
}
.news-badge {
background-color: var(--green-badge);
color: var(--green);
font-size: 12px;
font-weight: 500 !important;
padding: 4px 12px;
border-radius: var(--radius-pill);
width: fit-content;
}
.citation {
color: var(--white);
font-size: 14px !important;
background-color: rgba(255, 255, 255, 0.25);
border-radius: var(--radius);
border-left: 5px solid var(--green);
padding: 10px 15px;
}
.citation-green,
.introduction {
color: var(--green);
font-size: 14px !important;
background-color: var(--green-light);
border-radius: var(--radius);
border-left: 5px solid var(--green);
padding: 15px 20px;
margin: 40px 0 !important;
}
.introduction {
font-size: 16px !important;
}
.citation-green p {
margin-top: 0 !important;
}
.citation-orange {
color: var(--green);
font-size: 14px !important;
background-color: var(--orange-light);
border-radius: var(--radius);
border-left: 5px solid var(--orange);
padding: 15px 20px;
margin: 40px 0 !important;
}
.citation-orange p {
margin-top: 0 !important;
font-size: 16px !important;
}
.citation-orange .citation-titre {
font-weight: 400;
}
.citation-titre {
font-weight: 400 !important;
color: var(--green) !important;
margin-bottom: 0 !important;
} .section2-home .bloc,
.section-partenaires .bloc {
background-color: var(--orange-light);
border-radius: var(--radius-lg);
padding: 25px;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: var(--shadow-strong);
}
.section2-contact .bloc {
background-color: var(--orange-light);
border-radius: var(--radius-lg);
padding: 25px;
display: flex;
flex-direction: column;
align-items: flex-start !important;
box-shadow: var(--shadow-strong);
} .section-avis-home,
.section-contact-home,
.section-formulaire,
.service2,
.section-tableau,
.container-actu {
background-color: var(--orange-light);
} .topbar {
background-color: var(--green);
font-size: 14px;
padding: 8px 0;
}
.topbar-container {
max-width: 1350px;
margin: 0 auto;
padding: 0 20px;
display: flex;
justify-content: center;
align-items: center;
}
.topbar-left {
display: flex;
flex-direction: row;
gap: 40px;
}
.topbar-left a,
.topbar-right a {
margin-right: 15px;
color: var(--white);
text-decoration: none;
display: inline-flex;
align-items: center;
font-weight: 400;
font-size: 12px;
transition: 0.3s;
}
.topbar-left a:hover,
.topbar-right a:hover {
color: var(--orange);
}
.topbar-left a i,
.topbar-right a i {
margin-right: 6px;
} .container-header,
.navbar {
width: 1200px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.logo_header img {
width: 80px;
height: auto;
padding: 10px 0;
}
.logo_header a {
margin-bottom: 0;
}
.menu-button {
display: flex;
flex-direction: row;
align-items: center;
}
.button-reservation a {
background-color: var(--green);
color: var(--white);
padding: 8px 20px;
border-radius: 8px;
border: 1px solid var(--green);
transition: 0.3s;
}
.button-reservation a:hover {
background-color: var(--orange);
border: 1px solid var(--orange);
color: var(--white);
}
.button-reservation .fa-solid {
font-size: 16px !important;
width: auto !important;
height: auto !important;
} nav {
width: 100%;
margin: 0 auto;
position: sticky;
top: 0;
z-index: 9999;
}
nav ul {
list-style-type: none;
display: contents;
}
nav ul li {
float: left;
text-align: center;
position: relative;
gap: 30px;
}
nav ul::after {
content: "";
display: table;
clear: both;
}
nav a {
font-family: var(--font) !important;
font-size: 16px;
display: block;
text-decoration: none;
font-weight: 500;
color: var(--green);
}
nav .collapse a:hover {
color: var(--orange);
}
nav .collapse .current-menu-item>a {
color: var(--orange);
}
.deroulant li {
list-style: none;
}
.sub-menu {
display: none;
box-shadow: 0 1px 2px #ccc;
background-color: var(--white);
position: absolute;
width: max-content;
z-index: 1000;
padding-left: 0;
}
.sub-menu li {
float: none;
width: 100%;
text-align: left;
}
.sub-menu a {
font-size: 13px;
font-weight: 500;
padding: 10px;
border-bottom: none;
transition: 0.3s;
}
.sub-menu a:hover,
.sub-menu .current-menu-item>a {
border-bottom: none !important;
background-color: rgba(200, 200, 200, 0.1);
color: #FDA503;
transform: none !important;
}
ul li:hover .sub-menu {
display: block;
}
.deroulant>a::after {
content: "\f078";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 12px;
margin-left: 5px;
} .hamburger {
display: none;
cursor: pointer;
font-size: 30px;
background: none;
border: none;
}
#menu-toggle {
display: none;
}
.collapse {
display: flex;
flex-direction: row;
gap: 50px;
}  .hero-home,
.hero-about,
.hero-services,
.hero-realisations,
.hero-contact {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: var(--white);
}
.hero-home {
background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
url(//senotpaysage.fr/wp-content/uploads/2026/02/IMG_97931.webp);
height: 80vh;
}
.hero-about {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url(//senotpaysage.fr/wp-content/uploads/2025/12/flowers-7221191_1920.jpg);
height: 80vh;
}
.hero-services {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url(//senotpaysage.fr/wp-content/uploads/2025/12/service.png);
height: 75vh;
}
.hero-realisations {
background-image: linear-gradient(rgba(44, 85, 48, 0.5), rgba(44, 85, 48, 0.5)),
url(//senotpaysage.fr/wp-content/uploads/2025/12/garden-2179095_1280.jpg);
height: 50vh;
}
.hero-contact {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url(//senotpaysage.fr/wp-content/uploads/2025/12/contact.png);
height: 65vh;
}
.hero-home h1,
.hero-about h1,
.hero-services h1,
.hero-realisations h1,
.hero-contact h1 {
font-size: 60px;
font-weight: 600;
color: var(--white);
}
.hero-home p,
.hero-about p,
.hero-services p,
.hero-realisations p,
.hero-contact p {
font-size: 18px;
font-weight: 400;
color: var(--white);
}
.hero-contact .button-green-icon .wp-block-button__link::before {
content: "\f095";
}
.hero-contact .button-white-icon .wp-block-button__link::before {
content: "\f0e0";
} .section2-home h2 {
font-size: 28px;
color: var(--green);
}
.section2-home p {
font-size: 16px;
} .section3-home {
background: linear-gradient(to bottom, var(--white), var(--orange-light));
padding-bottom: 80px !important;
}
.section3-home .service-column {
background-color: var(--white);
border-radius: var(--radius);
box-shadow: var(--shadow);
}
.service-column img {
border-radius: 10px 10px 0 0;
}
.service-column h3 {
font-size: 24px;
font-weight: 600;
color: var(--green);
padding: 0 20px;
}
.service-column p {
font-size: 16px;
font-weight: 400;
padding: 0 20px;
}
.service-column .button-service {
padding: 0 20px 20px 20px;
} .section-about {
margin-top: 40px;
margin-bottom: 40px !important;
}
.section-about img {
border-radius: var(--radius);
box-shadow: var(--shadow);
}
.section-about p {
font-size: 16px;
font-weight: 400;
}
.section-about .signature {
color: var(--green);
font-size: 20px;
font-weight: 600;
}
.section-about .fa-solid {
font-size: 20px !important;
width: auto !important;
}
.section-about .fa-solid::before {
margin-right: 10px !important;
}
.section-about .fa-certificate,
.section-about .fa-shield-halved,
.section-about .fa-star,
.contact-home .fa-phone,
.contact-home .fa-envelope,
.contact-home .fa-location-dot,
.fa-leaf,
.fa-euro-sign,
.fa-medal {
color: var(--green);
font-size: 20px !important;
} .section-engagement .bloc {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px;
margin-bottom: 60px;
}
.section-engagement h3 {
font-size: 24px;
color: var(--green);
font-weight: 600;
} .section-devis {
background-color: var(--green);
padding: 60px 0;
}
.section-devis2 {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url(//senotpaysage.fr/wp-content/uploads/2025/12/feuilles.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
display: flex;
align-items: center;
color: var(--white);
}
.section-devis h2,
.section-devis2 h2 {
font-size: 48px;
color: var(--white);
font-weight: bold;
}
.section-devis .column,
.section-devis2 .column {
width: var(--container-xs);
margin: 0 auto;
padding-left: 0 !important;
padding-right: 0 !important;
}
.section-devis .column div,
.section-devis2 .column div {
display: flex;
flex-direction: column;
align-items: center;
}
.section-devis p,
.section-devis2 p {
color: var(--white);
margin-bottom: 0;
}
.section-devis .telephone,
.section-devis2 .telephone {
color: var(--white);
font-size: 22px !important;
font-weight: bold;
text-decoration: none !important;
}
.telephone .fa-solid {
font-size: 22px !important;
margin-right: 10px !important;
} .faq h3 {
font-size: 20px;
font-weight: 600;
color: var(--green);
}
.faq button:hover,
.faq button::before {
text-decoration: none !important;
}
.faq .accordeon {
background-color: var(--orange-light);
border-radius: var(--radius);
padding: 10px;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.05);
}
.faq button {
box-shadow: none !important;
} .contact-home {
padding: 40px 0;
}
.contact-home h2 {
font-size: 36px;
color: var(--green);
font-weight: bold;
}
.contact-item {
display: flex;
flex-direction: row;
gap: 10px;
}
.contact-text {
display: flex;
flex-direction: column;
}
.contact-home .fa-solid {
font-size: 20px !important;
}
.contact-label {
color: var(--green);
font-weight: bold;
}
.contact-value a {
font-weight: 400;
color: var(--text);
text-decoration: none !important;
} .forminator-ui {
background-color: var(--white);
padding: 25px;
border-radius: var(--radius);
box-shadow: var(--shadow);
}
.forminator-field label,
.forminator-description {
font-size: 12px;
font-weight: 700;
}
.forminator-row {
margin-bottom: 15px !important;
}
.forminator-button-submit {
background-color: var(--green);
width: 100%;
font-weight: bold;
color: var(--white);
border: 2px solid var(--green) !important;
border-radius: 6px;
transition: 0.3s;
}
.forminator-button-submit:hover {
background-color: var(--orange);
border: 2px solid var(--orange) !important;
color: var(--white);
} .section-valeurs {
background-color: var(--orange-light);
}
.section-valeurs .bloc {
background-color: var(--white);
align-items: flex-start;
}
.valeurs {
display: flex;
flex-direction: column;
align-items: center;
}
.valeurs .badge {
margin-bottom: 0;
}
.section-valeurs .badge p {
text-align: center;
}
.col-badge {
display: flex;
flex-direction: column;
align-items: center;
}
.section-partenaires h3 {
font-size: 20px;
color: var(--green);
}
.section-partenaires p {
font-size: 16px;
}
.service2 .citation-green {
margin: 10px 0 !important;
} .section2-contact h3,
.section-valeurs h3 {
font-size: 18px;
color: var(--green);
margin-top: 5px;
}
.section2-contact p,
.section-valeurs p {
font-size: 16px;
margin-top: 5px;
}
.section2-contact .fa-solid,
.section2-contact .fa-brands,
.section-valeurs .fa-solid {
font-size: 18px !important;
width: 35px !important;
height: 35px !important;
display: inline-grid !important;
}
.section2-contact .fa-solid::before,
.section2-contact .fa-brands::before,
.section-valeurs .fa-solid::before {
margin: 0 !important;
padding: 0 !important;
display: block !important;
}
.section2-contact .fa-phone,
.fa-instagram,
.section-valeurs .fa-leaf,
.section-valeurs .fa-hammer,
.section-valeurs .fa-handshake,
.section-valeurs .fa-house-chimney {
background-color: var(--green) !important;
color: var(--white);
border-radius: 50px;
} .sous-titre {
font-size: 20px !important;
color: rgba(44, 85, 48, 0.5);
font-weight: 500;
margin: 10px 0 0 0 !important;
}
.liste-check p {
margin-bottom: 5px;
font-size: 14px;
}
.liste-check .fa-circle-check,
.fa-piggy-bank {
color: var(--green);
font-size: 18px !important;
}
.liste-check .fa-solid {
width: 0 !important;
height: 0 !important;
padding: 0 25px 0 0 !important;
}
.liste-check span {
font-weight: 600;
}
.service3 .liste-check p {
margin-bottom: 10px;
}
.services-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.service-card {
background-color: var(--white);
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 15px;
}
.service-card .fa-scissors,
.service-card .fa-leaf,
.service-card .fa-seedling,
.service-card .fa-broom,
.service-card .fa-droplet,
.service-card .fa-spa,
.service3 .fa-shield-halved,
.service3 .fa-stethoscope,
.service3 .fa-tree,
.service3 .fa-truck,
.service3 .fa-file-contract {
color: var(--green) !important;
font-size: 20px !important;
}
.service-card .fa-solid,
.service3 .fa-solid {
width: 0 !important;
height: 0 !important;
padding: 0 30px 0 0 !important;
}
.service-card span {
font-size: 18px;
color: var(--green);
font-weight: 600;
}
.service3 .fa-triangle-exclamation {
color: var(--orange) !important;
font-size: 20px !important;
} .services-block .tabs {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.services-block .tab {
padding: 14px 28px;
border: 2px solid var(--green);
border-radius: 8px;
background: var(--white);
color: var(--green);
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s, color 0.2s;
line-height: normal;
}
.services-block .tab:hover {
background: var(--orange);
color: var(--white);
border-color: var(--orange);
}
.services-block .tab.active {
background: var(--green);
color: var(--white);
}
.services-block .tab-content {
display: none;
margin-top: 24px;
padding: 20px;
border-left: 3px solid var(--green);
background: var(--white);
border-radius: 4px;
color: #333;
line-height: 1.6;
}
.services-block .tab-content.active {
display: block;
} .is-style-regular {
border-radius: 12px;
overflow: hidden;
box-shadow: var(--shadow);
border: none !important;
}
.is-style-regular table {
margin-bottom: 0 !important;
}
.container-tableau thead {
background-color: var(--green);
color: var(--white);
}
.wp-block-table thead {
border: none !important;
}
.wp-block-table th {
border: none !important;
}
tbody {
background-color: var(--white);
}
tbody td {
border-bottom: 1px solid #eee !important;
}
.colonne-elagage {
background-color: var(--orange-light);
padding: 20px;
border-radius: 8px;
box-shadow: var(--shadow);
}
.mini-check {
font-size: 14px;
}
.mini-check .fa-solid {
font-size: 14px;
}
.elagage .fa-solid {
font-size: 20px !important;
color: var(--green) !important;
} .container-realisations {
background-color: var(--orange-light);
padding: 60px 0;
}
.grid-realisations {
width: var(--container);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.card-realisation {
background-color: var(--white);
border-radius: var(--radius);
box-shadow: var(--shadow);
}
.card-realisation img {
width: 100%;
border-radius: 10px 10px 0 0;
height: 200px !important;
object-fit: cover;
object-position: center;
}
.card-realisation .card-content {
padding: 15px;
}
.card-realisation h3 {
font-size: 20px;
color: var(--green);
font-weight: 600;
}
.card-realisation p {
font-size: 14px;
color: var(--text);
font-weight: 300;
margin-bottom: 10px;
}
.card-content span {
background-color: rgba(44, 85, 48, 0.2);
padding: 4px 16px;
border-radius: var(--radius-pill);
color: var(--green);
font-weight: 500;
} .container-projet-phare {
width: var(--container);
margin: 60px auto;
}
.phare-projet {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
padding-top: 40px;
}
.phare-main-img img {
width: 100%;
border-radius: var(--radius);
box-shadow: var(--shadow);
}
.phare-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin-top: 15px;
}
.phare-content h3 {
font-size: 30px;
color: var(--green);
font-weight: 600;
margin-bottom: 20px;
}
.projet-phare-section h2,
.intro-phare {
text-align: center;
}
.projet-phare-section p {
font-size: 16px;
font-weight: 400;
color: var(--text);
} .projects-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
.project-card {
height: 300px;
border-radius: 15px;
overflow: hidden;
position: relative;
}
.project-bg {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: transform 0.5s ease;
}
.project-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
pointer-events: none;
}
.project-content {
position: absolute;
bottom: 20px;
left: 20px;
z-index: 10;
}
.project-badge {
background-color: var(--green);
color: var(--white);
padding: 4px 12px;
border-radius: var(--radius-pill);
}
.project-content h3 {
font-size: 24px;
font-weight: 600;
color: var(--white);
margin-bottom: 0;
margin-top: 10px;
}
.project-card:hover .project-bg {
transform: scale(1.1);
} .actualites-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
width: var(--container);
padding: 60px 0;
margin: 0 auto;
}
.post-card {
background-color: var(--white);
border-radius: var(--radius);
box-shadow: var(--shadow-strong);
}
.post-card img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 10px 10px 0 0;
}
.post-info {
padding: 20px;
}
.post-info h2 {
font-size: 24px;
color: var(--green);
line-height: 1;
margin-bottom: 10px;
}
.post-info p {
font-size: 14px;
color: var(--text);
font-weight: 300;
}
.post-card a {
text-decoration: none !important;
}
.news-meta {
margin-bottom: 8px;
}
.post-excerpt {
font-size: 14px;
font-weight: 300;
color: var(--text);
margin: 10px 0;
}
.read-more {
color: var(--green);
font-weight: 500;
font-size: 14px;
transition: 0.3s;
}
.read-more:hover {
color: var(--orange);
} .site-main-post {
border-top: 1px solid rgba(0, 0, 0, 0.15);
padding: 60px 0;
}
.single-meta-top,
.single-content,
.single-title {
width: var(--container-sm);
margin: 0 auto !important;
}
.single-meta-top {
display: flex;
flex-direction: row;
gap: 20px;
align-items: center;
}
.post-category-pill {
font-size: 14px;
}
.post-date::before {
content: "\f133";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 5px;
display: inline-block;
}
.post-date {
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
}
.single-title h1 {
font-size: 38px;
font-weight: 600;
color: var(--green);
margin: 15px 0;
}
.single-featured-image img {
width: 100%;
height: 400px;
object-fit: cover;
object-position: center;
margin-bottom: 20px;
}
.single-content h2,
.related-title {
font-size: 28px;
font-weight: 600;
color: var(--green);
}
.single-content h3 {
font-size: 24px;
font-weight: 600;
color: var(--green);
}
.single-content h4,
.post-title {
font-size: 20px;
font-weight: 600;
color: var(--green);
} .single-cta-section {
background-color: var(--green);
}
.single-cta-section .container,
.related-posts-section {
width: var(--container);
margin: 0 auto;
padding: 40px 0;
}
.cta-content {
display: flex;
flex-direction: column;
align-items: center;
color: var(--white);
}
.cta-content h2 {
font-size: 32px;
color: var(--white) !important;
font-weight: 600;
}
.cta-content p {
font-size: 16px;
color: var(--white);
}
.cta-contact-info {
display: flex;
flex-direction: row;
gap: 20px;
}
.cta-contact-info .fa-phone,
.cta-contact-info .fa-envelope,
.read-more .fa-arrow-right {
font-size: 16px !important;
}
.cta-contact-info .fa-solid {
width: 0 !important;
height: 0 !important;
padding-right: 15px !important;
margin: 0 !important;
} .related-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.related-grid .post-card {
margin-top: 40px;
} footer {
background-color: var(--green);
}
footer .footer-columns {
width: var(--container);
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: nowrap !important;
padding: 30px 0;
}
footer .footer-column {
display: flex;
flex-direction: column;
margin-bottom: 20px;
width: 25%;
}
footer .footer-column .reseaux {
display: flex;
gap: 20px;
}
footer .footer-column p {
font-size: 14px;
font-weight: 300;
color: var(--white-soft);
}
footer h3 {
color: var(--white-soft);
font-size: 18px;
font-weight: 400;
}
footer ul {
list-style: none;
padding: 0;
line-height: 30px;
margin: 0;
}
footer p {
color: var(--white-soft);
font-size: 14px;
font-weight: 300;
}
footer a {
color: var(--white-soft);
font-size: 14px;
font-weight: 300;
transition: all 0.3s;
text-decoration: none !important;
}
footer a:hover {
color: var(--orange);
}
footer .fa-solid {
color: var(--white);
font-size: 16px !important;
}
footer .logo-footer {
padding-top: 10px;
width: 160px;
height: auto;
}
.bas-footer {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-top: 1px solid #E0E0E0;
}
.bas-footer div {
margin: 0 30px;
}
.bas-footer p,
.bas-footer a {
margin: 0;
color: var(--white);
text-align: center;
padding: 10px 0;
font-size: 12px;
font-weight: 400;
} .section-tableau {
display: none !important;
} @media (max-width: 1200px) {
.container-header,
.navbar,
.section2-home,
.section-about,
.section-engagement,
.section-realisations,
.contact-home,
.section-fondateur,
.service1,
.service3,
.container-tableau,
.avis-services,
.nous-trouver,
.grid-realisations,
.actualites-grid,
.container-projet-phare,
.single-cta-section .container,
.related-posts-section,
.section-partenaires,
.section-faq,
.formulaire,
.section-devis .column,
.section-devis2 .column {
width: 100%;
padding: 0 20px !important;
}
.section3-home .services {
width: 100%;
padding: 0 10px;
}
footer .footer-columns {
width: 100%;
padding: 30px 20px;
}
} @media (max-width: 768px) { .container-header {
justify-content: flex-start;
}
.logo_header {
padding-left: 5px;
}
.hamburger {
display: block;
position: absolute;
font-size: 30px;
right: 20px;
top: 30px;
z-index: 2;
}
.navbar {
padding: 0;
width: auto;
}
.collapse {
display: flex;
flex-direction: column;
gap: 0;
position: absolute;
top: 98px;
left: 0;
width: 100%;
background-color: var(--white);
z-index: 10;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
max-height: 0;
overflow: hidden;
opacity: 0;
transform: translateY(-10px);
transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease;
}
.collapse.show {
max-height: 500px;
opacity: 1;
transform: translateY(0);
}
.navbar-collapse.collapse .nav_menu li {
display: block;
text-align: left;
margin-left: 0 !important;
}
.navbar-collapse.collapse .nav_menu li a {
padding-left: 10px;
}
.navbar-collapse.collapse .nav_menu li a:hover {
transform: none;
}
.nav_menu ul {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: transform 0.5s ease-in-out, max-height 0.5s ease-in-out;
}
.nav_menu ul.open {
transform: translateY(0);
opacity: 1;
max-height: none;
}
.nav_menu {
list-style: none;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-bottom: 0;
gap: 0;
align-items: flex-start;
padding: 0;
margin-top: 0;
margin-left: 0 !important;
}
.nav_menu li {
margin: 0;
padding: 5px 0;
border-top: 1px solid black;
width: 100%;
}
header .container {
width: 100%;
height: auto;
margin-top: 5px;
}
.thumbnail-home {
display: none;
}
.nav_menu>li {
position: relative;
}
.nav_menu>li ul {
position: relative;
display: none;
width: 100%;
overflow: hidden;
height: 0;
}
.nav_menu>li:hover ul,
.nav_menu>li:focus-within ul {
display: block;
overflow: hidden;
}
.nav_menu>li ul li {
width: 100%;
border-top: 1px solid black;
}
.nav_menu>li ul li a {
display: block;
padding-left: 20px !important;
}
.nav_menu>li ul.open {
height: auto;
}
.menu-button .button-reservation {
display: none;
} .topbar {
padding: 6px 0;
}
.topbar-left {
gap: 15px;
flex-wrap: wrap;
justify-content: center;
}
.topbar-left a,
.topbar-right a {
font-size: 11px;
margin-right: 5px;
} .hero-home,
.hero-about,
.hero-services,
.hero-realisations,
.hero-contact {
height: 60vh;
padding: 0 20px;
text-align: center;
} .section2-home,
.section3-home,
.section-about,
.section-engagement,
.section-realisations,
.section-avis-home,
.section-contact-home,
.section-formulaire,
.section-fondateur,
.section-valeur,
.section-valeurs,
.section-partenaires,
.service1,
.service2,
.service3,
.container-tableau,
.avis-services,
.contact-home,
.section-faq,
.container-realisations,
.container-projet-phare,
.container-actu,
.single-cta-section,
.related-posts-section,
.section-devis,
.section-devis2 {
padding: 40px 10px !important;
}
.hero-home h1,
.hero-about h1,
.hero-services h1,
.hero-realisations h1,
.hero-contact h1 {
font-size: 32px;
}
.hero-home p,
.hero-about p,
.hero-services p,
.hero-realisations p,
.hero-contact p {
font-size: 14px;
} .section3-home h2,
.section-about h2,
.section-avis-home h2,
.section-engagement h2,
.section-realisations h2,
.section-faq h2,
.projet-phare-section h2,
.section-fondateur h2,
.section-valeurs h2,
.section-partenaires h2,
.service1 h2,
.service2 h2,
.service3 h2,
.section-tableau h2,
.avis-services h2 {
font-size: 28px;
} .section2-home h2 {
font-size: 22px;
} .section3-home {
padding-bottom: 40px !important;
} .section-about {
margin-top: 20px;
margin-bottom: 20px !important;
}
.section-about .signature {
font-size: 18px;
} .section-engagement .bloc {
margin-bottom: 30px;
}
.section-engagement h3 {
font-size: 20px;
} .section-devis h2,
.section-devis2 h2 {
font-size: 28px;
}
.section-devis .telephone,
.section-devis2 .telephone {
font-size: 18px !important;
} .contact-home h2 {
font-size: 26px;
}
.contact-item {
flex-direction: row;
align-items: flex-start;
} .services-grid {
grid-template-columns: 1fr;
} .services-block .tabs {
flex-direction: column;
}
.services-block .tab {
width: 100%;
text-align: center;
} .section2-home,
.section3-home .services .wp-block-columns,
.section2-contact .wp-block-columns,
.section-partenaires .wp-block-columns,
.section2-home .section-valeur .wp-block-columns,
.section2-home .section-coordonnees,
.section-partenaires {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.section2-home:not(.section-valeur):not(.section-coordonnees) > :last-child,
.section3-home .services .wp-block-columns > :last-child,
.section-partenaires > :last-child {
grid-column: span 2;
}
.section2-home .bloc,
.section-partenaires .bloc {
padding: 10px;
}
.section2-home .bloc h2 {
font-size: 18px;
margin-top: 0;
}
.services h3,
.section-partenaires h3 {
padding: 10px;
margin-top: 0;
font-size: 18px;
}
.service-column p,
.section-partenaires p {
padding: 0 10px;
font-size: 12px;
margin-top: 0;
}
.section2-home .bloc p {
font-size: 14px;
margin-top: 10px;
}
.services {
padding: 0;
}
.columns-engagement {
display: flex;
flex-direction: column;
} .grid-realisations {
grid-template-columns: 1fr;
} .phare-projet {
grid-template-columns: 1fr;
gap: 20px;
}
.phare-content h3 {
font-size: 24px;
} .projects-grid {
grid-template-columns: repeat(2, 1fr)
}
.projects-grid h3 {
font-size: 16px;
}
.project-card {
height: 250px;
} .actualites-grid {
grid-template-columns: 1fr;
padding: 30px 0;
} .related-grid {
grid-template-columns: 1fr;
}
.related-grid .post-card {
margin-top: 20px;
} .single-meta-top,
.single-content,
.single-title {
width: 100%;
padding: 0 20px;
}
.single-title h1 {
font-size: 26px;
}
.single-featured-image img {
height: 250px;
}
.single-content h2,
.related-title {
font-size: 22px;
}
.single-content h3 {
font-size: 20px;
}
.cta-content h2 {
font-size: 24px;
}
.cta-contact-info {
flex-direction: column;
align-items: center;
gap: 10px;
}
.citation-titre {
font-size: 14px;
} .section-partenaires {
width: 100%;
padding: 0 20px;
} .faq h3 {
font-size: 16px;
} .is-style-regular {
border-radius: 8px;
} footer .footer-columns {
width: auto !important;
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin: 0 20px;
padding: 30px 0;
}
footer h3 {
font-size: 18px !important;
margin-bottom: 5px;
}
footer .footer-column {
width: 100%;
text-align: center;
}
footer .footer-column p {
margin-top: 0;
}
footer .logo-footer {
width: 120px;
margin: 0 auto;
}
footer .footer-column .reseaux {
justify-content: center;
}
.footer-column .fa-solid {
height: 0 !important;
width: 0 !important;
padding-right: 20px !important;
}
footer ul {
line-height: 28px;
}
footer li a {
font-size: 12px !important;
}
.bas-footer {
flex-direction: column-reverse;
}
.bas-footer .infos-legales {
display: flex;
flex-direction: row;
gap: 30px;
justify-content: center;
}
.bas-footer .infos-legales p {
padding-bottom: 0;
}
.bas-footer .copyright p {
padding-top: 0;
}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}