@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i'); /* font-family: 'Lato', sans-serif; */

/* _custom_design/main.css v.2.0.0 - last modified 24.07.2018 (see config/version_history.php for details)*/
/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* Main options */

html {min-width: 350px; font-size: 16px; scroll-behavior: smooth; scroll-padding-top: var(--th-header-h); -webkit-text-size-adjust: 100%;}
body {font-family: "Lato",sans-serif; min-width: 350px; margin: 0;}

.th-custom-design-title-intro {}
.th-custom-design-title {}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {}

.th-custom-design-paragraph-title-intro {}
.th-custom-design-paragraph-title {}
.th-custom-design-paragraph-title-underline {}
.th-custom-design-paragraph-subtitle {}
.th-custom-design-paragraph-text {}

.th-custom-h1 {}
.th-custom-h2 {}
.th-custom-h3 {}
.th-custom-h4 {}
.th-custom-h5 {}

.th-custom-class-1 {font-size: 22px;}
.th-custom-class-2 {font-size: 20px;}
.th-custom-class-3 {font-size: 18px;}
.th-custom-class-4 {font-size: 16px;}
.th-custom-class-5 {font-size: 10px;}

.th-custom-color-class-1 {color: red;}
.th-custom-color-class-2 {color: blue;}
.th-custom-color-class-3 {color: green;}
.th-custom-color-class-4 {color: orange;}
.th-custom-color-class-5 {color: darkgray;}

/* ------------------------------------------------------------------------------------- */
/* * Media Queries                                                                       */
/* standard "@media (max-width : px) {}": 1199px (col-md) | 991px (col-sm) | 767px (col-xs) | 500px | 400px */

/* * Media Queries                                                                       */
/* ------------------------------------------------------------------------------------- */

/* Main options */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

/* =========================================================================================================================== */
/* Rolling Store · rolling-store.css */
/* Prérequis : <body class="th-rolling th-[page]"> (ex. th-rolling th-accueil) */
/* =========================================================================================================================== */

