/*
Theme Name: CS Automatismes
Theme URI: https://example.com/
Author: CS Automatismes
Description: Thème WordPress professionnel pour CS Automatismes : motorisation, menuiserie aluminium/PVC et domotique dans l'Aude.
Version: 1.0.0
Text Domain: cs-automatismes
*/
:root{
 --blue:#0b3478; --blue2:#071f49; --gold:#d89b22; --gold2:#efb53e;
 --text:#102348; --muted:#5f6b7d; --white:#fff; --bg:#f7f9fc; --line:#e4e9f1;
 --shadow:0 12px 35px rgba(15,42,85,.10); --radius:16px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.55}
img{max-width:100%;height:auto;display:block} a{color:inherit;text-decoration:none}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.header-inner{min-height:86px;display:flex;align-items:center;gap:30px}
.site-logo img{width:250px;max-height:72px;object-fit:contain}
.nav{margin-left:auto}.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.nav a{font-weight:700;font-size:14px;color:var(--blue2)} .nav a:hover{color:var(--gold)}
.phone-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;font-weight:800;padding:14px 22px;border-radius:8px}
.menu-toggle{display:none;border:0;background:none;font-size:28px;color:var(--blue)}
.hero{min-height:520px;display:flex;align-items:center;background:#f7f9fc url("assets/images/header_photo_portail.jpg") right center/62% 100% no-repeat;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 32%,rgba(255,255,255,.72) 47%,rgba(255,255,255,0) 68%)}
.hero-content{position:relative;z-index:2;width:min(620px,56%);padding:70px 0}
.eyebrow{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.hero h1{font-size:58px;line-height:1.02;margin:12px 0 18px;color:var(--blue2);text-transform:uppercase}
.hero h1 span{color:var(--gold)} .hero p{font-size:20px;margin:0 0 28px}
.services-strip{border-bottom:1px solid var(--line);background:#fff}
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.strip-item{padding:28px 20px;display:flex;gap:16px;border-right:1px solid var(--line)}
.strip-item:last-child{border:0}.strip-item img{width:58px;height:58px;object-fit:contain}
.strip-item h3{font-size:15px;color:var(--blue);margin:0 0 6px;text-transform:uppercase}.strip-item p{font-size:13px;margin:0;color:var(--muted)}
.section{padding:80px 0}.section.alt{background:var(--bg)}
.section-title{max-width:760px;margin:0 auto 42px;text-align:center}.section-title h2{font-size:38px;margin:8px 0 12px;color:var(--blue2)}.section-title p{color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.card-img{width:100%;height:220px;object-fit:cover}.card-body{padding:24px}.card h3{color:var(--blue);margin:0 0 10px}.card p{color:var(--muted);margin:0}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}
.about-img{border-radius:var(--radius);box-shadow:var(--shadow)}
.stats{background:var(--blue2);color:#fff;padding:35px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{display:flex;align-items:center;gap:15px}.stat img{width:58px;height:58px;object-fit:contain}.stat strong{display:block;font-size:28px;color:var(--gold2)}.stat span{font-size:13px}
.cta{background:linear-gradient(135deg,var(--gold),var(--gold2));padding:38px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0;color:var(--blue2)}.cta .btn{background:var(--blue2)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.contact-box{background:var(--bg);padding:32px;border-radius:var(--radius)}.contact-box h3{margin-top:0;color:var(--blue)}
.site-footer{background:#fff;border-top:1px solid var(--line);padding:35px 0}.footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px;align-items:center}.footer-logo{width:180px}.footer-small{font-size:13px;color:var(--muted)}
.wp-content{padding:60px 0}.wp-content h1,.wp-content h2{color:var(--blue2)}
@media(max-width:900px){
 .menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;left:0;right:0;top:86px;background:#fff;border-bottom:1px solid var(--line)}.nav.open{display:block}.nav ul{display:block;padding:18px 20px}.nav li{padding:10px 0}.phone-btn{display:none}
 .hero{background-size:cover;background-position:center}.hero:before{background:rgba(255,255,255,.86)}.hero-content{width:100%}.hero h1{font-size:44px}
 .strip-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.service-grid,.about-grid,.contact-grid,.footer-inner{grid-template-columns:1fr}
}
@media(max-width:600px){
 .container{width:min(100% - 28px,1180px)}.site-logo img{width:205px}.hero{min-height:500px}.hero h1{font-size:37px}.hero p{font-size:17px}
 .strip-grid,.stats-grid{grid-template-columns:1fr}.strip-item{border-right:0;border-bottom:1px solid var(--line)}
 .section{padding:58px 0}.section-title h2{font-size:30px}.cta-inner{display:block}.cta .btn{margin-top:20px;width:100%}
}


/* === Navigation fixe === */
.site-header{
 position:fixed !important;
 top:0; left:0; right:0;
 width:100%;
 z-index:9999;
 box-shadow:0 4px 22px rgba(7,31,73,.08);
}
body{padding-top:86px}
html{scroll-padding-top:105px}

/* === Animations au scroll === */
.reveal-scroll{
 opacity:0;
 transform:translateX(-90px);
 transition:opacity .85s cubic-bezier(.22,.61,.36,1),
            transform .85s cubic-bezier(.22,.61,.36,1);
 will-change:opacity,transform;
}
.reveal-scroll.is-visible{
 opacity:1;
 transform:translateX(0);
}
.reveal-scroll.from-right{
 transform:translateX(90px);
}
.reveal-scroll.from-right.is-visible{
 transform:translateX(0);
}
@media (prefers-reduced-motion:reduce){
 .reveal-scroll,.reveal-scroll.from-right{
  opacity:1;
  transform:none;
  transition:none;
 }
}
@media(max-width:900px){
 body{padding-top:86px}
 .site-header{position:fixed !important}
}


/* === Pages intérieures === */
.inner-hero{min-height:330px;display:flex;align-items:center;position:relative;background:#f7f9fc url("assets/images/header_photo_portail.jpg") right center/60% 100% no-repeat;overflow:hidden}
.inner-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.70) 54%,rgba(255,255,255,0) 72%)}
.inner-hero .container{position:relative;z-index:2}.inner-hero-content{max-width:610px;padding:55px 0}
.inner-hero h1{font-size:48px;line-height:1.05;margin:8px 0 15px;color:var(--blue2)}.inner-hero h1 span{color:var(--gold)}
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:10px}
.service-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.service-detail{display:grid;grid-template-columns:180px 1fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.service-detail img{width:100%;height:100%;min-height:220px;object-fit:cover}.service-detail .content{padding:28px}
.service-detail h2{font-size:25px;margin:0 0 10px;color:var(--blue)}.checklist{padding:0;list-style:none}.checklist li{margin:8px 0}.checklist li:before{content:"✓";color:var(--gold);font-weight:900;margin-right:10px}
.gallery-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.filter-btn{border:1px solid var(--line);background:#fff;color:var(--blue2);font-weight:800;border-radius:8px;padding:12px 18px;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--blue2);color:#fff}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.project-card img{width:100%;height:220px;object-fit:cover}.project-card .content{padding:20px}.project-card h3{margin:0 0 8px;color:var(--blue)}.project-card .tag{display:inline-block;font-size:11px;font-weight:900;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.contact-page-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form .full{grid-column:1/-1}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:15px;border:1px solid #dbe2ec;border-radius:7px;font:inherit;background:#fff}.contact-form textarea{min-height:160px;resize:vertical}.contact-form button{border:0;cursor:pointer}
.contact-details{background:var(--bg);border-radius:var(--radius);padding:32px}.contact-details h3{color:var(--blue);margin-top:0}.contact-line{padding:13px 0;border-bottom:1px solid var(--line)}
.about-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about-page-grid img{border-radius:var(--radius);box-shadow:var(--shadow)}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.value-card{text-align:center;border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff}.value-card img{width:62px;height:62px;object-fit:contain;margin:0 auto 15px}.value-card h3{color:var(--blue);font-size:18px}
@media(max-width:900px){.inner-hero{background-size:cover}.inner-hero:before{background:rgba(255,255,255,.87)}.service-detail-grid,.gallery-grid,.contact-page-grid,.about-page-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.inner-hero h1{font-size:38px}.service-detail{grid-template-columns:1fr}.service-detail img{height:210px}.gallery-grid,.values-grid{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}}

/* CS AUTOMATISMES - PAGE CONTACT */
.cs-contact-page{background:#fff}
.contact-hero{position:relative;min-height:360px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 42%,rgba(255,255,255,.92) 52%,rgba(255,255,255,.25) 75%),url("assets/images/header_photo_portail.jpg");background-size:cover;background-position:center right;background-repeat:no-repeat}
.contact-hero-inner{position:relative;z-index:2;width:100%}.contact-hero-text{max-width:600px;padding:70px 0}
.contact-hero .eyebrow,.contact-left .eyebrow,.contact-info .eyebrow{color:#d89b22;font-size:13px;font-weight:800;letter-spacing:1.5px;margin-bottom:10px}
.contact-hero h1{margin:0 0 20px;color:#071f49;font-size:55px;line-height:1.02;font-weight:900;text-transform:uppercase}.contact-hero h1 span{color:#d89b22}.contact-hero p{max-width:540px;margin:0;color:#536176;font-size:18px;line-height:1.7}
.contact-main-section{padding:80px 0;background:#fff}.contact-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:70px;align-items:start}
.contact-left>h2{margin:0 0 12px;color:#071f49;font-size:34px;line-height:1.15;font-weight:900}.contact-description{margin:0 0 30px;max-width:620px;color:#657184;font-size:16px;line-height:1.7}
.contact-form-area .section.contact{padding:0!important;margin:0!important;background:transparent!important}.contact-form-area .contact-inner{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}.contact-form-area .contact-text{display:none}
.contact-form-wrapper{width:100%}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:15px 16px;border:1px solid #dce3ec;border-radius:7px;outline:none;background:#fff;color:#102348;font:15px inherit;transition:border-color .25s,box-shadow .25s,transform .25s}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#d89b22;box-shadow:0 0 0 3px rgba(216,155,34,.12);transform:translateY(-1px)}
.contact-form label{display:block;margin:3px 0 8px;color:#102348;font-size:14px;font-weight:700}.contact-form textarea{min-height:150px;resize:vertical;line-height:1.6}.contact-form .full{grid-column:1/-1}
.contact-form button,.contact-form .btn,.contact-form .btn-gold{grid-column:1/-1;width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;padding:15px 25px;border:0;border-radius:7px;background:linear-gradient(135deg,#d89b22,#efb53e);color:#071f49;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 7px 20px rgba(216,155,34,.22);transition:.25s}.contact-form button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(216,155,34,.32)}
.contact-info{padding:36px;background:#f7f9fc;border:1px solid #e5eaf1;border-radius:14px;box-shadow:0 12px 35px rgba(15,42,85,.08)}.contact-info>h2{margin:0 0 25px;color:#071f49;font-size:27px;font-weight:900}
.info-row{display:flex;align-items:flex-start;gap:16px;padding:19px 0;border-bottom:1px solid #e1e6ed}.info-icon{flex:0 0 45px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#d89b22;font-size:19px;box-shadow:0 4px 14px rgba(7,31,73,.08)}.info-content{display:flex;flex-direction:column;gap:4px}.info-content strong{color:#0b3478;font-size:14px}.info-content span,.info-content a{color:#626f81;font-size:14px;line-height:1.55}
.contact-call-button{width:100%;margin-top:25px;background:#071f49!important;color:#fff!important}
.contact-blue-banner{padding:36px 0;background:#071f49;color:#fff}.contact-banner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.contact-banner-item{display:flex;align-items:center;gap:15px}.contact-banner-item img{width:55px;height:55px;object-fit:contain}.contact-banner-item strong{display:block;color:#efb53e;font-size:18px}.contact-banner-item span{font-size:13px;opacity:.88}
.contact-final-cta{padding:42px 0;background:linear-gradient(135deg,#d89b22,#efb53e)}.contact-final-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-final-inner h2{margin:0 0 5px;color:#071f49;font-size:27px}.contact-final-inner p{margin:0;color:#273b5c}.contact-final-inner .btn{background:#071f49;color:#fff}
.cs-form-success,.cs-form-error,.contact-error{grid-column:1/-1;padding:16px 20px;margin-bottom:20px;border-radius:6px;font-weight:700}.cs-form-success{background:#eef9f1;border-left:4px solid #2e9b50;color:#17672e}.cs-form-error,.contact-error{background:#fff1f1;border-left:4px solid #c93b3b;color:#9d2525}
@media(max-width:950px){.contact-layout{grid-template-columns:1fr;gap:45px}.contact-banner-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.contact-hero{min-height:320px;background-position:center}.contact-hero:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.86)}.contact-hero-text{padding:50px 0}.contact-hero h1{font-size:38px}.contact-hero p{font-size:16px}.contact-main-section{padding:55px 0}.contact-left>h2{font-size:28px}.contact-form{grid-template-columns:1fr}.contact-form .full,.contact-form button{grid-column:1}.contact-info{padding:25px 20px}.contact-banner-grid{grid-template-columns:1fr}.contact-final-inner{display:block;text-align:center}.contact-final-inner h2{font-size:23px}.contact-final-inner .btn{width:100%;margin-top:22px}}

/* ========================================
   PAGE SERVICES - 2 COLONNES
======================================== */

.service-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    align-items: center;
}

/* Centre tous les textes */
.service-feature-content {
    text-align: center;
}

/* Titres */
.service-feature-content h2 {
    text-align: center;
}

/* Paragraphes */
.service-feature-content p {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* Petits titres dorés */
.service-feature-content .eyebrow {
    text-align: center;
}

/* Liste des prestations en 2 colonnes */
.service-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 20px;

    max-width: 600px;

    margin: 30px auto;
    text-align: center;
}

.service-list > div {
    text-align: center;
}

/* Bouton centré */
.service-feature-content .btn {
    display: inline-flex;
    margin-left: auto;
    margin-right: auto;
}


/* ========================================
   INTRODUCTION
======================================== */

.services-intro {
    text-align: center;
}

.services-intro .section-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


/* ========================================
   MOBILE
======================================== */

@media (max-width: 768px) {

    .service-feature-grid {
        grid-template-columns: 1fr;
    }

    .service-list {
        grid-template-columns: 1fr;
    }

}
/* ========================================
   SERVICES - IMAGES PLUS GRANDES
======================================== */

.service-feature-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 50px;
    align-items: center;
}

/* Quand le texte est à gauche */
.service-feature-grid.reverse {
    grid-template-columns: 0.85fr 1.15fr;
}

/* Conteneur image */
.service-feature-image {
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 16px;

    box-shadow: 0 15px 40px rgba(7, 31, 73, 0.15);
}

/* Image */
.service-feature-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform 0.5s ease;
}

/* Petit zoom au survol */
.service-feature-image:hover img {
    transform: scale(1.04);
}


/* ========================================
   ÉCRANS TRÈS LARGES
======================================== */

@media (min-width: 1400px) {

    .service-feature-image {
        height: 560px;
    }

}


/* ========================================
   TABLETTE
======================================== */

@media (max-width: 950px) {

    .service-feature-grid,
    .service-feature-grid.reverse {
        grid-template-columns: 1fr;
    }

    .service-feature-image {
        height: 450px;
    }

}


/* ========================================
   MOBILE
======================================== */

@media (max-width: 650px) {

    .service-feature-image {
        height: 300px;
        border-radius: 12px;
    }

}

/* ========================================
   SERVICES - 4 AVANTAGES SUR UNE LIGNE
======================================== */

.services-benefits {
    width: 100%;
    padding: 40px 0;
    background: #071f49;
}

.services-benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;
    gap: 0;
}

.service-benefit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    padding: 20px 30px;

    border-right: 1px solid rgba(255,255,255,0.15);
}

.service-benefit:last-child {
    border-right: none;
}


/* ICÔNES */

.service-benefit img {
    width: 60px;
    height: 60px;

    object-fit: contain;

    margin: 0 auto 12px;
}


/* TITRES */

.service-benefit strong {
    display: block;

    color: #efb53e;

    font-size: 18px;
    font-weight: 800;

    margin-bottom: 4px;
}


/* SOUS-TITRES */

.service-benefit span {
    display: block;

    color: #ffffff;

    font-size: 13px;

    opacity: 0.9;
}


/* TABLETTE */

@media (max-width: 800px) {

    .services-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-benefit {
        border-bottom: 1px solid rgba(255,255,255,0.15);
    }

}


/* MOBILE */

@media (max-width: 500px) {

    .services-benefits-grid {
        grid-template-columns: 1fr;
    }

    .service-benefit {
        border-right: none;
    }

}
/* BANDEAU AVANTAGES - FOND BLANC */

.services-benefits {
    width: 100%;
    padding: 40px 0;
    background: #ffffff;
}

.services-benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: 0;
}

.service-benefit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
    padding: 20px 30px;

    border-right: 1px solid #e4e9f1;
}

.service-benefit:last-child {
    border-right: none;
}

.service-benefit img {
    width: 65px;
    height: 65px;
    object-fit: contain;
    margin-bottom: 12px;
}

.service-benefit strong {
    display: block;
    color: #0b3478;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 5px;
}

.service-benefit span {
    display: block;
    color: #5f6b7d;
    font-size: 13px;
}

/* TABLETTE */
@media (max-width: 800px) {
    .services-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBILE */
@media (max-width: 500px) {
    .services-benefits-grid {
        grid-template-columns: 1fr;
    }

    .service-benefit {
        border-right: none;
        border-bottom: 1px solid #e4e9f1;
    }
}

/* CS AUTOMATISMES - PAGE DEPANNAGE */
.cs-depannage{background:#fff;color:#0a1e40}
.dep-hero{min-height:520px;display:grid;grid-template-columns:46% 54%;background:#071b3d}
.dep-hero-copy{padding:85px max(40px,6vw);color:#fff;display:flex;flex-direction:column;justify-content:center}
.dep-kicker,.dep-section small,.dep-zone small,.dep-heading small{color:#d99b1e;font-weight:800}
.dep-hero h1{font-size:50px;line-height:1.08;margin:18px 0}.dep-hero h1 span,.dep-zone h2 span,.dep-emergency em{color:#dfa21e;font-style:normal}
.dep-hero p{font-size:17px;line-height:1.7;max-width:520px}.dep-hero-photo{background-size:cover;background-position:center}
.dep-btn{display:inline-flex;width:max-content;margin-top:22px;padding:15px 22px;background:#d99b1e;color:#fff!important;font-weight:900;border-radius:3px}
.dep-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 5vw;background:#0b234b;color:#fff}
.dep-strip>div{display:grid;grid-template-columns:45px 1fr;column-gap:10px;padding:8px 20px;border-right:1px solid rgba(255,255,255,.14)}
.dep-strip b{grid-row:1/3;font-size:30px;color:#dfa21e}.dep-strip strong{font-size:13px}.dep-strip span{font-size:12px;opacity:.8}
.dep-section,.dep-method{padding:70px max(30px,5vw)}.dep-heading{text-align:center;max-width:760px;margin:0 auto 40px}
.dep-heading h2,.dep-section h2{font-size:32px;margin:10px 0}.dep-heading p{color:#667085}
.dep-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.dep-grid article{text-align:center}
.dep-grid img{width:100%;height:155px;object-fit:cover}.dep-grid h3{font-size:13px;margin-top:12px}
.dep-two{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.dep-two ul{padding:0;list-style:none;columns:2}
.dep-two li{margin:11px 0}.dep-two li:before{content:"✓";color:#d99b1e;font-weight:900;margin-right:9px}
.dep-emergency{display:grid;grid-template-columns:42% 58%;background:#071b3d;color:#fff}.dep-emergency img{width:100%;height:100%;object-fit:cover}
.dep-emergency>div{padding:35px}.dep-emergency h2{font-size:26px}.dep-emergency span{font-size:35px}
.dep-method{background:#fafafa}.dep-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;text-align:center}
.dep-steps b{display:block;margin:auto;background:#071b3d;color:#fff;width:34px;height:34px;line-height:34px;border-radius:50%}
.dep-steps i{display:block;color:#d99b1e;font-size:42px;font-style:normal;margin:15px}.dep-steps h3{font-size:14px}.dep-steps p{font-size:13px;color:#667085}
.dep-zone{display:grid;grid-template-columns:1fr 1fr;background:#071b3d;color:#fff}.dep-zone img{width:100%;height:340px;object-fit:cover}
.dep-zone>div{padding:55px;display:flex;flex-direction:column;justify-content:center}.dep-zone h2{font-size:34px;margin:12px 0}
@media(max-width:900px){.dep-hero,.dep-two,.dep-zone{grid-template-columns:1fr}.dep-hero-photo{min-height:400px}.dep-strip,.dep-grid,.dep-steps{grid-template-columns:repeat(2,1fr)}.dep-emergency{grid-template-columns:1fr}.dep-emergency img{height:260px}}
@media(max-width:560px){.dep-hero h1{font-size:36px}.dep-strip,.dep-grid,.dep-steps{grid-template-columns:1fr}.dep-two ul{columns:1}.dep-section,.dep-method{padding:50px 22px}.dep-hero-copy{padding:55px 25px}.dep-zone>div{padding:40px 25px}}

/* CS AUTOMATISMES - A PROPOS */
.cs-about{background:#fff;color:#091d40}
.about-hero{min-height:300px;display:grid;grid-template-columns:50% 50%;background:#061a3b;color:#fff}
.about-hero-copy{padding:50px max(35px,4vw);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#061a3b 70%,rgba(6,26,59,.78))}
.about-hero small,.about-company small,.about-values small,.about-zone small{color:#dc9d16;font-weight:800}.about-hero h1{font-size:50px;line-height:1.05;margin:14px 0}.about-hero h1 span{color:#dc9d16}.about-hero i,.about-company-copy i{display:block;width:55px;height:2px;background:#dc9d16;margin:5px 0 18px}.about-hero p{max-width:500px;font-size:17px;line-height:1.65}.about-hero-image{background-size:cover;background-position:center}
.about-company{display:grid;grid-template-columns:28% 46% 26%;gap:35px;padding:55px max(40px,4vw);align-items:center}.about-company-photo{position:relative}.about-company-photo>img{width:100%;height:265px;object-fit:cover;border-radius:3px}.about-badge{position:absolute;left:15px;bottom:12px;background:#071d43;color:#fff;padding:14px 18px;display:flex;gap:12px;align-items:center;border-radius:4px}.about-badge b{font-size:28px}.about-badge span{font-size:11px}.about-badge strong{display:block;color:#fff;margin-bottom:4px}
.about-company-copy h2{font-size:27px;margin:7px 0}.about-company-copy p{font-size:14px;line-height:1.55;color:#27354a}.about-company-copy>strong{font-size:13px}
.about-points{border-left:1px solid #e3e6eb;padding-left:35px}.about-points>div{display:flex;gap:15px;margin:20px 0}.about-points b{font-size:28px;color:#d99a14;width:35px}.about-points span{font-size:12px;line-height:1.45}.about-points strong{display:block;color:#071d43;margin-bottom:4px}
.about-values{border-top:1px solid #e8e8e8;padding:30px max(40px,5vw)}.about-values header{text-align:center;margin-bottom:25px}.about-values h2{font-size:23px;margin:5px}.about-values-grid{display:grid;grid-template-columns:repeat(4,1fr)}.about-values-grid>div{display:flex;align-items:center;gap:16px;padding:10px 28px;border-right:1px solid #e1e4e8}.about-values-grid>div:last-child{border-right:0}.about-values-grid b{font-size:35px;color:#d99a14}.about-values-grid span{font-size:12px;line-height:1.45}.about-values-grid strong{display:block;font-size:13px;margin-bottom:5px}
.about-bottom{display:grid;grid-template-columns:1fr 1fr}.about-zone,.about-cta{min-height:270px;background-size:cover;background-position:center;color:#fff;padding:45px max(35px,5vw);display:flex;flex-direction:column;justify-content:center}.about-zone h2,.about-cta h2{font-size:27px;margin:10px 0}.about-zone p,.about-cta p{max-width:570px;line-height:1.6}.about-btn{display:inline-flex;width:max-content;margin-top:15px;background:#dc9d16;color:#fff!important;font-weight:800;padding:14px 22px;border-radius:3px}
@media(max-width:950px){.about-company{grid-template-columns:1fr 1fr}.about-points{grid-column:1/-1;border-left:0;display:grid;grid-template-columns:1fr 1fr}.about-values-grid{grid-template-columns:1fr 1fr}.about-values-grid>div{border-bottom:1px solid #e1e4e8}.about-bottom{grid-template-columns:1fr}}
@media(max-width:650px){.about-hero{grid-template-columns:1fr}.about-hero-image{min-height:330px}.about-hero h1{font-size:37px}.about-company{grid-template-columns:1fr;padding:45px 22px}.about-points{grid-template-columns:1fr;padding-left:0}.about-values{padding:35px 22px}.about-values-grid{grid-template-columns:1fr}.about-values-grid>div{border-right:0}.about-zone,.about-cta{padding:40px 25px}}

/* ===== CS AUTOMATISMES : PAGE NOS SERVICES ===== */
.cs-services{background:#fff;color:#071a39}
.srv-hero{display:grid;grid-template-columns:49% 51%;min-height:328px;background:#061a3b;color:#fff}
.srv-hero-copy{display:flex;align-items:center}.srv-inner{padding:28px 4.8vw 25px}
.srv-kicker{color:#d99a13;font-size:17px;font-weight:900}.srv-hero h1{font-size:42px;line-height:1.12;margin:9px 0 0;color:#fff}.srv-line{display:block;width:56px;height:3px;background:#d99a13;margin:17px 0}
.srv-hero p{font-size:14px;line-height:1.55;max-width:610px}.srv-hero-image{background-size:cover;background-position:center;position:relative}.srv-hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061a3b 0%,rgba(6,26,59,.15) 25%)}
.srv-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:22px}.srv-benefits>div{display:flex;gap:10px;align-items:center}.srv-benefits b{font-size:29px;color:#d99a13}.srv-benefits strong{font-size:11px;line-height:1.35}
.srv-expertise{padding:20px 0 10px}.srv-title{text-align:center;margin-bottom:18px}.srv-title h2{font-size:21px;margin:0}.srv-title h2 span{color:#d99a13}.srv-title i{display:block;width:52px;height:2px;background:#d99a13;margin:10px auto}
.srv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.srv-card{background:#fafafa;border-radius:6px;overflow:hidden;box-shadow:0 5px 15px rgba(5,25,55,.10)}.srv-card>img{width:100%;height:140px;object-fit:cover}.srv-card-body{padding:16px 20px 15px;position:relative}.srv-icon{position:absolute;top:-50px;left:20px;width:56px;height:56px;border:2px solid #fff;border-radius:6px;background:#061a3b;color:#fff;display:grid;place-items:center;font-size:27px}.srv-card h3{font-size:17px;margin:0 0 8px}.srv-card p{font-size:11px;line-height:1.5;min-height:50px}.srv-card ul{list-style:none;padding:0;margin:10px 0 13px}.srv-card li{font-size:10px;margin:8px 0}.srv-card li:before{content:"✓";color:#d99a13;font-size:15px;font-weight:900;margin-right:9px}.srv-card a{display:inline-block;background:#d99a13;color:#fff!important;padding:10px 16px;font-size:10px;font-weight:900;border-radius:3px}
.srv-cta{margin-top:17px;background:#061a3b;color:#fff;border-radius:8px;padding:14px 25px;display:grid;grid-template-columns:1.7fr 1fr 1fr auto;gap:24px;align-items:center}.srv-cta-main{display:flex;align-items:center;gap:16px}.srv-cta-main>b{width:55px;height:55px;border:1px solid #d99a13;border-radius:50%;display:grid;place-items:center;color:#d99a13;font-size:25px}.srv-cta strong,.srv-cta small{display:block}.srv-cta strong{font-size:11px}.srv-cta-main strong{font-size:15px}.srv-cta small{font-size:9px;line-height:1.5;margin-top:4px}.srv-cta>a{background:#d99a13;color:#fff!important;padding:13px 22px;font-size:10px;font-weight:900;white-space:nowrap;border-radius:3px}
@media(max-width:1050px){.srv-hero{grid-template-columns:1fr}.srv-hero-image{min-height:300px}.srv-grid{grid-template-columns:1fr 1fr}.srv-cta{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.srv-hero h1{font-size:32px}.srv-inner{padding:35px 6vw}.srv-benefits,.srv-grid,.srv-cta{grid-template-columns:1fr}.srv-card>img{height:210px}.srv-card p{min-height:0}.srv-cta>a{text-align:center}}

/* ===== CS AUTOMATISMES : PAGE ACCUEIL ===== */
.cs-home{background:#fff;color:#071a39}
.home-hero{min-height:445px;background-size:cover;background-position:center;position:relative;color:#fff}
.home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,25,57,.98) 0%,rgba(5,25,57,.88) 32%,rgba(5,25,57,.42) 58%,rgba(5,25,57,.08) 100%)}
.home-hero-content{position:relative;padding-top:35px}
.home-kicker{display:block;color:#dda018;font-size:18px;font-weight:900}.home-hero h1{font-size:45px;line-height:1.12;margin:10px 0 12px;max-width:690px}.home-hero h1 span{color:#dda018}.home-hero p{font-size:15px;line-height:1.5}
.home-actions{display:flex;gap:20px;margin-top:18px}.home-btn{display:inline-block;background:#d99a13;color:#fff!important;padding:13px 21px;font-size:11px;font-weight:900;border-radius:3px}.home-btn.outline{background:transparent;border:1px solid #fff}
.home-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:780px;margin-top:32px}.home-benefits>div{display:flex;gap:12px;align-items:center}.home-benefits b{font-size:28px;color:#dda018}.home-benefits strong,.home-benefits small{display:block}.home-benefits strong{font-size:10px}.home-benefits small{font-size:9px;margin-top:5px}
.home-services{padding:18px 0 12px}.home-title{text-align:center;margin-bottom:17px}.home-title span{color:#d99a13;font-size:11px;font-weight:900}.home-title h2{font-size:21px;margin:5px 0}
.home-services-layout{display:grid;grid-template-columns:3fr 1.1fr;gap:45px}.home-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.home-card{background:#fafafa;border-radius:5px;overflow:hidden;box-shadow:0 4px 15px rgba(6,26,59,.08)}.home-card>img{width:100%;height:122px;object-fit:cover}.home-card>div{position:relative;padding:14px}.home-icon{position:absolute;top:-42px;left:13px;width:45px;height:45px;background:#061a3b;color:#fff;border:2px solid #fff;border-radius:5px;display:grid;place-items:center;font-size:22px}.home-card h3{font-size:12px;margin:0 0 8px}.home-card p{font-size:9px;line-height:1.5;min-height:43px}.home-card a{font-size:9px;color:#d28f00;font-weight:900}
.home-emergency{min-height:295px;background-size:cover;background-position:center;border-radius:6px;position:relative;overflow:hidden;color:#fff}.home-emergency:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061a3bf5,rgba(6,26,59,.65))}.home-emergency>div{position:relative;padding:25px}.home-emergency span{color:#dda018;font-size:12px;font-weight:900}.home-emergency h2{font-size:21px;line-height:1.2;margin:10px 0}.home-emergency i{display:block;width:38px;height:2px;background:#dda018;margin:14px 0}.home-emergency p{font-size:10px;line-height:1.55}.home-emergency a{display:inline-block;background:#d99a13;color:#fff!important;padding:11px 18px;font-size:9px;font-weight:900;margin-top:6px}
.home-trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:17px;padding:12px 0}.home-trust>div{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid #e4e6e9}.home-trust>div:last-child{border:0}.home-trust b{color:#dda018;font-size:27px}.home-trust strong,.home-trust small{display:block}.home-trust strong{font-size:11px}.home-trust small{font-size:9px;margin-top:3px}
@media(max-width:1050px){.home-services-layout{grid-template-columns:1fr}.home-cards{grid-template-columns:1fr 1fr}.home-emergency{min-height:330px}.home-benefits,.home-trust{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.home-hero h1{font-size:33px}.home-actions{flex-direction:column;align-items:flex-start}.home-benefits,.home-cards,.home-trust{grid-template-columns:1fr}.home-hero{min-height:650px;background-position:65% center}.home-services-layout{gap:20px}.home-card>img{height:210px}.home-card p{min-height:0}.home-trust>div{border-right:0;border-bottom:1px solid #e4e6e9;padding:12px}.home-trust>div:last-child{border-bottom:0}}


.domo-page{font-family:Arial,sans-serif}
.container{width:min(1200px,92%);margin:auto}
.domo-hero{background:#071b3b;color:#fff;padding:120px 0}
.domo-hero .container{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}
.subtitle{color:#d9a11a;font-weight:700}
h1{font-size:58px;line-height:1.1;margin:20px 0}
.btn-gold{display:inline-block;background:#d9a11a;color:#111;padding:15px 28px;text-decoration:none;border-radius:6px}
.phone-preview img{max-width:100%}
.solutions{padding:90px 0;background:#f5f7fb}
.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.card img{width:100%;height:220px;object-fit:cover}
.card h3{padding:20px 20px 0}
.card p{padding:0 20px 20px}
@media(max-width:900px){
.domo-hero .container,.solutions-grid{grid-template-columns:1fr}
h1{font-size:40px}
}

section img{display:block;width:100%;height:auto}

.rea{color:#071a39}.rea-hero{display:grid;grid-template-columns:48% 52%;min-height:315px;background:#061a3b;color:#fff}.hero-copy{padding:30px 7vw}.hero-copy>b{color:#dda018}.hero-copy h1{font-size:43px;margin:8px 0}.hero-copy i{display:block;width:60px;height:3px;background:#dda018;margin:12px 0}.hero-copy p{max-width:500px}.hero-img{background-size:cover;background-position:center}.benef{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.benef span{text-align:center;color:#dda018;font-size:26px}.benef strong{display:block;color:#fff;font-size:10px;margin-top:5px}.wrap{width:min(1410px,92%);margin:auto}.gallery{padding:18px 0}.filters{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}.filters button{padding:13px;border:1px solid #dfe3e8;background:#fff;color:#071a39;font-weight:bold;border-radius:5px}.filters button.active,.filters button:hover{background:#061a3b;color:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid article{background:#f8f8f8;border-radius:5px;overflow:hidden}.grid img{width:100%;height:112px;object-fit:cover}.grid article div{padding:13px}.grid h2{font-size:14px;margin:0}.grid p{font-size:10px;line-height:1.45}.grid a{font-size:10px;color:#d28f00;font-weight:bold}.cta{margin-top:14px;background:#061a3b;color:#fff;padding:16px 25px;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:25px;align-items:center}.cta strong,.cta small{display:block}.cta strong{font-size:11px}.cta small{font-size:9px;margin-top:5px}.cta a{background:#d99a13;color:#fff;padding:13px 20px;font-size:10px;font-weight:bold}@media(max-width:900px){.rea-hero{grid-template-columns:1fr}.hero-img{min-height:280px}.benef,.grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:repeat(3,1fr)}.cta{grid-template-columns:1fr 1fr}}@media(max-width:550px){.benef,.grid,.filters,.cta{grid-template-columns:1fr}.hero-copy h1{font-size:34px}.grid img{height:190px}}
.mot{color:#081a38}.wrap{width:min(1380px,90%);margin:auto}.mot-hero{min-height:415px;background-size:cover;background-position:center;position:relative;color:#fff}.mot-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061a3bf7 0%,#061a3bdc 35%,#061a3b30 75%)}.mot-hero .wrap{position:relative;padding-top:38px}.mot-hero b{color:#dfa018;font-size:19px}.mot-hero h1{font-size:43px;line-height:1.15;margin:12px 0;max-width:620px}.mot-hero i{display:block;width:64px;height:3px;background:#dfa018;margin:18px 0}.mot-hero p{max-width:430px;line-height:1.55}.benef{display:grid;grid-template-columns:repeat(4,1fr);max-width:760px;gap:20px;margin-top:25px}.benef span{font-size:26px;color:#dfa018}.benef strong{font-size:11px;color:#fff;margin-left:7px}.solutions{padding:20px 0}.solutions h2{text-align:center;font-size:22px}.solutions em{color:#d99a13;font-style:normal}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.cards article{background:#fafafa}.cards img{width:100%;height:135px;object-fit:cover}.cards article div{padding:15px}.cards h3{font-size:14px;margin:0 0 6px}.cards p{font-size:11px;line-height:1.45}.mot-cta{background:#061b3e;color:#fff}.ctagrid{min-height:190px;display:grid;grid-template-columns:30% 40% 30%;align-items:center}.ctagrid h2{font-size:20px;margin:0}.ctagrid h3{color:#dfa018;font-size:14px}.ctagrid p{font-size:11px;line-height:1.5}.ctagrid a{display:inline-block;background:#d99a13;color:#fff;padding:12px 18px;font-weight:bold;font-size:11px}.features{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:25px}.features span{color:#dfa018;font-size:25px}.features strong{color:#fff;font-size:10px;margin-left:6px}.ctagrid>img{width:100%;height:190px;object-fit:cover}@media(max-width:800px){.benef,.cards,.ctagrid,.features{grid-template-columns:1fr 1fr}.ctagrid>img{grid-column:1/-1}.mot-hero h1{font-size:32px}}@media(max-width:520px){.benef,.cards,.ctagrid,.features{grid-template-columns:1fr}.mot-hero{background-position:65% center}.ctagrid>img{grid-column:auto}}

/*======================
IMAGES SERVICES
======================*/

.service-image2{

    overflow:hidden;

    border-radius:20px;

}

.service-image2 img{

    width:100%;

    border-radius:20px;

    box-shadow:

    0 20px 60px rgba(0,0,0,.15);

    transition:.45s;

}

.service-image2 img:hover{

    transform:scale(1.04);

}
/*======================
SECTION
======================*/

.srv-expertise2{

    padding:110px 0;

}

.service-grid2{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}