.fa-solid,.fa-regular,.fa,.fa-brands{display:inline-flex;vertical-align:middle}.fa-solid::before,.fa-regular::before,.fa::before,.fa-brands::before{content:'';display:inline-block;width:1em;height:1em;background:currentColor;vertical-align:-0.125em;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.fa-magnifying-glass::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20d%3D%27M416%20208c0%2045.9-14.9%2088.3-40%20122.7L502.6%20457.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L330.7%20376c-34.4%2025.2-76.8%2040-122.7%2040C93.1%20416%200%20322.9%200%20208S93.1%200%20208%200S416%2093.1%20416%20208zM208%20352a144%20144%200%201%200%200-288%20144%20144%200%201%200%200%20288z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20d%3D%27M416%20208c0%2045.9-14.9%2088.3-40%20122.7L502.6%20457.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L330.7%20376c-34.4%2025.2-76.8%2040-122.7%2040C93.1%20416%200%20322.9%200%20208S93.1%200%20208%200S416%2093.1%20416%20208zM208%20352a144%20144%200%201%200%200-288%20144%20144%200%201%200%200%20288z%27%2F%3E%3C%2Fsvg%3E")}.fa-xmark::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20384%20512%27%3E%3Cpath%20d%3D%27M342.6%20150.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L192%20210.7%2086.6%20105.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L146.7%20256%2041.4%20361.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L192%20301.3%20297.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L237.3%20256%20342.6%20150.6z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20384%20512%27%3E%3Cpath%20d%3D%27M342.6%20150.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L192%20210.7%2086.6%20105.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L146.7%20256%2041.4%20361.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L192%20301.3%20297.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L237.3%20256%20342.6%20150.6z%27%2F%3E%3C%2Fsvg%3E")}

<style>

* { margin: 0; padding: 0; box-sizing: border-box; }



body {

background-image: none !important;

background-color: #1a1a1a !important;

color: #e0e0e0 !important;

font-family: 'Lato', sans-serif !important;

font-weight: 300;

line-height: 1.8;

overflow-x: hidden;

-webkit-font-smoothing: antialiased;

}



.wrapper {

max-width: 1100px;

margin: 0 auto;

padding-left: 40px;

padding-right: 40px;

position: relative;

}



header {

padding: 30px 0;

position: absolute;

width: 100%;

top: 0;

z-index: 100;

}


nav {

display: flex;

justify-content: space-between;

align-items: center;

border-bottom: 1px solid #444444;

padding-bottom: 20px;

width: 100%;

}



.brand {

font-family: 'Playfair Display', serif;

font-size: 24px;

letter-spacing: 1px;

text-transform: uppercase;

color: #ffffff;

cursor: pointer;

text-decoration: none;

margin: 0;

padding: 0;

font-weight: 400;

line-height: 1.2;

}

.brand a {

color: #ffffff;

text-decoration: none;

}

.brand:hover, .brand a:hover {

color: #ffffff;

}



.menu-items {

display: flex;

gap: 25px;

flex-wrap: wrap;

align-items: center;

}


.menu-items a {

font-size: 14px;

text-transform: uppercase;

letter-spacing: 1px;

font-weight: 600;

color: #ffffff;

text-decoration: none;

padding-bottom: 5px;

font-family: 'Lato', sans-serif;

transition: color 0.3s;

}

.menu-items a:hover {

color: #d4af37;

border-bottom: 1px solid #d4af37;

}



.hero {

min-height: 90vh;

display: flex;

align-items: center;

position: relative;

padding-top: 140px;

}

.hero-content {

max-width: 800px;

animation: fadeUp 1.2s ease-out;

margin-top: 40px;

}



.titre-hero {

font-family: 'Playfair Display', serif;

font-weight: 400;

letter-spacing: -0.5px;

font-size: 3.5rem;

line-height: 1.2;

margin-bottom: 2rem;

display: block;

color: #e0e0e0;

}


.titre-section {

font-family: 'Playfair Display', serif;

font-weight: 400;

letter-spacing: -0.5px;

font-size: 2.5rem;

margin-bottom: 1.5rem;

color: #d4af37;

display: block;

}


.subtitle {

text-transform: uppercase;

letter-spacing: 4px;

font-size: 13px;

color: #d4af37;

margin-bottom: 25px;

display: block;

font-weight: 600;

font-family: 'Lato', sans-serif;

}


.hero-desc {

font-size: 1.35rem;

margin-bottom: 40px;

opacity: 0.9;

max-width: 650px;

border-left: 1px solid #d4af37;

padding-left: 20px;

line-height: 1.6;

color: #ffffff !important;

}



