/*tpl/frontend/css/etudePartagee.css*/
/* Etude partagee de la Michna (module etudePartagee). Charge apres composants.css et espace.css,    dont il reprend les cartes (.espaceCarte), champs (.espaceChamp) et boutons (.espaceBouton). */  .epPage .espaceCarte{margin:0 0 22px;} .epPage .espaceMessage{margin:16px 0;} .espaceCase{display:flex; align-items:center; gap:8px; min-height:44px; font-size:15px; cursor:pointer;} .espaceCase input{width:20px; height:20px; margin:0; accent-color:#6c541a;}  /* Presentation et creation */ .epGratuit{display:inline-block; margin-inline-start:8px; padding:4px 12px; border-radius:14px; background:#CCB479; color:#351001; font:700 15px/1.2 arial, sans-serif; vertical-align:middle;} .epEtapes{margin:0; padding:0; list-style:none; counter-reset:etape; display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:14px;} .epEtapes li{counter-increment:etape; position:relative; padding:18px 18px 18px 64px; border:1px solid #e6dcc3; border-radius:12px; background:#ffffff; font-size:16px; line-height:1.5;} .epEtapes li::before{content:counter(etape); position:absolute; inset-inline-start:18px; top:16px; width:34px; height:34px; border-radius:50%; background:#351001; color:#ffffff; font:700 17px/34px arial, sans-serif; text-align:center;} [dir="rtl"] .epEtapes li{padding:18px 64px 18px 18px;} .epCreation{max-width:760px;} .epChoix, .epGroupe, .epChoixLigne{margin:0; padding:0; border:0; min-width:0;} .epChoix legend, .epGroupe > legend, .epChoixLigne legend{padding:0; margin:0 0 8px; font-size:15px; font-weight:bold;} .epChoix{display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:10px;} .epOption{display:flex; align-items:flex-start; gap:10px; padding:14px; border:1px solid #CCB479; border-radius:10px; background:#ffffff; cursor:pointer;} .epOption:has(input:checked){border-color:#6c541a; background:#FFFBEB; box-shadow:inset 0 0 0 1px #6c541a;} .epOption input{width:20px; height:20px; margin:2px 0 0; accent-color:#6c541a; flex:0 0 auto;} .epOption span{display:flex; flex-direction:column; gap:4px;} .epOption small{color:#6c541a; font-size:14px; line-height:1.4;} .epGroupe{display:flex; flex-direction:column; gap:12px;} .epChoixLigne{display:flex; flex-wrap:wrap; gap:0 18px;} .epChoixLigne legend{width:100%;} .epDeuxChamps{display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:12px;} .espaceChamp small{font-size:14px; color:#6c541a; line-height:1.4;} .epErreur input, .epErreur select, .epErreur textarea{border-color:#a02a1f;} .epErreur small{color:#a02a1f; font-weight:bold;} .epGrille.epErreur{outline:2px solid #a02a1f; outline-offset:4px; border-radius:8px;}  /* En-tete d'une etude et avancee */ .epEntete{margin:16px 0 20px;} .epSurtitre{margin:0 0 6px; color:#6c541a; font-size:15px; font-weight:bold; text-transform:uppercase; letter-spacing:0.04em;} .epEntete h1{font-size:40px;} .epDescription{margin:10px 0 0; font-size:17px; line-height:1.55; max-width:42em;} .epFaits{display:flex; flex-wrap:wrap; gap:6px 24px; margin:14px 0 0; padding:0; list-style:none; font-size:16px;} .epJours{display:inline-block; margin-inline-start:8px; padding:2px 10px; border-radius:10px; background:#f6efe0; color:#351001; font-size:14px; font-weight:bold;} .epAvancee{margin:16px 0 0;} .epPage progress{-webkit-appearance:none; appearance:none; display:block; width:100%; height:14px; border:0; border-radius:7px; background:#f0ebdd; overflow:hidden; accent-color:#6c541a;} .epPage progress::-webkit-progress-bar{background:#f0ebdd; border-radius:7px;} .epPage progress::-webkit-progress-value{background:#6c541a; border-radius:7px;} .epPage progress::-moz-progress-bar{background:#6c541a; border-radius:7px;} .epChiffres{display:flex; flex-wrap:wrap; gap:4px 20px; margin:8px 0 0; font-size:15px; color:#6c541a;} .epChiffres b{color:#351001;}  /* Lien a partager */ .epContinuer{margin:0 0 20px;} a.epLienBouton{display:inline-flex; align-items:center; min-height:48px; padding:0 20px; border-radius:8px; background:#6c541a; color:#ffffff; font-weight:bold; text-decoration:none;} a.epLienBouton:hover, a.epLienBouton:focus{background:#392c0e; color:#ffffff;} .epPartage{margin:0 0 22px; padding:16px 20px; border-radius:12px; background:#f6efe0;} .epPartage label{display:block; margin:0 0 8px; font-weight:bold;} .epPartageLigne{display:flex; gap:8px;} .epPartageLigne input{flex:1 1 auto; min-width:0; height:44px; padding:0 12px; border:1px solid #CCB479; border-radius:6px; background:#ffffff; font-size:15px; color:#392c0e;} .epPartage p{margin:10px 0 0;}  /* Grille des chapitres */ .epLegende{display:flex; flex-wrap:wrap; gap:8px; margin:0;} .epEtat, .epChapitre{display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:0 12px; border:1px solid #CCB479; border-radius:8px; font-size:14px;} .epEtatLibre{background:#ffffff; color:#392c0e;} .epEtatPris{background:#f0ebdd; color:#6c541a; border-style:dashed;} .epEtatTermine{background:#e5efe1; color:#2f6b3a; border-color:#9cc093;} .epEtatMoi{background:#6c541a; color:#ffffff; border-color:#6c541a;} .epLegende .epEtat{min-height:30px;} .epGrille{display:flex; flex-direction:column; gap:10px;} .epSeder{border:1px solid #e6dcc3; border-radius:10px; background:#ffffff;} .epSeder > summary{display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:52px; padding:0 16px; font-family:'Frank Ruhl Libre', serif; font-size:20px; font-weight:bold; color:#351001; cursor:pointer;} .epSeder > summary small, .epTraite legend small{font-family:arial, sans-serif; font-size:13px; font-weight:normal; color:#6c541a;} .epTraite{margin:0; padding:12px 16px 16px; border:0; border-top:1px solid #f0ebdd; min-width:0;} .epTraite legend{float:left; width:100%; padding:0; margin:0 0 8px; font-size:17px; font-weight:bold; color:#351001;} [dir="rtl"] .epTraite legend{float:right;} .epTout{clear:both; display:inline-flex; align-items:center; gap:8px; min-height:40px; margin:0 0 8px; font-size:14px; font-weight:bold; cursor:pointer;} .epTout input, .epChapitre input{width:18px; height:18px; margin:0; accent-color:#6c541a;} .epChapitres{clear:both; display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; list-style:none;} label.epChapitre{cursor:pointer;} label.epChapitre:has(input:checked){background:#FFFBEB; border-color:#6c541a; box-shadow:inset 0 0 0 1px #6c541a;} label.epChapitre:focus-within{outline:3px solid #CCB479; outline-offset:2px;} .epParticipants{display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none;} .epParticipants li{padding:6px 12px; border-radius:16px; background:#f6efe0; font-size:15px;} .epParticipants small{color:#6c541a;}  /* Page personnelle : la michna a etudier */ .epColonnes{display:grid; grid-template-columns:minmax(0, 2fr) minmax(260px, 1fr); gap:22px; align-items:start;} .epMichna h2{font-size:26px;} .epTexte{font-family:'Frank Ruhl Libre', serif; font-size:24px; line-height:1.7; color:#351001;} .epTexte p{margin:0 0 10px;} .epBartenura{margin:18px 0 0; padding:16px 18px; border-radius:10px; background:#FFFBEB; border:1px solid #e6dcc3;} .epBartenura h3, .epTraduction h3{margin:0 0 8px; font-size:17px; color:#6c541a;} .epCommentaire{font-family:'Frank Ruhl Libre', serif; font-size:19px; line-height:1.7;} .epCommentaire p{margin:0 0 8px;} .epTraduction{margin:18px 0 0;} .epTraductionTexte{font-size:17px; line-height:1.6;} .epSource{margin:6px 0 0; font-size:13px; color:#6c541a;} .epActions{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:20px 0 0; padding-top:16px; border-top:1px solid #f0ebdd;} .epActions form{margin:0;} .epMesChapitres{display:flex; flex-direction:column; gap:12px; margin:0 0 16px; padding:0; list-style:none;} .epMesChapitres li{display:flex; flex-direction:column; gap:4px;} .epMesChapitres progress{height:8px;} .epMesChapitres small{font-size:13px; color:#6c541a;} .epMesChapitres form{margin:0;} .epMesChapitresTitre{font-weight:bold;} button.epLienDiscret{min-height:32px; padding:0; border:0; background:transparent; color:#6c541a; font:14px arial, sans-serif; text-decoration:underline; cursor:pointer;} button.epLienDiscret:hover, button.epLienDiscret:focus{color:#a02a1f;}  /* Gestion */ .epAvertissement{margin:0 0 18px;} .espaceEtiquette.epEtiquetteRetard{background:#fbeceb; color:#a02a1f;} .epClore{margin:0 0 30px;} button.epBoutonDanger{min-height:44px; padding:0 18px; border:1px solid #a02a1f; border-radius:8px; background:#ffffff; color:#a02a1f; font-size:15px; font-family:inherit; cursor:pointer;} button.epBoutonDanger:hover, button.epBoutonDanger:focus{background:#fbeceb;}  @media(max-width:800px){ 	.epColonnes{grid-template-columns:minmax(0, 1fr);} 	.epEntete h1{font-size:30px;} 	.epTexte{font-size:21px;} } @media(max-width:640px){ 	.epPartageLigne{flex-direction:column;} 	.epEtapes li{padding:16px 16px 16px 60px;} 	[dir="rtl"] .epEtapes li{padding:16px 60px 16px 16px;} }