/*
 * Shared styles for PDE tool and utility pages.
 *
 * This file replaces the old page-level migration bundle and is progressively
 * trimmed as pages are moved to semantic markup and dedicated components.
 * New global components should not be added here.
 */

/* page: propositions-de-programmations-de-la-maternelle-au-cm2 */
/* extracted inline style attributes */
.page-id-30477 #programmations-frame {
	border:0;
	display:block;
	width:100%;
	min-height:1200px;
}

/* page: ecrire-en-seyes */
/* extracted inline style attributes */
.page-id-30429 div:nth-of-type(1) {
	max-width:1200px;
	margin:0 auto;
}

.page-id-30429 #seyes-frame {
	width:100%;
	border:0;
	display:block;
	overflow:hidden;
	background:#fff;
	border-radius:12px;
}

/* page: generateur-de-repartitions-de-classes-2 */
/* extracted inline style attributes */
.page-id-30219 #repartitionTool {
	border:none;
	width:100%;
	min-height:1200px;
	display:block;
}

/* page: desabonnement-de-la-lettre-dinformation */
/* extracted style block 1 */
#pde-unsubscribe-box {
  max-width: 520px;
  margin: 40px auto;
  background: #ffffff;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

#pde-unsubscribe-box h2 {
  margin-top: 0;
  font-size: 22px;
}

#pde-unsubscribe-box .intro {
  font-size: 15px;
  color: #444;
  margin-bottom: 20px;
}

#pde-unsubscribe-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#pde-email {
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #cfded8;
  font-size: 15px;
}

#pde-unsubscribe-form button {
  padding: 12px 16px;
  border-radius: 10px;
  border: none;
  background: #0a7f65;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

#pde-unsubscribe-form button:hover {
  opacity: .9;
}

#pde-message {
  margin-top: 18px;
  font-size: 14px;
}

#pde-message.success {
  color: #0a7f65;
}

#pde-message.error {
  color: #b00020;
}

/* page: repas-entre-collegues-ou-amis */
/* extracted inline style attributes */
.page-id-29515 #repasTool {
	width:100%;
	border:none;
	display:block;
	height:1400px;
	background:#fff;
}

/* page: boutique */
/* extracted style block 1 */
#pde-boutique-search{
  --pde-accent:#289dcc;
  max-width:700px;
  margin:0 auto 25px;
  padding:10px;
  position:relative;
  font-family:'Segoe UI', Roboto, sans-serif;
  box-sizing:border-box;
  z-index:10;
}

#pde-boutique-search .pde-search-wrap{
  width:100%;
  position:relative;
}

#pde-boutique-search .pde-search{
  display:flex;
  align-items:center;
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:999px;
  padding:10px 16px;
  width:100%;
  box-sizing:border-box;
  transition: box-shadow .25s ease, border-color .25s ease;
}
#pde-boutique-search .pde-search:focus-within{
  border-color:var(--pde-accent);
  box-shadow:0 6px 22px rgba(40,157,204,.12);
}

#pde-boutique-search input[type="search"]{
  flex:1;
  border:none;
  outline:none;
  font-size:1.1rem;
  color:#111;
  padding:10px 8px;
  background:transparent;
}

#pde-boutique-search button{
  border:none;
  background:none;
  cursor:pointer;
  padding:6px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#pde-boutique-search button svg{
  width:26px;height:26px;
  stroke:var(--pde-accent);
  stroke-width:2.2;
  fill:none;
}
#pde-boutique-search button:hover{ opacity:.9; }

.pde-boutique-suggest{
  list-style:none;
  margin:0;
  padding:0;
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  position:absolute;
  z-index:99999;
  display:none;
  overflow:hidden;
  animation:fadeIn .15s ease;
}
.pde-boutique-suggest li a{
  display:block;
  padding:10px 14px;
  text-decoration:none;
  color:#111;
  font-size:15px;
}
.pde-boutique-suggest li:hover{
  background:#f5faff;
}
.pde-s-type{
  color:#888;
  font-size:13px;
  margin-left:6px;
  font-weight:400;
}

@keyframes fadeIn {
  from {opacity:0; transform:translateY(-4px);}
  to   {opacity:1; transform:translateY(0);}
}

/* extracted style block 2 */
.pde-boutique-head{
    max-width:820px;
    margin:20px auto;
    padding:0 10px;
}
.pde-ariane{
    font-size:0.9rem;
    color:#166888;
    margin-bottom:10px;
}
.pde-ariane a{
    color:#289dcc;
    text-decoration:none;
    font-weight:600;
}
.pde-ariane span{
    margin:0 6px;
    opacity:0.6;
}
.pde-cat-title{
    font-size:1.4rem;
    font-weight:700;
    color:#12566e;
    margin-bottom:5px;
}
.pde-cat-description{
    font-size:0.95rem;
    color:#444;
    line-height:1.45;
    margin-bottom:18px;
}

/* Catégories HOME */
/* page: santa-secret */
/* extracted style block 1 */
/* ==== STYLE PDE SECRET SANTA ==== */

#pde-santa-wrapper{
  max-width:780px;
  margin:20px auto;
  font-family:system-ui,-apple-system,Segoe UI,Roboto;
}

.pde-santa-card{
  background:#fff;
  border:1px solid #dcebf3;
  box-shadow:0 0 12px rgba(40,157,204,.15);
  border-radius:14px;
  padding:22px 24px;
}

.pde-santa-title{
  margin:0 0 6px;
  font-size:26px;
  color:#289dcc;
}

.pde-santa-text{
  margin:0 0 18px;
  color:#64748b;
}

.pde-santa-subtitle{
  font-size:20px;
  margin:16px 0 10px;
  color:#289dcc;
}

.pde-field{
  display:flex;
  flex-direction:column;
  margin-bottom:10px;
}

.pde-field label{
  font-weight:600;
  margin-bottom:4px;
  color:#0f172a;
}

.pde-field input{
  width:100%;
  padding:9px 11px;
  border-radius:10px;
  border:1px solid #cfdbe4;
  background:#f7fcff;
  font-size:15px;
}

.pde-field input:focus{
  outline:none;
  border-color:#289dcc;
  background:#fff;
}

.pde-santa-buttons{
  display:flex;
  gap:10px;
  margin-top:14px;
  flex-wrap:wrap;
}

.pde-santa-btn{
  background:#289dcc;
  color:#fff;
  border:none;
  padding:9px 15px;
  border-radius:10px;
  cursor:pointer;
  font-size:15px;
  font-weight:600;
  transition:.2s;
}

.pde-santa-btn:hover{
  background:#1f8bb0;
}

.pde-santa-btn-outline{
  background:#fff;
  color:#289dcc;
  border:2px solid #289dcc;
  padding:9px 15px;
  border-radius:10px;
  cursor:pointer;
  transition:.2s;
  font-weight:600;
}

.pde-santa-btn-outline:hover{
  background:#e8f8ff;
}

/* ✅ Utilisé par tous les modes : create / admin / participate / gift-ideas */
.pde-santa-hidden{
  display:none;
}

.pde-santa-alert{
  padding:8px 10px;
  border-radius:10px;
  margin-bottom:8px;
  font-size:14px;
}

.pde-santa-alert-info{
  background:#e0f2fe;
  color:#0f172a;
  border:1px solid #bae6fd;
}

.pde-santa-alert-error{
  background:#fee2e2;
  color:#7f1d1d;
  border:1px solid #fecaca;
}

.pde-santa-badge{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  background:#e0f2fe;
  color:#0369a1;
  font-size:12px;
  font-weight:600;
  margin-left:6px;
}

