/*tpl/frontend/css/etude.css*/
/* Pages d'etude : daf, michna, Daf Yomi, Michna du jour.    Chargee seulement sur ces pages (Ocfr_texte::get_css, dafYomi, michnaYomi).    Memes couleurs et memes composants que l'accueil (css/accueil.css). */  /* 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;}  .etude, .etudePubBas, .etudeAussi{--accent:#8a4a1c; --panneau:#f6f0e3; --bord:#e9dfca; --texte:#2a1a10; --doux:#6f6250;} .etude{max-width:1180px; margin:0 auto; padding:20px 0 32px; display:flex; flex-direction:column; gap:28px; color:var(--texte); font-family:arial, sans-serif; font-size:16px; line-height:1.5; text-align:start;} .etude *, .etude *::before, .etude *::after{box-sizing:border-box;} .etude a{color:var(--accent);} .etude a:hover{color:#5b2410;} .etude img{max-width:100%;} html[dir="rtl"] .etudeFleche{display:inline-block; transform:scaleX(-1);} .etudeCache{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;}  /* Fil d'Ariane (OCfr/ariane.html) */ #innerContent #ariane{max-width:1180px; margin:0 auto; padding:0 0 10px; border-bottom:1px solid #efe7d6; font-size:14px; color:#6f6250;} #innerContent #ariane a{color:#6f6250;} #innerContent #ariane a:hover{color:#8a4a1c;}  /* En-tete */ .etudeEntete{display:flex; flex-direction:column; gap:10px;} .etudePuces{display:flex; flex-wrap:wrap; gap:8px; margin:0;} .etude .etudePuce{display:inline-flex; align-items:center; gap:8px; min-height:30px; padding:4px 12px; border-radius:15px; background:#f3ece0; color:#4a3626; font-size:14px; font-weight:bold; text-decoration:none;} .etude .etudePuce:hover{background:#ebe1cd; color:#2a1a10;} .etude .etudePuceJour{background:#351001; color:#ccb479;} .etude .etudePuceJour:hover{background:#4a1c08; color:#e2cf9b;} .etudePoint{flex:0 0 9px; width:9px; height:9px; border-radius:50%; background:var(--seder, #351001);} .etude .etudeTitre{margin:0; font:700 38px/1.15 'Frank Ruhl Libre', serif; color:var(--accent); text-align:start;} .etudeTitreHebreu{display:inline-block; font-size:24px; font-weight:400; color:#a08868;} .etudeProgression{display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; margin:0; font-size:14px; color:var(--doux);} .etudeJauge{width:260px; max-width:100%; height:6px; border:0; border-radius:3px; background:#eee7d8; color:var(--seder, #351001); overflow:hidden; -webkit-appearance:none; appearance:none;} .etudeJauge::-webkit-progress-bar{background:#eee7d8; border-radius:3px;} .etudeJauge::-webkit-progress-value{background:var(--seder, #351001); border-radius:3px;} .etudeJauge::-moz-progress-bar{background:var(--seder, #351001); border-radius:3px;}  /* Haut de page : cours video et bloc "Cette page" */ .etudeHaut{display:grid; grid-template-columns:minmax(0, 1fr); gap:24px; align-items:start;} .etudeSousTitre{margin:0; font:700 22px/1.25 'Frank Ruhl Libre', serif; color:var(--accent);} .etudePanneau{padding:20px; background:var(--panneau); border-radius:16px;} .etudeCettePage{display:flex; flex-direction:column; gap:14px;}  .etude .etudeBouton{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:44px; min-height:44px; padding:0 16px; border:1px solid #d9cdb2; border-radius:22px; background:#ffffff; color:var(--texte); font:bold 15px arial, sans-serif; text-decoration:none; cursor:pointer;} .etude .etudeBouton:hover{border-color:#351001; color:var(--texte);} .etudeNav{display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px;} .etudeBoutonSuivant{margin-inline-start:auto;}  .etudeChoix{display:flex; flex-direction:column;} .etude .etudeChoixBouton{justify-content:space-between; width:100%; border-radius:10px; list-style:none;} .etudeChoixBouton::-webkit-details-marker{display:none;} .etudeChoixBouton::after{content:"\25BE"; font-size:14px;} .etudeChoix[open] .etudeChoixBouton::after{content:"\25B4";} .etudeGrille{display:grid; grid-template-columns:repeat(auto-fill, minmax(44px, 1fr)); gap:6px; padding:2px;} .etudeChoix > .etudeGrille, .etudeChapitres{max-height:240px; margin-top:10px; overflow:auto;} .etudeChapitres{display:flex; flex-direction:column; gap:10px;} .etudeChapitreNom{margin:0 0 4px; font-size:13px; font-weight:bold; color:#6b4f12;} .etude .etudeCase{display:flex; align-items:center; justify-content:center; min-width:44px; height:44px; padding:0 4px; border:1px solid #d9cdb2; border-radius:8px; background:#ffffff; color:var(--texte); font-weight:bold; text-decoration:none;} .etude .etudeCase:hover{border-color:#351001; color:var(--texte);} .etude .etudeCaseChoisie, .etude .etudeCaseChoisie:hover{background:#351001; border-color:#351001; color:#ffffff;}  .etudeBloc{display:flex; flex-direction:column; gap:6px; padding-top:12px; border-top:1px solid #e3d6ba;} .etudeBlocTitre{margin:0; font-size:15px; font-weight:bold;} .etudeBloc p{margin:0; font-size:14px; line-height:1.55; color:#4a3626;} .etude .etudeLienSimple{align-self:flex-start; padding:0; border:0; background:none; color:var(--accent); font:bold 14px arial, sans-serif; text-decoration:underline; cursor:pointer;}  /* Faces du Daf Yomi, michnayot du jour */ .etudeFaces{display:flex; flex-direction:column; gap:8px; margin:0; padding:0; list-style:none;} .etudeFace{display:flex; flex-direction:column; gap:16px;} .etudeFace + .etudeFace{padding-top:20px; border-top:2px solid var(--bord);}  /* Dedicace (dedicaces/carte.html) en version compacte dans le bloc */ .etudeDedicace .dedicaceCarte{max-width:none; margin:0; padding:14px 14px 30px; padding-inline-start:62px;} .etudeDedicace .dedicaceCarte .dedicaceIcone{inset-inline-start:12px; top:14px; width:38px; height:38px;} .etudeDedicace .dedicaceCarte .dedicacePoints{inset-inline-start:62px;} .etudeDedicace .dedicaceNoms{font-size:17px;} .etudeDedicace .dedicaceBouton{margin:0;}  /* Partager (etude/partage.html) */ .etudePartage{align-self:flex-start;} .etudePartage .share-fallback{top:52px; inset-inline-start:0; left:auto;}  /* Cours video (etude/video.html) */ .etudeVideo{display:flex; flex-direction:column; gap:12px; min-width:0;} .etudeLecteur{display:flex; flex-direction:column; border-radius:14px; overflow:hidden; background:#2a1a10;} .etude .etudeFacade{position:relative; display:block; width:100%; aspect-ratio:16/9; padding:0; border:0; background:#000000; cursor:pointer;} .etudeFacade img{position:absolute; top:0; left:0; display:block; width:100%; height:100%; object-fit:cover;} .etudeLecture{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);} .etudeLecture::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;} .etudeFacade:hover .etudeLecture, .etudeFacade:focus-visible .etudeLecture{background:#ffffff;} .etudeFacade:focus-visible{outline:3px solid #ccb479; outline-offset:-3px;} .etudeLecteur iframe{display:block; width:100%; height:auto; aspect-ratio:16/9; border:0;} .etudeLecteurBas{display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 10px; margin:0; padding:11px 16px; background:#1c0f07; color:#efe6d2; font-size:14px;} .etudeLecteurRav{font-weight:bold;} .etudeLecteurSource{color:#ccb479;}  .etudeRavs{display:flex; flex-wrap:wrap; align-items:center; gap:8px;} .etudeRavsTitre{margin:0; font-size:14px; font-weight:bold; color:#6b4f12;} .etude #listRav.etudeRavsListe{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; border:0; border-radius:0; overflow:visible; background:none;} .etude #listRav .ravItem{display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 14px 0 5px; border:1px solid #e3dac6; border-radius:20px; background:#ffffff; color:var(--texte); font:bold 14px arial, sans-serif; cursor:pointer;} .etude #listRav .ravItem:hover{border-color:#351001; background:#ffffff;} .etude #listRav .ravItemActive, .etude #listRav .ravItemActive:hover{border-color:#351001; background:#351001; color:#ffffff;} .etude #listRav .ravItemHidden{display:none;} .etude #listRav.ravListExpanded .ravItemHidden, .etude #listRav .ravItemHidden.ravItemActive{display:inline-flex;} .etude #listRav .ravAvatarWrap{flex:0 0 28px; width:28px; height:28px; margin:0;} .etude #listRav .ravAvatar{width:28px; height:28px; border:0; background:#efe6d2; color:#351001; font-size:11px;} .etude #listRav .ravItemActive .ravAvatar{background:#ccb479; box-shadow:none;} .etude #listRav .ravAvatarWrap .ravPlaying{right:-4px; bottom:-4px; width:15px; height:15px; padding:3px 2px;} html[dir="rtl"] .etude #listRav .ravAvatarWrap .ravPlaying{right:auto; left:-4px;} .etude #listRav .ravToggle{display:inline-flex; padding:0 4px; min-height:40px; border:0; background:none; color:var(--accent); font:bold 14px arial, sans-serif; text-decoration:underline; cursor:pointer;} .etude #listRav .ravToggle:hover{background:none;} .etudeVoirMoins, .ravListExpanded .etudeVoirTous{display:none;} .ravListExpanded .etudeVoirMoins{display:inline;} .etude .etudeLienDiscret{align-self:flex-start; font-size:13px; color:var(--doux);} .etudeSansVideo{display:flex; flex-direction:column; gap:8px;} .etude .etudeApercu{display:flex; flex-direction:column; width:100%; padding:0; border:1px solid var(--bord); border-radius:14px; overflow:hidden; background:#fbf6ea; cursor:pointer; text-align:start;} .etudeApercu picture, .etudeApercu img{display:block; width:100%; aspect-ratio:16/9; object-fit:cover; object-position:top;} .etudeApercuBas{display:block; padding:11px 16px; background:#351001; color:#ccb479; font:bold 14px arial, sans-serif;} .etudeApercu:hover .etudeApercuBas, .etudeApercu:focus-visible .etudeApercuBas{color:#ffffff;} .etudeApercu:focus-visible{outline:3px solid #ccb479; outline-offset:2px;}  /* Contenu en onglets */ .etudeCorps{display:grid; grid-template-columns:minmax(0, 1fr); gap:24px; align-items:start;} .etudeContenu{display:flex; flex-direction:column; gap:16px; min-width:0;} .etudeOnglets{display:flex; flex-wrap:wrap; gap:6px; padding:6px; background:var(--panneau); border-radius:14px;} .etude .etudeOnglet{display:inline-flex; align-items:center; min-height:44px; padding:0 16px; border:0; border-radius:10px; background:transparent; color:#4a3626; font:bold 15px arial, sans-serif; cursor:pointer;} .etude .etudeOnglet:hover{background:#ffffff;} .etude .etudeOnglet[aria-selected="true"]{background:#ffffff; color:var(--accent); box-shadow:0 1px 3px rgba(53,16,1,.12);} .etudeOnglet:focus-visible, .etudeVue:focus-visible{outline:3px solid #ccb479; outline-offset:2px;}  .etudeTexte{min-width:0;} .etudeVue{display:flex; flex-direction:column; gap:16px; padding:24px; border:1px solid var(--bord); border-radius:14px; background:#ffffff; font-size:18px; line-height:1.7;} .etudeVue[hidden]{display:none;} .etude .etudeVueTitre{margin:0; padding:0; border:0; font:700 22px/1.3 'Frank Ruhl Libre', serif; color:var(--accent); text-align:start;} .etudeVue h3, .etude #descriptionBlock h3{margin:0; padding:0; background:none; font:700 18px/1.3 'Frank Ruhl Libre', serif; color:var(--accent); text-align:start !important;} .etudeHebreu{font-family:'Frank Ruhl Libre', serif, 'times new roman', 'Tinos'; font-size:24px; line-height:1.75; text-align:justify;} .etudeCommentaire{padding-top:14px; border-top:1px solid var(--bord);} .etudeCommentaire summary{display:flex; align-items:center; gap:10px; cursor:pointer; list-style:none;} .etudeCommentaire summary::-webkit-details-marker{display:none;} .etudeCommentaire summary::before{content:"\25B8"; flex:0 0 auto; color:var(--accent); font-size:14px;} html[dir="rtl"] .etudeCommentaire summary::before{content:"\25C2";} .etudeCommentaire[open] summary::before{content:"\25BE";} .etudeCommentaire summary h3{font-size:18px;} .etudeCommentaire .etudeHebreu{margin-top:10px; font-size:20px;} .etudeImage{margin:0; display:flex; flex-direction:column; gap:10px;} .etudeImage img{display:block; width:100%; height:auto; border-radius:6px; background:#efe7d6;} .etudeImage figcaption{font-size:14px;}  /* Colonne a cote du contenu */ .etudeCote{display:flex; flex-direction:column; gap:16px; min-width:0;} .etudePub{min-height:250px;} body.sansPub .etudePub, body.sansPub .etudePubBas{display:none;} .etude .etudeLien, .etudeAussi .etudeLien{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; border:1px solid var(--bord); border-radius:10px; background:#ffffff; color:var(--texte); font-size:15px; font-weight:bold; text-decoration:none;} .etude .etudeLien:hover, .etudeAussi .etudeLien:hover{border-color:#b89a52; color:var(--texte);} .etudeLienTexte{display:flex; flex-direction:column; gap:1px; min-width:0;} .etudeLienTexte small{font-size:13px; font-weight:normal; color:var(--doux);}  /* Pages voisines */ .etudeVoisines{display:flex; flex-wrap:wrap; gap:16px;} .etude .etudeVoisine{flex:1 1 260px; display:flex; flex-direction:column; gap:2px; padding:16px 20px; border:1px solid var(--bord); border-radius:12px; background:#ffffff; text-decoration:none;} .etude .etudeVoisine:hover{border-color:#b89a52;} .etudeVoisine small{font-size:14px; color:var(--doux);} .etudeVoisine strong{font:700 21px/1.25 'Frank Ruhl Libre', serif; color:var(--accent);} .etudeVoisineSuivante{align-items:flex-end; text-align:end;}  /* Bas de page */ .etudePubBas{max-width:1180px; margin:0 auto 24px; text-align:center;} .etudeAussi{max-width:1180px; margin:0 auto 28px; display:flex; flex-direction:column; gap:12px;} .etudeAussiListe{display:grid; grid-template-columns:repeat(auto-fill, minmax(min(240px, 100%), 1fr)); gap:10px;}  /* Ordinateur : "Cette page" a cote de la video, colonne a cote du contenu */ @media (min-width:900px){ 	.etudeHaut{grid-template-columns:minmax(300px, 1fr) minmax(0, 2fr);} 	.etudeHaut .etudeVideo{grid-column:2; grid-row:1;} 	.etudeHaut .etudeCettePage{grid-column:1; grid-row:1;} 	.etudeCorps{grid-template-columns:minmax(0, 1fr) 300px;} 	.etudeCote{position:sticky; top:84px;} }  @media (max-width:600px){ 	.etude{padding-top:12px; gap:22px;} 	.etude .etudeTitre{font-size:30px;} 	.etudeTitreHebreu{font-size:20px;} 	.etudeVue{padding:16px; font-size:17px;} 	.etudeHebreu{font-size:22px;} 	.etudePanneau{padding:16px;} }