/* Tokens */
:root {--th-blue: #23407A; --th-blue-light: #2E5AA8; --th-navy: #162E5C; --th-gold: #C6902F; --th-ink: #1C2A45; --th-text: #3D5580; --th-muted: #5A7090; --th-paper: #FBF9F4; --th-sand: #F2ECE0; --th-surface: #FFFFFF; --th-line: #DDE4EF; --th-on-dark: rgba(255,255,255,.75); --th-on-dark-soft: rgba(255,255,255,.5); --th-on-dark-faint: rgba(255,255,255,.3); --th-on-dark-line: rgba(255,255,255,.1); --th-shadow: 0 2px 12px rgba(35,64,122,.08); --th-shadow-strong: 0 4px 20px rgba(35,64,122,.18); --th-header-h: 72px;}

/* Base */
* {box-sizing: border-box;}
.th-rolling {font-family: "Inter",sans-serif; font-size: 1rem; line-height: 1.6; color: var(--th-ink); background: var(--th-paper); -webkit-font-smoothing: antialiased;}
.th-rolling h1, .th-rolling h2, .th-rolling h3 {font-family: "Playfair Display",serif; font-weight: 700; margin: 0;}
.th-rolling p {margin: 0;}
.th-rolling a {color: inherit; text-decoration: none; transition: opacity .18s;}
.th-rolling a:hover {opacity: .75;}
.th-rolling input, .th-rolling textarea, .th-rolling button {font-family: inherit;}
.th-rolling :focus-visible {outline: 2px solid var(--th-gold); outline-offset: 2px;}
.th-rolling img[src=""] {visibility: hidden;}

/* =========================================================================================================================== */
/* Socle partagé */

/* Shared · conteneur */
.th-rolling .th-container {max-width: 1600px; margin: 0 auto; padding: 0 15px;}

/* Shared · sections */
.th-rolling .th-section {padding: 80px 0;}
.th-rolling .th-section.th-section-sand {background: var(--th-sand);}
.th-rolling .th-section.th-section-blue {background: var(--th-blue); color: var(--th-surface);}

/* Shared · kicker (trait doré + surtitre) */
.th-rolling .th-kicker {display: inline-flex; align-items: center; gap: 10px; margin-bottom: 16px;}
.th-rolling .th-kicker .th-k-line {width: 32px; height: 3px; background: var(--th-gold); border-radius: 2px;}
.th-rolling .th-kicker .th-k-text {font-size: .6875rem; font-weight: 700; line-height: 1.3; color: var(--th-gold); letter-spacing: 1px; text-transform: uppercase;}
.th-rolling .th-kicker.th-kicker-light .th-k-text {color: var(--th-on-dark-soft);}

/* Shared · titre de section */
.th-rolling .th-sechead {margin-bottom: 52px;}
.th-rolling .th-sechead .th-sh-title {font-size: clamp(1.875rem,3.4vw,2.5rem); line-height: 1.1; color: var(--th-ink);}
.th-rolling .th-sechead .th-sh-text {font-size: .9375rem; line-height: 1.75; color: var(--th-text); max-width: 480px; margin-top: 12px;}
.th-rolling .th-sechead.th-sechead-center {text-align: center;}
.th-rolling .th-sechead.th-sechead-center .th-sh-text {margin-left: auto; margin-right: auto;}
.th-rolling .th-sechead.th-sechead-light .th-sh-title {color: var(--th-surface);}

/* Shared · boutons */
.th-rolling .th-btn {display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 32px; border: 2px solid var(--th-blue); border-radius: 32px; background: var(--th-blue); color: var(--th-surface); font-size: .8125rem; font-weight: 700; line-height: 1.2; letter-spacing: .3px; white-space: nowrap; cursor: pointer;}
.th-rolling .th-btn.th-btn-outline {background: transparent; color: var(--th-blue);}
.th-rolling .th-btn.th-btn-gold {background: var(--th-gold); border-color: var(--th-gold); padding: 16px 28px; font-size: 1rem;}
.th-rolling .th-btn.th-btn-small {padding: 9px 20px; font-size: .75rem;}
.th-rolling .th-btn.th-btn-block {width: 100%;}

/* Shared · carte */
.th-rolling .th-card {background: var(--th-surface); border-radius: 16px; box-shadow: var(--th-shadow); overflow: hidden;}

/* Shared · responsive */



@media (max-width: 767px) {
html {font-size: 15px;}
.th-rolling .th-section {padding: 56px 0;}
.th-rolling .th-sechead {margin-bottom: 36px;}
}

/* =====/* =========================================================================================================================== */
/* Header */

.th-rolling.th-top {padding-top: var(--th-header-h);}
.th-rolling .th-header {position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 100; background: var(--th-paper); border-bottom: 1px solid var(--th-line);}
.th-rolling .th-header .th-h-bar {height: var(--th-header-h); display: flex; align-items: center; gap: 40px;}

/* Header · logo */
.th-rolling .th-header .th-h-bar .th-hb-logo {flex: 0 0 auto; display: block;}
.th-rolling .th-header .th-h-bar .th-hb-logo img {height: 40px; width: auto; max-width: 180px; object-fit: contain; display: block;}

/* Header · navigation */
.th-rolling .th-header .th-h-bar .th-hb-nav {display: flex; gap: 28px; flex: 1;}
.th-rolling .th-header .th-h-bar .th-hb-nav .th-hbn-link {font-size: .8125rem; font-weight: 600; color: var(--th-ink); opacity: .5;}
.th-rolling .th-header .th-h-bar .th-hb-nav .th-hbn-link:hover, .th-rolling .th-header .th-h-bar .th-hb-nav .th-hbn-link.th-hbn-link-active {opacity: 1;}

/* Header · actions */
.th-rolling .th-header .th-h-bar .th-hb-actions {display: flex; align-items: center; gap: 20px; margin-left: auto;}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-hba-phone {display: inline-flex; align-items: center; gap: 8px; font-size: .875rem; font-weight: 700; color: var(--th-ink); white-space: nowrap;}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-hba-phone i {color: var(--th-gold);}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-hba-burger {display: none; width: 42px; height: 42px; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--th-line); border-radius: 50%; background: var(--th-surface); color: var(--th-blue); font-size: 1.125rem; cursor: pointer;}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-hba-burger .th-hbab-close {display: none;}
.th-rolling .th-header.th-header-open .th-h-bar .th-hb-actions .th-hba-burger .th-hbab-open {display: none;}
.th-rolling .th-header.th-header-open .th-h-bar .th-hb-actions .th-hba-burger .th-hbab-close {display: inline-block;}