.pde-participants-table{
  width:100%;
  border-collapse:collapse;
  margin-top:6px;
  font-size:14px;
}

.pde-participants-table th,
.pde-participants-table td{
  border-bottom:1px solid #e2e8f0;
  padding:5px 4px;
  text-align:left;
}

.pde-participants-table th{
  font-weight:600;
  color:#475569;
}

.pde-santa-xbtn{
  border:none;
  background:none;
  cursor:pointer;
  font-size:16px;
  color:#ef4444;
}

.pde-santa-xbtn:hover{
  transform:scale(1.1);
}

/* ✅ Mobile */
@media(max-width:600px){
  .pde-santa-card{
    padding:18px 16px;
  }
}

/* extracted inline style attributes */
.page-id-29204 #pde-santa-menu {
	margin-bottom:20px;
}

.page-id-29204 #pde-santa-menu > h2:nth-of-type(1) {
	text-align:center;
	margin-bottom:14px;
}

.page-id-29204 #pde-santa-menu > div:nth-of-type(1) {
	justify-content:center;
	flex-wrap:wrap;
	gap:12px;
}

.page-id-29204 #pde-participate-id-box {
	margin-top:15px;
	text-align:center;
}

.page-id-29204 #pde-input-participate-id {
	padding:9px 11px;
	width:220px;
	border-radius:10px;
	border:1px solid #cfdbe4;
}

.page-id-29204 #pde-btn-go-id {
	margin-left:8px;
}

.page-id-29204 #pde-santa-menu > p:nth-of-type(1) {
	text-align:center;
	font-size:14px;
	color:#64748b;
	margin-top:18px;
}

.page-id-29204 #pde-create-links {
	margin-top:12px;
	font-size:14px;
}

/* page: ajout-dune-lecture-de-livre */
/* extracted style block 1 */
.pde-suggest-video-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
    font-family: "Inter", sans-serif;
  }

  .pde-suggest-video-card {
    background: #f0f7fa;
    border-radius: 12px;
    padding: 12px;
    border: 1px solid #dcebf3;
    box-shadow: 0 0 6px rgba(40,157,204,0.15);
  }

  .pde-suggest-video-intro {
    margin: 0 0 8px;
    font-size: 1.05rem;
    color: #234a5f;
    line-height: 1.3;
  }

  /* Ultra compact */
  .pde-field {
    margin: 0;
    padding: 0;
  }

  .pde-field label {
    display:block;
    font-weight:600;
    margin:0 0 2px;
    color:#234a5f;
    font-size:1.05rem;
  }

  .pde-field input {
    width:100%;
    padding:12px 12px;
    font-size:1.05rem;
    border-radius:8px;
    border:1px solid #cddfea;
    box-sizing:border-box;
    margin:0 0 6px;
  }

  .pde-field input:focus {
    border-color:#289dcc;
    outline:none;
    box-shadow:0 0 0 2px rgba(40,157,204,0.2);
  }

  .pde-error {
    font-size:0.8rem;
    color:#d93025;
    min-height:14px;
    margin-bottom:4px;
  }

  #pde-suggest-video-submit {
    width:100%;
    padding:12px;
    border:none;
    border-radius:50px;
    font-size:1.05rem;
    font-weight:600;
    cursor:pointer;
    background:linear-gradient(135deg,#289dcc,#1abc9c);
    color:#fff;
    box-shadow:0 3px 10px rgba(40,157,204,0.25);
    transition:0.2s;
    margin-top:0;
  }

  #pde-suggest-video-submit:hover {
    transform:translateY(-1px);
    box-shadow:0 5px 14px rgba(40,157,204,0.35);
  }

  #pde-suggest-video-submit[disabled] {
    opacity:0.6;
    cursor:default;
  }

  .pde-global-error {
    margin-top:8px;
    padding:8px;
    border-radius:8px;
    font-size:0.9rem;
    background:#fce8e6;
    color:#d93025;
  }

/* extracted inline style attributes */
.page-id-29115 #pde-suggest-video-form > p:nth-of-type(1) {
	display:none;
}

/* page: manipulation-unites-dizaines-centaines */
/* extracted style block 1 */
#pde-base10-tool{
  --unit:12px;
  max-width:1300px;
  margin:20px auto;
  padding:12px;
  background:#f7fcff;
  border-radius:14px;
  font-family:Inter,Arial,sans-serif;
  position:relative;
}

/* Toolbar */
.pde-b10-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:10px;
}
.pde-b10-btn{
  background:#289dcc;
  color:#fff;
  border:none;
  padding:10px 20px;
  border-radius:999px;
  cursor:pointer;
  font-size:1rem;
  font-weight:600;
}
.pde-b10-btn.active{
  background:#1abc9c;
  box-shadow:0 0 0 3px rgba(26,188,156,0.3);
}

/* Layout */
.pde-b10-layout{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.pde-b10-panel{
  background:#fff;
  padding:10px;
  border-radius:12px;
  box-shadow:0 3px 8px rgba(0,0,0,0.08);
}
.pde-b10-stock{
  flex:0 0 30%;
}
.pde-b10-board-wrapper{
  flex:1 1 auto;
}

/* Stock */
.pde-b10-stock-items{
  display:flex;
  gap:12px;
}

/* Pièces */
.pde-b10-piece{
  border:1px solid #289dcc;
  background:#d9f2ff;
  cursor:grab;
  transition:background .15s,border-color .15s;
}
.pde-b10-piece.selected{
  background:#1abc9c !important;
  border-color:#0f8f76 !important;
}

/* tailles */
.unit{
  width:var(--unit);
  height:var(--unit);
}
.ten{
  width:var(--unit);
  height:calc(10 * var(--unit));
  background:repeating-linear-gradient(
    to bottom,
    #d9f2ff 0,
    #d9f2ff var(--unit),
    #bfe8ff var(--unit),
    #bfe8ff calc(2 * var(--unit))
  );
}
.hundred{
  width:calc(10 * var(--unit));
  height:calc(10 * var(--unit));
  background:
    linear-gradient(#289dcc 1px, transparent 1px),
    linear-gradient(90deg,#289dcc 1px, transparent 1px),
    #e4f5ff;
  background-size:var(--unit) var(--unit);
}

/* Board */
.pde-b10-board{
  width:100%;
  height:520px;
  border:2px dashed #289dcc;
  border-radius:12px;
  background:#fafdff;
  position:relative;
  overflow:hidden;
}

/* Pièces sur la scène (positionnées sur root) */
.b10-piece{
  position:absolute;
  cursor:grab;
  z-index:50;
}
.b10-piece.dragging{
  transform:scale(1.08);
  z-index:9999;
}

/* Compteur */
.pde-b10-counter{
  position:absolute;
  top:8px;
  left:8px;
  padding:6px 12px;
  background:rgba(255,255,255,0.96);
  border-radius:10px;
  box-shadow:0 2px 6px rgba(0,0,0,0.15);
  z-index:100000;
  font-size:0.9rem;
}
.pde-b10-counter.hidden{
  display:none;
}

/* FULLSCREEN */
#pde-base10-tool:fullscreen{
  width:100vw !important;
  max-width:none !important;
}
#pde-base10-tool:fullscreen .pde-b10-stock{
  flex:0 0 15% !important;   /* réduit en largeur */
  min-width:120px;
  height:240px !important;   /* plus haut */
}
#pde-base10-tool:fullscreen .pde-b10-board{
  height:calc(100vh - 260px) !important;
}

/* page: abaque-en-ligne */
/* extracted style block 1 */
/* ========== GLOBAL PDE ========== */
#abaque-container{
  max-width:900px;
  margin:10px auto;
  font-family:"Inter", sans-serif;
  user-select:none;
}

