Contact
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–cream: #faf6f0;
–warm-white: #fdf9f4;
–gold: #b89a6a;
–gold-light: #d4b896;
–gold-dark: #8a7050;
–sage: #7a8c6e;
–sage-light: #a8b89a;
–brown: #4a3728;
–text: #2e2418;
–text-light: #7a6a58;
}
body {
font-family: ‘Jost’, sans-serif;
background-color: var(–cream);
color: var(–text);
min-height: 100vh;
overflow-x: hidden;
}
/* Background texture */
body::before {
content: »;
position: fixed;
inset: 0;
background-image:
radial-gradient(ellipse at 20% 20%, rgba(184,154,106,0.08) 0%, transparent 60%),
radial-gradient(ellipse at 80% 80%, rgba(122,140,110,0.08) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
.page-wrapper {
position: relative;
z-index: 1;
max-width: 960px;
margin: 0 auto;
padding: 60px 24px 80px;
}
/* Header */
.header {
text-align: center;
margin-bottom: 64px;
animation: fadeUp 0.8s ease both;
}
.header-eyebrow {
font-family: ‘Jost’, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.25em;
text-transform: uppercase;
color: var(–gold);
margin-bottom: 16px;
}
.header h1 {
font-family: ‘Cormorant Garamond’, serif;
font-size: clamp(2.8rem, 6vw, 4.5rem);
font-weight: 300;
line-height: 1.1;
color: var(–brown);
margin-bottom: 8px;
}
.header h1 em {
font-style: italic;
color: var(–gold);
}
.header-divider {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin: 24px auto;
width: fit-content;
}
.header-divider::before,
.header-divider::after {
content: »;
width: 60px;
height: 1px;
background: linear-gradient(to right, transparent, var(–gold-light));
}
.header-divider::after {
background: linear-gradient(to left, transparent, var(–gold-light));
}
.header-divider span {
font-size: 18px;
color: var(–gold-light);
}
.header-tagline {
font-family: ‘Cormorant Garamond’, serif;
font-size: 1.2rem;
font-style: italic;
color: var(–gold-dark);
margin-bottom: 20px;
}
.header-intro {
font-size: 0.95rem;
font-weight: 300;
line-height: 1.8;
color: var(–text-light);
max-width: 580px;
margin: 0 auto;
}
/* Main grid */
.contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
margin-bottom: 40px;
animation: fadeUp 0.8s 0.2s ease both;
}
@media (max-width: 640px) {
.contact-grid { grid-template-columns: 1fr; }
}
/* Cards */
.card {
background: var(–warm-white);
border: 1px solid rgba(184,154,106,0.2);
border-radius: 4px;
padding: 36px 32px;
transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
position: relative;
overflow: hidden;
}
.card::before {
content: »;
position: absolute;
top: 0; left: 0; right: 0;
height: 2px;
background: linear-gradient(to right, transparent, var(–gold-light), transparent);
opacity: 0;
transition: opacity 0.3s;
}
.card:hover {
border-color: rgba(184,154,106,0.4);
box-shadow: 0 8px 32px rgba(184,154,106,0.1);
transform: translateY(-2px);
}
.card:hover::before { opacity: 1; }
.card-icon {
width: 40px;
height: 40px;
background: linear-gradient(135deg, rgba(184,154,106,0.15), rgba(184,154,106,0.05));
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
font-size: 18px;
}
.card-title {
font-family: ‘Cormorant Garamond’, serif;
font-size: 1.3rem;
font-weight: 600;
color: var(–brown);
margin-bottom: 12px;
letter-spacing: 0.02em;
}
.card-text {
font-size: 0.88rem;
font-weight: 300;
line-height: 1.75;
color: var(–text-light);
margin-bottom: 20px;
}
.card-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 0.85rem;
font-weight: 500;
color: var(–gold-dark);
text-decoration: none;
letter-spacing: 0.05em;
transition: color 0.2s, gap 0.2s;
}
.card-link:hover { color: var(–gold); gap: 12px; }
.card-link-arrow {
font-size: 14px;
transition: transform 0.2s;
}
.card-link:hover .card-link-arrow { transform: translateX(3px); }
/* Wide card for address */
.card-wide {
grid-column: 1 / -1;
display: flex;
align-items: center;
gap: 40px;
padding: 36px 40px;
}
@media (max-width: 640px) {
.card-wide { flex-direction: column; gap: 24px; }
}
.card-wide-left { flex: 1; }
.card-wide-map {
flex: 0 0 280px;
height: 180px;
background: linear-gradient(135deg, rgba(122,140,110,0.1), rgba(184,154,106,0.08));
border-radius: 4px;
border: 1px solid rgba(184,154,106,0.2);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
color: var(–text-light);
font-size: 0.82rem;
font-weight: 300;
text-decoration: none;
transition: background 0.3s;
}
.card-wide-map:hover { background: linear-gradient(135deg, rgba(122,140,110,0.18), rgba(184,154,106,0.12)); }
.card-wide-map span:first-child { font-size: 28px; }
@media (max-width: 640px) {
.card-wide-map { flex: auto; width: 100%; }
}
/* Address details */
.address-detail {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 12px;
}
.address-detail-icon {
font-size: 14px;
color: var(–gold);
margin-top: 2px;
flex-shrink: 0;
}
.address-detail-text {
font-size: 0.9rem;
font-weight: 300;
line-height: 1.6;
color: var(–text-light);
}
.address-detail-text strong {
display: block;
font-weight: 500;
color: var(–text);
font-size: 0.88rem;
margin-bottom: 2px;
}
/* Social section */
.social-section {
animation: fadeUp 0.8s 0.4s ease both;
text-align: center;
padding: 40px 0 0;
border-top: 1px solid rgba(184,154,106,0.2);
}
.social-label {
font-size: 11px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(–gold);
margin-bottom: 24px;
}
.social-links {
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
}
.social-link {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 24px;
border: 1px solid rgba(184,154,106,0.25);
border-radius: 2px;
background: var(–warm-white);
color: var(–text-light);
text-decoration: none;
font-size: 0.82rem;
font-weight: 400;
letter-spacing: 0.05em;
transition: all 0.25s;
}
.social-link:hover {
border-color: var(–gold-light);
color: var(–gold-dark);
background: rgba(184,154,106,0.05);
transform: translateY(-1px);
}
.social-link-icon { font-size: 16px; }
/* Wellness promise */
.wellness-banner {
margin-top: 48px;
padding: 36px 40px;
background: linear-gradient(135deg, rgba(184,154,106,0.08), rgba(122,140,110,0.06));
border: 1px solid rgba(184,154,106,0.2);
border-radius: 4px;
text-align: center;
animation: fadeUp 0.8s 0.5s ease both;
}
.wellness-banner p {
font-family: ‘Cormorant Garamond’, serif;
font-size: clamp(1.1rem, 2.5vw, 1.4rem);
font-style: italic;
font-weight: 300;
line-height: 1.7;
color: var(–brown);
}
.wellness-banner p em {
color: var(–gold-dark);
font-style: normal;
font-weight: 600;
}
/* Animations */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
Bienvenue chez
Renéessence
Complice de votre bien-être
✦
Un espace qui a pignon sur rue à Lisieux
Vous pouvez dès à présent utiliser contact Renéessence pour toute question sur nos services, conseils et produits de bien-être. Tous les moyens de contact et pour nous joindre se trouvent ci-dessous.
Par téléphone
Notre équipe est disponible pour répondre à toutes vos questions et vous orienter vers les soins et produits les mieux adaptés à vos besoins.
Par e-mail
Posez-nous vos questions, demandez conseil ou prenez rendez-vous par écrit. Nous vous répondons dans les meilleurs délais avec toute l’attention que vous méritez.
Venez nous rendre visite
Adresse 26, Avenue Victor Hugo
14100 Lisieux
Stressé·e, manque de sommeil, de vitalité, surpoids, nervosité, crainte du vieillissement prématuré ou intoxication… Passez nous voir. Nous vous accompagnons vers de saines habitudes de vie pour apprécier et vivre pleinement chaque jour. Où réservez en ligne un soin avec Renée Champagne.
Voir sur Google Maps 26 Av. Victor Hugo · Lisieux
Suivez-nous sur les réseaux sociaux
Facebook · Renéessence SARL 
Instagram 
Google Business
Notre objectif est de promouvoir les saines habitudes de vie quotidienne
pour vous permettre d’être en mesure d’apprécier la vie et la vivre pleinement.