.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('');}}