/* ======= LIGNE ACHAT ======= */
#buy-line{
  margin-bottom:10px;
  font-size:15px;
}
#buy-line a{
  color:#289dcc;
  font-weight:700;
  text-decoration:none;
}
#buy-line a:hover{ text-decoration:underline; }

/* ======= ZONE BOUTONS + STOCK ======= */
#toolbar-row{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:15px;
}

/* BOUTONS */
#abaque-toolbar{
  display:flex;
  gap:8px;
}
#abaque-toolbar button{
  padding:6px 14px;
  border:none;
  border-radius:8px;
  background:#f9fbff;
  color:#1b2733;
  cursor:pointer;
  font-size:14px;
  font-weight:600;
  box-shadow:0 0 0 1px #d9e8f5 inset, 0 2px 4px rgba(40,157,204,0.12);
  transition:.15s;
}
#abaque-toolbar button:hover{
  background:white;
  box-shadow:0 0 0 1px #289dcc inset, 0 2px 8px rgba(40,157,204,.25);
}
#abaque-toolbar button.active{
  background:#ffe5e5;
  box-shadow:0 0 0 1px #ff7a7a inset, 0 2px 8px rgba(255,0,0,.25);
  color:#b30000;
}

/* STOCK GROUPÉ */
#stock-group{
  display:flex;
  gap:8px;
}
.stock-bead{
  width:38px;
  height:38px;
  border-radius:50%;
  cursor:pointer;
  box-shadow:0 2px 4px rgba(0,0,0,.15);
}

/* ====== ABAQUE ====== */
#abaque-wrapper{
  position:relative;
}

#abaque-board{
  display:flex;
  justify-content:space-between;
  padding:0 20px;
  min-height:400px;
}

/* Grande zone de drop */
.hitbox{
  width:70px;
  display:flex;
  justify-content:center;
}

/* Tiges */
.rod{
  width:22px;
  height:400px;
  background:#8b5a2b;
  border-radius:10px;
  display:flex;
  flex-direction:column-reverse;
  align-items:center;
  padding-bottom:8px;
}

/* ====== SOCLE ALIGNÉ PARFAITEMENT ====== */
#abaque-base{
  width:100%;
  height:70px;
  background:#8b5a2b;
  border-radius:12px;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.25);
  display:flex;
  justify-content:space-between;
  padding:0 20px;
  align-items:center;
}

/* hitbox identique à celle du board */
#abaque-base .hitbox{
  width:70px;
  display:flex;
  justify-content:center;
}

/* valeurs exactement sous la tige */
.rod-value{
  width:22px; /* largeur de la tige */
  text-align:center;
  font-weight:700;
  font-size:20px;
  color:white;
  display:none;
}

/* perles */
.bead{
  width:38px;
  height:38px;
  border-radius:50%;
  margin-bottom:4px;
  cursor:pointer;
  position:relative;
  box-shadow:0 3px 6px rgba(0,0,0,.2);
}

/* croix de suppression */
.delete-x{
  position:absolute;
  top:-6px;
  right:-6px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#c0392b;
  color:white;
  font-size:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  display:none;
}

/* fantôme du drag */
#drag-ghost{
  position:fixed;
  width:40px;
  height:40px;
  border-radius:50%;
  pointer-events:none;
  z-index:999999;
  display:none;
  transform:translate(-50%, -50%);
}

/* ======= FULLSCREEN ======= */
#abaque-container.fullscreen{
  position:fixed;
  inset:0;
  background:white;
  z-index:999999;
  padding:20px;
  max-width:100% !important;
  height:100vh;
  overflow:auto;
}

#btnFull.full{
  background:#289dcc !important;
  color:white !important;
}

/* Croix sortie plein écran */
#fs-exit{
  position:fixed;
  top:15px;
  right:20px;
  font-size:32px;
  font-weight:700;
  cursor:pointer;
  display:none;
  z-index:1000000;
  color:#289dcc;
  text-shadow:0 0 6px rgba(0,0,0,.25);
}
#fs-exit:hover{
  color:#1b6d8b;
}

/* extracted inline style attributes */
.page-id-28617 #stock-group > div:nth-of-type(1) {
	background:#289dcc;
}

.page-id-28617 #stock-group > div:nth-of-type(2) {
	background:#1abc9c;
}

.page-id-28617 #stock-group > div:nth-of-type(3) {
	background:#f1c40f;
}

.page-id-28617 #stock-group > div:nth-of-type(4) {
	background:#e67e22;
}

.page-id-28617 #stock-group > div:nth-of-type(5) {
	background:#9b59b6;
}

.page-id-28617 #stock-group > div:nth-of-type(6) {
	background:#e74c3c;
}

/* page: reglettes-cuisenaires */
/* extracted style block 1 */
#cuisenaire-app{
  font-family:"Inter",Arial,sans-serif;
  max-width:960px;
  margin:30px auto;
  text-align:center;
  color:#1b2733;
}
.toolbar{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:8px;
}
.toolbar button{
  background:#e3f1f7;
  color:#1b2733;
  border:1px solid #c9e6f2;
  border-radius:8px;
  padding:7px 14px;
  cursor:pointer;
  font-size:14px;
  font-weight:600;
  transition:.2s;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  display:flex;
  align-items:center;
  gap:6px;
}
.toolbar button:hover{
  background:#d2ecf7;
  border-color:#b2dae7;
}
.toolbar button.active{
  background:#1abc9c;
  color:#fff;
  border-color:#16a085;
}
#buyLink{
  background:#f9e6d0;
  border-color:#f2c897;
  color:#a6631b;
}
#buyLink:hover{
  background:#f2d9b5;
  border-color:#e5b774;
  color:#8a4e13;
}
.buy-text-top{
  margin:5px 0 15px;
  font-size:14px;
}
.buy-text-top a{
  color:#1abc9c;
  font-weight:600;
  text-decoration:none;
}
.buy-text-top a:hover{
  text-decoration:underline;
}
#stock{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:20px;
  padding:10px;
  border:1px solid #dce9ef;
  background:#f9fbfc;
  border-radius:10px;
}
.reglette{
  height:30px;
  border-radius:4px;
  cursor:grab;
  border:1px solid rgba(0,0,0,.15);
  position:relative;
  box-sizing:border-box;
  user-select:none;
  -webkit-user-select:none;
}
#workspace{
  width:100%;
  min-height:400px;
  background:#f0f7fa;
  border:2px dashed #c9e6f2;
  border-radius:12px;
  position:relative;
  overflow:hidden;
  user-select:none;
  -webkit-user-select:none;
}
.value-label{
  position:absolute;
  font-size:13px;
  font-weight:700;
  color:#fff;
  background:rgba(0,0,0,.55);
  border-radius:4px;
  padding:1px 5px;
  white-space:nowrap;
  pointer-events:none;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.text-label{
  position:absolute;
  font-size:14px;
  color:#000;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-weight:bold;
  pointer-events:none;
}
.part-line{
  position:absolute;
  top:0;
  width:1px;
  height:100%;
  background:#000;
  pointer-events:none;
}
.delete-cross{
  position:absolute;
  top:-6px;
  right:-6px;
  background:#e74c3c;
  color:#fff;
  font-size:11px;
  font-weight:bold;
  border-radius:50%;
  width:14px;
  height:14px;
  line-height:14px;
  text-align:center;
  pointer-events:none;
  display:none;
}
.reglette.delete-mode .delete-cross{
  display:block;
}

/* page: lapplication-des-professeurs-des-ecoles */
/* extracted style block 1 */
#app-pde p { margin-bottom:14px; }
    #app-pde .store-links {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 12px;
      margin: 24px 0;
    }
    #app-pde .store-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #289dcc;
      color: #fff;
      border: none;
      border-radius: 12px;
      padding: 12px 22px;
      font-weight: 600;
      text-decoration: none;
      font-size: 15px;
      transition: background .2s ease, transform .15s ease;
    }
    #app-pde .store-btn:hover {
      background: #1abc9c;
      transform: translateY(-1px);
    }
    #app-pde .features {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 10px;
      margin: 20px 0;
      padding: 0;
      list-style: none;
    }
    #app-pde .badge-feature {
      background: #f7fbfd;
      border: 1px solid #d8ebf5;
      border-radius: 10px;
      padding: 10px 14px;
      font-weight: 600;
      color: #154a5f;
      display: flex;
      align-items: center;
      gap: 8px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.04);
      transition: background .15s ease, box-shadow .15s ease;
    }
    #app-pde .badge-feature:hover {
      background: #eaf6fb;
      box-shadow: 0 2px 5px rgba(0,0,0,0.06);
    }

