@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
/* ===== Jean-Edouard Stocq – feuille de style du site ===== */
:root{
  --jes-navy:#2c4a63; --jes-navy2:#3d6585; --jes-blue:#1e6fb8; --jes-pale:#eef3f7; --jes-pale2:#f5f8fa; --jes-line:#d6dde4; --jes-text:#444444;
  --cassiopeia-color-primary:#2c4a63; --cassiopeia-color-link:#1e6fb8; --cassiopeia-color-hover:#2c4a63;
}
body{color:var(--jes-text);font-size:15px;line-height:1.6;}
h1,h2,h3{color:var(--jes-navy);}
a{color:var(--jes-blue);}
.container-header{background:#fff;box-shadow:none;}
.container-header .navbar-brand,.container-header .site-description{display:none;}

/* Bandeau */
.jes-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;background:linear-gradient(135deg,var(--jes-navy) 0%,var(--jes-navy2) 100%);border-radius:8px;padding:22px 26px;color:#fff;text-decoration:none!important;margin:12px 0;}
.jes-banner:hover,.jes-banner:focus{color:#fff;text-decoration:none;}
.jes-name{font-size:30px;font-weight:600;letter-spacing:.3px;line-height:1.15;color:#fff;}
.jes-title{font-size:16px;color:#d9e6f0;margin-top:4px;letter-spacing:1.5px;text-transform:uppercase;}
.jes-info{font-size:14.5px;color:#eaf1f6;line-height:1.6;border-left:2px solid rgba(255,255,255,.35);padding-left:16px;}
.jes-info strong{color:#fff;font-weight:600;}
@media (max-width:480px){.jes-banner{padding:18px;}.jes-name{font-size:25px;}}

/* Menu principal (Cassiopeia) */
.container-header .container-nav{padding-top:0;}
.container-header .mod-menu > li > a,.container-header .metismenu > li > a,.container-header .metismenu > li > button{color:var(--jes-navy);font-weight:600;}

/* Bloc téléphone + rendez-vous */
.jes-rdv{text-align:center;padding:12px 10px;margin:0 0 20px;background:var(--jes-pale);border-radius:6px;}
.jes-rdv p{margin:0 0 10px;font-size:1.1em;}
.jes-rdv p:last-child{margin:0;}
.jes-rdv small{font-size:.85em;color:#555;}
.jes-btn{display:inline-block;background:var(--jes-blue);color:#fff!important;font-weight:bold;font-size:1.05em;padding:12px 24px;border-radius:6px;text-decoration:none!important;}
.jes-btn:hover{background:var(--jes-navy);}

/* Mise en page photo + texte */
.jes-about{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;}
.jes-about-photo{flex:0 1 220px;margin:0 auto;}
.jes-about-photo img{display:block;width:100%;max-width:220px;height:auto;border-radius:6px;margin:0 auto;}
.jes-about-text{flex:1 1 320px;min-width:260px;}

/* Encadrés */
.jes-encadre{padding:4px 16px 10px;background:var(--jes-pale2);border-left:4px solid var(--jes-navy);border-radius:4px;margin:0 0 16px;}
.jes-encadre h3{font-size:18px;margin:10px 0 6px;}
.jes-encadre .jes-label{margin:12px 0 4px;color:var(--jes-navy);font-size:14px;text-transform:uppercase;letter-spacing:.5px;font-weight:bold;}
.jes-encadre ul{margin:0 0 6px 18px;padding:0;font-size:14.5px;line-height:1.5;}
.jes-encadre li{margin:0 0 6px;}

/* Cartes cabinets */
.jes-cards{display:flex;flex-wrap:wrap;gap:16px;}
.jes-card{flex:1 1 170px;box-sizing:border-box;min-width:0;display:block;background:#fff;border:1px solid var(--jes-line);border-radius:6px;padding:14px 16px;color:var(--jes-text)!important;text-decoration:none!important;font-size:15px;line-height:1.5;}
.jes-card:hover{border-color:var(--jes-navy);}
.jes-card span{display:block;}
.jes-card .jes-k{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--jes-navy);font-weight:bold;margin-bottom:4px;}
.jes-card .jes-street{font-weight:bold;color:var(--jes-navy);}
.jes-card .jes-more{margin-top:6px;color:var(--jes-blue);}

/* Pages cabinets */
.jes-cab{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch;margin-bottom:20px;}
.jes-cab-left{flex:1 1 300px;min-width:260px;}
.jes-cab-map{flex:1.2 1 340px;min-height:420px;display:flex;}
.jes-cab-map iframe{border:0;width:100%;min-height:420px;flex:1;border-radius:6px;}
.jes-addr{background:#fff;border:1px solid var(--jes-line);border-radius:6px;padding:14px 16px;margin-bottom:16px;font-size:15px;line-height:1.5;}
.jes-addr .jes-k{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--jes-navy);font-weight:bold;margin-bottom:4px;}
.jes-addr .jes-street{font-weight:bold;color:var(--jes-navy);}
.jes-acces{margin-top:12px;padding-top:10px;border-top:1px solid #e3e8ed;}
.jes-acces p{margin:0 0 4px;}
@media (max-width:700px){
  .jes-cab-left{display:contents;}
  .jes-cab .jes-addr{order:1;width:100%;margin-bottom:0;}
  .jes-cab .jes-cab-map{order:2;width:100%;}
  .jes-cab .jes-encadre{order:3;width:100%;}
}

/* Horaires */
.jes-hours{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 15px;}
.jes-hours th{padding:10px 8px;border:1px solid var(--jes-line);background:var(--jes-navy);color:#fff;text-align:center;}
.jes-hours th small{display:block;font-weight:normal;font-size:13px;}
.jes-hours td{padding:10px 8px;border:1px solid var(--jes-line);}
.jes-hours td:first-child{background:var(--jes-pale);font-weight:bold;}
.jes-note{padding:12px 15px;background:#f5f5f5;border-left:4px solid var(--jes-navy);margin:25px 0 15px;font-size:14px;}
.jes-note p{margin:0 0 6px;}
.jes-note p:last-child{margin:0;}


/* ===== Cadre bleu (comme l'ancien site) ===== */
body.site{background:#284b5f;padding:20px 12px;display:flex;flex-direction:column;}
body.site > header.container-header,body.site > .container-banner,body.site > .container-top-a,body.site > .container-top-b,body.site > .site-grid,body.site > .container-bottom-a,body.site > .container-bottom-b,body.site > footer.container-footer{width:100%;max-width:1000px;margin-left:auto;margin-right:auto;box-sizing:border-box;background:#fff;order:3;}
body.site > header.container-header{order:1;padding:20px 20px 0;border-radius:6px 6px 0 0;}
.container-header .container-below-top{padding:0;display:block;}
.container-header .container-below-top > *{width:100%;}
.container-header .container-below-top .jes-banner{margin:0 0 6px;width:100%;}
.main-top.card{border:0;background:transparent;}
.main-top.card > .card-body{padding:0;}
body.site > .site-grid{padding:10px 20px 10px;}
body.site > footer.container-footer{order:4;border-radius:0 0 6px 6px;color:#555;border-top:1px solid #e3e8ed;font-size:14px;}
body.site > footer.container-footer .grid-child{padding:14px 20px;}
body.site > footer.container-footer a{color:var(--jes-blue);}
h1,h2,h3,.jes-banner{font-family:'Open Sans',sans-serif;}
/* Menu en onglets */
.container-header .metismenu > li > a,.container-header .metismenu > li > button.mm-toggler{padding:9px 15px;border-radius:4px;}
.container-header .metismenu > li.active > a,.container-header .metismenu > li.current > a,.container-header .metismenu > li > a:hover{background:#284b5f;color:#fff!important;text-decoration:none;}
.container-header .navbar-toggler{color:var(--jes-navy);border-color:var(--jes-navy);}
@media (max-width:600px){body.site{padding:8px 6px;}body.site > .container-banner{padding:10px 10px 0;}body.site > header.container-header{padding-top:10px;}body.site > .site-grid,body.site > header.container-header{padding-left:10px;padding-right:10px;}}

/* Taille des titres (proche de l'ancien site) */
h1,.page-header h1,.page-header h2{font-size:24px;line-height:1.3;margin-bottom:14px;}
h2{font-size:18px;line-height:1.3;}
h3{font-size:16px;}
.jes-encadre h3{font-size:16px;}
@media (max-width:600px){h1,.page-header h1,.page-header h2{font-size:21px;}h2{font-size:17px;}}

/* Menu plus discret */
.container-header .metismenu > li > a,.container-header .metismenu > li > button.mm-toggler,.container-header .metismenu .mm-collapse a{font-size:14px;}
.container-header .metismenu > li > a{padding:7px 13px;}

/* Sous-titres h2 dans les pages = meme taille que le titre */
.com-content-article__body h2{font-size:24px;line-height:1.3;margin:28px 0 14px;}
@media (max-width:600px){.com-content-article__body h2{font-size:21px;}}

/* Bloc RDV compact */
.jes-rdv{padding:8px 10px;margin:0 0 12px;}
.jes-rdv p{margin:0 0 6px;font-size:1em;}
.jes-btn{font-size:.95em;padding:7px 18px;}
body.site > .site-grid{padding-top:0;}
.site-grid .main-top{margin-top:10px;margin-bottom:6px;}
.container-header .container-nav{padding-bottom:6px;}

/* Espacement menu regulier */
.container-header .metismenu > li{padding:4px 3px;display:flex;align-items:center;}
@media (min-width:992px){.container-header .metismenu > li{position:relative;}.container-header .metismenu > li > button.mm-toggler{display:none!important;}}
/* Bloc RDV sur une ligne */
.jes-rdv{display:block;text-align:center;padding:12px 12px;margin:0 0 12px;font-size:1.08em;}
.jes-rdv p:first-child{margin:0 0 8px;}
.jes-rdv a[href^="tel"]{text-decoration:none;color:var(--jes-navy);}
.jes-rdv a[href^="tel"]:hover{text-decoration:none;color:var(--jes-blue);}
.jes-rdv p,.jes-rdv p:last-child{margin:0;}
.jes-btn{padding:9px 22px;font-size:1em;}

/* Sous-menu au survol (ordinateur) */
@media (min-width:992px){.container-header .metismenu > li.parent:hover > ul.mm-collapse,.container-header .metismenu > li.parent:focus-within > ul.mm-collapse{display:block;top:100%;}}

/* Menu resserre */
.container-header .metismenu > li{padding:4px 2px!important;}
.container-header .metismenu > li > a{padding:7px 10px;}
.container-header .metismenu > li > a::after{display:none;}

/* Tirets exemples (Ils m'ont consulte pour) */
.jes-encadre ul{list-style:none!important;margin:0 0 6px 0;padding:0;}
.jes-encadre li{position:relative;padding-left:18px;}
.jes-encadre li::before{content:'';position:absolute;left:3px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--jes-navy);}