/* Header · langue */
.th-rolling .th-header .th-h-bar .th-hb-actions .th-language-selector {position: relative;}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-language-selector .dropdown {position: relative;}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-language-selector .dropdown-toggle {display: inline-flex; align-items: center; gap: 6px; padding: 8px 4px; font-size: .8125rem; font-weight: 700; color: var(--th-ink); letter-spacing: .5px; white-space: nowrap;}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-language-selector .dropdown-toggle:after {display: none;}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-language-selector .dropdown-toggle i {order: 1; font-size: .6875rem; color: var(--th-gold); transition: transform .18s;}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-language-selector .dropdown.open .dropdown-toggle i, .th-rolling .th-header .th-h-bar .th-hb-actions .th-language-selector .dropdown.show .dropdown-toggle i {transform: rotate(180deg);}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-language-selector .dropdown-menu {top: 100%; left: auto; right: 0; min-width: 72px; margin: 6px 0 0; padding: 6px; list-style: none; background: var(--th-surface); border: 1px solid var(--th-line); border-radius: 12px; box-shadow: var(--th-shadow-strong);}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-language-selector .dropdown-menu li {padding: 0; margin: 0; background: none;}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-language-selector .dropdown-menu .dropdown-item {display: block; padding: 8px 12px; border-radius: 8px; font-size: .8125rem; font-weight: 600; color: var(--th-ink); text-align: center; background: none;}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-language-selector .dropdown-menu .dropdown-item:hover {opacity: 1; background: var(--th-paper); color: var(--th-blue);}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-language-selector .dropdown-menu .th-selected-language .dropdown-item {color: var(--th-blue); font-weight: 700; background: var(--th-paper); cursor: default;}

/* Footer · bas de page */
.th-rolling .th-footer .th-f-bottom {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding-top: 24px;}
.th-rolling .th-footer .th-f-bottom .th-fb-credit {display: inline-flex; align-items: center; gap: 10px; opacity: .7;}
.th-rolling .th-footer .th-f-bottom .th-fb-credit:hover {opacity: 1;}
.th-rolling .th-footer .th-f-bottom .th-fb-credit .th-fbc-text {font-size: .6875rem; color: var(--th-on-dark-soft); white-space: nowrap;}
.th-rolling .th-footer .th-f-bottom .th-fb-credit .th-fbc-logo {height: 22px; width: auto; max-width: 120px; object-fit: contain; display: block;}
.th-rolling .th-footer .th-f-bottom .th-fb-copy {font-size: .6875rem; color: var(--th-on-dark-faint);}

/* Footer · responsive */

@media (max-width: 1199px) {
.th-rolling .th-footer .th-f-grid {grid-template-columns: 1fr 1fr;}
}

@media (max-width: 500px) {
.th-rolling .th-footer .th-f-grid {grid-template-columns: 1fr; gap: 32px;}
.th-rolling .th-footer .th-f-bottom {flex-direction: column; align-items: flex-start; gap: 12px;}
}

/* Header · responsive */

@media (max-width: 991px) {
:root {--th-header-h: 64px;}
.th-rolling .th-header .th-h-bar {gap: 16px;}
.th-rolling .th-header .th-h-bar .th-hb-nav {display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; gap: 0; padding: 8px 15px 16px; background: var(--th-paper); border-bottom: 1px solid var(--th-line); max-height: calc(100vh - var(--th-header-h)); overflow-y: auto;}
.th-rolling .th-header.th-header-open .th-h-bar .th-hb-nav {display: flex;}
.th-rolling .th-header .th-h-bar .th-hb-nav .th-hbn-link {padding: 13px 0; font-size: .9375rem; border-bottom: 1px solid var(--th-line);}
.th-rolling .th-header .th-h-bar .th-hb-nav .th-hbn-link:last-child {border-bottom: 0;}
.th-rolling .th-header .th-h-bar .th-hb-actions {gap: 12px;}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-hba-burger {display: inline-flex;}
}

@media (max-width: 767px) {
.th-rolling .th-header .th-h-bar .th-hb-actions .th-hba-phone {font-size: 1.125rem;}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-hba-phone .th-hbap-number {display: none;}
}

@media (max-width: 400px) {
.th-rolling .th-header .th-h-bar .th-hb-logo img {height: 32px; max-width: 140px;}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-btn {display: none;}
.th-rolling .th-header .th-h-bar .th-hb-actions .th-language-selector .dropdown-toggle {padding: 8px 2px;}
}
/* =========================================================================================================================== */
/* Footer */

