/* 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 Amsterdam - Peinture par numéros Offrez-vous un instant précieux avec le Poster Amsterdam de Steloria, une scène urbaine revisitée en peinture par numéros. Chaque trait invite à la lenteur, chaque couleur célèbre la douceur des canaux et l’élégance des façades. Conçu pour les amateurs comme pour les créateurs confirmés, ce poster transforme un mur en tableau vivant et offre une activité apaisante, idéale pour décompresser après une journée chargée. Élégance et détente : une expérience sensorielle Peindre devient un rituel simple et sensuel. Les teintes harmonieuses ont été choisies pour leur rendu chaleureux et leur capacité à sublimer la lumière. Le contact du pinceau, la progression visible zone après zone et l’émergence progressive de l’image procurent une vraie satisfaction. C’est une pause créative qui nourrit l’esprit sans complexité technique. Ce que contient le kit Toile imprimé avec zones numérotées, prête à peindre. Une palette de peintures à séchage rapide, non toxiques et couvertes pour un rendu intense. Pinceaux de qualité variée pour les détails et les aplats. Notice claire avec conseils de peinture et suggestions de finition. Emballage soigné, prêt à offrir en cadeau. Pourquoi choisir le Poster Amsterdam Steloria ? Ce poster allie design, simplicité et qualité. Il convient à tous les âges et s’adapte à votre tempo : un projet d’une soirée pour se détendre ou un chantier créatif pour plusieurs week-ends. Le rendu final affirme votre style et devient une pièce décorative unique, prête à être encadrée ou collée au mur. Steloria garantit une expérience sans stress et un résultat élégant. Comment l’utiliser en 5 étapes simples Préparez votre espace : surface propre, chiffons à portée de main. Ouvrez les pots de peinture et secouez légèrement les teintes. Commencez par les grandes zones, puis affinez avec les pinceaux fins. Respectez les numéros et laissez sécher entre les couches si besoin. Appliquez une finition protectrice si vous le souhaitez et installez votre œuvre. Idée cadeau et décoration Le Poster Amsterdam par Steloria est une idée cadeau raffinée pour un proche amateur d’art, un moment à partager en duo ou un cadeau personnel pour s’offrir une parenthèse créative. Simple, élégant et gratifiant, il transforme la création en plaisir et le mur en écrin. Succombez à l’appel des canaux - peignez, respirez, contemplez. Description Modèle : Poster AmsterdamMé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]);
Related
Related
Related
Related