/* 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; } Maison pittoresque sur le lac - Peinture par numéros Plongez dans une douce rêverie avec la peinture par numéros "Maison pittoresque sur le lac" signée Steloria. Laissez-vous bercer par la lueur caressante du soleil sur l'eau, les reflets soyeux et les teintes délicates qui composent une scène apaisante. Ce kit transforme un instant ordinaire en un rituel créatif, simple et sensuel, pour offrir à votre intérieur une œuvre pleine d'âme. Une expérience créative apaisante Conçue pour les débutants comme pour les amateurs, cette peinture par numéros vous guide pas à pas. Chaque zone numérotée invite à la concentration douce, à l'évasion tranquille. Le geste devient méditatif, le temps s'étire. Peindre cette maison au bord du lac, c'est retrouver le calme, ralentir le rythme et savourer chaque nuance. Résultat élégant, prêt à exposer Le rendu final combine élégance et chaleur. Les couleurs harmonieuses et le soin apporté aux détails restituent la poésie du paysage. Accrochée au salon, à la chambre ou offerte en cadeau, cette œuvre crée une atmosphère intime et raffinée. Avec Steloria, vos moments de création prennent la forme d'un tableau que vous serez fier d'exposer. Contenu du coffret et caractéristiques Contenu complet Toile pré-imprimée, numérotée pour un guidage clair. Jeu de peintures acryliques aux pigments riches et stables. Pinceaux de différentes tailles pour les détails et les aplats. Mode d'emploi pas à pas pour un résultat soigné. Caractéristiques techniques Matériaux de qualité sélectionnés par Steloria pour une finition durable. Peintures rapides à sécher, faciles à nettoyer à l'eau. Toile résistante, bien tendue, prête à encadrer ou à accrocher. Palette de couleurs pensée pour restituer la douce lumière du lac. Offrez-vous ou offrez à un proche un moment de création précieux. "Maison pittoresque sur le lac" est plus qu'un loisir : c'est une invitation à créer, ressentir et partager la beauté. Avec Steloria, chaque coup de pinceau rapproche du havre de paix désiré. Description Modèle : Maison pittoresque sur le lacMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 40x30cm, 50x40cm et 65x50cmOptions de cadre : Vendu sans cadre ou toile montée sur cadreSupport : Toile de lin/coton traitée et impriméeType de peinture : AcryliqueEmballage : roulé 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]);
