/*tpl/frontend/css/accueil.css*/
/* Page d'accueil (tpl/frontend/accueil/accueil.html) : chargee seulement sur l'accueil. */  /* Couleur de chaque seder, identique sur tout le site. */ .zeraim{--seder:#5f7a3a;} .moed{--seder:#2f5d8a;} .nashim{--seder:#9a4462;} .nezikin{--seder:#2c6e6a;} .kodashim{--seder:#94680f;} .taharot{--seder:#5b5194;}  .accueil{--accent:#8a4a1c; --panneau:#f6f0e3; --bord:#e9dfca; max-width:1180px; margin:0 auto; padding:28px 16px 48px; box-sizing:border-box; display:flex; flex-direction:column; gap:40px; color:#2a1a10; font-family:arial, sans-serif; font-size:16px; line-height:1.5; text-align:start;} .accueil *, .accueil *::before, .accueil *::after{box-sizing:border-box;} .accueil a{color:var(--accent);} .accueil a:hover{color:#5b2410;} .accueil img{max-width:100%;} html[dir="rtl"] .accueilFleche{display:inline-block; transform:scaleX(-1);}  .accueilTitre{margin:0; font:700 30px/1.2 'Frank Ruhl Libre', serif; color:var(--accent);} .accueilTitrePetit{font-size:22px; line-height:1.25;} .accueilSousTitre{margin:0; font:700 22px/1.25 'Frank Ruhl Libre', serif; color:var(--accent);} .accueilSurtitre{margin:0; font-size:13px; font-weight:bold; letter-spacing:.06em; text-transform:uppercase; color:#6b4f12;} .accueilNote{margin:0; font-size:14px; color:#6f6250;} .accueilIntro{margin:0; max-width:52em; font-size:15px; color:#4a3626;} .accueilSection{display:flex; flex-direction:column; gap:14px;} .accueilEntete{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:8px;} .accueilLienFort{font-weight:bold; text-decoration:underline;} .accueilPub{min-height:90px;} .accueilPanneau{padding:20px; background:var(--panneau); border-radius:16px;} .accueilDeux{display:flex; flex-wrap:wrap; gap:20px;} .accueilDeux > *{flex:1 1 340px; min-width:0;}  /* Liens en cadre */ .accueil .accueilLien{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 14px; background:#ffffff; border:1px solid var(--bord); border-radius:10px; color:#2a1a10; font-size:15px; font-weight:bold; text-decoration:none;} .accueil .accueilLien:hover{border-color:#b89a52; color:#2a1a10;} .accueilLienTexte{display:flex; flex-direction:column; gap:1px; min-width:0;} .accueilLienTexte small{font-size:13px; font-weight:normal; color:#6f6250;}  /* Cartes avec photo */ .accueil .accueilCarte{display:flex; flex-direction:column; background:#ffffff; border:1px solid var(--bord); border-radius:12px; overflow:hidden; color:#2a1a10; text-decoration:none;} .accueil a.accueilCarte:hover{border-color:#b89a52; color:#2a1a10;} .accueilCarte strong{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 8px; padding:10px 12px 2px; font-size:16px; line-height:1.3;} .accueilCarte strong em{font:17px/1.2 'Frank Ruhl Libre', serif; font-style:normal; color:#6b4f12;} .accueilCarte small{display:flex; align-items:center; gap:6px; padding:0 12px 12px; font-size:13px; line-height:1.4; color:#6f6250; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .accueilPhoto{display:block; width:100%; height:auto; object-fit:cover; background:#efe7d6;} .accueilPhotoSeder{aspect-ratio:12/5;} .accueilPhotoBande{aspect-ratio:560/138;} .accueilPoint{flex:0 0 8px; width:8px; height:8px; border-radius:50%; background:var(--seder);} .accueilCarteCorps{display:flex; flex-direction:column; gap:10px; padding:16px;} .accueilSedarim{display:grid; grid-template-columns:repeat(auto-fill, minmax(min(170px, 45%), 1fr)); gap:14px;} .accueilSites{display:grid; grid-template-columns:repeat(auto-fill, minmax(min(200px, 100%), 1fr)); gap:12px;}  /* Daf Yomi du jour */ .accueilJour{display:flex; flex-direction:column; gap:18px;} .accueilJourTexte{display:flex; flex-direction:column; gap:8px;} .accueilTitreJour{margin:0; font:700 44px/1.1 'Frank Ruhl Libre', serif; color:var(--accent);} .accueilTitreHebreu{font-size:26px; font-weight:400; color:#a08868; white-space:nowrap;} .accueilChapo{margin:0; max-width:40em; font-size:17px; color:#4a3626;} .accueilJourContenu{display:flex; flex-wrap:wrap; gap:24px; align-items:flex-start;} .accueilAujourdhui{flex:1 1 340px; min-width:0; display:flex; flex-direction:column; gap:12px;} .accueilJourMedia{flex:999 1 560px; min-width:0; display:flex; flex-direction:column; gap:12px;}  .accueil .accueilLigneJour{display:flex; align-items:center; gap:14px; padding:12px 14px; background:#ffffff; border:1px solid var(--bord); border-radius:12px; color:#2a1a10; text-decoration:none;} .accueil .accueilLigneJour:hover{border-color:#b89a52; color:#2a1a10;} .accueilPastille{flex:0 0 48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:var(--seder, #351001); color:#ffffff; font:700 20px/1 'Frank Ruhl Libre', serif;} .accueilPastilleClaire{background:#efe6d2; color:#351001; font-size:16px;} .accueilLigneTexte{display:flex; flex-direction:column; gap:1px; min-width:0;} .accueilLigneTexte small{font-size:12px; font-weight:bold; color:#6f6250;} .accueilLigneTexte strong{font:700 19px/1.2 'Frank Ruhl Libre', serif; color:var(--accent);} .accueilLigneTexte em{font-size:13px; font-style:normal; color:#6f6250;}  .accueilChoix{display:flex; flex-direction:column; gap:8px; margin:6px 0 0;} .accueilChoixTitre{font-size:13px; font-weight:bold;} .accueilChoixLigne{display:flex; flex-wrap:wrap; align-items:flex-start; gap:8px;} .accueilChoixLigne select{flex:1 1 160px; min-width:0; height:42px; padding:0 10px; border:1px solid #d9cdb2; border-radius:8px; background:#ffffff; color:#2a1a10; font:bold 15px arial, sans-serif;} .accueilPages{flex:1 1 100%;} .accueilPagesBouton{display:inline-flex; align-items:center; gap:10px; min-height:42px; padding:0 14px; border:1px solid #d9cdb2; border-radius:8px; background:#ffffff; font-weight:bold; cursor:pointer; list-style:none;} .accueilPagesBouton::-webkit-details-marker{display:none;} .accueilPagesBouton::after{content:"\25BE"; font-size:14px;} .accueilPages[open] .accueilPagesBouton::after{content:"\25B4";} .accueilGrille{display:grid; grid-template-columns:repeat(auto-fill, minmax(44px, 1fr)); gap:6px; max-height:212px; margin-top:10px; padding:2px; overflow:auto;} .accueil .accueilCase{display:flex; align-items:center; justify-content:center; min-width:44px; height:44px; border:1px solid #d9cdb2; border-radius:8px; background:#ffffff; color:#2a1a10; font-weight:bold; text-decoration:none;} .accueil .accueilCase:hover{border-color:#351001; color:#2a1a10;} .accueil .accueilCaseChoisie{background:#351001; border-color:#351001; color:#ffffff;}  .accueil .accueilVignette{display:flex; flex-direction:column; border-radius:14px; overflow:hidden; background:#2a1a10; color:#efe6d2; text-decoration:none;} .accueilVignetteImage{position:relative; display:block; aspect-ratio:16/9; overflow:hidden;} .accueilVignetteImage img, .accueilVignetteImage picture{display:block; width:100%; height:100%; object-fit:cover;} .accueil .accueilVignetteDaf{background:#fbf6ea; border:1px solid var(--bord);} .accueilVignetteDaf img{object-position:top;} .accueilLecture{position:absolute; top:50%; left:50%; width:68px; height:68px; margin:-34px 0 0 -34px; border-radius:50%; background:#ccb479; box-shadow:0 4px 18px rgba(0,0,0,.35);} .accueilLecture::after{content:""; position:absolute; top:50%; left:50%; margin:-12px 0 0 -6px; border-style:solid; border-width:12px 0 12px 20px; border-color:transparent transparent transparent #2a1a10;} .accueilVignette:hover .accueilLecture{background:#ffffff;} .accueilVignetteBas{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:4px 10px; padding:11px 16px; background:#1c0f07; color:#efe6d2; font-size:14px;} .accueilVignetteDaf .accueilVignetteBas{background:#351001;} .accueilVignetteAction{font-weight:bold; color:#ccb479;} .accueilAutresCours, .accueilListeRabbins{display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:0; font-size:14px;} .accueilAutresTitre{font-weight:bold; color:#6b4f12;} .accueil .accueilRav{display:inline-flex; align-items:center; gap:8px; min-height:38px; padding:0 12px 0 4px; border:1px solid #e3dac6; border-radius:19px; background:#ffffff; color:#2a1a10; font-weight:bold; text-decoration:none;} .accueil .accueilRav:hover{border-color:#351001; color:#2a1a10;} .accueilRavMini{flex:0 0 28px; width:28px; height:28px; border-radius:50%; object-fit:cover; background:#efe6d2; display:flex; align-items:center; justify-content:center; font-size:11px; color:#351001;}  /* Les rabbins */ .accueilRabbins{display:flex; flex-wrap:wrap; gap:20px; align-items:stretch;} .accueilRavDuJour{flex:1 1 320px; display:flex; flex-direction:column; gap:12px;} .accueilRavIdentite{display:flex; align-items:center; gap:14px;} .accueilRavPhoto{flex:0 0 72px; width:72px; height:72px; border-radius:50%; object-fit:cover; background:#efe6d2; display:flex; align-items:center; justify-content:center; font:700 26px 'Frank Ruhl Libre', serif; color:#351001;} .accueilRavNom{margin:0; font:700 24px/1.2 'Frank Ruhl Libre', serif;} .accueil .accueilRavNom a{color:var(--accent); text-decoration:none;} .accueilDerniersBloc{flex:999 1 520px; min-width:0; display:flex; flex-direction:column; gap:10px;} .accueilDerniers{display:grid; grid-template-columns:repeat(auto-fill, minmax(min(260px, 100%), 1fr)); gap:10px; margin:0; padding:0; list-style:none;} .accueil .accueilCours{justify-content:flex-start; gap:12px; padding:8px; height:100%;} .accueilCours img{flex:0 0 88px; width:88px; height:50px; border-radius:6px; object-fit:cover; background:#efe7d6;}  /* Dedicaces, Soutenir */ .accueilDedicaces{display:flex; flex-direction:column; gap:10px;} .accueilDedicaces p{margin:0; font-size:15px; color:#4a3626;} .accueilDedicaces .accueilNote{font-size:14px; color:#6f6250;} .accueilVoirAussi{display:flex; flex-direction:column; gap:10px;} .accueilSoutenir{display:flex; flex-wrap:wrap; align-items:center; gap:18px 24px;} .accueilPhotoDon{flex:0 0 180px; width:180px; border-radius:10px; aspect-ratio:560/138;} .accueilSoutenirTexte{flex:1 1 320px; display:flex; flex-direction:column; gap:6px;} .accueilSoutenirTexte p{margin:0; font-size:15px; color:#4a3626;} .accueilDon{flex:0 0 auto;}  @media (max-width:600px){ 	.accueil{padding-top:20px; gap:32px;} 	.accueilTitreJour{font-size:36px;} 	.accueilTitreHebreu{font-size:22px;} }