.th-rolling .th-footer {background: var(--th-navy); padding: 56px 0 28px;}
.th-rolling .th-footer .th-f-grid {display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 48px; padding-bottom: 40px; border-bottom: 1px solid var(--th-on-dark-line);}

/* Footer · marque */
.th-rolling .th-footer .th-f-grid .th-fg-brand .th-fgb-logo {display: block; margin-bottom: 16px;}
.th-rolling .th-footer .th-f-grid .th-fg-brand .th-fgb-logo img {height: 40px; width: auto; max-width: 180px; object-fit: contain; display: block;}
.th-rolling .th-footer .th-f-grid .th-fg-brand .th-fgb-text {font-size: .8125rem; line-height: 1.75; color: var(--th-on-dark-soft); max-width: 280px; margin-bottom: 16px;}
.th-rolling .th-footer .th-f-grid .th-fg-brand .th-fgb-phone {font-size: .875rem; font-weight: 700; color: var(--th-gold);}

/* Footer · colonnes */
.th-rolling .th-footer .th-f-grid .th-fg-col .th-fgc-title {font-size: .625rem; font-weight: 700; color: var(--th-on-dark-faint); letter-spacing: 1px; text-transform: uppercase; margin-bottom: 16px;}
.th-rolling .th-footer .th-f-grid .th-fg-col .th-fgc-list {display: flex; flex-direction: column; gap: 10px;}
.th-rolling .th-footer .th-f-grid .th-fg-col .th-fgc-list .th-fgcl-item {font-size: .8125rem; color: var(--th-on-dark-soft);}
.th-rolling .th-footer .th-f-grid .th-fg-col .th-fgc-list .th-fgcl-item.th-fgcl-item-gold {font-weight: 700; color: var(--th-gold);}

/* Footer · bas de page */
.th-rolling .th-footer .th-f-bottom {padding-top: 24px; font-size: .6875rem; color: var(--th-on-dark-faint);}

/* Footer · responsive */

@media (max-width: 1199px) {
.th-rolling .th-footer .th-f-grid {grid-template-columns: 1fr 1fr;}
}

@media (max-width: 500px) {
.th-rolling .th-footer .th-f-grid {grid-template-columns: 1fr; gap: 32px;}
}

/* =========================================================================================================================== */
/* Devis (bloc partagé : CTA + formulaire) */

.th-rolling .th-quote {border-top: 1px solid var(--th-on-dark-line);}
.th-rolling .th-quote .th-q-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start;}

/* Devis · intro */
.th-rolling .th-quote .th-q-grid .th-qg-intro .th-kicker {margin-bottom: 24px;}
.th-rolling .th-quote .th-q-grid .th-qg-intro .th-qgi-title {font-size: clamp(1.875rem,3.4vw,2.5rem); line-height: 1.15; color: var(--th-surface); margin-bottom: 16px;}
.th-rolling .th-quote .th-q-grid .th-qg-intro .th-qgi-text {font-size: .9375rem; line-height: 1.8; color: var(--th-on-dark); margin-bottom: 36px;}

