/** * Topbar - Défilement vertical (bas → haut) — Responsive auto-hauteur * Thème : Botiga / WooCommerce * Fichier : topbar-vertical.css *//* ─── Variables ────────────────────────────────────────────── */ :root { --topbar-bg: #1a1a1a; --topbar-color: #ffffff; --topbar-link-color: #d4af7a; --topbar-min-height: 40px; --topbar-font-size: 13px; --topbar-line-height: 1.5; --topbar-padding-v: 10px; --topbar-padding-h: 40px; --topbar-font-family: inherit; --topbar-speed: 500ms; --topbar-pause: 4000ms; }/* ─── Wrapper principal ────────────────────────────────────── */ #topbar-vertical { position: relative; z-index: 9999; width: 100%; min-height: var(--topbar-min-height); /* Hauteur pilotée par JS — transition douce entre messages */ transition: height var(--topbar-speed) cubic-bezier(0.4, 0, 0.2, 1); background-color: var(--topbar-bg); color: var(--topbar-color); font-family: var(--topbar-font-family); font-size: var(--topbar-font-size); line-height: var(--topbar-line-height); overflow: hidden; }/* ─── Zone de défilement ───────────────────────────────────── */ .topbar-track { position: relative; width: 100%; height: 100%; }/* ─── Messages individuels ─────────────────────────────────── */ .topbar-item { position: absolute; top: 0; left: 0; width: 100%; padding: var(--topbar-padding-v) var(--topbar-padding-h); box-sizing: border-box;display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0 6px; text-align: center;transform: translateY(100%); opacity: 0; transition: transform var(--topbar-speed) cubic-bezier(0.4, 0, 0.2, 1), opacity var(--topbar-speed) cubic-bezier(0.4, 0, 0.2, 1); }/* Conteneur interne : gère le saut de ligne et le clamp */ .topbar-item-inner { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; /* Max 4 lignes */ overflow: hidden; text-align: center; word-break: break-word; white-space: normal; }.topbar-item.is-active { transform: translateY(0); opacity: 1; } .topbar-item.is-leaving { transform: translateY(-100%); opacity: 0; }/* ─── Lien CTA ─────────────────────────────────────────────── */ .topbar-item a { color: var(--topbar-link-color); text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; flex-shrink: 0; transition: opacity 0.2s; }.topbar-item a:hover { opacity: 0.75; }/* ─── Élément fantôme — mesure de hauteur ──────────────────── */ .topbar-measurer { position: absolute; top: 0; left: 0; width: 100%; padding: var(--topbar-padding-v) var(--topbar-padding-h); box-sizing: border-box; visibility: hidden; pointer-events: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 6px; white-space: normal; word-break: break-word; font-size: var(--topbar-font-size); line-height: var(--topbar-line-height); font-family: var(--topbar-font-family); }/* ─── Bouton Fermer ────────────────────────────────────────── */ .topbar-close { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: none; border: none; cursor: pointer; color: rgba(255, 255, 255, 0.6); padding: 0; z-index: 10; display: flex; align-items: center; justify-content: center; transition: color 0.2s; }.topbar-close:hover { color: #fff; }.topbar-close svg { width: 10px; height: 10px; stroke: currentColor; stroke-width: 2; }/* ─── État fermé ───────────────────────────────────────────── */ #topbar-vertical.is-hidden { display: none; }/* ─── Responsive ───────────────────────────────────────────── */ @media (max-width: 768px) { :root { --topbar-font-size: 12px; --topbar-padding-v: 10px; --topbar-padding-h: 36px; } }@media (max-width: 480px) { :root { --topbar-font-size: 11.5px; --topbar-padding-h: 32px; } }
0
Your Cart
0
Your Cart

Le Luxe Français en Flacon

Bienvenue sur le site officiel de Parfums Collection Privée, marque française de parfums premium inspirés par le luxe. Élaborés avec des concentrations issues de Grasse, nos parfums offrent une expérience olfactive élégante, intense et durable, à des prix justes.

Notre Sélection

Découvrez notre sélection exclusive de parfums d’exception, inspirés par les plus grandes marques, pour une expérience olfactive unique.

  • Adore - parfum Collection Privée Paris
    INSPIRÉ DE J'ADORE
    Ajouter au panier
    Quick View
    24,99€

    Adore (Douceur) – Parfum Collection Privée

  • Aïsha - parfum Collection Privée Paris
    INSPIRÉ DE MAGIC
    Ajouter au panier
    Quick View
    24,99€

    Aïsha – Parfum Collection Privée

  • Ambre - parfum Collection Privée Paris
    INSPIRÉ D'AMBRE NUIT
    Ajouter au panier
    Quick View
    24,99€

    Ambre – Parfum Collection Privée

  • Aventus (Avtus) - parfum Collection Privée Paris
    INSPIRÉ D'AVENTUS
    Ajouter au panier
    Quick View
    24,99€

    Aventus (Avtus) – Parfum Collection Privée

  • Bakara - parfum Collection Privée Paris
    INSPIRÉ DE BACCARAT ROUGE 540
    Ajouter au panier
    Quick View
    24,99€

    Bakara (Elixir Rouge) – Parfum Collection Privée

  • Black Op (Narkotic) - parfum Collection Privée Paris
    INSPIRÉ DE BLACK OPIUM
    Ajouter au panier
    Quick View
    24,99€

    Black Op (Narkotic) – Parfum Collection Privée

  • Bleu - parfum Collection Privée Paris
    INSPIRÉ DE BLEU
    Ajouter au panier
    Quick View
    24,99€

    Bleu (Bleu Azur) – Parfum Collection Privée

  • Blue Magic - parfum Collection Privée Paris
    INSPIRÉ DE CRAZY MOODY
    Ajouter au panier
    Quick View
    24,99€

    Blue Magic (Magic Blue) – Parfum Collection Privée

  • Bois (Elixir De Bois) - parfum Collection Privée Paris
    INSPIRÉ DE BOIS D'ARGENT
    Ajouter au panier
    Quick View
    24,99€

    Bois (Elixir De Bois) – Parfum Collection Privée

  • Coco (Coco Mille) - parfum Collection Privée Paris
    INSPIRÉ DE COCO MLLE
    Ajouter au panier
    Quick View
    24,99€

    Coco (Coco Mille) – Parfum Collection Privée

  • Fève - parfum Collection Privée Paris
    INSPIRÉ DE FÈVE DÉLICIEUSE
    Ajouter au panier
    Quick View
    24,99€

    Fève (Délice de Fèves) – Parfum Collection Privée

  • Gris (Eclipse) - parfum Collection Privée Paris
    INSPIRÉ DE GRIS
    Ajouter au panier
    Quick View
    24,99€

    Gris (Eclipse) – Parfum Collection Privée

Découvrez nos Parfums Collection Privée

Nos Collections

Parfums Collection Privée Paris - Catégorie femme

Femmes

Parfums Collection Privée Paris - Catégorie homme

Hommes

Parfums Collection Privée Paris - Catégorie mixte unisex

Mixtes

Pourqiuoi choisir nos parfums Collection Privée ? Des fragrances d'exception pensées pour vous, sans compromis sur la qualité

La Parfumerie de Luxe à Prix Accesssible

Bienvenue chez Collection Privée Paris, la maison française qui démocratise le luxe olfactif. Nous créons des parfums haute qualité avec des ingrédients premium, pour que chacun puisse s’offrir l’excellence.

Qualité, Authenticité & Accessibilité

l'Élégance dans un Flacon

Chez Collection Privée Paris, nous croyons que le luxe ne devrait pas être un privilège. Nos fragrances s’inspirent des plus grandes maisons, alliant élégance, intensité et raffinement, à des prix justes.

Chaque parfum est conçu avec soin, des essences nobles à la tenue longue durée, pour sublimer votre personnalité et laisser une empreinte inoubliable.

Offrez-vous l’excellence sans compromis.

Découvrir

Parfums Collection Privée Paris

Site Officiel de la Marque

Chez Collection Privée Paris, marque officielle, nous vous garantissons l’authenticité absolue de chacune de nos créations.

Nos parfums sont 100 % originaux, conçus et élaborés dans nos propres laboratoires avec un savoir-faire d’exception.
Chaque fragrance porte notre signature : authentique, élégante et unique.

Découvrir

Marque Officielle

Nos parfums sont 100% authentiques, développés et produits dans nos propres laboratoires.

Satisfait ou remboursé

Commandez votre parfum collection privée en toute confiance. 14 jours pour changer d’avis.

Made in France

Chaque parfum collection privée est conçu avec passion, fabriqué en France et soumis à des contrôles qualité rigoureux.

Paiement sécurisé

Vos paiements sont sécurisés par cryptage SSL pour une protection maximale de vos données bancaires.

/** * Topbar - Défilement vertical (bas → haut) — Responsive auto-hauteur * Thème : Botiga / WooCommerce * Fichier : topbar-vertical.js */(function () { 'use strict';const STORAGE_KEY = 'topbar_vertical_closed';document.addEventListener('DOMContentLoaded', function () { const bar = document.getElementById('topbar-vertical'); if (!bar) return;/* Fermé dans la session → on masque directement */ if (sessionStorage.getItem(STORAGE_KEY) === '1') { bar.classList.add('is-hidden'); return; }const items = bar.querySelectorAll('.topbar-item'); const measurer = bar.querySelector('.topbar-measurer'); const closeBtn = bar.querySelector('.topbar-close');if (!items.length) return;/* ─── Lecture des CSS vars ────────────────────────────── */ function getCssMs(prop, fallback) { const val = getComputedStyle(document.documentElement) .getPropertyValue(prop).trim(); return parseInt(val) || fallback; }/* ─── Mesure la hauteur naturelle d'un item ──────────── */ /* * On copie le contenu de l'item dans l'élément fantôme * (.topbar-measurer), qui est position:absolute; visibility:hidden * → rendu en DOM, invisible, mesurable via offsetHeight. */ function measureHeight(index) { if (!measurer) return bar.offsetHeight; measurer.innerHTML = items[index].innerHTML; return measurer.offsetHeight; }/* ─── Applique la hauteur au wrapper ─────────────────── */ function applyHeight(index) { const h = measureHeight(index); bar.style.height = h + 'px'; }/* ─── Variables d'état ───────────────────────────────── */ let current = 0; let timer = null; let isRunning = true;/* ─── Afficher un message ────────────────────────────── */ function showItem(nextIndex) { const prev = current; current = nextIndex; const speed = getCssMs('--topbar-speed', 500);/* 1. Animer la hauteur vers celle du prochain message */ applyHeight(current);/* 2. Sortie de l'ancien (vers le haut) */ items[prev].classList.remove('is-active'); items[prev].classList.add('is-leaving');setTimeout(function () { items[prev].classList.remove('is-leaving'); }, speed);/* 3. Entrée du nouveau (depuis le bas) */ items[current].classList.add('is-active'); }/* ─── Défilement automatique ─────────────────────────── */ function startTicker() { clearInterval(timer); const pause = getCssMs('--topbar-pause', 4000); timer = setInterval(function () { if (!isRunning) return; showItem((current + 1) % items.length); }, pause); }/* ─── Pause au survol ────────────────────────────────── */ bar.addEventListener('mouseenter', function () { isRunning = false; }); bar.addEventListener('mouseleave', function () { isRunning = true; });/* ─── Bouton Fermer ──────────────────────────────────── */ if (closeBtn) { closeBtn.addEventListener('click', function () { clearInterval(timer); bar.classList.add('is-hidden'); sessionStorage.setItem(STORAGE_KEY, '1'); }); }/* ─── Recalcul hauteur au resize (orientation mobile) ── */ var resizeTimer; window.addEventListener('resize', function () { clearTimeout(resizeTimer); resizeTimer = setTimeout(function () { applyHeight(current); }, 100); });/* ─── Démarrage ──────────────────────────────────────── */ /* Un seul message : pas de ticker, juste afficher */ if (items.length === 1) { items[0].classList.add('is-active'); applyHeight(0); return; }items[0].classList.add('is-active'); applyHeight(0); startTicker(); }); })();
WhatsApp