Passer au contenu principal
Livraison rapide
Service clientèle exceptionnel
Produits de qualité
<!-- Créations Celeste – Signature Banner (responsive, no image upload needed) --><link href="https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;700&display=swap" rel="stylesheet"><div class="cc-banner" role="img" aria-label="Créations Celeste – Art, Éducation & Imagination / Art, Education & Imagination"> <div class="cc-leaf" aria-hidden="true"></div> <!-- Corner line icons (subtle) --> <svg class="cc-icon cc-icon--pencil" viewBox="0 0 64 64" aria-hidden="true"><path d="M6 58l12-3 33-33-9-9-33 33-3 12zM45 13l6 6" fill="none" stroke="rgba(122,112,106,.25)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> <svg class="cc-icon cc-icon--eraser" viewBox="0 0 64 64" aria-hidden="true"><path d="M12 42l18-18a6 6 0 0 1 8 0l10 10a6 6 0 0 1 0 8L30 60H12z" fill="none" stroke="rgba(122,112,106,.25)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> <svg class="cc-icon cc-icon--book" viewBox="0 0 64 64" aria-hidden="true"><path d="M8 14h22v36H8a6 6 0 0 1-6-6V20a6 6 0 0 1 6-6zm26 0h22a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6H34V14zM12 22h16m0 8H12m0 8h16m26-16H38m0 8h16m0 8H38" fill="none" stroke="rgba(122,112,106,.25)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> <svg class="cc-icon cc-icon--paperclip" viewBox="0 0 64 64" aria-hidden="true"><path d="M44 23L26 41a7 7 0 0 1-10-10l21-21a8 8 0 0 1 11 11L30 39" fill="none" stroke="rgba(122,112,106,.25)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> <svg class="cc-icon cc-icon--brush" viewBox="0 0 64 64" aria-hidden="true"><path d="M36 10l18 18-8 8L28 18zM16 48c4-4 9-2 12-5 3-3 1-8 5-12 0 0 5 5 0 10s-8 1-10 5-1 8-7 8-8-6 0-6z" fill="none" stroke="rgba(122,112,106,.25)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> <div class="cc-content"> <div class="cc-monogram">CC</div> <h1 class="cc-title">Créations Celeste</h1> <p class="cc-tagline fr">Art, Éducation & Imagination</p> <p class="cc-tagline en"><em>Art, Education & Imagination</em></p> <div class="cc-divider" aria-hidden="true"></div> </div></div><style> :root{ --ivory:#FFFDF9; --sage:#A8B89A; --warm-gray:#7A706A; --deep-blue:#1F4D5F; } .cc-banner{ font-family:"Lexend",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; position:relative; overflow:hidden; width:100%; /* Responsive height: ~600px at desktop, scales on mobile */ aspect-ratio: 16/5; background: radial-gradient(120% 120% at 0% 100%, rgba(168,184,154,.18) 0%, transparent 55%), radial-gradient(120% 120% at 100% 0%, rgba(168,184,154,.18) 0%, transparent 55%), linear-gradient(0deg, var(--ivory), var(--ivory)); border-radius:6px; } /* Maple leaf watermark (10% opacity) */ .cc-leaf{ position:absolute; inset:0; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 10l20 40 45-10-25 35 35 25-43 5 8 45-40-22-40 22 8-45-43-5 35-25-25-35 45 10z" fill="%237A706A" fill-opacity="0.10"/></svg>') center 46% / 360px 360px no-repeat; pointer-events:none; } .cc-content{ position:absolute; inset:0; display:grid; place-items:center; text-align:center; padding:2rem; color:var(--warm-gray); } .cc-monogram{ color:var(--deep-blue); font-weight:700; letter-spacing:.02em; font-size: clamp(42px, 8vw, 120px); line-height:1; text-shadow: 0 1px 0 rgba(0,0,0,.04); } .cc-title{ margin:.3rem 0 .2rem 0; font-size: clamp(24px, 3.2vw, 48px); color:#2E3E45; /* slightly darker for readability */ font-weight:700; } .cc-tagline{ margin:0; font-size: clamp(14px, 1.7vw, 22px); text-shadow: 0 1px 2px rgba(122,112,106,.18); } .cc-divider{ width:min(160px,18vw); height:4px; margin:.8rem auto 0; background: linear-gradient(90deg, transparent, rgba(168,184,154,.8), transparent); border-radius:2px; } /* Corner icons */ .cc-icon{ position:absolute; width:96px; height:96px; opacity:.7 } .cc-icon--pencil{ left:-8px; bottom:10%; transform: rotate(-8deg); } .cc-icon--eraser{ left:14%; bottom:8%; transform: rotate(8deg); } .cc-icon--book{ right:4%; bottom:8%; } .cc-icon--paperclip{ right:6%; top:10%; transform: rotate(10deg); } .cc-icon--brush{ right:12%; top:34%; transform: rotate(6deg); } /* Small screens: keep balance and height */ @media (max-width: 600px){ .cc-banner{ aspect-ratio: 16/7; } .cc-icon{ width:72px; height:72px; } .cc-icon--eraser{ left:10%; } .cc-icon--book{ right:2%; bottom:6%; } }</style>
Accueil
Produits
Rechercher
0
Liste des produits favoris
0
Panier
@creationsceleste.ca
Panier
Il n'y a aucun produit dans votre panier.
