@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}:root { --vins: #6b3b5a; --success: #4a8e3a; --gris-clair: #ECECEC; }.surligne { background: linear-gradient(180deg, transparent 60%, rgba(233,190,112,0.45) 60%, rgba(233,190,112,0.45) 92%, transparent 92%); padding: 0 0.15em; }.brxe-button.btn-rse-primary, a.btn-rse-primary, button.btn-rse-primary, .btn-rse-primary { background: var(--bleu) !important; color: var(--blanc) !important; border: 2px solid var(--bleu) !important; font-weight: 700 !important; font-size: 14px !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; padding: 14px 22px !important; border-radius: 4px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; text-decoration: none !important; }.brxe-button.btn-rse-primary:hover { background: #1d2868 !important; transform: translateY(-1px); }.brxe-button.btn-rse-secondary, a.btn-rse-secondary, button.btn-rse-secondary, .btn-rse-secondary { background: transparent !important; color: var(--bleu) !important; border: 2px solid var(--bleu) !important; font-weight: 700 !important; font-size: 14px !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; padding: 14px 22px !important; border-radius: 4px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; text-decoration: none !important; }.brxe-button.btn-rse-secondary:hover { background: var(--bleu) !important; color: var(--blanc) !important; }.brxe-button.btn-rse-or, a.btn-rse-or, button.btn-rse-or, .btn-rse-or { background: var(--or) !important; color: var(--bleu) !important; border: 2px solid var(--or) !important; font-weight: 800 !important; font-size: 14px !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; padding: 14px 22px !important; border-radius: 4px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; text-decoration: none !important; }.brxe-button.btn-rse-or:hover { background: #d8a85a !important; border-color: #d8a85a !important; transform: translateY(-1px); }.brxe-button.btn-rse-or-outline, a.btn-rse-or-outline, .btn-rse-or-outline { background: transparent !important; color: var(--or) !important; border: 2px solid var(--or) !important; font-weight: 700 !important; font-size: 14px !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; padding: 14px 22px !important; border-radius: 4px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; text-decoration: none !important; }.brxe-button.btn-rse-or-outline:hover { background: var(--or) !important; color: var(--bleu) !important; }.bloc-eyebrow, .service-eyebrow { font-size: 25px !important; line-height: 1.2 !important; }.hero-service-lead, .bloc-intro, .definition p, .definition li, .vitrine-content p, .vitrine-meta, .methode-step p, .profil p, .cta-final p, .ref-tile-content span, .refs-portes h3, .hero-service-meta { font-size: 15px !important; line-height: 1.6 !important; }.hero-service { background: var(--fond); padding: 64px 0 80px; position: relative; overflow: hidden; }.hero-service::before { content: ""; position: absolute; top: -60px; right: -60px; width: 220px; height: 220px; background: var(--or); opacity: 0.18; border-radius: 50%; z-index:0; }.hero-service > .brxe-container { position: relative; z-index: 1; }.hero-service-grid { display: grid; gap: 48px; align-items: center; grid-template-columns: 1fr; }@media (min-width: 1024px) { .hero-service-grid { grid-template-columns: 1.3fr 1fr; gap: 64px; } .hero-service { padding: 80px 0 96px; } }.service-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--bleu); background: rgba(39,53,130,0.08); padding: 6px 14px; border-radius: 999px; margin-bottom: 24px; width: max-content; }.service-eyebrow::before { content: ""; width: 8px; height: 8px; background: var(--or); border-radius: 50%; flex-shrink: 0; }.hero-service h1 { color: var(--anthracite); margin: 0 0 24px; font-weight: 800; font-size: clamp(2rem, 4vw + 1rem, 3.25rem); line-height: 1.15; letter-spacing: -0.02em; }.hero-service-lead { color: var(--anthracite); opacity: 0.9; margin: 0 0 32px; max-width: 620px; }.hero-service-cta { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; }.hero-service-meta { display: flex; flex-wrap: wrap; gap: 24px; color: var(--anthracite); opacity: 0.85; }.hero-service-meta > div { flex: 1 1 160px; }.hero-service-meta strong { display: block; color: var(--bleu); font-weight: 700; font-size: 17px; margin-bottom: 2px; }.refs-portes { background: var(--blanc); border-radius: 8px; box-shadow: 0 12px 40px rgba(28,50,58,0.08); padding: 32px; border-top: 6px solid var(--or); max-width: 380px; margin: 0 auto; position: relative; }.refs-portes::after { content: ""; position: absolute; top: -30px; right: -30px; width: 80px; height: 80px; background: var(--bleu); border-radius: 50%; z-index: -1; }.refs-portes h3 { font-size: 16px !important; color: var(--anthracite) !important; margin: 0 0 24px !important; padding-bottom: 16px; border-bottom: 1px solid var(--gris-clair); font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; }.refs-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }.ref-tile { display: flex; gap: 12px; align-items: flex-start; padding: 12px; background: var(--fond); border-radius: 4px; border-left: 3px solid var(--or); }.ref-tile.vins { border-left-color: var(--vins); }.ref-tile.agro { border-left-color: var(--success); }.ref-tile-num { width: 32px; height: 32px; background: var(--anthracite); color: var(--or); display: grid; place-items: center; font-weight: 800; font-size: 15px; border-radius: 50%; flex-shrink: 0; }.ref-tile-content strong { display: block; font-weight: 700; color: var(--anthracite); font-size: 15px; margin-bottom: 2px; }section.bloc, .bloc { padding: 80px 0; }@media (min-width: 1024px) { section.bloc, .bloc { padding: 96px 0; } }.bloc-header { max-width: 760px; margin: 0 0 48px; }.bloc-header.center { margin-left: auto; margin-right: auto; text-align: center; }.bloc-eyebrow { display: inline-block; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--bleu); margin-bottom: 16px; }.bloc-eyebrow::before { content: ""; display: inline-block; width: 32px; height: 3px; background: var(--or); vertical-align: middle; margin-right: 10px; }.bloc h2 { color: var(--anthracite); font-weight: 800; font-size: clamp(1.5rem, 2.5vw + 1rem, 2.25rem); letter-spacing: -0.01em; line-height: 1.15; margin: 0 0 24px; }.bloc-intro { color: var(--anthracite); opacity: 0.85; margin: 0; }.definition { background: var(--blanc); }.definition-grid { display: grid; gap: 48px; align-items: center; grid-template-columns: 1fr; }@media (min-width: 1024px) { .definition-grid { grid-template-columns: 1fr 1fr; } }.definition p { color: var(--anthracite); margin: 0 0 16px; }.definition ul { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 16px; }.definition li { padding-left: 40px; position: relative; }.definition li::before { content: "✓"; position: absolute; left: 0; top: 2px; width: 24px; height: 24px; background: var(--or); color: var(--anthracite); display: grid; place-items: center; border-radius: 50%; font-weight: 800; font-size: 13px; line-height: 1; }.definition-visual { position: relative; aspect-ratio: 1/1; max-width: 380px; margin: 0 auto; width: 100%; }.definition-visual-bg { position: absolute; inset: 0; background: linear-gradient(135deg, var(--bleu) 0%, var(--anthracite) 100%); border-radius: 8px; }.definition-visual-shape { position: absolute; bottom: -20px; left: -20px; width: 100px; height: 100px; background: var(--or); z-index: 1; }.definition-visual-text { position: absolute; inset: 0; display: grid; place-items: center; color: var(--blanc); text-align: center; padding: 24px; z-index: 2; }.definition-visual-text strong { display: block; font-weight: 800; font-size: 24px; color: var(--or); line-height: 1.2; margin-bottom: 12px; }.definition-visual-text span { display: block; font-size: 12px; color: rgba(255,255,255,0.85); text-transform: uppercase; letter-spacing: 0.1em; }.vitrines { background: var(--fond); }.vitrine { background: var(--blanc); border-radius: 8px; overflow: hidden; margin-bottom: 32px; display: grid; gap: 0; grid-template-columns: 1fr; box-shadow: 0 4px 16px rgba(28,50,58,0.05); }@media (min-width: 900px) { .vitrine { grid-template-columns: 1fr 1.5fr; } }.vitrine-visual { min-height: 320px; position: relative; overflow: hidden; display: grid; place-items: center; padding: 24px; }.vitrine.vins .vitrine-visual { background: linear-gradient(135deg, var(--vins) 0%, var(--bleu) 100%); }.vitrine.agro .vitrine-visual { background: linear-gradient(135deg, var(--success) 0%, var(--anthracite) 100%); }.vitrine-visual .brxe-image { max-width: 90% !important; max-height: 260px !important; display: grid !important; place-items: center !important; background: transparent !important; padding: 0 !important; border: 0 !important; }.vitrine-visual .brxe-image img { max-width: 100% !important; max-height: 240px !important; width: auto !important; height: auto !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; background: transparent !important; padding: 0 !important; border-radius: 0 !important; border: 0 !important; box-shadow: none !important; filter: drop-shadow(0 8px 24px rgba(0,0,0,0.35)); }.vitrine-visual figcaption, .vitrine-visual .bricks-image-caption, .vitrine-visual .brxe-image figcaption, .vitrine-visual .brxe-image .caption, .vitrine-visual figure > figcaption { display: none !important; }.vitrine-content { padding: 32px; }.vitrine-tag { display: inline-block; font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--blanc); padding: 4px 12px; border-radius: 999px; margin-bottom: 16px; }.vitrine.vins .vitrine-tag { background: var(--vins); }.vitrine.agro .vitrine-tag { background: var(--success); }.vitrine-content h3 { font-size: 22px; color: var(--anthracite); font-weight: 800; margin: 0 0 16px; }.vitrine-meta { display: flex; flex-wrap: wrap; gap: 12px; padding: 16px 0; border-top: 1px solid var(--gris-clair); border-bottom: 1px solid var(--gris-clair); margin: 16px 0; }.vitrine-meta > * { flex: 1 1 220px; }.vitrine-meta strong { color: var(--bleu); font-weight: 700; }.vitrine-link { display: inline-flex; align-items: center; gap: 6px; color: var(--bleu); font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 2px solid var(--or); padding-bottom: 2px; margin-top: 16px; text-decoration: none !important; }.vitrine-link:hover { color: var(--or); border-bottom-color: var(--bleu); }.methode { background: var(--blanc); }.methode-grid { display: grid; gap: 24px; grid-template-columns: 1fr; counter-reset: methode; }@media (min-width: 768px) { .methode-grid { grid-template-columns: repeat(2, 1fr); } }@media (min-width: 1024px) { .methode-grid { grid-template-columns: repeat(5, 1fr); } }.methode-step { counter-increment: methode; background: var(--fond); padding: 24px; border-radius: 8px; border-top: 4px solid var(--or); position: relative; }.methode-step::before { content: counter(methode, decimal-leading-zero); display: block; font-weight: 800; font-size: 28px; line-height: 1; color: var(--or); margin-bottom: 16px; }.methode-step h3 { font-size: 16px !important; color: var(--bleu) !important; margin: 0 0 12px !important; font-weight: 800; }.methode-step p { color: var(--anthracite); opacity: 0.85; margin: 0; }.pour-qui { background: var(--fond); }.profils-grid { display: grid; gap: 24px; grid-template-columns: 1fr; }@media (min-width: 768px) { .profils-grid { grid-template-columns: repeat(3, 1fr); } }.profil { padding: 32px; background: var(--blanc); border-radius: 8px; border-left: 4px solid var(--bleu); }.profil h4 { color: var(--anthracite); margin: 0 0 16px; font-size: 17px; font-weight: 700; }.profil p { color: var(--anthracite); opacity: 0.85; margin: 0; }.cta-final { background: var(--bleu); color: var(--blanc); position: relative; overflow: hidden; padding: 72px 0; }.cta-final::before { content: ""; position: absolute; top: -100px; right: -80px; width: 280px; height: 280px; background: var(--or); opacity: 0.15; border-radius: 50%; z-index: 0; }.cta-final > .brxe-container { position: relative; z-index: 1; }.cta-final-grid { display: grid; gap: 32px; align-items: center; grid-template-columns: 1fr; }@media (min-width: 900px) { .cta-final-grid { grid-template-columns: 1.4fr 1fr; gap: 48px; } }.cta-final h2 { color: var(--blanc) !important; margin: 0 0 16px; }.cta-final p { color: rgba(255,255,255,0.9) !important; margin: 0; }.cta-final-actions { display: flex; flex-direction: column; gap: 16px; }@media (min-width: 600px) { .cta-final-actions { flex-direction: row; flex-wrap: wrap; } }#brxe-r1acta {flex-direction: row}#brxe-r1amet {flex-direction: row}#brxe-r1hcol {flex-direction: column; row-gap: 0px}#brxe-r1tl01 {flex-direction: row}#brxe-r1tl02 {flex-direction: row}#brxe-r1tl03 {flex-direction: row}#brxe-r1alis {flex-direction: column; row-gap: 16px}#brxe-r1cont {max-width: 1200px}#brxe-r2lcol {flex-direction: column; row-gap: 0px}#brxe-r2cont {max-width: 1200px}#brxe-r3hdr0 {flex-direction: column; row-gap: 0px}#brxe-r3v1mt {flex-direction: row}#brxe-r3v1co {flex-direction: column; row-gap: 0px}#brxe-r3v2mt {flex-direction: row}#brxe-r3v2co {flex-direction: column; row-gap: 0px}#brxe-r3cont {max-width: 1200px; flex-direction: column; row-gap: 32px}#brxe-r4hdr0 {flex-direction: column; row-gap: 0px}#brxe-r4st01 {flex-direction: column; row-gap: 0px}#brxe-r4st02 {flex-direction: column; row-gap: 0px}#brxe-r4st03 {flex-direction: column; row-gap: 0px}#brxe-r4st04 {flex-direction: column; row-gap: 0px}#brxe-r4st05 {flex-direction: column; row-gap: 0px}#brxe-r4cont {max-width: 1200px; flex-direction: column; row-gap: 0px}#brxe-r5hdr0 {flex-direction: column; row-gap: 0px}#brxe-r5pf01 {flex-direction: column; row-gap: 0px}#brxe-r5pf02 {flex-direction: column; row-gap: 0px}#brxe-r5pf03 {flex-direction: column; row-gap: 0px}#brxe-r5cont {max-width: 1200px; flex-direction: column; row-gap: 0px}#brxe-r6lcol {flex-direction: column; row-gap: 16px}#brxe-r6cont {max-width: 1200px}