:root{--red:#d61f35;--ink:#101828;--muted:#5e6675;--cream:#f6f5f1;--line:#e7e7e5;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif;background:#fff}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.6rem}.notice{height:38px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - var(--max))/2));font-size:13px}.notice a{color:#fff;text-decoration:none;font-weight:700}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 24px}.brand img,footer img{display:block;width:235px;max-height:66px;object-fit:contain}.links{display:flex;gap:30px;align-items:center}.links a{color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}.menu{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff!important;text-decoration:none;border:1px solid var(--red);border-radius:5px;padding:14px 22px;font-weight:800;line-height:1.2}.btn-small{padding:11px 16px}.hero{position:relative;min-height:660px;color:#fff;display:flex;align-items:center}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media{background:url('showroom.jpg') center/cover}.hero-shade{background:linear-gradient(90deg,rgba(10,17,30,.94) 0%,rgba(10,17,30,.75) 42%,rgba(10,17,30,.12) 76%)}.hero-copy{position:relative;width:min(var(--max),100%);margin:auto;padding:45px 24px 110px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:12px;margin:0 0 14px}.hero h1{font-size:clamp(44px,5.5vw,76px);line-height:1.02;letter-spacing:-.045em;max-width:850px;margin:0 0 24px}.hero h1 em{font-style:normal;color:#ff5364}.hero-copy>p:not(.eyebrow){font-size:20px;max-width:650px;color:#e7e9ed}.actions{display:flex;gap:12px;margin-top:34px}.btn-ghost{background:transparent;border-color:#fff}.trust{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(var(--max),calc(100% - 48px));background:#fff;color:var(--ink);display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 10px 35px #0002}.trust span{padding:22px 30px;border-right:1px solid var(--line);font-size:13px}.trust strong{display:block;font-size:17px}.section{max-width:var(--max);margin:auto;padding:110px 24px}.red{color:var(--red)}h2{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.035em;margin:0 0 18px;max-width:780px}.lead{max-width:670px;color:var(--muted);font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.cards article{border:1px solid var(--line);padding:32px;min-height:280px;transition:.2s}.cards article:hover{transform:translateY(-4px);box-shadow:0 15px 35px #19203312;border-color:#d1d1cf}.icon{display:grid;place-items:center;width:44px;height:44px;background:#ffecef;color:var(--red);font-size:25px;border-radius:5px}.cards h3{font-size:21px;line-height:1.25;margin:25px 0 10px}.cards p{color:var(--muted)}.cards a{color:var(--red);font-weight:800;text-decoration:none}.split{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--ink);color:#fff}.photo{background:url('project.jpg') center/cover}.split-copy{padding:90px max(30px,calc((100vw - var(--max))/2)) 80px 70px}.split-copy p{color:#cad0d9}.split-copy li{margin:10px 0}.split-copy .btn{margin-top:20px}.compact{display:flex;align-items:end;justify-content:space-between;gap:50px}.compact>div{max-width:720px}.compact p{color:var(--muted)}.dark{background:var(--ink);border-color:var(--ink);white-space:nowrap}.contact{background:var(--red);color:#fff;padding:75px max(24px,calc((100% - var(--max))/2));display:flex;justify-content:space-between;align-items:center;gap:45px}.contact p{max-width:680px}.contact-actions{display:flex;flex-direction:column;gap:12px;min-width:250px}.light{background:#fff;border-color:#fff;color:var(--red)!important}.btn-outline{background:transparent;border-color:#fff}footer{max-width:var(--max);margin:auto;padding:50px 24px;display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr;gap:35px;align-items:start;color:var(--muted);font-size:14px}footer a{color:var(--ink)}
@media(max-width:850px){.notice span{display:none}.menu{display:block;background:none;border:1px solid var(--line);padding:10px}.links{display:none;position:absolute;z-index:20;top:130px;left:0;right:0;background:#fff;padding:24px;box-shadow:0 10px 25px #0002;flex-direction:column;align-items:stretch}.links.open{display:flex}.hero{min-height:700px}.hero-shade{background:rgba(10,17,30,.74)}.trust{grid-template-columns:1fr}.trust span{padding:10px 18px}.trust span:nth-child(3){display:none}.cards{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.photo{min-height:380px}.split-copy{padding:60px 24px}.compact,.contact{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.brand img{width:190px}.nav{height:80px}.links{top:118px}.hero-copy{padding-top:35px}.hero h1{font-size:43px}.actions{flex-direction:column;align-items:stretch}.cards{grid-template-columns:1fr}.section{padding:75px 20px}.trust{width:calc(100% - 24px)}footer{grid-template-columns:1fr}.contact-actions{width:100%}}

.interior-content,.system-area,.drupal-content{max-width:1180px;margin:auto;padding:50px 24px}.drupal-content{padding-top:0}.contextual-region .contextual .trigger{z-index:10}

/* Section particuliers plus compacte. */
.section.compact{padding-top:52px;padding-bottom:52px}
@media(max-width:850px){.section.compact{padding:38px 24px;gap:20px}}
@media(max-width:560px){.section.compact{padding:32px 20px;gap:18px}}

/* Accueil dynamique */
.quick-wrap{max-width:var(--max);margin:0 auto;padding:92px 24px 10px}.quick-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.quick-head h2{font-size:clamp(30px,3vw,44px);margin:0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.quick-grid a{position:relative;display:flex;min-height:190px;padding:25px;flex-direction:column;color:var(--ink);text-decoration:none;border-right:1px solid var(--line);overflow:hidden;transition:.25s}.quick-grid a:last-child{border-right:0}.quick-grid a:before{content:"";position:absolute;inset:auto 0 0;height:0;background:var(--red);transition:.25s;z-index:-1}.quick-grid a:hover{color:#fff;transform:translateY(-5px);box-shadow:0 18px 35px #10182820}.quick-grid a:hover:before{height:100%}.quick-grid span{font-size:12px;color:var(--red);font-weight:900}.quick-grid a:hover span{color:#fff}.quick-grid strong{font-size:20px;line-height:1.2;margin:auto 0 4px}.quick-grid small{color:var(--muted)}.quick-grid a:hover small{color:#fff}.quick-grid b{position:absolute;right:22px;top:20px;font-size:22px}.numbers{background:var(--red);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:48px max(24px,calc((100% - var(--max))/2))}.numbers div{display:flex;align-items:center;gap:16px;padding:0 28px;border-right:1px solid #ffffff45}.numbers div:last-child{border:0}.numbers strong{font-size:34px;line-height:1;white-space:nowrap}.numbers span{font-size:13px;line-height:1.35}.process{display:grid;grid-template-columns:1fr 1fr;gap:90px}.process-intro>p:last-child{color:var(--muted);font-size:18px}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.process li>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;font-weight:900}.process li strong{font-size:19px}.process li p{margin:4px 0 0;color:var(--muted)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.quick-grid{grid-template-columns:1fr 1fr}.quick-grid a:nth-child(2){border-right:0}.quick-grid a{border-bottom:1px solid var(--line)}.numbers{grid-template-columns:1fr 1fr;gap:28px}.numbers div:nth-child(2){border:0}.process{grid-template-columns:1fr;gap:35px}}
@media(max-width:560px){.quick-wrap{padding:65px 20px 0}.quick-head{display:block}.quick-grid{grid-template-columns:1fr}.quick-grid a{min-height:135px;border-right:0}.numbers{grid-template-columns:1fr;padding:35px 20px;gap:0}.numbers div,.numbers div:nth-child(2){padding:20px 0;border-right:0;border-bottom:1px solid #ffffff45}.numbers div:last-child{border-bottom:0}.process{gap:20px}.reveal{transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.quick-grid a,.quick-grid a:before{transition:none}}
.home-realisations-link{display:flex;justify-content:center;margin-top:36px}
.cards .icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* En-tête compact et repère de navigation des pages intérieures. */
body:not(.path-front) .notice{height:32px}body:not(.path-front) .nav{height:76px}body:not(.path-front) .brand img{width:205px;max-height:54px}body:not(.path-front) .links{gap:24px}body:not(.path-front) .links>a:not(.btn){position:relative;padding:27px 0 23px}body:not(.path-front) .links>a:not(.btn):after{content:'';position:absolute;right:0;bottom:14px;left:0;height:3px;border-radius:3px;background:var(--red);transform:scaleX(0);transition:transform .2s}body:not(.path-front) .links>a:not(.btn):hover,body:not(.path-front) .links>a.is-active{color:var(--red)}body:not(.path-front) .links>a.is-active:after{transform:scaleX(1)}body:not(.path-front) .interior-hero{min-height:320px}body:not(.path-front) .interior-hero-copy{padding:48px 24px}body:not(.path-front) .interior-hero-copy h1{max-width:820px;margin-bottom:12px;font-size:clamp(36px,4.2vw,54px)}body:not(.path-front) .interior-hero-copy>p:not(.eyebrow){max-width:720px;margin-bottom:0;font-size:17px}body:not(.path-front) .interior-hero-copy .actions{margin-top:24px}body:not(.path-front) .interior-breadcrumb{max-width:none;padding:11px max(24px,calc((100% - var(--max))/2));background:#f7f7f5;border-bottom:1px solid var(--line);font-size:13px}body:not(.path-front) .interior-layout{padding-top:54px}
@media(max-width:850px){body:not(.path-front) .links{top:108px}body:not(.path-front) .links>a:not(.btn){padding:10px 0}body:not(.path-front) .links>a:not(.btn):after{bottom:3px}body:not(.path-front) .interior-hero{min-height:350px}}
@media(max-width:560px){body:not(.path-front) .interior-hero{min-height:370px}body:not(.path-front) .interior-hero-copy{padding:42px 20px}body:not(.path-front) .interior-hero-copy h1{font-size:37px}body:not(.path-front) .interior-hero-copy .actions{display:none}body:not(.path-front) .interior-layout{padding-top:38px}}

/* La région de messages ne doit pas créer une bande vide. */
body:not(.path-front) .system-area{width:100%;max-width:none;min-height:0;margin:0;padding:0}body:not(.path-front) .system-area:empty{display:none}body:not(.path-front) .system-area .messages{width:min(1180px,calc(100% - 48px));margin:12px auto;padding:14px 18px}

/* Images des accès rapides. */
.quick-grid a{min-height:230px;color:#fff;background-color:var(--ink);background-image:linear-gradient(180deg,rgba(10,20,36,.18),rgba(10,20,36,.9)),var(--card-image);background-position:center;background-size:cover;text-shadow:0 1px 8px #0006}
.quick-grid a:before{display:none}.quick-grid a span{color:#ff6677}.quick-grid a small{color:#eef1f5}.quick-grid a:hover{color:#fff;background-image:linear-gradient(180deg,rgba(214,31,53,.3),rgba(10,20,36,.92)),var(--card-image);background-size:108%}
@media(max-width:560px){.quick-grid a{min-height:175px}}

/* Affichage robuste des photos dans les cartes. */
.quick-grid a{isolation:isolate;background-image:none;text-shadow:0 1px 6px #0008}
.quick-grid a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .35s ease}.quick-grid a:after{content:"";display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,18,33,.05) 0%,rgba(8,18,33,.18) 42%,rgba(8,18,33,.82) 100%)}.quick-grid a>span,.quick-grid a>strong,.quick-grid a>small,.quick-grid a>b{position:relative;z-index:1}.quick-grid a:hover{background-image:none;background-color:var(--ink)}.quick-grid a:hover>img{transform:scale(1.06)}.quick-grid a:hover:after{background:linear-gradient(180deg,rgba(214,31,53,.08),rgba(8,18,33,.78))}
.quick-grid a>img{z-index:0}.quick-grid a:after{z-index:1}.quick-grid a>span,.quick-grid a>strong,.quick-grid a>small,.quick-grid a>b{z-index:2}
.quick-grid a>b{position:absolute;right:22px;top:20px}

/* Pages intérieures */
.interior-hero{position:relative;min-height:480px;display:flex;align-items:center;color:#fff;overflow:hidden}.interior-hero-image,.interior-hero-overlay{position:absolute;inset:0}.interior-hero-image{background-position:center;background-size:cover;transform:scale(1.02)}.interior-hero-overlay{background:linear-gradient(90deg,rgba(10,20,36,.96) 0%,rgba(10,20,36,.8) 48%,rgba(10,20,36,.18) 100%)}.interior-hero-copy{position:relative;width:min(var(--max),100%);margin:auto;padding:75px 24px}.interior-hero-copy h1{max-width:760px;margin:0 0 20px;font-size:clamp(40px,5vw,68px);line-height:1.04;letter-spacing:-.045em}.interior-hero-copy>p:not(.eyebrow){max-width:670px;color:#e8ebef;font-size:19px}.interior-breadcrumb{max-width:var(--max);margin:0 auto;padding:20px 24px;border-bottom:1px solid var(--line);font-size:14px}.interior-breadcrumb nav>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.interior-breadcrumb ol{display:flex;gap:10px;list-style:none;margin:0;padding:0}.interior-breadcrumb li+li:before{content:"/";margin-right:10px;color:#a4a8af}.interior-breadcrumb a{color:var(--muted);text-decoration:none}.interior-layout{max-width:var(--max);margin:0 auto;padding:75px 24px 95px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:75px;align-items:start}.interior-content{min-width:0;margin:0;padding:0}.interior-content .block-page-title-block,.interior-content [id$="-page-title"]{display:none}.interior-content article{font-size:17px;line-height:1.75;color:#353d4b}.interior-content article>div>p:first-child{font-size:20px;line-height:1.6;color:var(--ink);padding:25px 28px;border-left:4px solid var(--red);background:var(--cream)}.interior-content article h2{font-size:clamp(29px,3vw,40px);margin:60px 0 18px;padding-top:18px;border-top:1px solid var(--line)}.interior-content article h3{font-size:23px;margin:35px 0 12px}.interior-content article ul{padding-left:0;list-style:none;display:grid;gap:9px}.interior-content article li{position:relative;padding-left:28px}.interior-content article li:before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:900}.interior-content article img{display:block;max-width:100%;height:auto;margin:25px auto;border-radius:6px;box-shadow:0 12px 35px #10182818}.service-sidebar{position:sticky;top:24px}.sidebar-card{padding:30px;background:var(--ink);color:#fff}.sidebar-card h2{font-size:28px;margin-bottom:15px}.sidebar-card>p:not(.eyebrow){color:#cbd1da}.sidebar-card .btn{width:100%;margin:12px 0}.sidebar-mail{display:block;text-align:center;color:#fff;font-size:14px}.sidebar-address{padding:24px 30px;background:var(--cream);border:1px solid var(--line);border-top:0}.sidebar-address strong,.sidebar-address span{display:block}.sidebar-address span{margin-top:6px;color:var(--muted)}.interior-cta{background:var(--red);color:#fff;padding:65px max(24px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:40px}.interior-cta h2{margin:0}.interior-cta .eyebrow{margin-bottom:8px}
@media(max-width:900px){.interior-layout{grid-template-columns:1fr;gap:45px;padding-top:55px}.service-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr}.sidebar-address{border-top:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.interior-hero{min-height:430px}}
@media(max-width:560px){.interior-hero{min-height:500px}.interior-hero-overlay{background:rgba(10,20,36,.75)}.interior-hero-copy{padding:55px 20px}.interior-hero-copy h1{font-size:42px}.interior-hero-copy .actions{flex-direction:column}.interior-breadcrumb{padding:16px 20px}.interior-layout{padding:45px 20px 65px}.interior-content article{font-size:16px}.interior-content article>div>p:first-child{padding:20px;font-size:18px}.service-sidebar{grid-template-columns:1fr}.interior-cta{align-items:flex-start;flex-direction:column;padding:50px 20px}}

/* Contrôles système Drupal : onglets, actions et liens contextuels. */
.block-local-tasks-block{margin:0 0 32px;padding:0}.block-local-tasks-block nav,.block-local-tasks-block .tabs{margin:0}.block-local-tasks-block ul,.tabs.primary,.tabs.secondary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.block-local-tasks-block li,.tabs.primary li,.tabs.secondary li{margin:0;padding:0;list-style:none}.block-local-tasks-block a,.tabs.primary a,.tabs.secondary a{display:inline-flex;align-items:center;min-height:38px;padding:8px 15px;border:1px solid #d9dce2;border-radius:4px;background:#fff;color:var(--ink);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s}.block-local-tasks-block a:hover,.tabs.primary a:hover,.tabs.secondary a:hover{border-color:var(--red);color:var(--red);transform:translateY(-1px)}.block-local-tasks-block .is-active>a,.block-local-tasks-block a.is-active,.tabs a.is-active{border-color:var(--red);background:var(--red);color:#fff}.block-local-tasks-block a[href*="/delete"],.tabs a[href*="/delete"]{border-color:#efb8bf;color:#b42335}.block-local-tasks-block a[href*="/delete"]:hover,.tabs a[href*="/delete"]:hover{background:#b42335;border-color:#b42335;color:#fff}.action-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:0;list-style:none}.action-links a{display:inline-flex;padding:10px 16px;border-radius:4px;background:var(--ink);color:#fff;font-weight:700;text-decoration:none}.action-links a:hover{background:var(--red)}

.contextual-region{position:relative}.contextual{position:absolute;z-index:50;top:6px;right:6px}.contextual .trigger{display:block!important;width:36px;height:36px;margin:0;border:1px solid #d9dce2!important;border-radius:50%!important;background-color:#fff!important;box-shadow:0 4px 14px #10182818;opacity:.8}.contextual .trigger:hover,.contextual .trigger:focus{border-color:var(--red)!important;opacity:1}.contextual .contextual-links{position:absolute;top:42px;right:0;display:none;min-width:190px;margin:0;padding:7px;background:#fff;border:1px solid #dfe2e7;border-radius:6px;box-shadow:0 14px 35px #10182825;list-style:none}.contextual.open .contextual-links,.contextual .contextual-links:focus-within{display:block}.contextual .contextual-links li{display:block;margin:0;padding:0;list-style:none}.contextual .contextual-links a{display:block;padding:9px 12px;border-radius:3px;color:var(--ink);font-size:14px;line-height:1.25;text-decoration:none;white-space:nowrap}.contextual .contextual-links a:hover,.contextual .contextual-links a:focus{background:#fff0f2;color:var(--red)}

.button,input[type="submit"],input[type="button"]{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border:1px solid var(--red);border-radius:4px;background:var(--red);color:#fff;font:700 14px/1.2 Arial,Helvetica,sans-serif;cursor:pointer;text-decoration:none}.button:hover,input[type="submit"]:hover,input[type="button"]:hover{background:#b8172b;border-color:#b8172b}.button--danger{background:#fff;border-color:#c6283d;color:#b42335}.button--danger:hover{background:#b42335;color:#fff}.button:focus-visible,.tabs a:focus-visible,.contextual a:focus-visible{outline:3px solid #ffb6bf;outline-offset:2px}

@media(max-width:560px){.block-local-tasks-block ul,.tabs.primary,.tabs.secondary{gap:6px}.block-local-tasks-block a,.tabs.primary a,.tabs.secondary a{min-height:36px;padding:7px 11px;font-size:13px}.contextual{right:3px;top:3px}}

/* Structure réelle du bloc d’onglets générée par Drupal. */
[id$="-local-tasks"]{margin:0 0 32px;padding:0}[id$="-local-tasks"]>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[id$="-local-tasks"]>ul,[id$="-local-tasks"] nav>ul{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;margin:0!important;padding:0!important;list-style:none!important}[id$="-local-tasks"] li{display:block!important;margin:0!important;padding:0!important;list-style:none!important}[id$="-local-tasks"] li::marker{content:""}[id$="-local-tasks"] li>a{display:inline-flex;align-items:center;min-height:38px;padding:8px 15px;border:1px solid #d9dce2;border-radius:4px;background:#fff;color:var(--ink);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s}[id$="-local-tasks"] li>a:hover{border-color:var(--red);color:var(--red);transform:translateY(-1px)}[id$="-local-tasks"] li>a.is-active,[id$="-local-tasks"] li.is-active>a{border-color:var(--red);background:var(--red);color:#fff}[id$="-local-tasks"] li>a[href*="/delete"]{border-color:#efb8bf;color:#b42335}[id$="-local-tasks"] li>a[href*="/delete"]:hover{background:#b42335;border-color:#b42335;color:#fff}
@media(max-width:560px){[id$="-local-tasks"]>ul,[id$="-local-tasks"] nav>ul{gap:6px}[id$="-local-tasks"] li>a{min-height:36px;padding:7px 11px;font-size:13px}}

/* Proposition éditoriale de la rubrique Sites internet. */
.interior-page--web .interior-content article{display:none}.web-editorial{display:grid;gap:34px}.web-lead{padding:38px 42px;background:var(--cream);border-left:5px solid var(--red)}.web-lead h2{margin:0 0 16px;font-size:clamp(32px,4vw,48px)}.web-lead>p:last-child{margin:0;color:var(--muted);font-size:19px;line-height:1.65}.web-feature{position:relative;display:grid;grid-template-columns:70px 1fr;gap:24px;padding:42px;border:1px solid var(--line);background:#fff}.web-number{font-size:45px;font-weight:900;line-height:1;color:#e8e9ec}.web-feature h2,.web-steps h2{margin:0 0 18px;font-size:clamp(30px,3vw,41px)}.web-feature p{color:var(--muted);font-size:17px;line-height:1.7}.web-checks{display:grid;gap:10px;margin:25px 0!important;padding:0!important;list-style:none}.web-checks li{position:relative;padding-left:28px}.web-checks li:before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:900}.web-feature--dark{background:var(--ink);border-color:var(--ink);color:#fff}.web-feature--dark .web-number{color:#ffffff24}.web-feature--dark p{color:#d0d5dd}.web-steps{padding:42px 0}.web-steps ol{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:30px 0 0;padding:0;list-style:none;counter-reset:websteps}.web-steps li{position:relative;min-height:145px;padding:28px 25px 25px 68px;border:1px solid var(--line);counter-increment:websteps}.web-steps li:before{content:counter(websteps);position:absolute;left:24px;top:24px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffedf0;color:var(--red);font-weight:900}.web-steps strong,.web-steps span{display:block}.web-steps strong{font-size:19px}.web-steps span{margin-top:7px;color:var(--muted);line-height:1.5}
@media(max-width:700px){.web-lead,.web-feature{padding:28px}.web-feature{grid-template-columns:1fr;gap:12px}.web-number{font-size:32px}.web-steps ol{grid-template-columns:1fr}.web-steps{padding-bottom:15px}}

/* Boutons ajoutés dans le contenu éditorial Drupal. */
.interior-content article button,.interior-content .field--name-body button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;margin:8px 0 18px;padding:13px 20px;border:1px solid var(--red);border-radius:5px;background:var(--red);box-shadow:0 8px 20px rgba(214,31,53,.18);color:#fff;font:800 15px/1.25 Arial,Helvetica,sans-serif;letter-spacing:.01em;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.interior-content article button:after,.interior-content .field--name-body button:after{content:"→";font-size:19px;line-height:1;transition:transform .18s}.interior-content article button:hover,.interior-content .field--name-body button:hover{background:#b8172b;border-color:#b8172b;box-shadow:0 12px 26px rgba(184,23,43,.25);transform:translateY(-2px)}.interior-content article button:hover:after,.interior-content .field--name-body button:hover:after{transform:translateX(4px)}.interior-content article button:active,.interior-content .field--name-body button:active{box-shadow:0 4px 10px rgba(184,23,43,.2);transform:translateY(0)}.interior-content article button:focus-visible,.interior-content .field--name-body button:focus-visible{outline:3px solid #ffb6bf;outline-offset:3px}
@media(max-width:560px){.interior-content article button,.interior-content .field--name-body button{width:100%;padding:13px 16px}}

/* Chevron compact pour les boutons éditoriaux. */
.interior-content article button:after,.interior-content .field--name-body button:after{content:">";font-size:17px;font-weight:900;line-height:1}

/* Chevron cerclé, plus soigné. */
.interior-content article button:after,.interior-content .field--name-body button:after{content:"›";display:inline-grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(255,255,255,.12);font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:400;line-height:20px}

/* Catalogue des réalisations de sites internet. */
.interior-page--portfolio .interior-content{overflow:visible}.interior-page--portfolio .views-element-container,.interior-page--portfolio .views-element-container>div{width:100%}.interior-page--portfolio table.cols-0,.interior-page--portfolio table.cols-0 tbody{display:block;width:100%;margin:0;padding:0;border:0}.interior-page--portfolio table.cols-0 tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.interior-page--portfolio table.cols-0 tr{position:relative;display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 7px 24px rgba(16,24,40,.07);transition:border-color .22s,box-shadow .22s,transform .22s}.interior-page--portfolio table.cols-0 tr:hover{border-color:#efb4bd;box-shadow:0 16px 38px rgba(16,24,40,.13);transform:translateY(-5px)}.interior-page--portfolio table.cols-0 td{display:block;width:auto;margin:0;padding:0;border:0}.interior-page--portfolio .views-field-counter{position:absolute;z-index:3;top:14px;left:14px;display:grid!important;place-items:center!important;width:35px!important;height:35px;margin:0!important;padding:0!important;border-radius:50%;background:var(--red);box-shadow:0 5px 15px rgba(214,31,53,.3);color:#fff;font-size:12px;font-weight:900}.interior-page--portfolio .views-field-field-image-site-internet{height:190px;overflow:hidden;background:#eef0f3}.interior-page--portfolio .views-field-field-image-site-internet a{display:block;width:100%;height:100%}.interior-page--portfolio .views-field-field-image-site-internet img{display:block;width:100%;height:100%;max-width:none;margin:0;border-radius:0;box-shadow:none;object-fit:cover;object-position:top center;transition:transform .4s ease}.interior-page--portfolio tr:hover .views-field-field-image-site-internet img{transform:scale(1.035)}.interior-page--portfolio .views-field-title{padding:23px 24px 7px!important}.interior-page--portfolio .views-field-title a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font-size:21px;font-weight:850;line-height:1.2;text-decoration:none}.interior-page--portfolio .views-field-title a:after{content:"›";display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#ffedf0;color:var(--red);font-size:23px;font-weight:400;transition:background .2s,color .2s,transform .2s}.interior-page--portfolio tr:hover .views-field-title a:after{background:var(--red);color:#fff;transform:translateX(3px)}.interior-page--portfolio .resume-site-internet{padding:5px 24px 25px!important;color:var(--muted);font-size:15px;line-height:1.55}.interior-page--portfolio .resume-site-internet>div{margin:0}.interior-page--portfolio .pager{grid-column:1/-1;margin-top:25px}
@media(max-width:1050px){.interior-page--portfolio table.cols-0 tbody{grid-template-columns:1fr}.interior-page--portfolio .views-field-field-image-site-internet{height:230px}}
@media(max-width:560px){.interior-page--portfolio table.cols-0 tbody{gap:18px}.interior-page--portfolio .views-field-field-image-site-internet{height:175px}.interior-page--portfolio .views-field-title{padding:19px 19px 5px!important}.interior-page--portfolio .views-field-title a{font-size:19px}.interior-page--portfolio .resume-site-internet{padding:5px 19px 21px!important}}

/* Détection directe de la vue catalogue, même si le cache Drupal conserve la classe general. */
.interior-content table.cols-0:has(.views-field-field-image-site-internet),.interior-content table.cols-0:has(.views-field-field-image-site-internet) tbody{display:block;width:100%;margin:0;padding:0;border:0}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr{position:relative;display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 7px 24px rgba(16,24,40,.07);transition:border-color .22s,box-shadow .22s,transform .22s}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:hover{border-color:#efb4bd;box-shadow:0 16px 38px rgba(16,24,40,.13);transform:translateY(-5px)}.interior-content table.cols-0:has(.views-field-field-image-site-internet) td{display:block;width:auto;margin:0;padding:0;border:0}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-counter{position:absolute;z-index:3;top:14px;left:14px;display:grid!important;place-items:center!important;width:35px!important;height:35px;margin:0!important;padding:0!important;border-radius:50%;background:var(--red);box-shadow:0 5px 15px rgba(214,31,53,.3);color:#fff;font-size:12px;font-weight:900}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-field-image-site-internet{height:190px;overflow:hidden;background:#eef0f3}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-field-image-site-internet a{display:block;width:100%;height:100%}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-field-image-site-internet img{display:block;width:100%;height:100%;max-width:none;margin:0;border-radius:0;box-shadow:none;object-fit:cover;object-position:top center;transition:transform .4s ease}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:hover .views-field-field-image-site-internet img{transform:scale(1.035)}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-title{padding:23px 24px 7px!important}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-title a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font-size:21px;font-weight:850;line-height:1.2;text-decoration:none}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-title a:after{content:"›";display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#ffedf0;color:var(--red);font-size:23px;font-weight:400}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .resume-site-internet{padding:5px 24px 25px!important;color:var(--muted);font-size:15px;line-height:1.55}
@media(max-width:1050px){.interior-content table.cols-0:has(.views-field-field-image-site-internet) tbody{grid-template-columns:1fr}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-field-image-site-internet{height:230px}}
@media(max-width:560px){.interior-content table.cols-0:has(.views-field-field-image-site-internet) tbody{gap:18px}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-field-image-site-internet{height:175px}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-title{padding:19px 19px 5px!important}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .resume-site-internet{padding:5px 19px 21px!important}}

/* Variante portfolio premium. */
.interior-content table.cols-0:has(.views-field-field-image-site-internet) tbody{gap:28px}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr{border:0;border-radius:12px;box-shadow:0 10px 35px rgba(16,24,40,.1)}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:hover{border-color:transparent;box-shadow:0 20px 48px rgba(16,24,40,.16)}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-field-image-site-internet{position:relative;height:215px;border-bottom:1px solid var(--line)}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-field-image-site-internet:after{content:"●  ●  ●";position:absolute;z-index:2;top:0;left:0;right:0;height:25px;padding-left:12px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(16,24,40,.1);color:#c8ccd3;font-size:9px;line-height:25px;letter-spacing:1px;pointer-events:none}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-field-image-site-internet img{padding-top:25px;background:#fff}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-counter{top:38px;left:18px;width:auto!important;min-width:76px!important;height:29px;padding:0 11px!important;border-radius:999px;font-size:11px}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-counter:before{content:"PROJET ";margin-right:3px;font-size:9px;letter-spacing:.08em}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-title{padding:25px 26px 8px!important}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-title a{font-size:22px}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-title a:after{content:"Voir  ›";width:auto;min-width:62px;height:30px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:800}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .resume-site-internet{min-height:82px;padding:5px 26px 28px!important}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);grid-template-rows:auto 1fr;min-height:330px}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:first-child .views-field-field-image-site-internet{grid-column:1;grid-row:1/3;height:100%;min-height:330px;border-right:1px solid var(--line);border-bottom:0}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:first-child .views-field-title{grid-column:2;align-self:end;padding:50px 30px 10px!important}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:first-child .views-field-title a{font-size:28px}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:first-child .resume-site-internet{grid-column:2;min-height:0;padding:8px 30px 35px!important;font-size:16px}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:first-child .views-field-counter{top:42px}
@media(max-width:1050px){.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:first-child{display:flex;min-height:0}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:first-child .views-field-field-image-site-internet{width:100%;height:260px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:first-child .views-field-title{padding:25px 26px 8px!important}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:first-child .views-field-title a{font-size:22px}.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:first-child .resume-site-internet{padding:5px 26px 28px!important;font-size:15px}}
@media(max-width:560px){.interior-content table.cols-0:has(.views-field-field-image-site-internet) tbody{gap:20px}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-field-image-site-internet,.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:first-child .views-field-field-image-site-internet{height:190px}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-title a:after{content:"›";min-width:30px;width:30px;padding:0;font-size:20px}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .views-field-title,.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:first-child .views-field-title{padding:21px 20px 6px!important}.interior-content table.cols-0:has(.views-field-field-image-site-internet) .resume-site-internet,.interior-content table.cols-0:has(.views-field-field-image-site-internet) tr:first-child .resume-site-internet{padding:5px 20px 24px!important}}