/* extracted inline style attributes */
.page-id-28541 #app-pde {
	font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
	color:#1b2733;
	max-width:800px;
	margin:0 auto;
	padding:25px 16px;
	line-height:1.6;
}

.page-id-28541 #app-pde > p:nth-of-type(3) {
	text-align:center;
	margin-top:10px;
	font-size:15px;
	color:#345;
}

/* page: guide-pour-reussir-le-crpe */
/* extracted style block 1 */
#pde-crpe-guide { width:100%; }
/* Panneaux repliables */
    #pde-crpe-guide .panel{
      border:1px solid rgba(40,157,204,.2); border-radius:10px;
      background:#fff; overflow:hidden;
      max-height:0; opacity:0; transform:translateY(-4px);
      transition:max-height .35s ease, opacity .25s ease, transform .25s ease;
      margin:0 0 8px 0; position:relative;
    }
    #pde-crpe-guide .panel[data-open="true"]{ opacity:1; transform:translateY(0); }
    #pde-crpe-guide .panel .inner{ padding:18px 14px 14px; position:relative; }

    /* Titres & typo uniformes dans les panneaux */
    #pde-crpe-guide .panel h3{
      margin:0 46px 12px 0; font-size:2.2rem;
      color:#0c3c52; line-height:1.2;
    }
    #pde-crpe-guide .panel p{ margin:10px 0; font-size:1.6rem; line-height:1.6; color:#0f2f3f; }
    #pde-crpe-guide .panel ul{ margin:8px 0 8px 18px; font-size:1.6rem; line-height:1.6; color:#0f2f3f; }
    #pde-crpe-guide .panel li + li{ margin-top:4px; }
    /* Liens : jamais soulignés */
    #pde-crpe-guide .panel a{ text-decoration:none; color:#1a82a5; font-weight:700; }
    #pde-crpe-guide .panel a:hover{ text-decoration:none; }
    #pde-crpe-guide .panel strong{ display:inline; font-size:inherit; font-weight:700; }

    /* Bouton fermer = flèche vers le haut */
    #pde-crpe-guide .close{
      position:absolute; top:8px; right:14px;
      background:#f2fbff; border:1px solid rgba(40,157,204,.25);
      padding:2px 8px; border-radius:6px;
      font-size:1.5rem; line-height:1; font-weight:800;
      color:#0c3c52; cursor:pointer;
      z-index:10; pointer-events:auto;
      box-shadow:0 1px 2px rgba(0,0,0,.05);
      transition:transform .15s ease, color .15s ease, background .15s ease;
    }
    #pde-crpe-guide .close:hover{ color:#1a82a5; transform:translateY(-1px); background:#e8f5fa; }
/* Boutons d’action (emoji avant, hover bleu / texte blanc) */
    #pde-crpe-guide .btn{
      display:inline-flex; align-items:center; gap:6px;
      padding:10px 14px; border-radius:10px;
      border:1px solid rgba(40,157,204,.25);
      background:#f7fbfd; color:#0c3c52; font-weight:700;
      text-decoration:none;
      transition:background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease;
      margin:6px 8px 4px 0;
    }
    #pde-crpe-guide .btn::before{
      content: attr(data-emoji);
      font-size: 1.2em; line-height:1;
    }
    #pde-crpe-guide .btn:hover,
    #pde-crpe-guide .btn:focus-visible{
      background:#289DCC; color:#fff; border-color:#289DCC;
      transform:translateY(-1px);
      text-decoration:none; outline:0;
    }

    /* Shortcode soutien */
    #pde-crpe-guide .soutien{ margin:10px 0 14px; }

    @media (max-width:600px){
      #pde-crpe-guide .panel h3{ font-size:1.9rem; }
      #pde-crpe-guide .panel p, #pde-crpe-guide .panel ul{ font-size:1.5rem; }
      #pde-crpe-guide .close{ top:6px; right:10px; }
    }

/* extracted inline style attributes */
.page-id-28516 #panel-inspe > div:nth-of-type(1) > ul:nth-of-type(2) > li:nth-of-type(1) > ul:nth-of-type(1) {
	margin-left:15px;
}

.page-id-28516 #panel-inspe > div:nth-of-type(1) > ul:nth-of-type(2) > li:nth-of-type(2) > ul:nth-of-type(1) {
	margin-left:15px;
}

.page-id-28516 #panel-agenda > div:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(2) {
	margin-top:10px;
}

.page-id-28516 #panel-agenda > div:nth-of-type(1) > p:nth-of-type(3) {
	margin-top:16px;
}

.page-id-28516 #panel-agenda > div:nth-of-type(1) > figure:nth-of-type(1) {
	text-align:center;
	margin:12px 0;
}

.page-id-28516 #panel-agenda > div:nth-of-type(1) > figure:nth-of-type(1) > img:nth-of-type(1) {
	max-width:100%;
	height:auto;
	border-radius:8px;
	box-shadow:0 1px 3px rgba(0,0,0,.06);
}

.page-id-28516 #panel-agenda > div:nth-of-type(1) > figure:nth-of-type(1) > noscript:nth-of-type(1) > img:nth-of-type(1) {
	max-width:100%;
	height:auto;
	border-radius:8px;
	box-shadow:0 1px 3px rgba(0,0,0,.06);
}

.page-id-28516 #panel-agenda > div:nth-of-type(1) > p:nth-of-type(6) {
	margin-top:18px;
}

.page-id-28516 #panel-livres > div:nth-of-type(1) > p:nth-of-type(4) {
	margin-top:1em;
}