.btn-class {

display: inline-block;

background-color: #d4af37 !important;

color: #1a1a1a !important;

padding: 16px 32px !important;

border-radius: 4px;

font-family: 'Lato', sans-serif !important;

font-weight: 800 !important;

text-transform: uppercase;

text-decoration: none !important;

letter-spacing: 1px;

transition: all 0.3s ease;

border: none !important;

box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);

text-align: center;

cursor: pointer;

margin-top: 10px;

}


.btn-class:hover {

background-color: #ffffff !important;

color: #d4af37 !important;

transform: translateY(-2px);

box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5);

}



@keyframes pulse-gold {

0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7); }

70% { box-shadow: 0 0 0 10px rgba(212, 175, 55, 0); }

100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }

}



.hero .btn-class {

animation: pulse-gold 2s infinite;

}



.google-reviews {

margin-top: 20px;

font-size: 0.9rem;

opacity: 0.9;

display: flex;

align-items: center;

gap: 10px;

cursor: pointer;

text-decoration: none;

color: #e0e0e0;

}

.google-reviews:hover {

opacity: 1;

text-decoration: underline;

}

.stars {

color: #f1c40f;

letter-spacing: 2px;

}



.manifesto {

padding: 100px 0;

background-color: #242424;

}

.manifesto p {

font-size: 1.35rem;

font-family: 'Playfair Display', serif;

text-align: center;

max-width: 800px;

margin: 0 auto;

line-height: 1.6;

font-style: italic;

opacity: 0.9;

}



.expertise {

padding: 120px 0;

}


.service-list {

margin-top: 60px;

display: grid;

grid-template-columns: 1fr;

border-top: 1px solid #444444;

}


.service-item {

display: grid;

grid-template-columns: 1fr 2fr;

padding: 50px 0;

border-bottom: 1px solid #444444;

transition: all 0.3s ease;

cursor: pointer;

align-items: center;

text-decoration: none !important;

color: inherit !important;

}


.service-item:hover {

background-color: #333333;

padding-left: 20px;

}


.titre-service {

font-family: 'Playfair Display', serif;

font-weight: 400;

letter-spacing: -0.5px;

font-size: 1.8rem;

color: #e0e0e0;

display: block;

margin-bottom: 10px;

transition: color 0.3s ease;

}

.service-item:hover .titre-service {

color: #d4af37;

}


.service-item p {

opacity: 0.8;

font-size: 1.2rem;

line-height: 1.6;

margin-top: 5px;

transition: color 0.3s ease;

color: #ffffff !important;

font-weight: 400 !important;

}

.service-item:hover p {

color: #ffffff;

opacity: 1;

}



.portrait-section {

display: flex !important;

align-items: stretch !important;

min-height: 600px !important;

background-color: #2a2a2a !important;

margin: 0 !important;

padding: 0 !important;

}


.portrait-img {

flex: 0 0 50% !important;

width: 50% !important;

overflow: hidden !important;

position: relative !important;

margin: 0 !important;

padding: 0 !important;

background-image: none !important;

background: none !important;

}


.portrait-img img {

width: 100% !important;

height: 100% !important;

object-fit: cover !important;

object-position: center center !important;

display: block !important;

}


.section-text-dark {

flex: 1 !important;

width: 50% !important;

padding: 60px 80px !important;

display: flex !important;

flex-direction: column !important;

justify-content: center !important;

background-color: #2a2a2a !important;

margin: 0 !important;

}


.section-text-dark p {

font-size: 1.35rem;

margin-bottom: 25px;

line-height: 1.6;

color: #ffffff !important;

opacity: 1 !important;

font-weight: 700 !important;

}



.cabinet-section {

display: grid;

grid-template-columns: 1fr 1fr;

min-height: 600px;

background-color: #1f1f1f;

}


.section-text {

padding: 80px;

display: flex;

flex-direction: column;

justify-content: center;

}


.section-text p,

#anchor-lecabinet p,

.cabinet-section p {

font-size: 1.35rem;

margin-bottom: 25px;

opacity: 0.9;

line-height: 1.6;

color: #ffffff !important;

font-weight: 400 !important;

}



.cabinet-gallery {

display: grid;

grid-template-columns: 1fr 1fr;

grid-template-rows: 1fr 1fr;

height: 100%;

min-height: 600px;

}


.gallery-item {

background-size: cover;

background-position: center;

width: 100%;

height: 100%;

border: 1px solid #1a1a1a;

transition: all 0.5s ease;

filter: grayscale(30%);

}

