/* 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; } Vue de la Tour Eiffel et de la Seine - Paris - Peinture par numéros Plongez dans l'élégance parisienne avec cette peinture par numéros signée Steloria. La toile représente la Tour Eiffel se reflétant dans la Seine au coucher du soleil : une scène à la fois romantique et sereine, idéale pour éveiller vos sens et votre créativité. Conçue pour tous les niveaux, cette œuvre guidée transforme un moment de détente en souvenir artistique durable. Un voyage sensoriel et créatif Chaque coup de pinceau devient une caresse. Les couleurs sélectionnées, chaudes et subtiles, invitent à la contemplation. En suivant les numéros, vous redécouvrez la joie simple de créer sans pression technique, tout en développant précision et concentration. Le rendu final, riche en contrastes et en lumière, apporte une atmosphère chaleureuse à votre intérieur. Ce que contient votre kit Steloria Toile imprimée haute qualité au motif “Vue de la Tour Eiffel et de la Seine”. Peintures acryliques soigneusement numérotées, couvrance optimale et séchage rapide. Un set de pinceaux adaptés aux différentes surfaces et détails. Guide pas à pas clair et illustrations pour faciliter chaque étape. Palette pour mélanger et astuces de finition pour un rendu professionnel. Pourquoi choisir cette peinture par numéros ? Steloria combine esthétique raffinée et simplicité d'exécution. Que vous cherchiez un loisir apaisant après une journée chargée ou une activité à partager, ce kit transforme l’ordinaire en moment précieux. Le thème parisien, universellement séduisant, permet d’affirmer un style élégant dans n’importe quelle pièce. Les avantages qui font la différence Accessibilité : convient aux débutants comme aux passionnés. Qualité : matériaux durables pour un rendu riche et lumineux. Relaxation : une activité anti-stress qui stimule la créativité. Décoration prête à accrocher une fois terminée. Idée cadeau et mise en scène Offrez un voyage à travers la création - cadeau idéal pour anniversaires ou occasions spéciales. Parfait pour décorer salon, chambre ou bureau avec une touche romantique. Emballage soigné et expérience d’assemblage pensée pour le plaisir immédiat. Laissez-vous séduire par la magie de Paris et créez votre propre chef-d’œuvre avec Steloria. Offrez-vous ce moment d’évasion et transformez la toile en une fenêtre ouverte sur la Seine. Description Modèle : Vue de la Tour Eiffel et de la Seine - ParisMé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]);
Related
Related
Related
Related