/* 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; } Fleurs au bord de l'eau - Peinture par numéros Plongez dans une expérience créative où chaque geste devient une caresse. "Fleurs au bord de l'eau" par Steloria est une peinture par numéros pensée pour révéler la poésie des bords de ruisseau : pétales soyeux, reflets nacrés et lumière qui frissonne. Ce kit transforme un moment de loisir en instant sensuel et apaisant, accessible aux débutants comme aux amateurs confirmés. Un tableau facile à réaliser, résultat sublime Grâce à des zones numérotées précises et une palette harmonieuse, la peinture par numéros vous guide pas à pas. Les couleurs sélectionnées par Steloria s’accordent pour restituer la douceur des fleurs et la profondeur de l'eau. En quelques heures, vous obtenez une œuvre digne d'un encadrement, idéale pour sublimer un mur, offrir ou garder comme souvenir d'une parenthèse relaxante. Ce que contient le kit Toile pré-imprimée de qualité, tendue et durable Peintures acryliques aux pigments riches et opaques Jeu de pinceaux de tailles variées pour détails et remplissage Palette numérotée claire et guide pas à pas Pourquoi choisir "Fleurs au bord de l'eau" ? Ce kit est conçu pour offrir un équilibre parfait entre simplicité et élégance. Les couleurs ont été choisies pour créer des transitions douces et des contrastes délicats, favorisant une sensation de bien-être dès les premiers coups de pinceau. C’est une expérience sensorielle : le pinceau glisse, la peinture s’étire, la toile respire. Avantages et usages Relaxation et réduction du stress : activité méditative et immersive Développement de la concentration et de la confiance en soi Cadeau raffiné pour un proche ou pour soi-même Décoration personnalisée : fini encadré ou posé, selon vos envies Conseils pour un résultat parfait Commencez par les grandes zones de couleur, puis détaillez Nettoyez les pinceaux entre chaque teinte pour des contours nets Laissez sécher quelques minutes entre les couches pour plus d’intensité Appliquez une couche de vernis protecteur pour une finition satinée durable Offrez-vous ce voyage pictural au bord de l'eau. Avec Steloria, transformez un instant libre en chef-d’œuvre sensuel et délicat. Description Modèle : Fleurs au bord de l'eauMé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]);
Related
Related
Related
Related