.gallery-item:hover {

filter: grayscale(0%);

transform: scale(1.02);

z-index: 10;

}



footer {

padding: 80px 0 40px;

border-top: 1px solid #444444;

background-color: #000;

font-size: 1.1rem;

}


footer, footer *, footer p, footer span, footer div, footer a,

.footer-col, .footer-col *, .copyright {

color: #ffffff !important;

opacity: 1 !important;

font-weight: 400 !important;

font-family: 'Lato', sans-serif !important;

}


.titre-footer {

font-family: 'Playfair Display', serif !important;

font-weight: 400;

color: #d4af37 !important;

margin-bottom: 20px;

font-size: 1.4rem;

display: block;

}


.footer-content {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 40px;

margin-bottom: 60px;

}


.footer-col p {

margin-bottom: 10px;

}


.bold-contact {

font-weight: 700 !important;

}


.legal-section {

border-top: 1px solid #333;

padding-top: 30px;

display: flex;

flex-wrap: wrap;

justify-content: center;

gap: 20px;

text-align: center;

}

.legal-section a {

font-size: 1rem;

text-transform: uppercase;

letter-spacing: 1px;

opacity: 0.6;

color: #e0e0e0;

text-decoration: none;

}

.legal-section a:hover {

opacity: 1;

color: #d4af37;

text-decoration: underline;

}


.lgbt-container {

margin-top: 30px;

display: flex;

align-items: center;

gap: 20px;

}

.lgbt-icon {

width: 120px;

height: auto;

border-radius: 4px;

}

.copyright {

text-align: center;

margin-top: 30px;

font-size: 0.9rem;

opacity: 0.3;

}



footer .btn-class {

background-color: #d4af37 !important;

color: #1a1a1a !important;

font-weight: 800 !important;

}


footer .btn-class:hover {

background-color: #ffffff !important;

color: #d4af37 !important;

}



.texte-mutuelles,

.texte-mutuelles p {

font-weight: 400 !important;

color: #ffffff !important;

opacity: 0.9 !important;

}



.texte-mutuelles a {

font-weight: 700 !important;

color: #d4af37 !important;

text-decoration: underline !important;

}

.texte-mutuelles a:hover {

color: #ffffff !important;

}



@keyframes fadeUp {

from { opacity: 0; transform: translateY(30px); }

to { opacity: 1; transform: translateY(0); }

}



