@charset "UTF-8";
/*
 * hassidout.css - feuille de style unique du site public (chantier R76, 25/10/2026)
 * Chargée par mu-plugins/hassidout-styles.php, à wp_head 10000 (après le CSS maison resté en ligne et après Divi).
 *
 * Paliers d'écran du site (écrits en clair : les variables ne marchent pas dans @media) :
 *   téléphone   : jusqu'à 599 px      @media (max-width:599px)
 *   tablette    : de 600 à 980 px     @media (min-width:600px) and (max-width:980px)
 *   ordinateur  : 981 px et plus      @media (min-width:981px)
 * Exceptions gardées telles quelles pendant la migration (aucune borne modifiée) : 767/768 (coupure Divi),
 * petits téléphones (350, 375, 399), grands écrans (1180, 1280...).
 *
 * Règle de la migration : les blocs sont copiés tels quels, dans l'ordre où ils étaient imprimés.
 * Chaque bloc indique le mu-plugin d'où il vient. La logique PHP et le HTML restent dans ce mu-plugin.
 */

/* Variables (pas encore utilisées : elles ne remplaceront que des valeurs identiques, au lot 11) */
:root{
--h-bleu:#0f4f97;
--h-bleu-nuit:#1c3158;
--h-icone:#1f3a68;
--h-actif:#3a6db5;
--h-rouge-videos:#d92b2b;
--h-contour:#E7E7E7;
--h-fond-gris:#e6e6e6;
--h-fond-tel:#F8F8F8;
--h-police-texte:Inter,Arial,sans-serif;
--h-police-titres:Figtree,"Open Sans",Arial,sans-serif;
--h-rayon-carte:10px;
--h-rayon:8px;
}

