/* 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; } Fenêtre sur rue aux pots de fleur - Peinture par numéros Offrez-vous un moment suspendu avec la peinture par numéros Steloria "Fenêtre sur rue aux pots de fleur". Cette scène délicate évoque la douceur d'une matinée ensoleillée, le parfum discret des fleurs et la lumière tamisée qui caresse les murs. Conçue pour les amateurs comme pour les créateurs confirmés, cette œuvre à réaliser libère la créativité sans contrainte technique. Le résultat devient une pièce de décoration élégante, prête à sublimer votre intérieur ou à être offerte. Pourquoi choisir cette peinture par numéros ? Facile et apaisante : chaque zone est numérotée pour une progression sereine et gratifiante. Qualité Steloria : toiles résistantes et peintures couvrantes pour des couleurs vives et durables. Design intemporel : une fenêtre sur rue ponctuée de pots de fleurs, ambiance romantique et contemporaine. Accessible à tous les niveaux : convient aux débutants qui veulent un joli résultat et aux confirmés qui aiment peaufiner les détails. Ce que contient le kit Toile pré-imprimée de haute qualité, prête à poser sur châssis. Palette de peintures acryliques parfaitement assorties aux nuances du motif. Pinceaux de tailles variées pour remplir les surfaces et travailler les détails. Guide simple et clair avec numérotation et conseils d'application. Conseils pour un résultat parfait Commencez par les grandes surfaces pour poser l'ambiance de couleur. Utilisez les pinceaux fins pour les petites fleurs et les contours de fenêtre. Laissez sécher chaque zone avant d'empiler les couches pour éviter les bavures. Ajoutez une touche personnelle en modifiant légèrement une teinte ou en soulignant un détail pour rendre l'œuvre unique. Adoptez Steloria "Fenêtre sur rue aux pots de fleur" pour transformer un simple après-midi en une expérience créative et sensuelle. Laissez-vous guider par la numérotation, ressentez la douceur des couleurs et repartez avec une toile qui raconte une histoire. Offrez-vous ce plaisir simple et durable - votre intérieur vous remerciera. Description Modèle : Fenêtre sur rue aux pots de fleurMé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]);