/* page: tableau-des-nombres */
/* extracted style block 1 */
#pde-table-nombres {
      max-width: 900px;
      margin: 0 auto 40px;
      background: #fff;
      border-radius: 18px;
      box-shadow: 0 10px 30px rgba(0,0,0,.06);
      padding: 28px 32px 40px;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      color: #1f2937;
      text-align: center;
    }

    .nombre-buttons {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 20px;
    }

    .nombre-buttons button {
      background: linear-gradient(90deg,#1abc9c,#289dcc);
      color: white;
      border: none;
      border-radius: 10px;
      padding: 8px 16px;
      cursor: pointer;
      font-weight: 600;
      transition: all 0.25s ease;
      box-shadow: 0 3px 8px rgba(0,0,0,.1);
    }

    .nombre-buttons button:hover {
      transform: scale(1.07);
      box-shadow: 0 5px 12px rgba(0,0,0,.15);
    }

    .nombre-buttons button.active {
      background: #ccc;
      color: #333;
    }

    .nombre-grid {
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      gap: 6px;
      width: 100%;
    }

    .nombre-cell {
      aspect-ratio: 1 / 1;
      border-radius: 10px;
      background: linear-gradient(180deg,#f9fafb,#eef9f9);
      box-shadow: 0 2px 5px rgba(0,0,0,.05);
      font-weight: 600;
      cursor: pointer;
      transition: all 0.25s ease;
      user-select: none;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: clamp(12px, 2.5vw, 18px);
    }

    .nombre-cell:hover {
      transform: scale(1.08);
      background: linear-gradient(180deg,#e0f9f5,#ccf4f2);
      color: #289dcc;
    }

    .nombre-cell.hidden {
      background: #ffd6e8 !important;
      color: transparent !important;
      box-shadow: inset 0 0 0 2px #ffc1d9 !important;
    }

    .nombre-cell.hint {
      background: #ffe3ef !important;
      color: #c2185b !important;
      font-weight: 700;
      transform: scale(1.05);
    }

    .nombre-cell.selected {
      background: linear-gradient(90deg,#1abc9c,#289dcc) !important;
      color: #fff !important;
      transform: scale(1.08);
    }

    @media(max-width:600px){
      .nombre-grid {
        grid-template-columns: repeat(10,1fr);
      }
      .nombre-cell {
        aspect-ratio: 1 / 1;
        font-size: clamp(10px, 2.8vw, 14px);
      }
    }

    /* 🎨 Styles d'impression */
    @media print {
      body * {
        visibility: hidden;
      }
      #pde-table-nombres, #pde-table-nombres * {
        visibility: visible;
      }
      #pde-table-nombres {
        position: absolute;
        left: 0;
        top: 0;
        box-shadow: none;
      }
      .nombre-buttons {
        display: none !important;
      }
      .nombre-cell {
        border: 1px solid #ccc;
        box-shadow: none !important;
      }
    }

/* page: tableau-de-conversion */
/* extracted style block 1 */
#pde-conversion * { box-sizing: border-box; }
  #pde-conversion h1 {
    text-align: center;
    font-size: 1.8rem;
    background: linear-gradient(90deg,#1abc9c,#289dcc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0;
  }
  #pde-conversion .actions {display:flex;justify-content:center;gap:12px;margin:10px 0 25px 0;}
  #pde-conversion button {
    background:#f1f5f9;border:1px solid #cbd5e1;color:#1f2937;
    padding:10px 22px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;
    transition:background .2s ease, box-shadow .2s ease, transform .1s ease;
  }
  #pde-conversion button:hover {background:#e2e8f0;box-shadow:0 2px 5px rgba(0,0,0,.05);transform:translateY(-1px);}
  #pde-conversion button:active {background:#cbd5e1;}
  #pde-conversion .zone {display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;}
  #pde-conversion .etiquette {
    position:relative;padding:10px 16px;background:#eaf6fb;border-radius:10px;cursor:grab;
    font-weight:600;color:#289dcc;box-shadow:0 3px 5px rgba(0,0,0,.05);user-select:none;
    touch-action:none;
  }
  #pde-conversion .etiquette .close {
    position:absolute;top:-6px;right:-6px;background:#289dcc;color:white;border-radius:50%;
    font-size:12px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;
    z-index:10;
  }
  #pde-conversion .etiquette.melanger {background:#d1fae5;color:#047857;cursor:pointer;}
  #pde-conversion .etiquette.melanger:hover {background:#a7f3d0;}
  #pde-conversion .tableau-wrapper {position:relative;padding:0 4px;}
  #pde-conversion .tableau {display:grid;position:relative;margin:0 auto;width:100%;}
  #pde-conversion .ligne {display:grid;grid-template-columns:var(--col-template);gap:6px;margin-bottom:6px;}
  #pde-conversion .case {
    background:#fff;border:2px dashed #289dcc;border-radius:10px;
    display:flex;align-items:center;justify-content:center;font-size:1.3rem;
    transition:background .2s ease;min-height:50px;
  }
  #pde-conversion .grid-lines {position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
  #pde-conversion .v-line {
    position:absolute;width:2.5px;top:0;bottom:0;background:linear-gradient(180deg,#1abc9c,#289dcc);
    opacity:0.6;border-radius:2px;transform:translateX(-50%);
  }
  #pde-conversion .separator {height:3px;background:linear-gradient(90deg,#1abc9c,#289dcc);border-radius:2px;margin:10px 0 15px 0;}
  #pde-conversion .highlight {background:#e0f7ff !important;}
  #pde-conversion .info {font-size:0.9rem;color:#64748b;text-align:center;margin-bottom:15px;font-style:italic;}
  #pde-conversion.compact #pde-config {transform:scaleY(0.7);transform-origin:top;transition:transform .3s ease;}
  @media (max-width:600px){
    #pde-conversion .case{min-height:36px;font-size:1rem;}
    #pde-conversion .etiquette{padding:6px 10px;font-size:0.9rem;}
    #pde-conversion .ligne{gap:4px;}
  }

/* extracted inline style attributes */
.page-id-28471 #pde-conversion {
	max-width:950px;
	margin:0 auto;
	background:#fff;
	border-radius:18px;
	box-shadow:0 10px 30px rgba(0,0,0,.06);
	padding:28px 32px 40px;
}

.page-id-28471 #pde-unites {
	width:100%;
	padding:10px;
	border-radius:8px;
	border:1px solid #ccc;
}

.page-id-28471 #pde-tableau-zone {
	display:none;
}

