body {
font-family: 'Montserrat', Arial, sans-serif;
background: #f7fafc;
color: #222;
}
.navbar {
background: #fff;
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
transition: box-shadow 0.5s cubic-bezier(.4,0,.2,1);
}
.navbar-brand {
font-weight: bold;
letter-spacing: 2px;
color: #2b8673 !important;
}
.navbar.sticky-top {
box-shadow: 0 2px 8px rgba(0,0,0,0.07);
}
.navbar.sticky-shadow {
box-shadow: 0 2px 16px rgba(0,0,0,0.13);
}
.btn-primary {
background: linear-gradient(90deg, #2b8673 0%, #89d8c2 100%);
border: none;
border-radius: 30px;
padding: 0.75rem 2rem;
font-weight: 600;
transition: background 0.3s;
}
.btn-primary:hover {
background: linear-gradient(90deg, #89d8c2 0%, #2b8673 100%);
}
.mentions-legales-section {
background: #fff;
border-radius: 1rem;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
padding: 2.5rem 2rem;
max-width: 900px;
margin: 3rem auto 2rem auto;
}
.mentions-legales-section h1 {
color: #9966CC;
font-size: 2.3rem;
font-weight: 700;
margin-bottom: 2rem;
}
.mentions-legales-section h2 {
color: #2b8673;
font-size: 1.3rem;
font-weight: 700;
margin-top: 2.2rem;
margin-bottom: 1rem;
}
.mentions-legales-section ul, .mentions-legales-section p {
font-size: 1rem;
font-family: 'Montserrat', sans-serif;
}
.mentions-legales-section blockquote {
border-left: 5px solid #2b8673;
padding-left: 1rem;
color: #444;
background: #f6f1f1;
border-radius: 0.5rem;
margin-top: 2rem;
}
.footer {
background: #2b8673;
color: #fff;
padding: 2rem 0;
text-align: center;
}
.footer a {
color: #fff;
opacity: 0.8;
transition: opacity 0.2s;
}
.footer a:hover {
opacity: 1;
text-decoration: underline;
}
.accessibilite-btn {
position: fixed;
right: 2rem;
bottom: 2rem;
z-index: 1000;
width: 56px;
height: 56px;
border: none;
border-radius: 50%;
background: #cce29a;
color: #fff;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: box-shadow 0.2s, background 0.2s;
padding: 0;
}
.accessibilite-btn span#loupe-icone {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
}
.accessibilite-btn svg {
width: 32px;
height: 32px;
display: block;
}
.accessibilite-menu {
position: fixed;
right: 2rem;
bottom: 5.5rem;
background: #fff;
border-radius: 12px;
box-shadow: 0 2px 6px rgba(133, 216, 255, 0.3);
padding: 1rem 1.2rem;
z-index: 1001;
min-width: 180px;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.accessibilite-menu[hidden] {
display: none;
}
.fs-reset {
border-radius: 8px;
font-size: 1rem;
padding: 0.5em 0;
border: 1px solid #cce29a;
background: #fff;
color: #222;
transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.fs-reset:hover,
.fs-reset:focus {
background: #cce29a !important;
color: #222 !important;
border-color: #b5d87c !important;
outline: none;
}