Coordonnées
.lcdm-contact {
--lcdm-blue-dark: #082f49;
--lcdm-blue: #075985;
--lcdm-blue-light: #e0f2fe;
--lcdm-gold: #b98532;
--lcdm-paper: #fffdf8;
--lcdm-text: #17324d;
--lcdm-muted: #52677a;
--lcdm-white: #ffffff;
--lcdm-shadow: 0 18px 55px rgba(8, 47, 73, 0.1);
width: min(100% - 28px, 900px);
margin: 42px auto;
overflow: hidden;
color: var(--lcdm-text);
background: var(--lcdm-paper);
border-radius: 30px;
box-shadow: var(--lcdm-shadow);
font-family:
Inter,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif;
line-height: 1.7;
}
.lcdm-contact *,
.lcdm-contact *::before,
.lcdm-contact *::after {
box-sizing: border-box;
}
/* En-tête bleu */
.lcdm-contact__hero {
position: relative;
overflow: hidden;
padding: clamp(48px, 8vw, 82px) clamp(25px, 7vw, 70px);
text-align: center;
background:
radial-gradient(
circle at 88% 10%,
rgba(255, 255, 255, 0.15),
transparent 27%
),
radial-gradient(
circle at 5% 95%,
rgba(255, 255, 255, 0.08),
transparent 30%
),
linear-gradient(
135deg,
#082f49 0%,
#0c4a6e 52%,
#075985 100%
);
}
.lcdm-contact__hero::before {
content: "";
position: absolute;
top: -130px;
right: -100px;
width: 310px;
height: 310px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 50%;
pointer-events: none;
}
.lcdm-contact__hero-inner {
position: relative;
z-index: 1;
max-width: 720px;
margin: 0 auto;
}
.lcdm-contact__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 0 20px;
padding: 9px 16px;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: rgba(255, 255, 255, 0.16);
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 999px;
font-size: 0.74rem;
font-weight: 800;
letter-spacing: 0.15em;
line-height: 1.3;
text-transform: uppercase;
}
.lcdm-contact__title {
margin: 0;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(2.5rem, 7vw, 4.8rem);
font-weight: 500;
letter-spacing: -0.04em;
line-height: 1;
text-shadow: 0 4px 20px rgba(0, 0, 0, 0.28);
}
.lcdm-contact__subtitle {
max-width: 650px;
margin: 24px auto 0;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: clamp(1rem, 2vw, 1.12rem);
font-weight: 500;
line-height: 1.8;
opacity: 1 !important;
}
/* Contenu */
.lcdm-contact__content {
padding: clamp(32px, 7vw, 68px);
background:
radial-gradient(
circle at 100% 0%,
rgba(7, 89, 133, 0.07),
transparent 32%
),
var(--lcdm-paper);
}
.lcdm-contact__intro {
max-width: 760px;
margin: 0 auto 38px;
text-align: center;
}
.lcdm-contact__intro p {
margin: 0 0 16px;
color: var(--lcdm-muted);
font-size: 1.02rem;
line-height: 1.85;
}
.lcdm-contact__intro p:last-child {
margin-bottom: 0;
}
.lcdm-contact__intro strong {
color: var(--lcdm-text);
}
/* Cartes de coordonnées */
.lcdm-contact__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.lcdm-contact__card {
position: relative;
min-width: 0;
padding: 25px;
overflow: hidden;
background: #ffffff;
border-radius: 21px;
box-shadow: 0 10px 30px rgba(8, 47, 73, 0.07);
}
.lcdm-contact__card--wide {
grid-column: 1 / -1;
}
.lcdm-contact__card::after {
content: "";
position: absolute;
top: -45px;
right: -45px;
width: 105px;
height: 105px;
background: var(--lcdm-blue-light);
border-radius: 50%;
opacity: 0.72;
pointer-events: none;
}
.lcdm-contact__icon {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 47px;
height: 47px;
margin-bottom: 18px;
color: var(--lcdm-blue);
background: var(--lcdm-blue-light);
border-radius: 15px;
font-size: 1.25rem;
}
.lcdm-contact__label {
position: relative;
z-index: 1;
display: block;
margin-bottom: 8px;
color: var(--lcdm-gold);
font-size: 0.72rem;
font-weight: 900;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.lcdm-contact__value {
position: relative;
z-index: 1;
margin: 0;
color: var(--lcdm-text);
font-size: 1.02rem;
font-weight: 700;
line-height: 1.65;
overflow-wrap: anywhere;
}
.lcdm-contact__value--name {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(1.25rem, 3vw, 1.55rem);
font-weight: 600;
}
.lcdm-contact__value a {
color: var(--lcdm-blue);
font-weight: 800;
text-decoration: none;
overflow-wrap: anywhere;
}
.lcdm-contact__value a:hover {
text-decoration: underline;
text-underline-offset: 4px;
}
/* Bloc de contact final */
.lcdm-contact__message {
position: relative;
margin-top: 22px;
padding: clamp(28px, 6vw, 48px);
overflow: hidden;
text-align: center;
background:
radial-gradient(
circle at 90% 5%,
rgba(255, 255, 255, 0.13),
transparent 28%
),
linear-gradient(
135deg,
#082f49 0%,
#0c4a6e 55%,
#075985 100%
);
border-radius: 24px;
box-shadow: 0 16px 40px rgba(8, 47, 73, 0.16);
}
.lcdm-contact__message,
.lcdm-contact__message *,
.lcdm-contact__message h2,
.lcdm-contact__message p,
.lcdm-contact__message strong,
.lcdm-contact__message a {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
}
.lcdm-contact__message h2 {
margin: 0 0 19px;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(1.8rem, 4vw, 2.6rem);
font-weight: 500;
line-height: 1.2;
}
.lcdm-contact__message p {
max-width: 680px;
margin: 0 auto 15px;
font-size: 1rem;
line-height: 1.8;
}
.lcdm-contact__button {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 13px;
padding: 14px 21px;
background: #ffffff !important;
border-radius: 999px;
color: #082f49 !important;
-webkit-text-fill-color: #082f49 !important;
font-size: 0.94rem;
font-weight: 900;
text-decoration: none;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.14);
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
}
.lcdm-contact__button:hover {
transform: translateY(-2px);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2);
}
.lcdm-contact__thanks {
margin: 31px 0 0;
color: var(--lcdm-muted);
text-align: center;
font-family: Georgia, "Times New Roman", serif;
font-size: 1.12rem;
line-height: 1.7;
}
.lcdm-contact__thanks strong {
color: var(--lcdm-text);
}
/* Protection contre les couleurs imposées par Shopify */
.lcdm-contact__hero,
.lcdm-contact__hero *,
.lcdm-contact__hero h1,
.lcdm-contact__hero p,
.lcdm-contact__hero span {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
}
@media (max-width: 680px) {
.lcdm-contact {
width: min(100% - 20px, 900px);
margin: 20px auto;
border-radius: 23px;
}
.lcdm-contact__hero {
padding: 48px 22px;
}
.lcdm-contact__content {
padding: 28px 19px 36px;
}
.lcdm-contact__grid {
grid-template-columns: 1fr;
}
.lcdm-contact__card--wide {
grid-column: auto;
}
.lcdm-contact__card {
padding: 22px;
}
.lcdm-contact__message {
padding: 32px 21px;
border-radius: 21px;
}
}
@media (prefers-reduced-motion: reduce) {
.lcdm-contact__button {
transition: none;
}
.lcdm-contact__button:hover {
transform: none;
}
}
12150 Sévérac-d’Aveyron
France
Informations et contact
Nos coordonnées
Retrouvez les informations officielles de la boutique Les Chroniques du Monde ainsi que les moyens de me contacter.
Les Chroniques du Monde est une librairie indépendante créée et gérée par Yann Taurin, avec l’envie de faire découvrir des ouvrages qui ouvrent une fenêtre sur les cultures, les peuples et les histoires du monde.
Si vous avez une question concernant une commande, un livre ou le fonctionnement de la boutique, je serai heureux de vous répondre.
✦
Éditeur de la boutique
Les Chroniques du Monde
Entreprise individuelle — Yann Taurin
⌂
Adresse 1 Surguières12150 Sévérac-d’Aveyron
France
№
Numéro SIREN
994 265 783
◉
Site internet
✉
Adresse électronique
Me contacter
Je m’efforce de répondre à chaque message dans les meilleurs délais.
Que votre question concerne une commande, une livraison, un retour, un paiement ou un ouvrage proposé sur la boutique, vous pouvez me contacter par e-mail.
Chaque demande est traitée avec attention afin de vous apporter une réponse claire et personnalisée.
✉ Accéder au formulaire de contactMerci pour votre confiance et excellente découverte au fil des Chroniques du Monde.