/* 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 New-York - Peinture par numéros Plongez dans l’élégance urbaine avec le Poster New-York - Peinture par numéros de Steloria. Conçu pour éveiller la créativité sans effort, ce kit transforme chaque trait en une caresse visuelle. La silhouette de Manhattan se révèle sous vos mains, dans une palette soigneusement harmonisée qui capte la lumière et la douceur de la ville. Simple, sensuel et raffiné, ce poster devient une pièce maîtresse pour votre intérieur. Une expérience artistique simple et sensuelle Ce kit invite à la détente : suivez les numéros, laissez glisser le pinceau, sentez la satisfaction d’une couleur qui épouse parfaitement sa zone. Aucun talent particulier n’est requis - seulement l’envie de créer et d’apprécier le geste. Le rendu final offre une texture élégante et une profondeur subtile qui évoquent la poésie nocturne et la chaleur des rues new-yorkaises. Qualité et contenu du kit Toile pré-imprimée de haute qualité, finition lisse et résistante aux froissements. Peintures acryliques non toxiques, pigments riches et couvrants pour des couleurs vibrantes. Deux pinceaux de précision, adaptés aux détails et aux grandes surfaces. Guide numéroté clair et conseils d’application pour un résultat impeccable. Pourquoi choisir Steloria ? Steloria combine design exclusif et facilité d’utilisation. Chaque poster est imaginé par des créateurs pour offrir un équilibre entre modernité et émotion. Que vous souhaitiez un moment de calme après une journée chargée ou créer une œuvre à offrir, ce kit est pensé pour procurer plaisir et fierté. Le résultat final se fond naturellement dans un salon, une chambre ou un bureau, apportant une touche personnelle et sophistiquée. Idéal pour offrir ou pour se faire plaisir Cadeau élégant pour les amateurs d’art et de design. Activité relaxante à partager en couple, entre amis ou en famille. Décoration unique, facile à encadrer et à exposer. Instructions simples pour un résultat parfait Préparez votre plan de travail et organisez les peintures par numéro. Commencez par les grandes zones, puis affinez avec le pinceau fin. Laissez sécher entre les couches et corrigez les bords si nécessaire. Encadrez ou suspendez le poster une fois sec pour sublimer votre espace. Offrez-vous le luxe d’un moment créatif avec le Poster New-York - Peinture par numéros de Steloria. Transformez une toile en émotion et faites entrer la magie de New-York chez vous. Description Modèle : Poster New-YorkMé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]);
