Politique de confidentialité
<div class="privacy-policy">
<!-- EN-TÊTE -->
<header class="privacy-policy__hero">
<div class="privacy-policy__hero-content">
<span class="privacy-policy__eyebrow">
LES CHRONIQUES DU MONDE
</span>
<h1>Politique de confidentialité</h1>
<p class="privacy-policy__lead">
La protection de vos données personnelles est importante pour nous.
Cette politique explique de manière transparente quelles informations
nous collectons, pourquoi nous les utilisons et quels sont vos droits.
</p>
<div class="privacy-policy__meta">
<span>Dernière mise à jour</span>
<strong>27 juillet 2026</strong>
</div>
</div>
</header>
<!-- RÉSUMÉ -->
<section class="privacy-policy__summary">
<div class="privacy-policy__summary-icon" aria-hidden="true">
✓
</div>
<div>
<h2>L’essentiel en quelques mots</h2>
<p>
Nous collectons uniquement les informations nécessaires au
fonctionnement de la boutique, au traitement de vos commandes, à la
livraison, à la sécurité du site et, lorsque vous y avez consenti, à
l’envoi de communications commerciales.
</p>
<p>
Vous pouvez demander l’accès, la rectification ou la suppression de vos
données en nous écrivant à :
</p>
<a
class="privacy-policy__email-link"
href="mailto:contact@leschroniquesdumonde.com"
>
contact@leschroniquesdumonde.com
</a>
</div>
</section>
<main class="privacy-policy__content">
<!-- 01 INTRODUCTION -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">01</span>
<div>
<p class="privacy-policy__category">Présentation</p>
<h2>Objet de la présente politique</h2>
</div>
</div>
<p>
Les Chroniques du Monde exploite cette boutique en ligne ainsi que les
informations, contenus, fonctionnalités, outils, produits et services
qui y sont proposés, ci-après désignés les « Services ».
</p>
<p>
Notre boutique est hébergée par Shopify, qui met à notre disposition
l’infrastructure technique nécessaire à la fourniture de ces Services.
</p>
<p>
La présente politique de confidentialité décrit la manière dont nous
collectons, utilisons, conservons et communiquons vos informations
personnelles lorsque vous :
</p>
<ul class="privacy-policy__list">
<li>consultez notre site internet ;</li>
<li>créez ou utilisez un compte client ;</li>
<li>passez une commande ou effectuez une transaction ;</li>
<li>vous inscrivez à une communication commerciale ;</li>
<li>nous contactez par e-mail ou par tout autre moyen.</li>
</ul>
<div class="privacy-policy__notice">
<strong>À savoir</strong>
<p>
En cas de contradiction entre nos conditions générales et la présente
politique, cette dernière prévaut pour tout ce qui concerne le
traitement des données personnelles.
</p>
</div>
</section>
<!-- 02 RESPONSABLE -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">02</span>
<div>
<p class="privacy-policy__category">Responsabilité</p>
<h2>Responsable du traitement</h2>
</div>
</div>
<p>
Le responsable du traitement des informations personnelles collectées
par l’intermédiaire de la boutique est :
</p>
<div class="privacy-policy__identity">
<strong>Les Chroniques du Monde</strong>
<span>
Surguières<br>
12150 Sévérac d’Aveyron<br>
France
</span>
<a href="mailto:contact@leschroniquesdumonde.com">
contact@leschroniquesdumonde.com
</a>
</div>
<p>
Vous pouvez utiliser cette adresse électronique pour toute question
concernant la présente politique ou pour exercer vos droits relatifs à
vos données personnelles.
</p>
</section>
<!-- 03 DONNÉES COLLECTÉES -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">03</span>
<div>
<p class="privacy-policy__category">Collecte</p>
<h2>Informations personnelles collectées</h2>
</div>
</div>
<p>
Les informations collectées dépendent de la manière dont vous utilisez
nos Services. Elles peuvent notamment comprendre les catégories
suivantes :
</p>
<div class="privacy-policy__data-grid">
<article class="privacy-policy__data-item">
<span class="privacy-policy__data-icon" aria-hidden="true">01</span>
<div>
<h3>Coordonnées</h3>
<p>
Nom, prénom, adresse postale, adresse de facturation, adresse de
livraison, numéro de téléphone et adresse e-mail.
</p>
</div>
</article>
<article class="privacy-policy__data-item">
<span class="privacy-policy__data-icon" aria-hidden="true">02</span>
<div>
<h3>Commandes et transactions</h3>
<p>
Produits consultés, ajoutés au panier, commandés, retournés ou
annulés, historique d’achat et informations relatives à la
livraison.
</p>
</div>
</article>
<article class="privacy-policy__data-item">
<span class="privacy-policy__data-icon" aria-hidden="true">03</span>
<div>
<h3>Paiement</h3>
<p>
Mode de paiement, confirmation de paiement et informations
nécessaires au traitement de la transaction.
</p>
</div>
</article>
<article class="privacy-policy__data-item">
<span class="privacy-policy__data-icon" aria-hidden="true">04</span>
<div>
<h3>Compte client</h3>
<p>
Identifiants de compte, préférences, paramètres et informations
nécessaires à la gestion de votre espace personnel.
</p>
</div>
</article>
<article class="privacy-policy__data-item">
<span class="privacy-policy__data-icon" aria-hidden="true">05</span>
<div>
<h3>Communications</h3>
<p>
Contenu des messages que vous nous adressez, notamment lorsque
vous contactez le service client.
</p>
</div>
</article>
<article class="privacy-policy__data-item">
<span class="privacy-policy__data-icon" aria-hidden="true">06</span>
<div>
<h3>Données techniques</h3>
<p>
Adresse IP, navigateur, appareil utilisé, connexion réseau,
identifiants techniques et informations relatives à votre
utilisation du site.
</p>
</div>
</article>
</div>
<div class="privacy-policy__notice privacy-policy__notice--secure">
<strong>Informations de paiement</strong>
<p>
Les paiements sont traités par des prestataires spécialisés. Nous
n’avons pas directement accès à l’intégralité du numéro de votre carte
bancaire.
</p>
</div>
</section>
<!-- 04 SOURCES -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">04</span>
<div>
<p class="privacy-policy__category">Origine</p>
<h2>Sources des informations</h2>
</div>
</div>
<p>Nous pouvons obtenir vos informations personnelles :</p>
<ul class="privacy-policy__list">
<li>
<strong>directement auprès de vous</strong>, lorsque vous passez une
commande, créez un compte ou nous contactez ;
</li>
<li>
<strong>automatiquement</strong>, lorsque vous consultez le site, par
l’intermédiaire de cookies et de technologies similaires ;
</li>
<li>
<strong>auprès de Shopify</strong>, qui fournit l’infrastructure
technique de la boutique ;
</li>
<li>
<strong>auprès de nos prestataires</strong>, notamment ceux chargés du
paiement, de la livraison, de l’hébergement ou de la sécurité ;
</li>
<li>
<strong>auprès de partenaires autorisés</strong>, lorsque la
réglementation ou votre consentement le permet.
</li>
</ul>
</section>
<!-- 05 UTILISATION -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">05</span>
<div>
<p class="privacy-policy__category">Finalités</p>
<h2>Utilisation de vos informations</h2>
</div>
</div>
<div class="privacy-policy__purpose-list">
<article>
<h3>Gestion des commandes</h3>
<p>
Traiter votre paiement, préparer votre commande, organiser son
expédition, assurer son suivi et gérer les éventuels retours ou
remboursements.
</p>
</article>
<article>
<h3>Service client</h3>
<p>
Répondre à vos questions, traiter vos demandes et résoudre les
difficultés que vous pourriez rencontrer.
</p>
</article>
<article>
<h3>Gestion du compte</h3>
<p>
Créer et administrer votre espace client, enregistrer vos
préférences et sécuriser l’accès à votre compte.
</p>
</article>
<article>
<h3>Amélioration de la boutique</h3>
<p>
Comprendre l’utilisation du site, améliorer son fonctionnement et
adapter l’expérience proposée aux visiteurs.
</p>
</article>
<article>
<h3>Marketing et communications</h3>
<p>
Vous envoyer des actualités, offres ou communications commerciales
lorsque vous y avez consenti ou lorsque la réglementation nous y
autorise.
</p>
</article>
<article>
<h3>Sécurité et obligations légales</h3>
<p>
Prévenir les fraudes, sécuriser les transactions, respecter nos
obligations légales et défendre nos droits.
</p>
</article>
</div>
</section>
<!-- 06 COOKIES -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">06</span>
<div>
<p class="privacy-policy__category">Navigation</p>
<h2>Cookies et technologies similaires</h2>
</div>
</div>
<p>
Notre site peut utiliser des cookies et des technologies similaires
afin d’assurer son fonctionnement, de mémoriser vos préférences,
d’analyser son utilisation et, lorsque vous l’acceptez, de personnaliser
les contenus ou les communications publicitaires.
</p>
<p>Ces technologies peuvent notamment servir à :</p>
<ul class="privacy-policy__list">
<li>maintenir le contenu de votre panier ;</li>
<li>sécuriser votre connexion et vos transactions ;</li>
<li>mémoriser certains choix de navigation ;</li>
<li>mesurer l’audience et les performances du site ;</li>
<li>personnaliser certains contenus ou messages commerciaux.</li>
</ul>
<p>
Lorsque votre consentement est requis, vous pouvez accepter, refuser ou
modifier vos préférences à partir de l’outil de gestion des cookies
disponible sur la boutique.
</p>
</section>
<!-- 07 PARTAGE -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">07</span>
<div>
<p class="privacy-policy__category">Destinataires</p>
<h2>Partage de vos informations</h2>
</div>
</div>
<p>
Nous ne communiquons vos informations personnelles que lorsque cela est
nécessaire à la fourniture de nos Services, au respect de nos
obligations ou à la protection de nos droits.
</p>
<p>Vos informations peuvent notamment être transmises :</p>
<ul class="privacy-policy__list">
<li>à Shopify, qui héberge et fournit la plateforme de vente ;</li>
<li>
aux prestataires chargés du paiement, de l’hébergement, de la
sécurité, de l’analyse ou du service client ;
</li>
<li>
aux transporteurs et prestataires logistiques nécessaires à la
livraison de votre commande ;
</li>
<li>
à nos partenaires commerciaux ou publicitaires, lorsque vous y avez
consenti ou lorsque la loi le permet ;
</li>
<li>
aux autorités administratives ou judiciaires, lorsque la loi nous
impose de répondre à une demande valide ;
</li>
<li>
à un éventuel repreneur dans le cadre d’une restructuration, d’une
cession ou d’un transfert de l’activité.
</li>
</ul>
<div class="privacy-policy__notice">
<strong>Nous ne vendons pas directement vos coordonnées</strong>
<p>
Nous ne commercialisons pas les listes nominatives de nos clients.
Certaines technologies publicitaires peuvent néanmoins être
juridiquement considérées comme un partage de données selon le pays
dans lequel vous résidez.
</p>
</div>
</section>
<!-- 08 SHOPIFY -->
<section class="privacy-policy__card privacy-policy__card--shopify">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">08</span>
<div>
<p class="privacy-policy__category">Hébergement</p>
<h2>Relation avec Shopify</h2>
</div>
</div>
<p>
Notre boutique est hébergée par Shopify. Shopify collecte et traite
certaines informations relatives à votre accès à la boutique et à son
utilisation afin de fournir, sécuriser et améliorer ses services.
</p>
<p>
Les informations que vous transmettez par l’intermédiaire de la boutique
peuvent être communiquées à Shopify ainsi qu’à ses prestataires,
éventuellement situés dans d’autres pays.
</p>
<p>
Certaines fonctionnalités Shopify peuvent également analyser vos
interactions avec notre boutique, avec Shopify ou avec d’autres
marchands afin d’améliorer leurs services ou de personnaliser certaines
expériences.
</p>
<a
class="privacy-policy__button"
href="https://privacy.shopify.com/fr"
target="_blank"
rel="noopener noreferrer"
>
Consulter le portail de confidentialité Shopify
</a>
</section>
<!-- 09 CONSERVATION -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">09</span>
<div>
<p class="privacy-policy__category">Durées</p>
<h2>Conservation de vos informations</h2>
</div>
</div>
<p>
Nous conservons vos informations personnelles uniquement pendant la
durée nécessaire aux objectifs pour lesquels elles ont été collectées,
ainsi qu’au respect de nos obligations légales, comptables et fiscales.
</p>
<p>La durée de conservation peut notamment dépendre :</p>
<ul class="privacy-policy__list">
<li>de la durée de notre relation commerciale ;</li>
<li>de l’existence et de l’activité de votre compte client ;</li>
<li>des délais légaux de conservation des documents comptables ;</li>
<li>des délais de prescription applicables ;</li>
<li>de la nécessité de traiter un litige ou une réclamation.</li>
</ul>
<p>
Lorsque les informations ne sont plus nécessaires, elles sont supprimées,
anonymisées ou archivées avec un accès limité, selon les obligations
applicables.
</p>
</section>
<!-- 10 SÉCURITÉ -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">10</span>
<div>
<p class="privacy-policy__category">Protection</p>
<h2>Sécurité de vos informations</h2>
</div>
</div>
<p>
Nous mettons en œuvre des mesures techniques et organisationnelles
raisonnables afin de protéger vos informations contre la perte, l’accès
non autorisé, la modification, la divulgation ou la destruction.
</p>
<p>
Toutefois, aucun système informatique, moyen de stockage ou mode de
transmission sur Internet ne peut garantir une sécurité absolue.
</p>
<div class="privacy-policy__notice privacy-policy__notice--warning">
<strong>Protégez également votre compte</strong>
<p>
Ne communiquez jamais votre mot de passe ou vos identifiants. En cas
de doute concernant la sécurité de votre compte, contactez-nous
rapidement.
</p>
</div>
</section>
<!-- 11 ENFANTS -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">11</span>
<div>
<p class="privacy-policy__category">Protection des mineurs</p>
<h2>Données relatives aux enfants</h2>
</div>
</div>
<p>
Nos Services ne sont pas spécifiquement destinés aux enfants et nous ne
cherchons pas à collecter sciemment les informations personnelles de
mineurs qui ne disposent pas de la capacité légale requise.
</p>
<p>
Si vous êtes le parent ou le représentant légal d’un enfant qui nous
aurait transmis des informations personnelles, vous pouvez nous
contacter afin d’en demander la suppression.
</p>
</section>
<!-- 12 DROITS -->
<section class="privacy-policy__card privacy-policy__card--rights">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">12</span>
<div>
<p class="privacy-policy__category">Vos choix</p>
<h2>Vos droits sur vos données</h2>
</div>
</div>
<p>
Selon votre lieu de résidence et la réglementation applicable, vous
pouvez notamment disposer des droits suivants :
</p>
<div class="privacy-policy__rights-grid">
<article>
<strong>Droit d’accès</strong>
<p>Obtenir des informations sur les données que nous détenons.</p>
</article>
<article>
<strong>Droit de rectification</strong>
<p>Faire corriger des informations inexactes ou incomplètes.</p>
</article>
<article>
<strong>Droit à l’effacement</strong>
<p>Demander la suppression de certaines informations.</p>
</article>
<article>
<strong>Droit d’opposition</strong>
<p>Vous opposer à certains traitements de vos données.</p>
</article>
<article>
<strong>Droit à la limitation</strong>
<p>Demander la suspension temporaire de certains traitements.</p>
</article>
<article>
<strong>Droit à la portabilité</strong>
<p>Recevoir certaines données dans un format structuré.</p>
</article>
<article>
<strong>Retrait du consentement</strong>
<p>Retirer votre accord lorsqu’un traitement repose sur celui-ci.</p>
</article>
<article>
<strong>Préférences commerciales</strong>
<p>Vous désabonner des communications promotionnelles.</p>
</article>
</div>
<div class="privacy-policy__action-box">
<h3>Exercer un droit</h3>
<p>
Envoyez votre demande en précisant votre identité, la nature de votre
demande et, si possible, l’adresse e-mail associée à votre commande.
</p>
<a
class="privacy-policy__button"
href="mailto:contact@leschroniquesdumonde.com?subject=Demande%20relative%20à%20mes%20données%20personnelles"
>
Envoyer une demande
</a>
</div>
<p>
Afin de protéger vos informations, nous pourrons vous demander des
éléments permettant de vérifier votre identité. Cette vérification sera
limitée aux informations nécessaires au traitement de votre demande.
</p>
</section>
<!-- 13 COMMUNICATIONS -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">13</span>
<div>
<p class="privacy-policy__category">Préférences</p>
<h2>Communications commerciales</h2>
</div>
</div>
<p>
Lorsque vous avez accepté de recevoir nos communications, nous pouvons
vous envoyer des actualités, informations ou offres commerciales par
e-mail.
</p>
<p>
Vous pouvez vous désabonner à tout moment en utilisant le lien prévu à
cet effet au bas de chaque e-mail promotionnel.
</p>
<p>
Le désabonnement des communications commerciales ne vous empêchera pas
de recevoir les messages indispensables au suivi de votre compte ou de
vos commandes.
</p>
</section>
<!-- 14 TRANSFERTS -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">14</span>
<div>
<p class="privacy-policy__category">International</p>
<h2>Transferts internationaux</h2>
</div>
</div>
<p>
Shopify ou certains de nos prestataires peuvent stocker ou traiter des
informations dans un pays différent de celui dans lequel vous résidez.
</p>
<p>
Lorsque des informations sont transférées en dehors de l’Espace
économique européen, des garanties reconnues par la réglementation
applicable sont utilisées, telles qu’une décision d’adéquation ou des
clauses contractuelles types.
</p>
</section>
<!-- 15 TIERS -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">15</span>
<div>
<p class="privacy-policy__category">Liens externes</p>
<h2>Sites internet et services de tiers</h2>
</div>
</div>
<p>
Notre site peut contenir des liens vers des plateformes, réseaux sociaux
ou services exploités par des tiers.
</p>
<p>
Lorsque vous quittez notre site, les pratiques de confidentialité de ces
tiers s’appliquent. Nous vous recommandons de consulter leurs propres
politiques avant de leur transmettre des informations personnelles.
</p>
<p>
Nous ne sommes pas responsables du contenu, de la sécurité ou des
pratiques de confidentialité des sites que nous ne contrôlons pas.
</p>
</section>
<!-- 16 RÉCLAMATIONS -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">16</span>
<div>
<p class="privacy-policy__category">Recours</p>
<h2>Réclamations</h2>
</div>
</div>
<p>
Pour toute question ou réclamation concernant l’utilisation de vos
informations personnelles, contactez-nous en priorité à :
</p>
<div class="privacy-policy__email-box">
<a href="mailto:contact@leschroniquesdumonde.com">
contact@leschroniquesdumonde.com
</a>
</div>
<p>
Si vous estimez, après nous avoir contactés, que vos droits ne sont pas
respectés, vous pouvez également déposer une réclamation auprès de la
Commission nationale de l’informatique et des libertés, la CNIL, ou de
l’autorité de contrôle compétente dans votre pays.
</p>
<a
class="privacy-policy__button privacy-policy__button--secondary"
href="https://www.cnil.fr/fr/plaintes"
target="_blank"
rel="noopener noreferrer"
>
Consulter le site de la CNIL
</a>
</section>
<!-- 17 MODIFICATIONS -->
<section class="privacy-policy__card">
<div class="privacy-policy__heading">
<span class="privacy-policy__number">17</span>
<div>
<p class="privacy-policy__category">Évolution</p>
<h2>Modification de cette politique</h2>
</div>
</div>
<p>
Nous pouvons mettre à jour la présente politique afin de tenir compte
d’une évolution de nos pratiques, de nos Services ou de la
réglementation applicable.
</p>
<p>
La version révisée sera publiée sur cette page et la date de dernière
mise à jour sera modifiée en conséquence.
</p>
</section>
<!-- 18 CONTACT -->
<section class="privacy-policy__contact-card">
<span class="privacy-policy__contact-label">
UNE QUESTION ?
</span>
<h2>Contactez Les Chroniques du Monde</h2>
<p>
Pour toute question concernant vos données personnelles ou la présente
politique, vous pouvez nous écrire par e-mail.
</p>
<a
class="privacy-policy__contact-email"
href="mailto:contact@leschroniquesdumonde.com"
>
contact@leschroniquesdumonde.com
</a>
<address>
Les Chroniques du Monde<br>
Surguières<br>
12150 Sévérac d’Aveyron<br>
France
</address>
</section>
</main>
<footer class="privacy-policy__footer">
<p>
Dernière mise à jour : 27 juillet 2026
</p>
</footer>
</div>
<style>
.privacy-policy {
--privacy-bg: #f5f1e8;
--privacy-card: #fffdf8;
--privacy-text: #29251f;
--privacy-muted: #6e675c;
--privacy-gold: #b58a4c;
--privacy-gold-dark: #87642f;
--privacy-gold-soft: #f1e3ca;
--privacy-green: #334b3d;
--privacy-green-soft: #e4eee7;
--privacy-blue: #405b70;
--privacy-blue-soft: #e7eef3;
--privacy-warning: #9a6232;
--privacy-warning-soft: #f7eadd;
--privacy-border: rgba(69, 56, 38, 0.14);
--privacy-shadow: 0 18px 45px rgba(45, 37, 27, 0.08);
width: 100%;
max-width: 1050px;
margin: 50px auto;
padding: 0 25px;
color: var(--privacy-text);
font-family: inherit;
box-sizing: border-box;
}
.privacy-policy *,
.privacy-policy *::before,
.privacy-policy *::after {
box-sizing: border-box;
}
/* EN-TÊTE */
.privacy-policy__hero {
position: relative;
margin-bottom: 26px;
padding: 60px 55px;
overflow: hidden;
color: #ffffff;
border-radius: 14px;
background:
radial-gradient(
circle at 85% 15%,
rgba(213, 177, 111, 0.32),
transparent 30%
),
linear-gradient(
135deg,
#1d2922 0%,
#334b3d 60%,
#283d32 100%
);
box-shadow: var(--privacy-shadow);
}
.privacy-policy__hero::after {
content: "";
position: absolute;
right: -70px;
bottom: -105px;
width: 270px;
height: 270px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 50%;
}
.privacy-policy__hero-content {
position: relative;
z-index: 1;
max-width: 780px;
}
.privacy-policy__eyebrow {
display: block;
margin-bottom: 15px;
color: #e3c58c;
font-size: 12px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 2.5px;
}
.privacy-policy h1 {
max-width: 760px;
margin: 0 0 19px;
color: #ffffff;
font-size: clamp(35px, 6vw, 58px);
font-weight: 600;
line-height: 1.06;
letter-spacing: -1.4px;
}
.privacy-policy__lead {
max-width: 730px;
margin: 0;
color: rgba(255, 255, 255, 0.86);
font-size: 17px;
line-height: 1.7;
}
.privacy-policy__meta {
display: inline-flex;
align-items: center;
gap: 9px;
margin-top: 27px;
padding: 9px 14px;
color: rgba(255, 255, 255, 0.78);
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 50px;
background: rgba(255, 255, 255, 0.07);
font-size: 12px;
}
.privacy-policy__meta strong {
color: #ffffff;
}
/* RÉSUMÉ */
.privacy-policy__summary {
display: flex;
align-items: flex-start;
gap: 20px;
margin-bottom: 26px;
padding: 28px 32px;
border: 1px solid rgba(181, 138, 76, 0.25);
border-radius: 10px;
background: linear-gradient(
135deg,
#fff9ee,
#f4e8d4
);
}
.privacy-policy__summary-icon {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 46px;
width: 46px;
height: 46px;
color: #ffffff;
border-radius: 50%;
background: var(--privacy-gold);
font-size: 20px;
font-weight: 800;
}
.privacy-policy__summary h2 {
margin: 0 0 9px;
color: var(--privacy-text);
font-size: 22px;
font-weight: 650;
line-height: 1.3;
}
.privacy-policy__summary p {
margin: 0 0 8px;
color: var(--privacy-muted);
font-size: 14px;
line-height: 1.65;
}
.privacy-policy__email-link {
display: inline-block;
color: var(--privacy-gold-dark);
font-size: 15px;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
overflow-wrap: anywhere;
}
/* CONTENU */
.privacy-policy__content {
display: flex;
flex-direction: column;
gap: 22px;
}
.privacy-policy__card {
padding: 39px 42px;
border: 1px solid var(--privacy-border);
border-radius: 10px;
background: var(--privacy-card);
box-shadow: 0 8px 28px rgba(45, 37, 27, 0.045);
}
.privacy-policy__card--shopify {
border-top: 4px solid var(--privacy-blue);
background:
linear-gradient(
135deg,
rgba(64, 91, 112, 0.07),
transparent 50%
),
var(--privacy-card);
}
.privacy-policy__card--rights {
border-top: 4px solid var(--privacy-green);
background:
linear-gradient(
135deg,
rgba(51, 75, 61, 0.06),
transparent 48%
),
var(--privacy-card);
}
.privacy-policy__heading {
display: flex;
align-items: flex-start;
gap: 17px;
margin-bottom: 24px;
}
.privacy-policy__number {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 43px;
width: 43px;
height: 43px;
color: var(--privacy-gold-dark);
border: 1px solid rgba(181, 138, 76, 0.35);
border-radius: 50%;
background: var(--privacy-gold-soft);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.5px;
}
.privacy-policy__category {
margin: 0 0 4px !important;
color: var(--privacy-gold-dark) !important;
font-size: 10px !important;
font-weight: 800;
line-height: 1.3 !important;
letter-spacing: 1.7px;
text-transform: uppercase;
}
.privacy-policy__card h2 {
margin: 0;
color: var(--privacy-text);
font-size: 25px;
font-weight: 650;
line-height: 1.25;
letter-spacing: -0.35px;
}
.privacy-policy__card > p {
margin: 0 0 16px;
color: var(--privacy-text);
font-size: 15px;
line-height: 1.75;
}
.privacy-policy__card > p:last-child {
margin-bottom: 0;
}
/* LISTES */
.privacy-policy__list {
margin: 6px 0 21px;
padding: 0;
list-style: none;
}
.privacy-policy__list li {
position: relative;
margin: 0 0 11px;
padding-left: 26px;
color: var(--privacy-text);
font-size: 15px;
line-height: 1.65;
}
.privacy-policy__list li::before {
content: "✓";
position: absolute;
top: 0;
left: 0;
color: var(--privacy-gold);
font-weight: 800;
}
/* GRILLE DES DONNÉES */
.privacy-policy__data-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin: 24px 0;
}
.privacy-policy__data-item {
display: flex;
align-items: flex-start;
gap: 13px;
margin: 0;
padding: 18px;
border: 1px solid var(--privacy-border);
border-radius: 7px;
background: #ffffff;
}
.privacy-policy__data-icon {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 31px;
width: 31px;
height: 31px;
color: #ffffff;
border-radius: 50%;
background: var(--privacy-gold);
font-size: 9px;
font-weight: 800;
}
.privacy-policy__data-item h3 {
margin: 0 0 6px;
color: var(--privacy-text);
font-size: 15px;
font-weight: 700;
line-height: 1.35;
}
.privacy-policy__data-item p {
margin: 0;
color: var(--privacy-muted);
font-size: 13px;
line-height: 1.55;
}
/* FINALITÉS */
.privacy-policy__purpose-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.privacy-policy__purpose-list article {
padding: 19px;
border-left: 3px solid var(--privacy-gold);
background: var(--privacy-bg);
}
.privacy-policy__purpose-list h3 {
margin: 0 0 7px;
color: var(--privacy-text);
font-size: 15px;
font-weight: 700;
}
.privacy-policy__purpose-list p {
margin: 0;
color: var(--privacy-muted);
font-size: 13px;
line-height: 1.6;
}
/* DROITS */
.privacy-policy__rights-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 13px;
margin: 23px 0;
}
.privacy-policy__rights-grid article {
padding: 17px 18px;
border: 1px solid rgba(51, 75, 61, 0.16);
border-radius: 6px;
background: var(--privacy-green-soft);
}
.privacy-policy__rights-grid strong {
display: block;
margin-bottom: 5px;
color: var(--privacy-green);
font-size: 14px;
}
.privacy-policy__rights-grid p {
margin: 0;
color: var(--privacy-muted);
font-size: 13px;
line-height: 1.55;
}
/* ENCADRÉS */
.privacy-policy__notice {
margin: 22px 0;
padding: 18px 20px;
border-left: 4px solid var(--privacy-gold);
background: var(--privacy-gold-soft);
}
.privacy-policy__notice--secure {
border-left-color: var(--privacy-green);
background: var(--privacy-green-soft);
}
.privacy-policy__notice--warning {
border-left-color: var(--privacy-warning);
background: var(--privacy-warning-soft);
}
.privacy-policy__notice strong {
display: block;
margin-bottom: 6px;
color: var(--privacy-text);
font-size: 14px;
}
.privacy-policy__notice p {
margin: 0;
color: var(--privacy-muted);
font-size: 13px;
line-height: 1.65;
}
/* IDENTITÉ */
.privacy-policy__identity {
display: flex;
flex-direction: column;
gap: 7px;
margin: 20px 0;
padding: 22px;
border: 1px solid rgba(181, 138, 76, 0.25);
border-radius: 7px;
background: var(--privacy-gold-soft);
}
.privacy-policy__identity strong {
color: var(--privacy-text);
font-size: 17px;
}
.privacy-policy__identity span {
color: var(--privacy-muted);
font-size: 14px;
font-style: normal;
line-height: 1.6;
}
.privacy-policy__identity a {
color: var(--privacy-gold-dark);
font-weight: 700;
overflow-wrap: anywhere;
}
/* ACTIONS */
.privacy-policy__action-box {
margin: 25px 0;
padding: 25px;
color: #ffffff;
border-radius: 8px;
background: var(--privacy-green);
}
.privacy-policy__action-box h3 {
margin: 0 0 8px;
color: #ffffff;
font-size: 19px;
}
.privacy-policy__action-box p {
margin: 0 0 18px;
color: rgba(255, 255, 255, 0.83);
font-size: 14px;
line-height: 1.65;
}
.privacy-policy__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 11px 19px;
color: #ffffff !important;
border: 1px solid transparent;
border-radius: 4px;
background: var(--privacy-gold-dark);
font-size: 13px;
font-weight: 700;
line-height: 1.3;
text-align: center;
text-decoration: none !important;
transition:
transform 0.2s ease,
background-color 0.2s ease;
}
.privacy-policy__button:hover {
transform: translateY(-2px);
background: var(--privacy-text);
}
.privacy-policy__button--secondary {
background: var(--privacy-green);
}
.privacy-policy__email-box {
margin: 18px 0;
padding: 16px;
border: 1px solid rgba(181, 138, 76, 0.27);
border-radius: 5px;
background: var(--privacy-gold-soft);
text-align: center;
}
.privacy-policy__email-box a {
color: var(--privacy-gold-dark);
font-size: 15px;
font-weight: 700;
overflow-wrap: anywhere;
}
/* CONTACT FINAL */
.privacy-policy__contact-card {
padding: 44px;
color: #ffffff;
border-radius: 11px;
background:
radial-gradient(
circle at 90% 20%,
rgba(218, 183, 120, 0.25),
transparent 28%
),
var(--privacy-green);
box-shadow: var(--privacy-shadow);
}
.privacy-policy__contact-label {
display: block;
margin-bottom: 10px;
color: #e1c28a;
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
}
.privacy-policy__contact-card h2 {
margin: 0 0 12px;
color: #ffffff;
font-size: 29px;
line-height: 1.2;
}
.privacy-policy__contact-card p {
max-width: 690px;
margin: 0 0 17px;
color: rgba(255, 255, 255, 0.81);
font-size: 14px;
line-height: 1.65;
}
.privacy-policy__contact-email {
display: inline-block;
margin-bottom: 22px;
color: #f0d5a2;
font-size: 17px;
font-weight: 750;
text-decoration: underline;
text-underline-offset: 4px;
overflow-wrap: anywhere;
}
.privacy-policy__contact-card address {
color: rgba(255, 255, 255, 0.72);
font-size: 13px;
font-style: normal;
line-height: 1.6;
}
/* PIED DE PAGE */
.privacy-policy__footer {
margin-top: 25px;
padding: 20px 0;
color: var(--privacy-muted);
border-top: 1px solid var(--privacy-border);
font-size: 12px;
text-align: center;
}
.privacy-policy__footer p {
margin: 0;
}
/* TABLETTE */
@media screen and (max-width: 850px) {
.privacy-policy__hero {
padding: 48px 38px;
}
.privacy-policy__data-grid,
.privacy-policy__purpose-list,
.privacy-policy__rights-grid {
grid-template-columns: minmax(0, 1fr);
}
}
/* MOBILE */
@media screen and (max-width: 600px) {
.privacy-policy {
margin: 25px auto;
padding: 0 14px;
}
.privacy-policy__hero {
padding: 36px 23px;
border-radius: 9px;
}
.privacy-policy h1 {
font-size: 35px;
letter-spacing: -0.8px;
}
.privacy-policy__lead {
font-size: 15px;
}
.privacy-policy__meta {
align-items: flex-start;
flex-direction: column;
gap: 2px;
border-radius: 7px;
}
.privacy-policy__summary {
flex-direction: column;
padding: 24px 21px;
}
.privacy-policy__card {
padding: 29px 21px;
}
.privacy-policy__heading {
gap: 12px;
}
.privacy-policy__number {
flex-basis: 38px;
width: 38px;
height: 38px;
}
.privacy-policy__card h2 {
font-size: 21px;
}
.privacy-policy__data-item {
padding: 16px;
}
.privacy-policy__contact-card {
padding: 32px 23px;
}
.privacy-policy__contact-card h2 {
font-size: 24px;
}
.privacy-policy__button {
width: 100%;
}
}
/* ACCESSIBILITÉ */
@media (prefers-reduced-motion: reduce) {
.privacy-policy__button {
transition: none;
}
}
</style>