/* page: detail-des-points */
/* extracted style block 1 */
.pde-points-wrap--guest{max-width:760px;margin:20px auto;padding:18px;border-radius:14px;background:#f7fbfe;border:1px solid #d6edf8;text-align:center}
	.pde-points-wrap--guest a{display:inline-block;padding:9px 14px;border-radius:999px;background:#289dcc;color:#fff;text-decoration:none;font-weight:700}

/* page: top-50-des-membres */
/* extracted style block 1 */
.pde-top50-container{max-width:900px;margin:auto;background:#fff;border:1px solid #d0eaf6;border-radius:12px;box-shadow:0 0 10px rgba(40,157,204,.12);padding:1.25rem 1.5rem;overflow-x:auto}
.pde-top50-title{font-size:1.6rem;text-align:center;color:#289dcc;margin:0 0 1rem}
.pde-top50-table{width:100%;border-collapse:collapse}
.pde-top50-table th,.pde-top50-table td{padding:.6rem .4rem;border-bottom:1px solid #eee;vertical-align:middle;font-size:.95rem;white-space:nowrap}
.pde-top50-table th{background:#f1faff;color:#289dcc;font-weight:600}
.pde-top50-table .is-top-1{background:#fff9e6}
.pde-top50-table .is-top-2{background:#f3f6ff}
.pde-top50-table .is-top-3{background:#fff3ec}
.pde-top50-user{display:flex;align-items:center;gap:.5rem;overflow:hidden}
.pde-top50-user img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.pde-top50-user a{color:#289dcc;text-decoration:none;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:160px}
.pde-top50-badge{background:#289dcc;color:#fff;padding:.35em .7em;border-radius:999px;font-weight:600;display:inline-block;min-width:56px;text-align:center}
@media(max-width:640px){.pde-top50-table th,.pde-top50-table td{padding:.45rem .3rem;font-size:.88em}.pde-top50-user img{width:34px;height:34px}.pde-top50-user a{max-width:90px}}

/* page: league */
/* extracted style block 1 */
.pde-league-explications.final2 {
      max-width: 760px;
      margin: 0 auto 32px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.04);
      border-radius: 18px;
      padding: 22px 20px 30px;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      color: #1f2937;
      box-shadow: 0 10px 35px rgba(15,23,42,.05);
    }
    .pde-league-explications.final2 p {
      line-height: 1.55;
      margin-bottom: 1rem;
    }

    /* Bloc "Comment gagner des points" */
    .pde-actions-points {
      background: #f8fafc;
      border: 1px solid rgba(148,163,184,.15);
      border-radius: 14px;
      padding: 14px 16px 12px;
      margin: 16px 0 22px;
      font-size: .95rem; /* ⇦ plus grand */
    }
    .pde-actions-points h2 {
      font-size: 1rem;
      color: #0f766e;
      margin-top: 0;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .pde-actions-points ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 8px 18px;
    }
    .pde-actions-points li {
      font-size: .9rem;
    }
    .pde-point-tag {
      display: inline-block;
      background: rgba(40,157,204,.15);
      color: #0f172a;
      border-radius: 999px;
      padding: 1px 7px 2px;
      font-size: .7rem;
      font-weight: 600;
      margin-right: 4px;
      white-space: nowrap;
    }

    /* Tableau COMPACT */
    .pde-league-tablewrap {
      margin: 0 auto;
      max-width: 520px;  /* ⇦ largeur fixe compacte */
      border-radius: 16px;
      border: 1px solid rgba(148,163,184,.15);
      background: #f8fafc;
      overflow: hidden;  /* ⇦ pas de scroll horizontal */
    }
    .pde-league-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed; /* ⇦ on contrôle les colonnes */
    }
    .pde-league-table colgroup col:first-child {
      width: 58%; /* juste assez pour le badge */
    }
    .pde-league-table colgroup col:last-child {
      width: 42%;
    }
    .pde-league-table th,
    .pde-league-table td {
      padding: 9px 10px;
      font-size: .85rem;
      text-align: left;
    }
    .pde-league-table thead th {
      background: rgba(40,157,204,.12);
      text-transform: uppercase;
      letter-spacing: .03em;
      font-size: .7rem;
      color: #0f172a;
    }
    .pde-league-table tbody tr:nth-child(even) {
      background: rgba(255,255,255,.7);
    }

    /* ===== badges étoiles (mêmes classes que ton fichier) ===== */
    .pde-starbadge{
      display:inline-flex;
      align-items:center;
      gap:.35rem;
      padding:3px 10px 4px;
      border-radius:999px;
      font-size:.72rem;
      color:#fff;
      line-height:1;
      box-shadow:0 6px 16px rgba(0,0,0,.12);
      white-space: nowrap;
    }
    .pde-starbadge[data-band="low"]{
      background:linear-gradient(90deg,#f6d36d,#f2b043);
    }
    .pde-starbadge[data-band="mid"]{
      background:linear-gradient(90deg,#b7d86f,#8dd15e);
    }
    .pde-starbadge[data-band="high"]{
      background:linear-gradient(90deg,#41c2c7,#63d1b4);
    }
    .pde-stars{
      display:flex;
      gap:.15rem;
    }
    .pde-star{
      width:.8em;
      height:.8em;
      position:relative;
      display:inline-block;
      font-style:normal;
      font-weight:700;
    }
    .pde-star::before{
      content:"★";
      position:absolute;
      inset:0;
      line-height:1;
      text-align:center;
      color:#fff;
      opacity:.28;
      font-size:1em;
    }
    .pde-star.full::before{
      opacity:1;
    }
    .pde-star.half{
      clip-path:inset(0 47% 0 0);
    }
    .pde-star.half::before{
      opacity:1;
    }
    .pde-points{
      background:rgba(255,255,255,.15);
      border-radius:999px;
      padding:1px 8px 2px;
      font-size:.65rem;
      font-weight:600;
    }

    /* Récompense */
    .pde-reward {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      background: rgba(26,188,156,.12);
      border: 1px solid rgba(26,188,156,.25);
      border-radius: 999px;
      padding: 2px 10px 3px;
      font-size: .72rem;
      color: #0f766e;
      font-weight: 600;
      white-space: nowrap;
    }
    .pde-reward.none {
      background: transparent;
      border: none;
      color: transparent;
      padding: 0;
    }

    @media (max-width: 540px) {
      .pde-league-tablewrap {
        max-width: 100%;
      }
      .pde-league-table colgroup col:first-child {
        width: 60%;
      }
      .pde-league-table colgroup col:last-child {
        width: 40%;
      }
    }

/* page: generateur-de-planning-de-services-de-recreations */
/* extracted style block 1 */
@media print { .no-print{ display:none!important } }
      *{ -webkit-print-color-adjust: exact!important; print-color-adjust: exact!important; }
      .dragging{ opacity:.6 }
      .person{ position:relative; padding-right:22px; }
      .person .txt{ display:inline; overflow-wrap:anywhere; white-space:normal; }
      .person .del{ position:absolute; top:2px; right:2px; width:18px; height:18px; line-height:16px;
        border-radius:9999px; border:1px solid #cbd5e1; background:#fff; font-weight:700; font-size:12px; cursor:pointer; opacity:.7; }
      .person .del:hover{ opacity:1 }
      #planning-table{ table-layout:fixed; }

      /* ✅ Taille de police globale + homogénéisation */
      .pdepr-root{ font-size:18px; line-height:1.6; }
      .pdepr-root :where(input,button,select,textarea,table,th,td,label,span,div,p,li,a,h1,h2,h3,h4,h5,h6){ font-size:1rem; }
      .pdepr-root h2{ font-size:1.25rem; } /* ~20px */
      .pdepr-root .text-sm{ font-size:1rem; } /* évite micro-texte */
      .pdepr-root .text-xs{ font-size:.9375rem; }

      /* ✅ Boutons unifiés */
      .pdepr-btn{ padding:.625rem 1rem; border-radius:.75rem; font-size:1rem; line-height:1.2; border:1px solid #e2e8f0; background:#fff; }
      .pdepr-btn:hover{ background:#f8fafc; }
      .pdepr-btn-primary{ padding:.625rem 1rem; border-radius:.75rem; font-size:1rem; line-height:1.2; background:#289DCC; color:#fff; border:1px solid #289DCC; }
      .pdepr-btn-primary:hover{ opacity:.92; }

      /* Alignement vertical des champs et boutons dans les barres d’actions */
      .pdepr-actions{ display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
      .pdepr-actions label{ margin-right:.25rem; }
      .pdepr-actions input[type="text"], .pdepr-actions input[type="time"], .pdepr-actions input[type="number"]{ height:42px; display:inline-flex; align-items:center; }

/* page: generateur-de-sorties-scolaires */
/* extracted inline style attributes */
.page-id-28043 #sortie-frame {
	width:100%;
	border:0;
	overflow:hidden;
}

/* page: time-timer */
/* extracted style block 1 */
/* ===== PDE Timer (scopé) ===== */
.pde-timer{ --bg:#fff; --ring:#eef2f3; --text:#0e2c2f; --blue:#289DCC; --blueSoft:#7fc7e3; --angle:360; --start:-90deg; --size:340px;
  background:var(--bg); color:var(--text); display:grid; gap:16px; justify-items:center; width:100%; }
.pde-controls{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.pde-controls input{ width:56px; padding:6px; border-radius:8px; border:1px solid #ccc; text-align:center; }
.pde-btn{ border:none; padding:10px 14px; border-radius:12px; cursor:pointer; font-size:16px; background:var(--blue); color:#fff; box-shadow:0 2px 8px rgba(40,157,204,.25); }
.pde-secondary{ background:#fff; color:var(--text); border:1px solid #ccc; }
.pde-btn:active{ transform:scale(.98); }

/* État actif (turquoise) appliqué par JS quand play/pause sont actifs */
.pde-btn.is-active{
  background: var(--blue) !important;
  color:#fff !important;
  border-color: var(--blue) !important;
  box-shadow:0 2px 8px rgba(40,157,204,.25);
}

/* Bouton son (coche visible si aria-pressed="true") */
.pde-sound{ display:inline-flex; align-items:center; gap:6px; }
.pde-sound .pde-sound-check{ width:1em; display:inline-block; text-align:center; opacity:1; transition:.15s; }
.pde-sound[aria-pressed="false"] .pde-sound-check{ opacity:0; }

.pde-ring{ position:relative; width:var(--size); height:var(--size); border-radius:50%;
  background:conic-gradient(from var(--start), var(--blue) 0deg calc(var(--angle)*1deg), var(--ring) 0deg 360deg);
  display:grid; place-items:center; }
.pde-ring::before{ content:""; position:absolute; inset:12px; border-radius:50%; background:#fff; box-shadow:inset 0 0 0 1px #ddd; }
.pde-tick{ position:absolute; inset:0; border-radius:50%; pointer-events:none;
  -webkit-mask:radial-gradient(circle,transparent 60%,black 60%); mask:radial-gradient(circle,transparent 60%,black 60%); }
.pde-tick i{ position:absolute; left:50%; top:50%; width:2px; height:14%; background:#d0d7d8; transform-origin:bottom center; }
.pde-readout{ position:relative; z-index:2; text-align:center; display:grid; gap:6px; }
.pde-time{ font-size:56px; font-weight:700; font-variant-numeric:tabular-nums; }
.pde-status{ color:#5c7072; font-size:14px; }
.pde-bar{ height:10px; width:min(240px, 80vw, calc(var(--size) - 120px)); background:#e5ebec; border-radius:999px; overflow:hidden; margin:auto; }
.pde-bar>span{ display:block; height:100%; width:100%; background:linear-gradient(90deg, var(--blue), var(--blueSoft)); transform-origin:left; transform:scaleX(1); }

/* Lien d’achat (optionnel) */
.pde-buy{ margin:4px 0 0; font-size:14px; }
.pde-buy a{ text-decoration:none; border-bottom:1px dashed currentColor; }

/* Responsive grandeur naturelle */
@media (max-width:480px){ .pde-timer{ --size:300px; } }

/* page: generateur-de-calculs */
/* extracted inline style attributes */
.page-id-27586 #calculs-embed {
	max-width:100%;
	overflow:hidden;
}

.page-id-27586 #iframe-calculs {
	border:0;
	width:100%;
	height:800px;
}

/* page: logout */
/* extracted style block 1 */
#pde-home-menu {
      --pde-accent:#289DCC;
      --pde-radius:16px;
      width:100%;
      max-width:none;
      margin:0;
      padding:10px 0 20px 0;
      background:#fff;
      color:#222;
      font-family:'Segoe UI', Roboto, sans-serif;
      position:relative;
      z-index:1;
    }

    /* === Grille principale === */
    #pde-home-menu .pde-grid {
      display:grid;
      gap:18px;
      grid-template-columns:repeat(3, minmax(0,1fr));
      padding:0 5%;
    }

    @media (max-width:900px){
      #pde-home-menu .pde-grid {
        grid-template-columns:repeat(2,1fr);
        gap:16px;
        padding:0 4%;
      }
    }

    @media (max-width:600px){
      #pde-home-menu { padding:5px 0 10px 0; }
      #pde-home-menu .pde-grid {
        grid-template-columns:repeat(2,1fr);
        gap:10px;
        padding:0 3%;
      }
    }

    /* === Cartes === */
    #pde-home-menu .pde-card {
      display:block;
      padding:18px 20px;
      background:#fff;
      border:1px solid rgba(0,0,0,.08);
      border-radius:var(--pde-radius);
      text-decoration:none;
      color:inherit;
      box-shadow:0 1px 2px rgba(0,0,0,.04);
      transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    

    /* === Contenu des cartes === */
    #pde-home-menu .pde-card img {
      float:left;
      width:68px;
      height:68px;
      border-radius:12px;
      object-fit:cover;
      margin:2px 12px 2px 0;
      box-shadow:none;
    }
    #pde-home-menu .pde-card h3 {
      margin:0 0 4px 0;
      font-size:clamp(1.25rem,2.4vw,1.6rem);
      font-weight:800;
      color:#111;
      line-height:1.22;
    }
    #pde-home-menu .pde-card p {
      margin:0;
      font-size:clamp(1.02rem,2vw,1.22rem);
      color:#3a3a3a;
      line-height:1.45;
    }

    @media (max-width:600px){
      #pde-home-menu .pde-card { padding:12px; }
      #pde-home-menu .pde-card img {
        width:35px;
        height:35px;
        margin:2px 10px 2px 0;
      }
      #pde-home-menu .pde-card h3 { font-size:1.05rem; }
      #pde-home-menu .pde-card p { font-size:.95rem; }
    }

/* page: outil-de-calcul-des-absences-et-presences-pour-le-registre-dappel */
/* extracted style block 1 */
#pde-presences-tool, #pde-presences-tool * { box-sizing: border-box; }
    #pde-presences-tool {
      --radius: 12px;
      --accent: #289DCC;
      --accent-dark: #2088AA;
      --ring: #D9F0F8;
      --error: #dc2626;
      --success-bg: #ecfdf5;
      --success-border: #6ee7b7;
      --success-text: #059669;
      --border: #e5e7eb;
    }
    #pde-presences-tool .wrap {
      max-width: 720px; margin: 24px auto; background: #fff;
      border-radius: 20px; box-shadow: 0 8px 24px rgba(0,0,0,.06);
      padding: 22px; color: #1f2937;
    }
    #pde-presences-tool .grid {
      display: grid; gap: 18px; grid-template-columns: 1fr;
    }
    @media (min-width: 700px){
      #pde-presences-tool .grid { grid-template-columns: 1fr 1fr; }
    }
    #pde-presences-tool label {
      font-weight: 600; font-size: 15px; display: block; margin-bottom: 8px;
    }
    #pde-presences-tool input[type=number] {
      width: 100%; padding: 12px 14px; border: 1px solid var(--border);
      border-radius: var(--radius); font-size: 16px;
    }
    #pde-presences-tool input[type=number]:focus {
      border-color: var(--accent); box-shadow: 0 0 0 3px var(--ring);
      outline: none;
    }
    #pde-presences-tool .full { grid-column: 1 / -1; }
    #pde-presences-tool .btn {
      width: 100%; padding: 14px; border: 1px solid var(--accent-dark);
      cursor: pointer; color: #fff; font-weight: 700; font-size: 16px;
      background: var(--accent); border-radius: 16px;
      transition: background .15s ease, transform .03s ease-in-out;
    }
    #pde-presences-tool .btn:hover { background: var(--accent-dark); }
    #pde-presences-tool .btn:active { transform: translateY(1px); }
    #pde-presences-tool .error {
      color: var(--error); font-weight: 600; margin-top: 10px; display: none;
    }
    #pde-presences-tool .result-box {
      margin-top: 14px; padding: 14px; border: 1px solid var(--success-border);
      background: var(--success-bg); border-radius: var(--radius);
      color: var(--success-text); font-weight: 700; text-align: center;
      display: none;
    }

/* page: generateur-lire-couleur */
/* extracted inline style attributes */
.page-id-23967 #lirecouleur-frame {
	width:100%;
	border:0;
	overflow:hidden;
	display:block;
}

/* page: forum */
/* extracted style block 1 */
.pde-widget-search {width: 100%;max-width: none;}
    .pde-widget-search{font-family:'Segoe UI',Roboto,sans-serif;position:relative;max-width:600px;margin:10px auto 20px}
    .pde-widget-search form{display:flex;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.10);border-radius:999px;padding:8px 14px;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:box-shadow .25s ease,border-color .25s ease}
    .pde-widget-search form:focus-within{border-color:#289DCC;box-shadow:0 6px 22px rgba(40,157,204,.12)}
    .pde-widget-search input[type="search"]{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;font-size:1.05rem;padding:6px 8px;color:#111}
    .pde-widget-search button{flex:0 0 auto;border:0;background:none;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .15s ease}
    .pde-widget-search button:hover{transform:scale(1.1);opacity:.9}
    .pde-widget-search button svg{width:22px;height:22px;stroke:#289DCC;stroke-width:2;fill:none}

    /* Suggestions */
    .pde-widget-suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid rgba(0,0,0,.10);border-radius:12px;box-shadow:0 8px 26px rgba(0,0,0,.12);z-index:30;display:none}
    .pde-widget-suggest.visible{display:block}
    .pde-widget-suggest ul{list-style:none;margin:0;padding:6px}
    .pde-widget-suggest li a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:#111;font-size:.95rem;line-height:1.35}
    .pde-widget-suggest li a:hover,.pde-widget-suggest li.is-active a{background:rgba(40,157,204,.08)}
    .pde-widget-suggest .empty{padding:10px 12px;color:#777;font-size:.9rem}

    /* Mode sombre */
    @media (prefers-color-scheme: dark){
      .pde-widget-search form{background:#0f141a;border-color:#1e2730}
      .pde-widget-search input[type="search"]{color:#e9eef3}
      .pde-widget-search button svg{stroke:#53baf0}
      .pde-widget-suggest{background:#0f141a;border-color:#1e2730}
      .pde-widget-suggest li a{color:#e9eef3}
      .pde-widget-suggest li a:hover,.pde-widget-suggest li.is-active a{background:rgba(40,157,204,.20)}
    }

/* page: generateurs-dexercices-de-francais */
/* extracted inline style attributes */
.page-id-19855 #mwai-form-container-rbzdpmmy3 > div:nth-of-type(1) > div:nth-of-type(1) {
	flex-basis:100%;
}

/* page: les-videos-sur-les-eleves-a-besoins-educatifs-particuliers */
/* extracted inline style attributes */
.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(1) > div:nth-of-type(1) {
	max-width: 100%;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(5) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(5) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(5) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(6) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(6) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(6) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(7) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(7) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(7) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(8) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(8) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(8) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(9) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(9) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(9) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(10) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(10) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(10) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(11) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(11) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(11) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(12) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(12) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-14089 #ayg-2abd7e1fd8675bcc9f7f9ed694718684 > div:nth-of-type(2) > div:nth-of-type(12) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

/* page: videos-pour-preparer-le-crpe */
/* extracted inline style attributes */
.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(1) > div:nth-of-type(1) {
	max-width: 100%;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(5) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(5) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(5) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(6) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(6) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(6) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(7) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(7) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(7) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(8) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(8) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(8) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(9) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(9) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(9) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(10) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(10) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(10) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(11) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(11) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(11) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(12) > div:nth-of-type(1) > div:nth-of-type(1) {
	--ayg-image-ratio: 16 / 9;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(12) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display: none;
}

.page-id-10954 #ayg-704403e8c8c6da6514869c4f4ebe60b8 > div:nth-of-type(2) > div:nth-of-type(12) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
	display: none;
}

/* page: contact */
/* extracted style block 1 */
/* ==================================================
   FORMULAIRE CONTACT – STYLE PDE (COMPACT VERTICAL)
================================================== */

.pde-contact {
  max-width: 620px;
  margin: 2rem auto;
  padding: 2rem;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 35px rgba(0,0,0,.1);
}

.pde-contact h2 {
  text-align: center;
  margin-bottom: .9rem; /* ↓ réduit */
}

.pde-field {
  margin-bottom: .5rem; /* ↓ réduit fortement */
}

.pde-field label {
  display: block;
  font-weight: 600;
  margin-bottom: .15rem; /* ↓ réduit */
}

.pde-field input,
.pde-field textarea {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #ddd;
}

.pde-field textarea {
  resize: vertical;
}

.pde-submit {
  width: 100%;
  margin-top: .7rem; /* ↓ réduit */
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg,#2563eb,#3b82f6);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

/* ==================================================
   POPUP CONFIRMATION
================================================== */

.pde-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.pde-popup {
  background: #fff;
  padding: 2rem;
  max-width: 420px;
  border-radius: 18px;
  text-align: center;
  box-shadow: 0 20px 50px rgba(0,0,0,.25);
  animation: pdePop .25s ease-out;
}

.pde-popup h3 {
  margin-top: 0;
}

.pde-popup button {
  margin-top: 1.2rem;
  padding: .6rem 1.4rem;
  border: none;
  border-radius: 999px;
  background: #2563eb;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

@keyframes pdePop {
  from { transform: scale(.9); opacity: 0; }
  to   { transform: scale(1); opacity: 1; }
}

/* extracted inline style attributes */
.page-id-9684 form:nth-of-type(1) > div:nth-of-type(5) {
	position:absolute;
	left:-9999px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* page: signaler-une-video */
/* extracted inline style attributes */
.page-id-9569 p:nth-of-type(1) > a:nth-of-type(1) > strong:nth-of-type(1) > span:nth-of-type(1) {
	text-decoration: underline;
}

.page-id-9569 p:nth-of-type(3) > strong:nth-of-type(1) > span:nth-of-type(1) {
	text-decoration: underline;
}

/* page: mouvement */
/* extracted style block 1 */
#pde-liens-mouvement{ width:100%; }
.soutien{ margin:10px 0 14px; }

    /* ====== Panneaux ====== */
    .panel{
      border:1px solid rgba(59,130,246,.25);
      border-radius:12px;
      background:#fff;
      overflow:hidden;
      max-height:0;
      opacity:0;
      transform:translateY(-4px);
      transition:max-height .35s ease,opacity .25s,transform .25s;
      margin-bottom:12px;
      position:relative;
    }

    .panel[data-open="true"]{
      opacity:1;
      transform:translateY(0);
    }

    .panel .inner{
      padding:18px 16px 16px;
    }

    .panel h3{
      margin:0 40px 14px 0;
      font-size:2.4rem;
      color:#0c3c52;
    }

    .close{
      position:absolute;
      top:8px;
      right:14px;
      background:none;
      border:none;
      font-size:2.6rem;
      cursor:pointer;
      color:#0c3c52;
    }

    .close:hover{ color:#3b82f6; }

    /* ====== Iframes ====== */
    iframe{
      width:100%;
      border:0;
      display:block;
    }

    iframe.pde-map{ height:clamp(420px,55vh,720px); }
    iframe.pde-form{ height:1500px; }

    /* ====== MODE PLEIN ÉCRAN – ASSISTANT IA ====== */
    #panel-ia[data-open="true"]{
      scroll-margin-top:120px;
      max-height:none;
      height:calc(100vh - 40px);
    }

    #panel-ia .inner{
      height:100%;
      display:flex;
      flex-direction:column;
      padding-bottom:0;
    }

    #panel-ia iframe,
    #panel-ia .mwai-chat,
    #panel-ia .mwai-chat-container{
      flex:1;
      min-height:0;
    }