/* 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; } Poster Dublin - Peinture par numéros Découvrez le Poster Dublin signé Steloria, une invitation à peindre la beauté urbaine avec grâce. Chaque trait, chaque nuance a été pensé pour offrir une expérience sensorielle simple et raffinée. Destiné aux amateurs comme aux artistes en herbe, ce poster transforme un instant ordinaire en moment de plaisir créatif et de détente profonde. Une composition élégante et apaisante Le visuel Dublin mélange lignes délicates et couleurs harmonieuses. La scène capture une atmosphère douce, idéale pour apporter chaleur et caractère à votre intérieur. La palette a été choisie pour faciliter le lâcher-prise : des tons équilibrés, une progression logique des zones à peindre, pour un rendu final doux et sophistiqué. Ce que vous recevrez Toile imprimée avec zones numérotées, prêt à être peint. Peinture acrylique de qualité, sélectionnée pour sa couvrance et sa tenue. Un pinceau adapté aux détails et aux aplats, pour un travail précis et agréable. Instructions claires et astuces pour un résultat professionnel même sans expérience. Pourquoi choisir Steloria Poster Dublin ? Steloria propose une approche délicate et sensuelle de la peinture par numéros : simplicité d’exécution, résultat élégant et émotion immédiate. Ce poster est parfait pour créer un tableau personnel sans complexité technique. Il offre un équilibre entre relaxation et accomplissement esthétique, idéal après une journée chargée ou pour partager un moment créatif à deux. Avantages pratiques Facile à suivre : chaque zone est numérotée pour une progression claire. Matériaux pensés pour durer : couleurs stables et papier résistant. Rapide à réaliser : gratification immédiate, fini harmonieux. Parfait comme cadeau : emballage soigné et esthétique raffinée. Conseils d’usage Commencez par les tons clairs puis progressez vers les plus foncés pour une meilleure maîtrise. Laissez sécher entre les couches pour éviter les bavures et obtenir des lignes nettes. Encadrez le poster une fois sec pour sublimer votre création et protéger les pigments. Offrez-vous l’expérience Steloria : un moment sensuel, simple et gratifiant. Le Poster Dublin transforme la peinture par numéros en une élégante évasion créative, parfait pour embellir votre intérieur et éveiller vos sens. Ajoutez-le à votre collection et commencez à peindre votre propre histoire. Description Modèle : Poster DublinMé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]);