/* === Radio 770 (page 18379) - de hassidout-radio.php, ex <style id="hassidout-radio"> wp_head 99 - lot 1 === */
.page-id-18379 #left-area{width:100%;padding:0;float:none}
.page-id-18379 h1.main_title{text-align:center;margin:0 0 6px}
.page-id-18379 .h-radio-sous-titre{text-align:center;color:#4c4d4e;font-size:15px;margin:0 0 18px}
.page-id-18379 .entry-content p{margin:0;padding:0}
.page-id-18379 .entry-content iframe{display:block;width:100%!important;max-width:420px;min-width:0!important;height:565px!important;min-height:0!important;margin:0 auto 32px;border:1px solid #E7E7E7!important;border-radius:12px!important;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06)}
@media (max-width:980px){
.page-id-18379 #main-content .container{padding-top:18px}
.page-id-18379 .entry-content{padding:0 12px}
}

/* === Titres text-wrap pretty - de hassidout-titres.php, ex <style id="hassidout-titres-pretty"> wp_head 120 - lot 2 === */
h1,h2,h3,h4,.entry-title,.cat-post-title,.hv-carte-titre,.et_pb_module_header,.widgettitle,.entry-content h2,.entry-content h3,.entry-content h4{text-wrap:pretty}

/* === Fond gris ordinateur et tablette - de hassidout-fond-gris.php, ex <style id="hassidout-fond-gris"> wp_head 130 - lot 2 === */
@media (min-width:600px){html body:not([class*="hv-"]),html body:not([class*="hv-"]) #main-content{background-color:#f8f8f8!important}html body:not([class*="hv-"]) #main-content .et_pb_section.et_section_regular:not(.et_pb_with_background){background-color:#f8f8f8!important}html body.page-id-380 #main-content .et_pb_section_0.et_pb_section,html body.page-id-380 #main-content .et_pb_section_1.et_pb_section,html body.page-id-380 #main-content .et_pb_section_2.et_pb_section,html body.page-id-380 #main-content .et_pb_section_3.et_pb_section,html body.page-id-380 #main-content .et_pb_section_4.et_pb_section,html body.page-id-380 #main-content .et_pb_section_5.et_pb_section,html body.page-id-380 #main-content .et_pb_section_7.et_pb_section{background-color:#f8f8f8!important}html body.search .et_pb_section_0_tb_body,html body.page-id-17897 #main-content .et_pb_section{background-color:#f8f8f8!important}html body.page-id-13019 #main-content .et_pb_row_0.et_pb_row,html body.page-id-13020 #main-content .et_pb_row_0.et_pb_row,html body.page-id-13011 #main-content .et_pb_row_0.et_pb_row,html body.page-id-13017 #main-content .et_pb_row_0.et_pb_row,html body.page-id-17897 #main-content .et_pb_row_0.et_pb_row{background-color:#f8f8f8!important}}

/* === Pied de page - de hassidout-pied-de-page.php, ex <style id="hassidout-pied-de-page"> wp_head 140 - lot 2 === */
html body #main-footer{background:#f0f0f0!important;border-top:1px solid #e0e0e0!important}html body #main-footer #footer-bottom{background:#f0f0f0!important;padding:8px 0 4px!important}html body #main-footer #footer-bottom .et-social-icon a,html body #main-footer #footer-bottom .et-social-icon a.icon{color:#8a8f98!important;font-size:13px!important;line-height:1!important}html body #main-footer #footer-bottom .et-social-icon a:hover{color:#0f4f97!important}html body #main-footer #footer-bottom .et-social-icons{margin-bottom:0!important}html body #main-footer #footer-bottom .et-social-icons li{margin-left:14px!important}html body #main-footer #footer-bottom .et-social-icon a:before{font-size:13px!important}html body #main-footer #footer-info{font-size:13px!important;line-height:1.4!important;color:#8a8f98!important;padding-bottom:4px!important;float:left}html body.hv-rubrique #main-footer,html body[class*="hv-"] #main-footer{background:#0b1a33!important;border-top:1px solid rgba(255,255,255,.12)!important}html body[class*="hv-"] #main-footer #footer-bottom{background:#0b1a33!important}html body[class*="hv-"] #main-footer #footer-info,html body[class*="hv-"] #main-footer #footer-bottom .et-social-icon a{color:#8d9bb5!important}html body[class*="hv-"] #main-footer #footer-bottom .et-social-icon a:hover{color:#fff!important}

/* === Cadre des rubriques ordinateur - de hassidout-rubriques-cadre.php, ex <style id="hassidout-rubriques-cadre"> wp_head 150 - lot 2 (le bloc sans-contour reste dans le mu-plugin) === */
@media (min-width:981px){
html body.page-id-13019 #main-content .et_pb_row_0.et_pb_row,html body.page-id-13020 #main-content .et_pb_row_0.et_pb_row,html body.page-id-13011 #main-content .et_pb_row_0.et_pb_row,html body.page-id-13017 #main-content .et_pb_row_0.et_pb_row,html body.page-id-17897 #main-content .et_pb_row_0.et_pb_row{box-sizing:border-box!important;width:min(1127px,calc(100% - 24px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding:30px 4px!important}
html body.page-id-13019 #main-content .et_pb_row_0 .et_pb_column,html body.page-id-13020 #main-content .et_pb_row_0 .et_pb_column,html body.page-id-13011 #main-content .et_pb_row_0 .et_pb_column,html body.page-id-13017 #main-content .et_pb_row_0 .et_pb_column,html body.page-id-17897 #main-content .et_pb_row_0 .et_pb_column{padding-left:0!important;padding-right:0!important}
html body.page-id-13019 #main-content .et_pb_blog_0.et_pb_module,html body.page-id-13020 #main-content .et_pb_blog_0.et_pb_module,html body.page-id-13011 #main-content .et_pb_blog_0.et_pb_module,html body.page-id-13017 #main-content .et_pb_blog_0.et_pb_module,html body.page-id-17897 #main-content .et_pb_blog_0.et_pb_module{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
html body.page-id-13019 #main-content .et_pb_row_0.et_pb_row,html body.page-id-13020 #main-content .et_pb_row_0.et_pb_row,html body.page-id-13011 #main-content .et_pb_row_0.et_pb_row,html body.page-id-13017 #main-content .et_pb_row_0.et_pb_row,html body.page-id-17897 #main-content .et_pb_row_0.et_pb_row{border-color:#d6d6d6!important}
}

/* === Menu du haut ordinateur - de hassidout-menu-ordinateur.php, ex <style id="hassidout-menu-ordinateur"> wp_head 9999 - lot 2 === */
@media (min-width:981px){#top-menu>li>a,.et-fixed-header #top-menu>li>a{font-size:17px!important}#top-menu li li a,.et-fixed-header #top-menu li li a{font-size:15px!important}}

/* === Application installable - de hassidout-pwa.php, ex <style id="hassidout-pwa"> wp_footer - lot 2 === */
.h-pwa-entree{display:flex;align-items:center;gap:10px;width:100%;height:46px;margin:12px 0 0;padding:0 14px;font:600 15px/1 Inter,Arial,sans-serif;color:#0f4f97;background:#eef3fa;border:0;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.h-pwa-entree svg,.h-pwa-fenetre svg{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.h-pwa-voile{position:fixed;inset:0;z-index:100001;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:rgba(0,0,0,.4);font-family:Inter,Arial,sans-serif}
.h-pwa-voile[hidden]{display:none}
.h-pwa-fenetre{width:100%;max-width:420px;padding:22px 20px 18px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.2);color:#1f2a37;animation:h-monte .2s ease-out}
.h-pwa-fenetre h2{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:0;font:700 19px/1.3 Inter,Arial,sans-serif;color:#0f4f97}
.h-pwa-fenetre h2 img{width:44px;height:44px;border-radius:10px}
.h-pwa-fenetre ol{list-style:none!important;margin:0;padding:0!important}
.h-pwa-fenetre li{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:0;font-size:16px;line-height:1.4}
.h-pwa-fenetre li b{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#0f4f97;color:#fff;font-size:14px}
.h-pwa-fenetre li svg{display:inline-block;vertical-align:-5px;color:#0f4f97}
.h-pwa-fenetre button{display:block;width:100%;margin-top:6px;padding:13px;font:600 16px Inter,Arial,sans-serif;color:#fff;background:#0f4f97;border:0;border-radius:10px;cursor:pointer}

/* === Défilement continu - de hassidout-defilement.php, ex <style id="hassidout-defilement"> wp_footer (hors articles ; classes absentes des articles) - lot 2 === */
.h-defil-nav{display:none!important}
.h-defil{clear:both;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;min-height:56px;margin:4px 0 16px;padding:8px 12px;box-sizing:border-box;font:500 15px/1.3 Inter,Arial,sans-serif;color:#0f4f97;text-align:center}
.h-defil-roue{flex:0 0 auto;width:22px;height:22px;box-sizing:border-box;border:3px solid rgba(15,79,151,.2);border-top-color:#0f4f97;border-radius:50%;animation:h-defil-tourne .8s linear infinite}
.h-defil-erreur .h-defil-roue,.h-defil-pause .h-defil-roue,.h-defil-pause .h-defil-texte{display:none}
.h-defil-texte{flex:0 1 auto}
.h-defil-bouton{flex:0 0 100%;max-width:320px;height:46px;margin:0 auto;padding:0 18px;font:600 16px/1 Inter,Arial,sans-serif;color:#fff;background:#0f4f97;border:0;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.h-defil-bouton[hidden]{display:none}
@keyframes h-defil-tourne{to{transform:rotate(360deg)}}

/* === Lien Recherche avancée du panneau de la loupe - de hassidout-recherche-avancee.php, ex <style> sans id wp_footer 99 - lot 2 === */
.h-panneau .h-avancee{display:block;margin:4px 2px 0;padding:2px 0;font-size:13px;line-height:1.3;color:#0f4f97;text-decoration:underline;text-align:right}