/*tpl/frontend/css/composants.css*/
/* Composants communs repris de Tehilim Online (tpl/frontend/css/style.css de tehilim-online.com),    aux couleurs de Talmud Bavli : #004e5f (bleu-vert) devient #351001 (brun). Les autres couleurs    (#CCB479 or, #6c541a, #392c0e, #FFFBEB creme, #e6dcc3 bordure) sont communes aux deux sites.    Noms des classes gardes (tikoun..., favoris..., dedicaceApresLecture...) pour reprendre    facilement les evolutions de Tehilim Online.    Pages qui l'utilisent : Michnayot a la memoire (michnayotNom::css). */  .sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;}  /* Page de lecture / d'etude : en-tete, boutons, sections */ .tikoun{max-width:1180px; margin:0 auto; padding:0 16px 24px; box-sizing:border-box; text-align:start; color:#392c0e;} .tikoun *, .tikoun *::before, .tikoun *::after{box-sizing:border-box;} .tikoun [hidden]{display:none !important;} .tikoun h1, .tikoun h2, .tikoun h3{text-align:start;} .tikoun a{color:#6c541a;} .tikoun a:hover{color:#351001;} .tikounEntete{display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin:12px 0 8px;} .tikounEnteteTexte{flex:1 1 420px; display:flex; flex-direction:column; gap:12px;} .tikounTitreHe{align-self:flex-start; margin:0; font-family:'Frank Ruhl Libre', serif; font-size:22px; color:#6c541a; text-align:start;} .tikoun h1{margin:0; font-family:'Frank Ruhl Libre', serif; font-size:46px; line-height:1.1; color:#351001;} .tikounIntro{margin:0; font-size:18px; line-height:1.55; max-width:36em;} .tikounBanniere{flex:0 1 560px; width:100%; max-width:560px; height:auto; aspect-ratio:560 / 138; object-fit:cover; border-radius:12px;} .tikounBoutons{display:flex; flex-wrap:wrap; align-items:center; gap:10px;} .tikounBouton{display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 20px; border:2px solid #351001; border-radius:23px; background:#ffffff; color:#351001; font:700 16px/1.2 arial, sans-serif; text-align:center; cursor:pointer;} .tikoun a.tikounBouton{color:#351001;} .tikounBouton:hover, .tikounBouton:focus-visible, .tikoun a.tikounBouton:hover{background:#f6efe1; color:#351001;} .tikounBoutonPrincipal, .tikoun a.tikounBoutonPrincipal{background:#351001; color:#ffffff;} .tikounBoutonPrincipal:hover, .tikounBoutonPrincipal:focus-visible, .tikoun a.tikounBoutonPrincipal:hover{background:#250b00; color:#ffffff;} .tikounBoutonDiscret{border-color:transparent; background:transparent;} .tikounLienBouton{min-height:44px; padding:0 6px; border:0; background:transparent; color:#6c541a; font:600 15px arial, sans-serif; text-decoration:underline; cursor:pointer;} .tikoun button:focus-visible, .tikoun a:focus-visible, .tikoun summary:focus-visible, .tikoun input:focus-visible{outline:3px solid #CCB479; outline-offset:2px;} .tikounPub{margin:16px 0; text-align:center;}  .tikounSection{margin:40px 0;} .tikounSection h2{margin:0 0 12px; font-family:'Frank Ruhl Libre', serif; font-size:28px; color:#351001;} .tikounSection > p{margin:0 0 14px; font-size:16px; line-height:1.6; max-width:46em;} .tikounQuestions{display:grid; grid-template-columns:minmax(0, 2fr) minmax(0, 1fr); gap:32px; align-items:start;} .tikounQuestion{border-bottom:1px solid #e6dcc3;} .tikounQuestion summary{display:flex; align-items:center; min-height:52px; padding:4px 0; font-size:18px; font-weight:700; color:#351001; cursor:pointer;} .tikounQuestion p{margin:0 0 16px; font-size:16px; line-height:1.6;} .tikounSources{padding:20px; background:#ffffff; border:1px solid #e6dcc3; border-radius:14px;} .tikounSources h2{font-size:20px;} .tikounSources ul{margin:0; padding-inline-start:18px; font-size:15px; line-height:1.7;} .tikounSources li + li{margin-top:6px;} .tikounCartes{display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:16px; margin:0; padding:0; list-style:none;} .tikounCarte, .tikoun a.tikounCarte{display:flex; flex-direction:column; height:100%; background:#ffffff; border:1px solid #e6dcc3; border-radius:12px; overflow:hidden; color:#392c0e;} .tikounCarte:hover, .tikoun a.tikounCarte:hover{border-color:#CCB479; color:#392c0e;} .tikounCarte img{display:block; width:100%; height:auto; aspect-ratio:560 / 138; object-fit:cover;} .tikounCarte span{padding:12px 14px; font-size:17px; font-weight:700;} .tikounCarte .tikounCarteDetail{margin-top:-8px; padding-top:0; font-size:14px; font-weight:400; line-height:1.4; color:#6c541a;}  /* Cadre repliable d'un formulaire (details / summary) et lien a partager */ .favorisChoix{margin:16px 0 24px; padding:0 20px 20px; background:#ffffff; border:1px solid #e6dcc3; border-radius:14px;} .favorisChoixTitre{display:flex; align-items:center; min-height:52px; font-family:'Frank Ruhl Libre', serif; font-size:22px; font-weight:bold; color:#351001; cursor:pointer;} .favorisCase{position:relative; display:flex;} .favorisCase input{position:absolute; opacity:0; width:1px; height:1px; margin:0;} .favorisCase span{flex:1 1 auto; display:flex; align-items:center; justify-content:center; min-height:44px; padding:4px 8px; border:1px solid #CCB479; border-radius:10px; background:#ffffff; color:#351001; font-weight:bold; text-align:center; cursor:pointer;} .favorisCase input:checked + span{background:#351001; border-color:#351001; color:#ffffff;} .favorisCase input:focus-visible + span{outline:3px solid #CCB479; outline-offset:2px;} .favorisPartage{display:flex; flex-direction:column; gap:6px; margin:0 0 20px; font-size:14px; font-weight:bold; color:#6c541a;} .favorisPartageLigne{display:flex; gap:8px;} .favorisLien{flex:1 1 auto; min-width:0; height:46px; padding:0 12px; border:1px solid #CCB479; border-radius:8px; font-family:inherit; font-size:14px; color:#392c0e; background:#FFFBEB;}  /* Formulaire « prenom selon les lettres » (Psaume 119 suivant le nom sur Tehilim Online) */ .formNom{display:flex; flex-direction:column; gap:16px; max-width:640px;} .formNomGenre{display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; border:0;} .formNomGenre legend{margin:0 0 8px; padding:0; font-weight:bold; color:#6c541a;} .formNomGenre .favorisCase{flex:1 1 120px; max-width:200px;} .formNomChamp{display:flex; flex-direction:column; gap:6px; margin:0;} .formNomChamp label{font-weight:bold; color:#6c541a;} .formNomChamp input{height:50px; padding:0 14px; border:1px solid #CCB479; border-radius:10px; background:#FFFBEB; color:#392c0e; font:22px/1.2 'Frank Ruhl Libre', serif;} .formNomAide{margin:-6px 0 0; font-size:14px; color:#6c541a;} .formNom .tikounLienBouton{align-self:flex-start;} .formNomCase{display:flex; align-items:flex-start; gap:10px; color:#392c0e; cursor:pointer;} .formNomCase input{flex:0 0 auto; width:22px; height:22px; margin:2px 0 0; accent-color:#351001;} .formNomCase small{display:block; margin-top:2px; font-size:14px; color:#6c541a;} .formNomGroupe{display:flex; flex-direction:column; gap:10px; margin:0; padding:0; border:0;} .formNomGroupe legend{margin:0 0 8px; padding:0; font-weight:bold; color:#6c541a;} .formNom .tikounBoutonPrincipal{align-self:flex-start;} .formNomErreur{margin:0 0 20px; padding:12px 16px; border-radius:10px; background:#fbeceb; color:#8a1c12;}  /* Fin d'une page : l'etude est dite aussi pour les noms confies au site */ .dedicaceApresLecture{max-width:640px; margin:30px auto; padding:22px 20px 20px; border-radius:12px; background:#351001; color:#ffffff; text-align:start;} .dedicaceApresLecture h2{margin:0 0 14px; font-family:'Frank Ruhl Libre', serif; font-size:22px; font-weight:normal; line-height:1.3; color:#ffffff;} .dedicaceApresLectureListe{list-style:none; margin:0 0 16px; padding:0;} .dedicaceApresLectureListe li{display:flex; align-items:center; gap:10px; margin:0 0 10px; font-size:16px; line-height:1.35;} .dedicaceApresLecture .dedicaceIcone{color:#CCB479;} a.dedicaceApresLectureCta{display:flex; align-items:center; justify-content:center; min-height:48px; padding:0 16px; border-radius:6px; background:#CCB479; color:#392c0e; font-size:16px; font-weight:bold; text-decoration:none; text-align:center;} a.dedicaceApresLectureCta:hover, a.dedicaceApresLectureCta:focus-visible{background:#FFFBEB; color:#392c0e;} .dedicaceApresLectureCompteur{margin:12px 0 0; font-size:13px; color:#e6dcc3; text-align:center;} .dedicaceApresLecture .dedicaceApresLectureCompteur a{color:#ffffff;}  @media(max-width:900px){ 	.tikounQuestions{grid-template-columns:minmax(0, 1fr);} } @media(max-width:640px){ 	.tikoun h1{font-size:34px;} 	.formNom .tikounBoutonPrincipal{align-self:stretch;} } @media print{ 	.tikounBoutons, .tikounPub, .tikounCartes, .tikounBanniere, .favorisChoix, .favorisPartage, .formNomErreur, .dedicaceApresLecture{display:none !important;} }