/* 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; } Vase de tulipes roses - Peinture par numéros Plongez dans un voyage sensoriel avec "Vase de tulipes roses", un kit de peinture par numéros signé Steloria. Cette composition délicate capture la grâce des tulipes en floraison et la douceur des tons rosés, idéale pour apporter une touche romantique et raffinée à votre intérieur. Conçu pour éveiller la créativité, ce tableau guidé transforme chaque coup de pinceau en une expérience apaisante et gratifiante. Que vous soyez débutant ou amateur confirmé, laissez-vous séduire par la clarté des repères et la qualité des fournitures pour un résultat digne d'une galerie. Caractéristiques principales Sujet : Vase de tulipes roses, palette douce et harmonieuse. Format toile : disponible en plusieurs tailles (petit, moyen, grand) pour s'adapter à tous les espaces. Niveau : adapté aux débutants et aux peintres intermédiaires. Qualité : peinture acrylique haute pigmentation pour des couleurs éclatantes et durables. Finition : toile tendue et résistante, prête à être encadrée ou accrochée. Contenu du kit Steloria Toile imprimée avec numéros clairs et zones précises. Pochettes de peinture numérotées, couvrance optimale. Un jeu de pinceaux de différentes tailles pour détails et remplissage. Instructions détaillées et conseils techniques pour un rendu professionnel. Palette et échantillon de couleurs pour vous guider pas à pas. Pourquoi choisir ce tableau ? Ce modèle allie simplicité et élégance. Il offre un résultat visuel saisissant sans nécessiter des compétences avancées. Idéal comme cadeau attentionné, objet de décoration ou moment de détente créative, il transforme un instant ordinaire en réalisation personnelle. Les couleurs rosées apportent chaleur et sérénité à une chambre, un salon ou un espace de travail. Astuces pour un résultat parfait Commencez par les zones larges puis passez aux détails pour une meilleure maîtrise. Prenez votre temps : plusieurs couches fines donnent une couleur plus riche qu’une couche épaisse. Utilisez un coup de pinceau léger pour les transitions et un pinceau fin pour les traits de pétales. Laissez sécher complètement entre chaque couche pour éviter les bavures. Description Modèle : Vase de tulipes rosesMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 30x20cm, 40x50cm, 50x65cm et 60x75cmOptions de cadre : Vendu sans cadre ou avec cadre en kit à monter soi-mêmeSupport : Toile de lin/coton traitée et impriméeType de peinture : AcryliqueEmballage : 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]);
