:root {
--sr-fond: #0a0c11; --sr-fond-2: #0f131b; --sr-surface: #141923; --sr-surface-2: #1b2230; --sr-bord: #262f42;
--sr-texte: #e3e7ef; --sr-doux: #9aa4b8; --sr-rouge: #ff2a2a; --sr-rouge-fonce: #c10f0f; --sr-cyan: #20d5ff;
--sr-rayon: 16px; --sr-titre: 'Google Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; --sr-corps: 'Google Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
#colibri.sr-site { background: var(--sr-fond) !important; } #colibri.sr-site #content .h-section { background-color: var(--sr-fond) !important; }
#colibri.sr-site #content [data-colibri-component="section"]:nth-child(even) { background-color: var(--sr-fond-2) !important; }
#colibri.sr-site .h-separator svg, #colibri.sr-site .h-separator path, #colibri.sr-site .svg-white-bg { fill: var(--sr-fond) !important; }
#colibri.sr-site #content .overlay-image-layer { background-color: #07090d !important; opacity: .72 !important; } #colibri.sr-site #content .style-1017,
#colibri.sr-site #content .style-1026,
#colibri.sr-site #content .style-1049,
#colibri.sr-site #content .style-1061,
#colibri.sr-site #content .style-1073,
#colibri.sr-site #content .style-1039,
#colibri.sr-site #content .style-846,
#colibri.sr-site #content .style-854,
#colibri.sr-site #content .style-866,
#colibri.sr-site #content .style-793,
#colibri.sr-site #content .style-820,
#colibri.sr-site #content .style-809,
#colibri.sr-site #content .style-1173,
#colibri.sr-site #content .style-1181,
#colibri.sr-site #content .style-1193,
#colibri.sr-site #content .style-1257,
#colibri.sr-site #content .style-1217,
#colibri.sr-site #content .style-1225,
#colibri.sr-site #content .style-1237,
#colibri.sr-site #content .style-909,
#colibri.sr-site #content .style-1087,
#colibri.sr-site #content .style-1094,
#colibri.sr-site #content .style-1121,
#colibri.sr-site #content .style-961,
#colibri.sr-site #content .style-973,
#colibri.sr-site #content .style-990,
#colibri.sr-site #content .style-1004,
#colibri.sr-site #content .style-727,
#colibri.sr-site #content .style-560,
#colibri.sr-site #content .style-576,
#colibri.sr-site #content .style-748,
#colibri.sr-site #content .style-507,
#colibri.sr-site #content .style-395,
#colibri.sr-site #content .style-527,
#colibri.sr-site #content .style-539,
#colibri.sr-site #content .style-699,
#colibri.sr-site #content .style-252 {
background-color: var(--sr-surface) !important; background-image: none !important;
border: 1px solid var(--sr-bord) !important; border-radius: var(--sr-rayon) !important;
box-shadow: 0 24px 50px -24px rgba(0,0,0,.85) !important;
} #colibri.sr-site #content .style-189 {
background-color: var(--sr-surface) !important; background-image: none !important; border: 1px solid var(--sr-bord) !important;
border-radius: var(--sr-rayon) !important; box-shadow: 0 30px 60px -25px rgba(0,0,0,.9) !important;
}
#colibri.sr-site #content .style-191 { background: transparent !important; box-shadow: none !important; border-right: 1px solid var(--sr-bord) !important; transition: background-color .2s; }
#colibri.sr-site #content .style-191:hover { background-color: var(--sr-surface-2) !important; }
#colibri.sr-site #content .h-column:last-child > .style-191 { border-right: 0 !important; } #colibri.sr-site #content .h-image__frame { background-color: transparent !important; border: 2px solid var(--sr-rouge) !important; opacity: .85; }
#colibri.sr-site #content .h-image img, #colibri.sr-site #content .h-ui-empty-state-container { border-radius: 12px; } #colibri.sr-site #content, #colibri.sr-site #content :is(p, li, blockquote, td, th, label, span:not(.h-svg-icon)) { color: var(--sr-texte) !important; }
#colibri.sr-site #content :is(p, li) { font-family: var(--sr-corps) !important; line-height: 1.7; }
#colibri.sr-site :is(#content, .h-hero) :is(h1, h2, h3, h4, h5, h6),
#colibri.sr-site :is(#content, .h-hero) :is(h1, h2, h3, h4, h5, h6) * {
color: #fff !important; font-family: var(--sr-titre) !important; letter-spacing: .01em;
}
#colibri.sr-site #content :is(h1, h2) { font-weight: 700 !important; line-height: 1.1 !important; }
#colibri.sr-site #content :is(h3, h4, h5, h6) { font-weight: 700 !important; }
#colibri.sr-site #content h2::after {
content: ''; display: block; width: 64px; height: 4px; margin: 14px 0 0; border-radius: 2px;
background: repeating-linear-gradient(90deg, var(--sr-rouge) 0 10px, #fff 10px 20px);
}
#colibri.sr-site #content [class*="text-center"] h2::after, #colibri.sr-site #content .h-text-center h2::after,
#colibri.sr-site #content h2[style*="center"]::after { margin-left: auto; margin-right: auto; } #colibri.sr-site :is(#content, .h-hero) :is(h1, h2, h3, h4, h5, h6) :is(em, strong, span[style*="color"]),
#colibri.sr-site .h-hero :is(h1, h2) span { color: var(--sr-rouge) !important; font-style: normal !important; }
#colibri.sr-site #content a:not(.h-button):not(.sr-bouton):not(.sr-pbouton) { color: var(--sr-cyan) !important; }
#colibri.sr-site #content strong { color: #fff !important; } #colibri.sr-site :is(#content, .h-hero) .h-button, #colibri.sr-site #content .forminator-button-submit {
background-color: var(--sr-rouge) !important; background-image: none !important; border: 0 !important; color: #fff !important;
border-radius: 999px !important; font-family: var(--sr-titre) !important; font-weight: 700 !important; letter-spacing: .08em !important;
text-transform: uppercase; padding-left: 26px !important; padding-right: 26px !important;
box-shadow: 0 10px 26px -10px rgba(255,42,42,.75) !important; transition: transform .15s, background-color .15s !important;
}
#colibri.sr-site :is(#content, .h-hero) .h-button:hover, #colibri.sr-site #content .forminator-button-submit:hover { background-color: var(--sr-rouge-fonce) !important; transform: translateY(-1px); }
#colibri.sr-site :is(#content, .h-hero) .h-button * { color: #fff !important; } #colibri.sr-site #content .h-svg-icon svg, #colibri.sr-site #content .h-svg-icon svg * { fill: var(--sr-rouge) !important; }
#colibri.sr-site #content .h-icon__icon { background-color: rgba(255,42,42,.10) !important; border-color: rgba(255,42,42,.35) !important; }
#colibri.sr-site #content .h-icon__icon svg, #colibri.sr-site #content .h-icon__icon svg * { fill: var(--sr-rouge) !important; } #colibri.sr-site #content #testimonials .h-image img, #colibri.sr-site #content #testimonials img { border: 3px solid var(--sr-rouge) !important; } #colibri.sr-site #content :is(.forminator-input, .forminator-textarea, select, .forminator-radio-bullet, .forminator-checkbox-box) {
background-color: var(--sr-surface-2) !important; color: var(--sr-texte) !important; border: 1px solid var(--sr-bord) !important; border-radius: 10px !important;
}
#colibri.sr-site #content .forminator-input::placeholder, #colibri.sr-site #content .forminator-textarea::placeholder { color: var(--sr-doux) !important; } #colibri.sr-site .sr-refs { background: radial-gradient(1200px 400px at 50% 0, rgba(255,42,42,.10), transparent 70%), var(--sr-fond); padding: 90px 16px; }
#colibri.sr-site .sr-refs__in { max-width: 1200px; margin: 0 auto; text-align: center; }
#colibri.sr-site .sr-refs__surtitre { font-family: var(--sr-titre) !important; color: var(--sr-rouge) !important; text-transform: uppercase; letter-spacing: .2em; font-weight: 700; font-size: .95rem; margin: 0 0 8px; }
#colibri.sr-site .sr-refs h2 { font-size: clamp(1.7rem, 3.4vw, 2.6rem) !important; margin: 0 auto 40px !important; max-width: 820px; }
#colibri.sr-site .sr-refs h2::after { margin-left: auto !important; margin-right: auto !important; }
#colibri.sr-site .sr-refs__clients { list-style: none; margin: 0 0 48px; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
#colibri.sr-site .sr-refs__clients li {
background: var(--sr-surface); border: 1px solid var(--sr-bord); border-radius: var(--sr-rayon); padding: 26px 16px;
display: flex; flex-direction: column; gap: 6px; position: relative; overflow: hidden;
}
#colibri.sr-site .sr-refs__clients li::before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 3px; background: repeating-linear-gradient(90deg, var(--sr-rouge) 0 10px, #fff 10px 20px); }
#colibri.sr-site .sr-refs__clients strong { font-family: var(--sr-titre) !important; font-size: 1.55rem; color: #fff !important; line-height: 1.1; }
#colibri.sr-site .sr-refs__clients span { color: var(--sr-doux) !important; font-size: .92rem; }
#colibri.sr-site .sr-refs__photos { display: grid; grid-template-columns: 1.35fr .65fr 1.35fr; gap: 16px; margin: 0; }
#colibri.sr-site .sr-refs__photos figure { margin: 0; position: relative; border-radius: var(--sr-rayon); overflow: hidden; border: 1px solid var(--sr-bord); aspect-ratio: 4 / 3; }
#colibri.sr-site .sr-refs__photos figure.sr-refs__haute { aspect-ratio: auto; }
#colibri.sr-site .sr-refs__photos img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
#colibri.sr-site .sr-refs__photos figure:hover img { transform: scale(1.04); }
#colibri.sr-site .sr-refs__photos figcaption {
position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 14px 12px; text-align: left; font-size: .85rem;
color: #fff !important; background: linear-gradient(transparent, rgba(0,0,0,.85));
}
#colibri.sr-site .sr-refs__note { color: var(--sr-doux) !important; font-size: .85rem; margin: 14px 0 0; } @media (max-width: 767px) {
#colibri.sr-site #content .style-191 { border-right: 0 !important; border-bottom: 1px solid var(--sr-bord) !important; }
#colibri.sr-site .sr-refs { padding: 60px 16px; }
#colibri.sr-site .sr-refs__clients { grid-template-columns: 1fr 1fr; gap: 10px; }
#colibri.sr-site .sr-refs__clients strong { font-size: 1.25rem; }
#colibri.sr-site .sr-refs__photos { grid-template-columns: 1fr; }
#colibri.sr-site .sr-refs__photos figure.sr-refs__haute { aspect-ratio: 4 / 3; }
} #colibri.sr-site #content :is(.style-local-2264-c9, .style-local-1707-c9, .style-local-3252-c9, .style-local-3299-c9, .style-local-2862-c9,
.style-local-2862-c16, .style-local-799-c8, .style-local-799-c59, .style-local-329-c9, .style-local-329-c20) h4,
#colibri.sr-site #content :is(.style-local-2264-c29, .style-local-1707-c29, .style-local-3252-c29, .style-local-3299-c29,
.style-local-329-c27, .style-local-329-c36) h5 {
color: var(--sr-rouge) !important; text-transform: uppercase; letter-spacing: .08em !important;
}
#colibri.sr-site #content :is(.style-local-2264-c9, .style-local-1707-c9, .style-local-3252-c9, .style-local-3299-c9, .style-local-2862-c9,
.style-local-2862-c16, .style-local-799-c8, .style-local-799-c59, .style-local-329-c9, .style-local-329-c20) h4 *,
#colibri.sr-site #content :is(.style-local-2264-c29, .style-local-1707-c29, .style-local-3252-c29, .style-local-3299-c29,
.style-local-329-c27, .style-local-329-c36) h5 * { color: var(--sr-rouge) !important; }
#colibri.sr-site #content .style-local-799-c40 h3, #colibri.sr-site #content .style-local-799-c40 h3 * { color: var(--sr-rouge) !important; font-size: 2.2rem !important; }
#colibri.sr-site #content .style-local-125-c11 h5, #colibri.sr-site #content .style-local-125-c11 h5 * { color: var(--sr-cyan) !important; }
#colibri.sr-site #content h2 { text-transform: none !important; } #colibri.sr-site #content h2.sr-centre::after { margin-left: auto; margin-right: auto; }
#colibri.sr-site #content h2.sr-droite::after { margin-left: auto; margin-right: 0; }
#colibri.sr-site #content .h-icon__icon { border-radius: 50% !important; } #colibri.sr-site .h-main-menu a, #colibri.sr-site .h-navigation .h-logo__text, #colibri.sr-site .page-footer { font-family: var(--sr-corps) !important; }  #colibri.sr-site.home #hero .overlay-image-layer {
background: radial-gradient(ellipse 70% 60% at 50% 45%, rgba(5,7,11,.78) 0%, rgba(5,7,11,.62) 55%, rgba(5,7,11,.45) 100%) !important;
opacity: 1 !important;
}
#colibri.sr-site .h-hero :is(h1, h2, h3, p) { text-shadow: 0 2px 18px rgba(0,0,0,.85), 0 1px 3px rgba(0,0,0,.9) !important; }
#colibri.sr-site.home #hero h2 { font-weight: 500 !important; } #colibri.sr-site #content .style-191 .h-icon__icon {
width: 64px !important; height: 64px !important; padding: 15px !important; box-sizing: border-box !important;
}
#colibri.sr-site #content .style-191 .h-icon__icon svg { width: 100% !important; height: 100% !important; } #colibri.sr-site #hero .text-wrapper-fancy > svg { display: none !important; } #colibri.sr-site #content .sr-p { max-width: 1140px; margin: 0 auto; padding: 56px 20px 40px; color: var(--sr-texte); font-family: var(--sr-corps); }
#colibri.sr-site #content .sr-p > section, #colibri.sr-site #content .sr-p > nav, #colibri.sr-site #content .sr-p > div { margin: 0 0 64px; }
#colibri.sr-site #content .sr-p p, #colibri.sr-site #content .sr-p li { font-size: 1.06rem; line-height: 1.75; }
#colibri.sr-site #content .sr-p h2 { font-size: clamp(1.6rem, 3vw, 2.25rem) !important; margin: 0 0 22px !important; }
#colibri.sr-site #content .sr-p h3 { font-size: 1.25rem !important; margin: 26px 0 10px !important; }
#colibri.sr-site #content .sr-p ul { padding-left: 1.2em; }
#colibri.sr-site #content .sr-p ul li::marker { color: var(--sr-rouge); }
#colibri.sr-site #content .sr-chapo { font-size: 1.22rem !important; line-height: 1.7 !important; color: #fff !important; max-width: 900px; }
#colibri.sr-site #content .sr-chapo strong { color: #fff !important; } #colibri.sr-site #content .sr-essentiel { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 30px 0 64px; }
#colibri.sr-site #content .sr-essentiel__case { background: var(--sr-surface); border: 1px solid var(--sr-bord); border-radius: var(--sr-rayon); padding: 20px 18px; position: relative; overflow: hidden; }
#colibri.sr-site #content .sr-essentiel__case::before { content: ''; position: absolute; inset: 0 0 auto 0; height: 3px; background: repeating-linear-gradient(90deg, var(--sr-rouge) 0 10px, #fff 10px 20px); }
#colibri.sr-site #content .sr-essentiel strong { display: block; font-size: 1.55rem; color: #fff !important; font-weight: 700; margin-bottom: 4px; }
#colibri.sr-site #content .sr-essentiel span { color: var(--sr-doux) !important; font-size: .92rem; line-height: 1.45; display: block; } #colibri.sr-site #content .sr-duo { display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center; }
#colibri.sr-site #content .sr-duo--inverse { grid-template-columns: .9fr 1.1fr; }
#colibri.sr-site #content .sr-duo--inverse > figure { order: -1; }
#colibri.sr-site #content .sr-duo figure, #colibri.sr-site #content .sr-p figure.sr-fig { margin: 0; border-radius: var(--sr-rayon); overflow: hidden; border: 1px solid var(--sr-bord); background: var(--sr-surface); }
#colibri.sr-site #content .sr-duo img, #colibri.sr-site #content .sr-p figure.sr-fig img { display: block; width: 100%; height: auto; max-height: 560px; object-fit: cover; }
#colibri.sr-site #content .sr-p figcaption { padding: 10px 14px; font-size: .86rem; color: var(--sr-doux) !important; } #colibri.sr-site #content .sr-etapes { list-style: none; padding: 0 !important; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; counter-reset: etape; }
#colibri.sr-site #content .sr-etapes li { counter-increment: etape; background: var(--sr-surface); border: 1px solid var(--sr-bord); border-radius: var(--sr-rayon); padding: 22px 18px 18px; font-size: .98rem !important; line-height: 1.6 !important; }
#colibri.sr-site #content .sr-etapes li::before { content: counter(etape, decimal-leading-zero); display: block; font-weight: 700; font-size: 1.6rem; color: var(--sr-rouge); margin-bottom: 6px; }
#colibri.sr-site #content .sr-etapes li strong { display: block; color: #fff !important; margin-bottom: 4px; } #colibri.sr-site #content .sr-tableau { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--sr-bord); border-radius: var(--sr-rayon); overflow: hidden; margin: 10px 0 8px; }
#colibri.sr-site #content .sr-tableau th, #colibri.sr-site #content .sr-tableau td { padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--sr-bord); font-size: .98rem; }
#colibri.sr-site #content .sr-tableau th { background: var(--sr-surface-2); color: #fff !important; font-weight: 700; }
#colibri.sr-site #content .sr-tableau tr:last-child td { border-bottom: 0; }
#colibri.sr-site #content .sr-tableau td:last-child, #colibri.sr-site #content .sr-tableau th:last-child { text-align: right; white-space: nowrap; }
#colibri.sr-site #content .sr-note { color: var(--sr-doux) !important; font-size: .9rem !important; } #colibri.sr-site #content .sr-faq__q { background: var(--sr-surface); border: 1px solid var(--sr-bord); border-radius: 12px; margin: 0 0 10px; overflow: hidden; }
#colibri.sr-site #content .sr-faq__q summary { cursor: pointer; list-style: none; padding: 18px 52px 18px 20px; font-weight: 700; color: #fff; position: relative; font-size: 1.05rem; }
#colibri.sr-site #content .sr-faq__q summary::-webkit-details-marker { display: none; }
#colibri.sr-site #content .sr-faq__q summary::after { content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: var(--sr-rouge); font-size: 1.6rem; font-weight: 400; transition: transform .2s; }
#colibri.sr-site #content .sr-faq__q[open] summary::after { transform: translateY(-50%) rotate(45deg); }
#colibri.sr-site #content .sr-faq__q > div { padding: 0 20px 14px; }
#colibri.sr-site #content .sr-faq__q > div p { margin: 0 0 10px; } #colibri.sr-site #content .sr-liens__titre { font-weight: 700; color: var(--sr-rouge) !important; text-transform: uppercase; letter-spacing: .14em; font-size: .9rem !important; margin: 0 0 14px; }
#colibri.sr-site #content .sr-liens ul { list-style: none; padding: 0 !important; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
#colibri.sr-site #content .sr-liens a { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 16px 18px; background: var(--sr-surface); border: 1px solid var(--sr-bord); border-radius: 12px; color: #fff !important; text-decoration: none; font-weight: 600; transition: border-color .15s, background .15s; }
#colibri.sr-site #content .sr-liens a:hover { border-color: var(--sr-rouge); background: var(--sr-surface-2); }
#colibri.sr-site #content .sr-liens a span { color: #fff !important; }
#colibri.sr-site #content .sr-liens a i { color: var(--sr-rouge); font-style: normal; } #colibri.sr-site #content .sr-exemples__grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
#colibri.sr-site #content .sr-exemples__carte { display: block; background: var(--sr-surface); border: 1px solid var(--sr-bord); border-radius: var(--sr-rayon); overflow: hidden; text-decoration: none; }
#colibri.sr-site #content .sr-exemples__carte img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
#colibri.sr-site #content .sr-exemples__carte span { display: block; padding: 14px 16px; color: #fff !important; font-weight: 600; line-height: 1.4; }
#colibri.sr-site #content .sr-exemples__note { margin-top: 12px; } #colibri.sr-site #content .sr-pcta { position: relative; border-radius: 20px; overflow: hidden; border: 1px solid var(--sr-bord); background: linear-gradient(100deg, rgba(10,12,17,.96) 35%, rgba(10,12,17,.6)), var(--sr-pcta-photo) center/cover no-repeat, var(--sr-surface); }
#colibri.sr-site #content .sr-pcta__in { padding: 46px 40px; max-width: 640px; }
#colibri.sr-site #content .sr-pcta__titre { font-size: clamp(1.5rem, 2.8vw, 2.1rem) !important; font-weight: 700; color: #fff !important; line-height: 1.2 !important; margin: 0 0 12px; }
#colibri.sr-site #content .sr-pcta__boutons { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 0; }
#colibri.sr-site #content .sr-pbouton { display: inline-block; padding: 13px 24px; border-radius: 999px; border: 1px solid rgba(255,255,255,.35); color: #fff !important; text-decoration: none !important; font-weight: 700; letter-spacing: .04em; }
#colibri.sr-site #content .sr-pbouton--plein { background: var(--sr-rouge); border-color: var(--sr-rouge); box-shadow: 0 10px 26px -10px rgba(255,42,42,.75); }
#colibri.sr-site #content .sr-pbouton:hover { transform: translateY(-1px); }
#colibri.sr-site #content .sr-p .sr-refs { border-radius: 20px; padding: 56px 20px; }
@media (max-width: 860px) {
#colibri.sr-site #content .sr-essentiel { grid-template-columns: 1fr 1fr; }
#colibri.sr-site #content .sr-duo, #colibri.sr-site #content .sr-duo--inverse { grid-template-columns: 1fr; gap: 22px; }
#colibri.sr-site #content .sr-duo--inverse > figure { order: 0; }
#colibri.sr-site #content .sr-p { padding: 40px 16px 24px; }
#colibri.sr-site #content .sr-pcta__in { padding: 32px 22px; }
#colibri.sr-site #content .sr-tableau th, #colibri.sr-site #content .sr-tableau td { padding: 10px 12px; font-size: .92rem; }
}
#colibri.sr-site #content .sr-p .sr-refs h2 { margin: 0 auto 40px !important; text-align: center; }
#colibri.sr-site #content .sr-p { text-align: left; }
#colibri.sr-site #content .sr-p .sr-refs__in { text-align: center; } #colibri.sr-site #content .sr-cartes { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
#colibri.sr-site #content .sr-carte { display: flex; flex-direction: column; background: var(--sr-surface); border: 1px solid var(--sr-bord); border-radius: var(--sr-rayon); overflow: hidden; text-decoration: none !important; transition: border-color .15s, transform .15s; }
#colibri.sr-site #content .sr-carte:hover { border-color: var(--sr-rouge); transform: translateY(-2px); }
#colibri.sr-site #content .sr-carte img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; }
#colibri.sr-site #content .sr-carte__corps { padding: 18px 18px 20px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
#colibri.sr-site #content .sr-carte__titre { color: #fff !important; font-weight: 700; font-size: 1.15rem; line-height: 1.3; }
#colibri.sr-site #content .sr-carte__texte { color: var(--sr-doux) !important; font-size: .95rem; line-height: 1.55; }
#colibri.sr-site #content .sr-carte__lien { color: var(--sr-rouge) !important; font-weight: 700; font-size: .92rem; margin-top: auto; padding-top: 8px; }
#colibri.sr-site #content .sr-temoignage { display: grid; grid-template-columns: 140px 1fr; gap: 28px; align-items: center; background: var(--sr-surface); border: 1px solid var(--sr-bord); border-radius: 20px; padding: 34px; margin: 0; }
#colibri.sr-site #content .sr-temoignage img { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; border: 3px solid var(--sr-rouge); }
#colibri.sr-site #content .sr-temoignage blockquote { margin: 0; padding: 0; border: 0; }
#colibri.sr-site #content .sr-temoignage blockquote p { font-size: 1.15rem !important; line-height: 1.7 !important; color: #fff !important; font-style: italic; margin: 0 0 12px; }
#colibri.sr-site #content .sr-temoignage figcaption { padding: 0; color: var(--sr-doux) !important; }
#colibri.sr-site #content .sr-temoignage figcaption strong { color: #fff !important; }
@media (max-width: 700px) {
#colibri.sr-site #content .sr-temoignage { grid-template-columns: 1fr; text-align: center; padding: 26px 20px; }
#colibri.sr-site #content .sr-temoignage img { margin: 0 auto; }
}
#colibri.sr-site #content .sr-etapes + p { margin-top: 20px; } #colibri.sr-site.page-id-2560 .page-header.colibri-featured-img-bg { background-position: 50% 22% !important; }
#colibri.sr-site.page-id-2629 .page-header.colibri-featured-img-bg { background-position: 50% 18% !important; } #colibri.sr-site .sr-refs__photos { grid-template-columns: 1.45fr .75fr 1.45fr .75fr; }
#colibri.sr-site .sr-refs__photos figure, #colibri.sr-site .sr-refs__photos figure.sr-refs__haute { aspect-ratio: auto; height: 320px; }
@media (max-width: 900px) {
#colibri.sr-site .sr-refs__photos { grid-template-columns: 1fr 1fr; }
#colibri.sr-site .sr-refs__photos figure, #colibri.sr-site .sr-refs__photos figure.sr-refs__haute { height: 240px; }
}
@media (max-width: 520px) {
#colibri.sr-site .sr-refs__photos { grid-template-columns: 1fr; }
#colibri.sr-site .sr-refs__photos figure, #colibri.sr-site .sr-refs__photos figure.sr-refs__haute { height: 260px; }
} #colibri.sr-site #content .sr-galerie { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 18px; }
#colibri.sr-site #content .sr-galerie figure { margin: 0; border-radius: 14px; overflow: hidden; border: 1px solid var(--sr-bord); aspect-ratio: 4 / 3; }
#colibri.sr-site #content .sr-galerie img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
#colibri.sr-site #content .sr-galerie figure:hover img { transform: scale(1.04); }
@media (max-width: 760px) { #colibri.sr-site #content .sr-galerie { grid-template-columns: 1fr 1fr; gap: 8px; } }