/* Devis · formulaire */
.th-rolling .th-quote .th-q-grid .th-qg-form {display: flex; flex-direction: column; gap: 14px; background: var(--th-paper); border-radius: 20px; padding: 36px;}
.th-rolling .th-quote .th-q-grid .th-qg-form .th-qgf-title {font-size: 1.25rem; color: var(--th-ink); margin-bottom: 10px;}
.th-rolling .th-quote .th-q-grid .th-qg-form .th-qgf-row {display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.th-rolling .th-quote .th-q-grid .th-qg-form .th-qgf-group {display: block; min-width: 0;}
.th-rolling .th-quote .th-q-grid .th-qg-form .th-qgf-group .th-qgfg-label {display: block; font-size: .6875rem; font-weight: 700; color: var(--th-ink); margin-bottom: 6px;}
.th-rolling .th-quote .th-q-grid .th-qg-form .th-qgf-group input, .th-rolling .th-quote .th-q-grid .th-qg-form .th-qgf-group textarea {width: 100%; padding: 11px 14px; border: 1.5px solid var(--th-line); border-radius: 10px; background: var(--th-paper); color: var(--th-ink); font-size: .8125rem; outline: none; transition: border-color .18s;}
.th-rolling .th-quote .th-q-grid .th-qg-form .th-qgf-group input:focus, .th-rolling .th-quote .th-q-grid .th-qg-form .th-qgf-group textarea:focus {border-color: var(--th-blue);}
.th-rolling .th-quote .th-q-grid .th-qg-form .th-qgf-group textarea {resize: vertical;}
.th-rolling .th-quote .th-q-grid .th-qg-form .th-btn {padding: 14px; margin-top: 4px;}

/* Devis · responsive */

@media (max-width: 1199px) {
.th-rolling .th-quote .th-q-grid {grid-template-columns: 1fr; gap: 40px;}
}

@media (max-width: 500px) {
.th-rolling .th-quote .th-q-grid .th-qg-form {padding: 26px 20px;}
.th-rolling .th-quote .th-q-grid .th-qg-form .th-qgf-row {grid-template-columns: 1fr; gap: 14px;}
}

/* =========================================================================================================================== */
/* ===== Page « Accueil » ===== */
/* Prérequis : <body class="th-rolling th-accueil"> */

/* Accueil · hero */
.th-accueil .th-a-hero {display: flex; min-height: 580px;}
.th-accueil .th-a-hero .th-ah-media {flex: 1; position: relative; min-height: 480px; overflow: hidden; background: var(--th-line);}
.th-accueil .th-a-hero .th-ah-media img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;}
.th-accueil .th-a-hero .th-ah-media .th-ahm-badge {position: absolute; left: 32px; bottom: 32px; background: var(--th-surface); border-radius: 16px; padding: 14px 20px; box-shadow: var(--th-shadow-strong);}
.th-accueil .th-a-hero .th-ah-media .th-ahm-badge .th-ahmb-title {font-size: .8125rem; font-weight: 700; color: var(--th-ink);}
.th-accueil .th-a-hero .th-ah-media .th-ahm-badge .th-ahmb-text {font-size: .75rem; color: var(--th-muted); margin-top: 2px;}
.th-accueil .th-a-hero .th-ah-content {flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 72px 56px; background: var(--th-sand);}
.th-accueil .th-a-hero .th-ah-content .th-kicker {margin-bottom: 24px;}
.th-accueil .th-a-hero .th-ah-content .th-ahc-title {font-size: clamp(2rem,3.6vw,3rem); line-height: 1.12; color: var(--th-ink); margin-bottom: 20px;}
.th-accueil .th-a-hero .th-ah-content .th-ahc-lead {font-size: 1.0625rem; line-height: 1.8; color: var(--th-text); margin-bottom: 36px;}
.th-accueil .th-a-hero .th-ah-content .th-ahc-actions {display: flex; flex-wrap: wrap; gap: 12px;}

/* Accueil · réassurance */
.th-accueil .th-a-reassurance .th-ar-grid {display: grid; grid-template-columns: repeat(4,1fr);}
.th-accueil .th-a-reassurance .th-ar-grid .th-arg-item {display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 32px 28px; background: var(--th-blue); color: var(--th-surface); text-align: center;}
.th-accueil .th-a-reassurance .th-ar-grid .th-arg-item.th-arg-item-gold {background: var(--th-gold);}
.th-accueil .th-a-reassurance .th-ar-grid .th-arg-item.th-arg-item-light {background: var(--th-blue-light);}
.th-accueil .th-a-reassurance .th-ar-grid .th-arg-item .th-argi-icon {font-size: 2.25rem; line-height: 1;}
.th-accueil .th-a-reassurance .th-ar-grid .th-arg-item .th-argi-title {font-size: .875rem; font-weight: 700;}
.th-accueil .th-a-reassurance .th-ar-grid .th-arg-item .th-argi-text {font-size: .75rem; color: var(--th-on-dark);}

