/*
Theme Name: SAMU-INFORMATIQUE
Theme URI: https://samu-info.com/
Author: SAMU-INFORMATIQUE
Version: 2.6
Description: Thème WordPress construit directement à partir de la maquette validée SAMU-INFORMATIQUE.
*/
html,body{margin:0;padding:0;background:#fff}body{font-family:Arial,Helvetica,sans-serif}.samu-page{width:100%;max-width:1536px;margin:0 auto;position:relative;line-height:0}.samu-page img{display:block;width:100%;height:auto}.samu-link{position:absolute;display:block;z-index:5;background:transparent;text-indent:-9999px;overflow:hidden;white-space:nowrap}.samu-phone{left:55.8%;top:1.6%;width:20.5%;height:5.2%}.samu-mon{left:80.2%;top:1.7%;width:15.5%;height:5.5%}.nav-home{left:54.0%;top:8.5%;width:6.0%;height:5.0%}.nav-presta{left:61.0%;top:8.5%;width:7.0%;height:5.0%}.nav-tarifs{left:69.9%;top:8.5%;width:5.0%;height:5.0%}.nav-about{left:77.0%;top:8.5%;width:11.0%;height:5.0%}.nav-contact{left:89.8%;top:8.5%;width:7.0%;height:5.0%}
.samu-semantic{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}
.samu-mobile{display:none}
.mobile-link{position:absolute;display:block;z-index:5;background:transparent;text-indent:-9999px;overflow:hidden;white-space:nowrap}
@media(max-width:900px){
  html,body{overflow-x:hidden}
  .samu-page{width:100%;max-width:none}
  .samu-desktop{display:none}
  .samu-mobile{display:block;position:relative;width:100%;line-height:0}
  .samu-mobile img{display:block;width:100%;height:auto}
  .mobile-phone{left:6.5%;top:4.7%;width:43%;height:4.2%}
  .mobile-days{left:59%;top:4.7%;width:36%;height:4.2%}
  .mobile-home{left:5%;top:10.0%;width:12%;height:3.2%}
  .mobile-presta{left:19%;top:10.0%;width:18%;height:3.2%}
  .mobile-tarifs{left:39%;top:10.0%;width:12%;height:3.2%}
  .mobile-about{left:53%;top:10.0%;width:27%;height:3.2%}
  .mobile-contact{left:81%;top:10.0%;width:16%;height:3.2%}
  .samu-semantic{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}
}
@media(min-width:901px){.samu-mobile{display:none}}
@media(max-width:900px){
  .samu-mobile{overflow:visible!important;height:auto!important;max-height:none!important}
  .samu-mobile img{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;overflow:visible!important}
}


/* MENU DES PAGES INTERNES — mêmes positions que la maquette d'accueil */
.samu-inner-header{width:100%;margin:0;padding:0;background:#fff;line-height:0;overflow:hidden}
.inner-header-desktop{width:100%;max-width:1536px;margin:0 auto;position:relative;line-height:0}
.inner-header-desktop img{display:block;width:100%;height:auto;margin:0;padding:0}
.inner-header-mobile{display:none;width:100%;max-width:750px;margin:0 auto;position:relative;line-height:0}
.inner-header-mobile img{display:block;width:100%;height:auto;margin:0;padding:0}
.inner-hit{position:absolute;display:block;z-index:10;background:transparent;text-indent:-9999px;overflow:hidden}
.inner-header-desktop .phone{left:55.8%;top:4%;width:20.5%;height:46%}
.inner-header-desktop .days{left:80.2%;top:4%;width:15.5%;height:46%}
.inner-menu-label{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-weight:400;color:#0b2a4a;line-height:1;white-space:nowrap}
.inner-menu-label.is-current{color:#ff4d13;font-weight:700}
.inner-header-desktop .inner-menu-label{top:91px;height:27px;font-size:16px;line-height:1;font-weight:400}
.inner-header-desktop .menu-home{left:53.1%;width:6.0%}
.inner-header-desktop .menu-presta{left:60.2%;width:8.0%}
.inner-header-desktop .menu-tarifs{left:69.5%;width:5.5%}
.inner-header-desktop .menu-about{left:76.6%;width:12.0%}
.inner-header-desktop .menu-contact{left:89.3%;width:7.5%}
@media(max-width:900px){
  .inner-header-desktop{display:none}
  .inner-header-mobile{display:block}
  .inner-header-mobile .m-phone{left:6.5%;top:47%;width:43%;height:18%}
  .inner-header-mobile .m-days{left:59%;top:47%;width:36%;height:18%}
  .inner-header-mobile .inner-menu-label{top:205px;height:48px;font-size:15px}
  .inner-header-mobile .mobile-menu-home{left:4%;width:13%}
  .inner-header-mobile .mobile-menu-presta{left:18%;width:20%}
  .inner-header-mobile .mobile-menu-tarifs{left:39%;width:13%}
  .inner-header-mobile .mobile-menu-about{left:52%;width:29%}
  .inner-header-mobile .mobile-menu-contact{left:82%;width:16%}
}


/* CONTENU DES PAGES INTERNES — mise en page identique à la maquette validée */
.samu-inner-content{width:100%;box-sizing:border-box;background:#fff;}
.samu-content{max-width:838px;margin:0 auto;padding:42px 0 64px;box-sizing:border-box;color:#0b2a4a;font-family:Arial,Helvetica,sans-serif;line-height:1.5;}
.samu-title-line{display:flex;align-items:center;gap:16px;margin:0 0 12px;}
.samu-title-line>span{display:block;flex:0 0 48px;width:48px;height:5px;background:#ff4d13;border-radius:3px;}
.samu-title-line h1{margin:0;color:#0b2a4a;font-size:36px;line-height:1.15;font-weight:700;}
.samu-intro{margin:0 0 30px;font-size:17px;line-height:1.55;color:#153d68;}
.samu-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:10px;}
.samu-card{min-height:148px;padding:20px 22px;box-sizing:border-box;border:1px solid #d7e1eb;border-radius:10px;background:#fff;box-shadow:0 5px 14px rgba(11,42,74,.08);}
.samu-card h2,.samu-sections h2,.samu-contact-box h2{margin:0 0 14px;color:#0b2a4a;font-size:20px;line-height:1.2;font-weight:700;}
.samu-card h2:after,.samu-sections h2:after,.samu-contact-box h2:after{content:"";display:block;width:32px;height:3px;margin-top:8px;background:#ff4d13;}
.samu-card p,.samu-sections p,.samu-contact-box p{margin:0;color:#153d68;font-size:15px;line-height:1.55;}
.samu-prices{display:flex;flex-direction:column;gap:10px;margin-top:12px;}
.samu-price-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:10px 14px 10px 20px;border:1px solid #d7e1eb;border-radius:9px;background:#fff;box-shadow:0 4px 12px rgba(11,42,74,.06);box-sizing:border-box;}
.samu-price-row span{font-size:16px;color:#153d68;}
.samu-price-row strong{flex:0 0 auto;min-width:104px;padding:10px 14px;background:#ff4d13;color:#fff;border-radius:7px;text-align:center;font-size:18px;}
.samu-note{margin:18px 0 0;color:#153d68;font-size:15px;}
.samu-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:10px;}
.samu-sections section{padding:20px 22px;border:1px solid #d7e1eb;border-radius:10px;background:#fff;box-shadow:0 5px 14px rgba(11,42,74,.08);}
.samu-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:10px;}
.samu-contact-box{padding:22px;border:1px solid #d7e1eb;border-radius:10px;background:#fff;box-shadow:0 5px 14px rgba(11,42,74,.08);}
.samu-contact-box a{display:inline-block;margin:2px 0 10px;color:#ff4d13;font-size:22px;font-weight:700;text-decoration:none;}
.samu-contact-box p+p{margin-top:10px;}
.samu-inner-footer{width:100%;margin:0;padding:0;background:#0b2a4a;line-height:0;overflow:hidden;}
.inner-footer-desktop{display:block;width:100%;max-width:1536px;margin:0 auto;line-height:0;}
.inner-footer-desktop img{display:block;width:100%;height:auto;margin:0;padding:0;}
.inner-footer-mobile{display:none;line-height:0;}
.inner-footer-mobile img{display:block;width:100%;height:auto;margin:0;padding:0;}
@media(max-width:900px){
  .samu-content{max-width:none;padding:30px 18px 42px;}
  .samu-title-line{gap:11px;margin-bottom:12px;}
  .samu-title-line>span{flex-basis:34px;width:34px;height:4px;}
  .samu-title-line h1{font-size:28px;}
  .samu-intro{font-size:16px;margin-bottom:22px;}
  .samu-cards,.samu-sections,.samu-contact-grid{grid-template-columns:1fr;gap:14px;}
  .samu-card{min-height:0;padding:18px;}
  .samu-card h2,.samu-sections h2,.samu-contact-box h2{font-size:19px;}
  .samu-card p,.samu-sections p,.samu-contact-box p{font-size:15px;}
  .samu-price-row{min-height:58px;padding-left:14px;gap:10px;}
  .samu-price-row span{font-size:15px;}
  .samu-price-row strong{min-width:88px;font-size:16px;padding:9px 10px;}
  .inner-footer-desktop{display:none;}
  .inner-footer-mobile{display:block;width:100%;max-width:750px;margin:0 auto;}
}
@media(min-width:901px){.inner-footer-mobile{display:none!important;}}
/* Desktop pages internes : reproduction exacte de la bande d'en-tête de l'accueil. */
.exact-inner-header{width:100%;max-width:1536px;margin:0 auto;position:relative;line-height:0;overflow:hidden}
.exact-inner-header>img{display:block;width:100%;height:auto;margin:0;padding:0}
.exact-inner-header .inner-hit{position:absolute;display:block;z-index:20;background:transparent;text-indent:-9999px;overflow:hidden}
.exact-inner-header .phone{left:55.8%;top:0;width:20.5%;height:62%}
.exact-inner-header .days{left:80.2%;top:0;width:15.5%;height:62%}
.exact-inner-header .menu-home{left:53.8%;top:60%;width:6.5%;height:35%}
.exact-inner-header .menu-presta{left:61.0%;top:60%;width:7.5%;height:35%}
.exact-inner-header .menu-tarifs{left:70.1%;top:60%;width:5.2%;height:35%}
.exact-inner-header .menu-about{left:77.0%;top:60%;width:12.0%;height:35%}
.exact-inner-header .menu-contact{left:89.8%;top:60%;width:7.0%;height:35%}
@media(max-width:900px){.exact-inner-header{display:none!important}}

/* Menu interne net : le fond du header est la version sans texte de menu,
   les libellés sont rendus en HTML pour rester parfaitement nets. */
.exact-inner-header{display:block;width:100%;max-width:1536px;margin:0 auto;position:relative;line-height:0;overflow:hidden}
.exact-inner-header>img{display:block;width:100%;height:auto;margin:0;padding:0}
.exact-inner-header .inner-hit{position:absolute;display:block;z-index:20;background:transparent;text-indent:-9999px;overflow:hidden}
.exact-inner-header .phone{left:55.8%;top:0;width:20.5%;height:62%}
.exact-inner-header .days{left:80.2%;top:0;width:15.5%;height:62%}
.exact-inner-header .inner-menu-label{position:absolute;z-index:30;display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:"Arial Narrow",Arial,sans-serif;font-stretch:condensed;font-weight:400;color:#0b2a4a;line-height:1;white-space:nowrap;top:66.2%;height:22%;font-size:clamp(12px,1.0416667vw,16px);transform:none}
.exact-inner-header .inner-menu-label.is-current{color:#ff4d13;font-weight:400}
.exact-inner-header .menu-home{left:52.7%;width:7.0%}
.exact-inner-header .menu-presta{left:59.6%;width:9.0%}
.exact-inner-header .menu-tarifs{left:68.8%;width:6.8%}
.exact-inner-header .menu-about{left:76.1%;width:13.2%}
.exact-inner-header .menu-contact{left:89.0%;width:8.0%}
.exact-inner-header-mobile{display:none;width:100%;max-width:750px;margin:0 auto;position:relative;line-height:0;overflow:hidden}
.exact-inner-header-mobile>img{display:block;width:100%;height:auto;margin:0;padding:0}
.exact-inner-header-mobile .inner-hit{position:absolute;display:block;z-index:20;background:transparent;text-indent:-9999px;overflow:hidden}
.exact-inner-header-mobile .m-phone{left:6.5%;top:45%;width:43%;height:20%}
.exact-inner-header-mobile .m-days{left:59%;top:45%;width:36%;height:20%}
.exact-inner-header-mobile .inner-menu-label{position:absolute;z-index:30;display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:"Arial Narrow",Arial,sans-serif;font-stretch:condensed;font-weight:400;color:#0b2a4a;line-height:1;white-space:nowrap;top:70%;height:18%;font-size:clamp(11px,2vw,15px)}
.exact-inner-header-mobile .inner-menu-label.is-current{color:#ff4d13;font-weight:400}
.exact-inner-header-mobile .mobile-menu-home{left:3%;width:14%}
.exact-inner-header-mobile .mobile-menu-presta{left:18%;width:20%}
.exact-inner-header-mobile .mobile-menu-tarifs{left:39%;width:13%}
.exact-inner-header-mobile .mobile-menu-about{left:52%;width:30%}
.exact-inner-header-mobile .mobile-menu-contact{left:83%;width:15%}
@media(max-width:900px){
  .exact-inner-header{display:none!important}
  .exact-inner-header-mobile{display:block!important}
}
@media(min-width:901px){.exact-inner-header-mobile{display:none!important}}

/* ==========================================================
   MENU RESTAURE — même rendu que les versions précédentes
   et même géométrie que le menu intégré à la maquette d'accueil.
   Les textes restent en HTML : ils ne sont jamais rasterisés.
   ========================================================== */
.exact-inner-header{
  display:block;
  width:100%;
  max-width:1536px;
  margin:0 auto;
  position:relative;
  line-height:0;
  overflow:hidden;
}
.exact-inner-header>img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}
.exact-inner-header .inner-hit{
  position:absolute;
  display:block;
  z-index:20;
  background:transparent;
  text-indent:-9999px;
  overflow:hidden;
}
.exact-inner-header .phone{left:55.8%;top:0;width:20.5%;height:62%;}
.exact-inner-header .days{left:80.2%;top:0;width:15.5%;height:62%;}
.exact-inner-header .inner-menu-label{
  position:absolute;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:400;
  color:#0b2a4a;
  line-height:1;
  white-space:nowrap;
  top:91px;
  height:27px;
}
.exact-inner-header .inner-menu-label.is-current{
  color:#ff4d13;
  font-weight:700;
}
.exact-inner-header .menu-home{left:53.1%;width:6.0%;}
.exact-inner-header .menu-presta{left:60.2%;width:8.0%;}
.exact-inner-header .menu-tarifs{left:69.5%;width:5.5%;}
.exact-inner-header .menu-about{left:76.6%;width:12.0%;}
.exact-inner-header .menu-contact{left:89.3%;width:7.5%;}

.exact-inner-header-mobile{
  display:none;
  width:100%;
  max-width:750px;
  margin:0 auto;
  position:relative;
  line-height:0;
  overflow:hidden;
}
.exact-inner-header-mobile>img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}
.exact-inner-header-mobile .inner-hit{
  position:absolute;
  display:block;
  z-index:20;
  background:transparent;
  text-indent:-9999px;
  overflow:hidden;
}
.exact-inner-header-mobile .m-phone{left:6.5%;top:47%;width:43%;height:18%;}
.exact-inner-header-mobile .m-days{left:59%;top:47%;width:36%;height:18%;}
.exact-inner-header-mobile .inner-menu-label{
  position:absolute;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:400;
  color:#0b2a4a;
  line-height:1;
  white-space:nowrap;
  top:205px;
  height:48px;
}
.exact-inner-header-mobile .inner-menu-label.is-current{
  color:#ff4d13;
  font-weight:700;
}
.exact-inner-header-mobile .mobile-menu-home{left:4%;width:13%;}
.exact-inner-header-mobile .mobile-menu-presta{left:18%;width:20%;}
.exact-inner-header-mobile .mobile-menu-tarifs{left:39%;width:13%;}
.exact-inner-header-mobile .mobile-menu-about{left:52%;width:29%;}
.exact-inner-header-mobile .mobile-menu-contact{left:82%;width:16%;}

@media(max-width:900px){
  .exact-inner-header{display:none!important;}
  .exact-inner-header-mobile{display:block!important;}
}
@media(min-width:901px){
  .exact-inner-header-mobile{display:none!important;}
}

/* ACCUEIL — même menu que les pages annexes, rendu en HTML pour rester net */
.samu-desktop .nav-home,
.samu-desktop .nav-presta,
.samu-desktop .nav-tarifs,
.samu-desktop .nav-about,
.samu-desktop .nav-contact{
  position:absolute;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:400;
  color:#0b2a4a;
  line-height:1;
  text-indent:0;
  white-space:nowrap;
  top:91px;
  height:27px;
  background:transparent;
  overflow:visible;
}
.samu-desktop .nav-home{left:53.1%;width:6.0%;color:#ff4d13;font-weight:700;}
.samu-desktop .nav-presta{left:60.2%;width:8.0%;}
.samu-desktop .nav-tarifs{left:69.5%;width:5.5%;}
.samu-desktop .nav-about{left:76.6%;width:12.0%;}
.samu-desktop .nav-contact{left:89.3%;width:7.5%;}

@media(max-width:900px){
  .samu-mobile .mobile-home,
  .samu-mobile .mobile-presta,
  .samu-mobile .mobile-tarifs,
  .samu-mobile .mobile-about,
  .samu-mobile .mobile-contact{
    position:absolute;
    z-index:30;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#0b2a4a;
    line-height:1;
    text-indent:0;
    white-space:nowrap;
    top:205px;
    height:48px;
    background:transparent;
    overflow:visible;
  }
  .samu-mobile .mobile-home{left:4%;width:13%;color:#ff4d13;font-weight:700;}
  .samu-mobile .mobile-presta{left:18%;width:20%;}
  .samu-mobile .mobile-tarifs{left:39%;width:13%;}
  .samu-mobile .mobile-about{left:52%;width:29%;}
  .samu-mobile .mobile-contact{left:82%;width:16%;}
}