/* 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 Paris - Peinture par numéros Plongez dans l'élégance d'une soirée parisienne avec le Poster Paris de Steloria. Ce kit de peinture par numéros transforme chaque geste en caresse, chaque couleur en lumière. Simple, sensuel et profondément gratifiant, il invite à la création sans contrainte : laissez vos mains flâner sur les formes, observez la scène naître sous vos pinceaux et savourez le calme retrouvé. Une expérience douce et accessible Conçu pour les débutants comme pour les amateurs, ce poster propose un parcours pas à pas où la beauté se révèle progressivement. Les numéros guident la main, tandis que les teintes soigneusement sélectionnées s'harmonisent pour offrir un rendu vivant et raffiné. Peindre devient alors un rituel apaisant, une parenthèse sensorielle où l'on compose une œuvre prête à sublimer un mur. Ce que contient votre kit Toile imprimée numérotée de haute qualité pour une application précise. Palette de peintures acryliques aux pigments intenses et séchage rapide. Pinceaux de différentes tailles pour zones fines et aplats délicats. Guide simple et clair pour suivre les étapes et obtenir un résultat professionnel. Conseils d'entretien et suggestions d'encadrement pour préserver l'éclat de votre œuvre. Pourquoi choisir Poster Paris ? Les bénéfices qui séduisent Détente immédiate : un loisir qui apaise l'esprit et recentre les sens. Décoration unique : une création personnelle, prête à accrocher, qui apporte chaleur et caractère. Cadeau élégant : un présent délicat pour offrir une expérience créative inoubliable. Accessible à tous : aucune compétence particulière requise, résultat harmonieux garanti. Conseils pour sublimer votre œuvre Commencez par les grandes surfaces, puis passez aux détails avec un pinceau fin. Laissez sécher chaque couche quelques minutes pour éviter les bavures. Travailler par zones de couleur proches pour une transition lumineuse. Fixez le poster avec un vernis protecteur pour conserver la brillance et la profondeur. Encadrez sans verre pour valoriser la texture et la richesse des pigments. Steloria vous invite à créer votre propre instant parisien : un tableau qui raconte une histoire, éveille les sens et transforme votre intérieur. Offrez-vous ce moment de plaisir créatif et laissez Poster Paris révéler votre talent, avec douceur et élégance. Description Modèle : Poster ParisMé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]);