/* Accueil · produits */
.th-accueil .th-a-products .th-ap-grid {display: grid; grid-template-columns: repeat(3,1fr); gap: 24px;}
.th-accueil .th-a-products .th-ap-grid .th-apg-card {display: flex; flex-direction: column;}
.th-accueil .th-a-products .th-ap-grid .th-apg-card .th-apgc-media {position: relative; height: 200px; overflow: hidden; background: var(--th-line);}
.th-accueil .th-a-products .th-ap-grid .th-apg-card .th-apgc-media img {width: 100%; height: 100%; object-fit: cover; display: block;}
.th-accueil .th-a-products .th-ap-grid .th-apg-card .th-apgc-media .th-apgcm-tag {position: absolute; top: 12px; left: 12px; z-index: 1; padding: 4px 10px; border-radius: 20px; background: var(--th-blue); color: var(--th-surface); font-size: .625rem; font-weight: 700; letter-spacing: .5px; text-transform: uppercase;}
.th-accueil .th-a-products .th-ap-grid .th-apg-card .th-apgc-media .th-apgcm-tag.th-apgcm-tag-light {background: var(--th-blue-light);}
.th-accueil .th-a-products .th-ap-grid .th-apg-card .th-apgc-body {flex: 1; display: flex; flex-direction: column; align-items: flex-start; padding: 22px 24px;}
.th-accueil .th-a-products .th-ap-grid .th-apg-card .th-apgc-body .th-apgcb-title {font-size: 1rem; color: var(--th-ink); margin-bottom: 8px;}
.th-accueil .th-a-products .th-ap-grid .th-apg-card .th-apgc-body .th-apgcb-text {font-size: .8125rem; line-height: 1.65; color: var(--th-text); margin-bottom: 16px;}
.th-accueil .th-a-products .th-ap-grid .th-apg-card .th-apgc-body .th-apgcb-link {display: inline-flex; align-items: center; gap: 6px; margin-top: auto; font-size: .75rem; font-weight: 700; color: var(--th-gold);}

/* Accueil · étapes */
.th-accueil .th-a-steps .th-as-grid {display: grid; grid-template-columns: repeat(4,1fr); gap: 28px;}
.th-accueil .th-a-steps .th-as-grid .th-asg-item {padding: 28px 24px;}
.th-accueil .th-a-steps .th-as-grid .th-asg-item .th-asgi-num {width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; border-radius: 50%; background: var(--th-blue); color: var(--th-surface); font-family: "Playfair Display",serif; font-size: 1.125rem; font-weight: 700;}
.th-accueil .th-a-steps .th-as-grid .th-asg-item .th-asgi-num.th-asgi-num-light {background: var(--th-blue-light);}
.th-accueil .th-a-steps .th-as-grid .th-asg-item .th-asgi-title {font-size: 1rem; color: var(--th-ink); margin-bottom: 10px;}
.th-accueil .th-a-steps .th-as-grid .th-asg-item .th-asgi-text {font-size: .8125rem; line-height: 1.65; color: var(--th-text);}

/* Accueil · réalisations */
.th-accueil .th-a-gallery .th-ag-grid {display: grid; grid-template-columns: repeat(3,1fr); gap: 12px;}
.th-accueil .th-a-gallery .th-ag-grid .th-agg-item {height: 220px; border-radius: 12px; overflow: hidden; background: var(--th-blue-light);}
.th-accueil .th-a-gallery .th-ag-grid .th-agg-item img {width: 100%; height: 100%; object-fit: cover; display: block;}

/* Accueil · responsive */

@media (max-width: 1199px) {
.th-accueil .th-a-products .th-ap-grid {grid-template-columns: repeat(2,1fr);}
.th-accueil .th-a-steps .th-as-grid {grid-template-columns: repeat(2,1fr); gap: 20px;}
}

@media (max-width: 991px) {
.th-accueil .th-a-hero {flex-direction: column-reverse; min-height: 0;}
.th-accueil .th-a-hero .th-ah-media {flex: none; min-height: 380px;}
.th-accueil .th-a-hero .th-ah-content {padding: 56px 32px;}
.th-accueil .th-a-reassurance .th-ar-grid {grid-template-columns: repeat(2,1fr);}
}

@media (max-width: 767px) {
.th-accueil .th-a-gallery .th-ag-grid {grid-template-columns: repeat(2,1fr);}
}

@media (max-width: 500px) {
.th-accueil .th-a-hero .th-ah-media {min-height: 280px;}
.th-accueil .th-a-hero .th-ah-media .th-ahm-badge {left: 15px; bottom: 15px;}
.th-accueil .th-a-hero .th-ah-content {padding: 44px 15px;}
.th-accueil .th-a-reassurance .th-ar-grid .th-arg-item {padding: 26px 14px;}
.th-accueil .th-a-products .th-ap-grid {grid-template-columns: 1fr;}
.th-accueil .th-a-steps .th-as-grid {grid-template-columns: 1fr;}
.th-accueil .th-a-gallery .th-ag-grid {grid-template-columns: 1fr;}
}