/* CONTENEUR EN FLEX */ .accordion { display:flex; flex-direction:column; gap:0; /* lignes séparatrices gérées par border */ max-width: 880px; margin: 0 auto; } /* ITEM EN FLEX COLONNE */ .accordion-item { display:flex; flex-direction:column; } /* En-tête : H2 + bouton (ligne en flex) */ .accordion h2 { margin:0; } .accordion button{ all: unset; display:flex; /* FLEX ICI */ align-items:center; justify-content:space-between; gap:14px; width:100%; cursor:pointer; padding:10px 6px; } .accordion .label { flex:1; font-size: clamp(16px, 1.8vw, 22px); font-weight:700; color: #464746; } .accordion button:focus-visible { outline: 3px solid #1a73e8; outline-offset: 3px; border-radius:6px; } /* Icônes en ligne (flex child) */ .icona { width:22px; height:22px; opacity:.85; margin-right:6px; color: #464746; } .title-left { display:flex; align-items:center; gap:14px; } /* Chevron */ .chevrona { width:22px; height:22px; flex:0 0 22px; transition: transform .2s ease; color: #464746; } [aria-expanded="true"] .chevrona{ transform: rotate(-180deg); } /* PANNEAU EN FLEX COLONNE + TRANSITION hauteur */ .panel { display:flex; /* FLEX ICI */ flex-direction:column; overflow:hidden; max-height:0; /* fermé */ transition:max-height .28s ease; } .panel[data-open="true"] { max-height: 600px; /* valeur assez grande pour contenir le contenu */ } .panel > div { padding: 0 6px 18px 6px; color: var(--muted); line-height: 1.6; font-size: 16px; } Monument Valley - USA - Peinture par numéros Plongez dans l'immense douceur des plateaux de Monument Valley avec cette peinture par numéros signée Steloria. Le tableau capture les silhouettes monumentales des buttes rouges, le ciel vaste au crépuscule et la lumière chaude qui caresse la roche. Chaque zone numérotée vous guide comme une caresse, pour révéler progressivement une scène américaine à la fois puissante et intime. Simple, sensuel et élégant, ce kit transforme le geste de peindre en un rituel de détente et de beauté. Ce que contient le kit Toile de qualité imprimée et numérotée pour une tenue parfaite des couleurs Peintures acryliques aux pigments riches et soyeux, codées par numéro Jeu de pinceaux adaptés aux zones larges et aux détails Notice claire et schémas pour un guidage pas à pas Possibilité de finition brillante ou mate selon l'effet désiré Pourquoi choisir Steloria — bénéfices Ce kit est conçu pour sublimer votre moment créatif. Il offre : Sérénité : peindre devient une échappée sensorielle, apaisante et concentrée Résultat artistique : un rendu digne d'une œuvre encadrée, parfait pour décorer ou offrir Accessibilité : aucune compétence particulière requise, idéal pour débutants comme pour amateurs Qualité durable : matériaux résistants pour conserver la vivacité des couleurs Conseils pratiques et finition Pour un résultat optimal, commencez par les couleurs claires puis progressez vers les teintes foncées. Laissez sécher chaque couche avant d'appliquer la suivante pour des contours nets. Si vous souhaitez un effet plus profond, deux couches fines donnent une intensité supplémentaire sans masquer les traits. Encadrez votre peinture une fois sèche pour un rendu sophistiqué et protecteur. Idéal pour offrir Offrez un voyage émotionnel : ce kit Monument Valley de Steloria est une idée cadeau raffinée pour un anniversaire, une naissance d'envie créative ou pour dire « je pense à toi » autrement. Le geste de peindre devient un moment partagé, intime et mémorable. Description Modèle : Monument Valley - USAMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 50x40cmOptions de cadre : Vendu sans cadreSupport : Toile de lin/coton traitée et impriméeType de peinture : Acrylique (24 couleurs)Emballage : roulé ou plié dans un emballage sécurisé // Accordéon : un seul panneau ouvert à la fois const accordion = document.getElementById('accordion'); const buttons = accordion.querySelectorAll('.accordion-item h2 > button'); function closeItem(btn){ btn.setAttribute('aria-expanded', 'false'); const panel = document.getElementById(btn.getAttribute('aria-controls')); panel.dataset.open = "false"; panel.style.maxHeight = null; } function openItem(btn){ btn.setAttribute('aria-expanded', 'true'); const panel = document.getElementById(btn.getAttribute('aria-controls')); panel.dataset.open = "true"; // ajuste la hauteur pour la transition panel.style.maxHeight = panel.scrollHeight + "px"; } buttons.forEach(btn => { btn.addEventListener('click', () => { const wasOpen = btn.getAttribute('aria-expanded') === 'true'; // ferme tous les items buttons.forEach(closeItem); // ouvre seulement celui cliqué s'il n'était pas déjà ouvert if (!wasOpen) openItem(btn); }); // touche Entrée/Espace pour accessibilité btn.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); btn.click(); } }); }); // (Optionnel) ouvrir le premier par défaut : // if (buttons.length) openItem(buttons[0]);