@media (max-width: 768px) {

.titre-hero { font-size: 2.5rem; }

.hero { padding-top: 160px; align-items: flex-start; }

.hero-content { text-align: center; }

.hero-desc { padding-left: 0; border-left: none; margin-left: auto; margin-right: auto; }

.google-reviews { justify-content: center; }


.service-item {

grid-template-columns: 1fr;

gap: 15px;

text-align: center;

background-color: #2a2a2a;

padding: 40px 25px;

border-radius: 6px;

margin-bottom: 25px;

box-shadow: 0 10px 30px rgba(0,0,0,0.3);

border: 1px solid #333;

}

.service-item .titre-service { color: #d4af37; font-size: 1.6rem; margin-bottom: 15px; }

.service-item p { color: #ffffff; opacity: 0.95; font-size: 1.15rem; }

.service-item:hover { padding-left: 25px; background-color: #2a2a2a; }


.portrait-section {

flex-direction: column !important;

}

.portrait-img, .section-text-dark {

width: 100% !important;

flex: auto !important;

}

.portrait-img { min-height: 400px; }

.section-text-dark { padding: 40px 20px !important; text-align: center; }


.cabinet-section { grid-template-columns: 1fr; height: auto; min-height: auto; }

.section-text { padding: 40px 20px; text-align: center; }

.cabinet-gallery { min-height: 400px; }



nav { flex-direction: column; padding-bottom: 10px; gap: 15px; text-align: center; }

.brand { font-size: 18px !important; margin-bottom: 10px; }

.menu-items { display: flex; justify-content: center; width: 100%; gap: 15px; }

.wrapper { padding-left: 20px; padding-right: 20px; }


.footer-content { grid-template-columns: 1fr; text-align: center; }

.footer-col { text-align: center; }

.lgbt-container { justify-content: center; }

.legal-section { flex-direction: column; gap: 15px; }

}



@media (max-width: 968px) {

.portrait-img, .cabinet-img { height: 400px; }

}

</style>

 




.comp_0{flex-direction:column;padding-left:0px;padding-right:0px;}.comp_0 > .innerBox{display:inherit;flex-direction:inherit;}.comp_1{--bs-gutter-x:0px;flex-direction:row;}.comp_2{flex-direction:column;}.comp_2 > .wa_inner_col{display:flex;flex-direction:inherit;height:100%;}.comp_2 > .wa_inner_col > .wa_inner_col2{display:inherit;flex-direction:inherit;height:100%;justify-content:flex-start;}.comp_3{width:100%;}.comp_4{flex-direction:column;padding-left:0px;padding-right:0px;}.comp_4 > .innerBox{display:inherit;flex-direction:inherit;}.comp_5{--bs-gutter-x:0px;flex-direction:row;}.comp_6{flex-direction:column;}.comp_6 > .wa_inner_col{display:flex;flex-direction:inherit;height:100%;}.comp_6 > .wa_inner_col > .wa_inner_col2{display:inherit;flex-direction:inherit;height:100%;justify-content:flex-start;}.comp_7{display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;width:100%;}.comp_7 .wa-txt-par{color:rgba(33,37,41,1);font-family:'Lato';font-weight:400;margin-bottom:1em;width:100%;word-break:break-word;&:not(:last-child) {margin-bottom: 16px !important;} }.comp_7 .wa-txt-par a{color:rgba(0,0,255,1);font-weight:normal;text-decoration:underline;}.comp_7 .wa-txt-par.wa-last-par{color:rgba(33,37,41,1);font-family:'Lato';font-weight:400;margin-bottom:0px;width:100%;word-break:break-word;&:not(:last-child) {margin-bottom: 16px !important;} }.comp_7 .wa-txt-par.wa-last-par a{color:rgba(0,0,255,1);font-weight:normal;text-decoration:underline;}body{background-color:rgba(255,255,255,1);}.comp_0{border:none;border-radius:0px;display:flex;min-height:0px;}.comp_0 > .innerBox{margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;}.comp_1{display:flex;margin-bottom:0px !important;margin-top:0px !important;}.comp_2{min-height:0px;padding-left:0rem;padding-right:0rem;}.comp_2 > .wa_inner_col{border:none;border-radius:0px;}.comp_2 > .wa_inner_col > .wa_inner_col2{gap:0rem;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;}.comp_3{margin-bottom:0px;margin-top:0px;min-height:100px;}.comp_4{border:none;border-radius:0px;display:flex;min-height:0px;}.comp_4 > .innerBox{margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;}.comp_5{display:none;margin-bottom:0px !important;margin-top:0px !important;}.comp_6{min-height:0px;padding-left:0rem;padding-right:0rem;}.comp_6 > .wa_inner_col{border:none;border-radius:0px;}.comp_6 > .wa_inner_col > .wa_inner_col2{gap:0rem;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;}.comp_7{border:none;border-radius:0px;margin-bottom:0px;margin-top:0px;min-height:0px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;}.comp_7 .wa-txt-par{font-size:16px;letter-spacing:0em;line-height:1.2;text-align:left;}.comp_7 .wa-txt-par.wa-last-par{font-size:16px;letter-spacing:0em;line-height:1.2;text-align:left;}body{background-image:url('');}@media (min-width:992px){.comp_0{border:none;border-radius:0px;display:flex;min-height:0px;}.comp_0 > .innerBox{margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;}.comp_1{display:flex;margin-bottom:0px !important;margin-top:0px !important;}.comp_2{min-height:0px;padding-left:0rem;padding-right:0rem;}.comp_2 > .wa_inner_col{border:none;border-radius:0px;}.comp_2 > .wa_inner_col > .wa_inner_col2{gap:0rem;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;}.comp_3{margin-bottom:0px;margin-top:0px;min-height:100px;}.comp_4{border:none;border-radius:0px;display:flex;min-height:0px;}.comp_4 > .innerBox{margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;}.comp_5{display:none;margin-bottom:0px !important;margin-top:0px !important;}.comp_6{min-height:0px;padding-left:0rem;padding-right:0rem;}.comp_6 > .wa_inner_col{border:none;border-radius:0px;}.comp_6 > .wa_inner_col > .wa_inner_col2{gap:0rem;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;}.comp_7{border:none;border-radius:0px;margin-bottom:0px;margin-top:0px;min-height:0px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;}.comp_7 .wa-txt-par{font-size:16px;letter-spacing:0em;line-height:1.2;text-align:left;}.comp_7 .wa-txt-par.wa-last-par{font-size:16px;letter-spacing:0em;line-height:1.2;text-align:left;}body{background-image:url('');}}