/* 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; } Poster Machu Picchu - Peinture par numéros Découvrez la magie de Machu Picchu à portée de pinceau. Ce poster artisanal signé Steloria transforme la célèbre citadelle en une expérience tactile et visuelle. Conçu pour éveiller vos sens, il invite à un moment suspendu où la couleur révèle chaque pierre, chaque brume, chaque ligne du paysage. Simple à utiliser et raffiné dans le rendu, ce kit est pensé pour toutes celles et ceux qui souhaitent créer une œuvre unique sans effort technique. Pourquoi choisir ce poster Apaisant et méditatif : peindre par numéros stimule la concentration et réduit le stress, parfait après une journée chargée. Résultat élégant : finitions nettes et palette harmonieuse pour un rendu digne d’une estampe moderne. Accessible : conçu pour débutants comme pour initiés, aucune compétence préalable nécessaire. Décoratif et personnel : une fois terminé, le tableau donne une touche de caractère à votre intérieur. Cadeau précieux : offre originale et raffinée pour les amoureux de voyage, d’art et de belles ambiances. Contenu complet du kit Toile pré-imprimée avec zones numérotées pour guider la peinture. Palette de peintures acryliques soigneusement sélectionnées pour restituer l’atmosphère andine. Pinceaux de qualité adaptée aux détails et aux aplats. Notice claire et conseils d’assemblage pour un résultat soigné. Utilisation et finition Laissez-vous guider par les numéros : commencez par les grandes zones, puis apportez les touches fines pour animer la scène. Travaillez dans un espace lumineux et propre, et prenez votre temps pour apprécier chaque geste. Une fois la peinture sèche, vous pouvez encadrer le poster pour un rendu professionnel et durable. Conseils pratiques Protégez la surface de travail et utilisez un pot d’eau propre pour les pinceaux. Appliquez au besoin deux couches pour des couleurs plus soutenues. Prenez des pauses : la précision naît de la patience. Offrez ou exposez : ce poster signé Steloria devient rapidement un point focal élégant dans une pièce. Description Modèle : Poster Machu PicchuMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 50x40cmOptions de cadre : Vendu sans cadreSupport : Toile de lin/coton traitée et impriméeType de peinture : Acrylique (24 couleurs)Emballage : 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