Mentions légales — Bureau Hybride
:root{
--paper: #F7F5F0;
--paper-raised: #FBFAF7;
--ink: #1E2A22;
--ink-soft: #4B564D;
--muted: #8C8677;
--accent: #4A6B57;
--accent-soft: #E4EAE3;
--line: #DAD6C9;
--max: 680px;
}
*{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; }
body{
margin: 0;
background: var(--paper);
color: var(--ink);
font-family: 'Inter', -apple-system, sans-serif;
font-size: 16px;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
}
a{ color: var(--accent); }
.wrap{
max-width: var(--max);
margin: 0 auto;
padding: 0 24px;
}
header{
background: var(--paper);
padding: 72px 0 40px;
border-bottom: 1px solid var(--line);
}
.brand{
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.02em;
color: var(--accent);
margin: 0 0 28px;
}
h1{
font-family: 'Newsreader', serif;
font-weight: 500;
font-size: clamp(32px, 5vw, 44px);
line-height: 1.15;
letter-spacing: -0.01em;
margin: 0 0 18px;
max-width: 16ch;
}
.lede{
font-size: 17px;
color: var(--ink-soft);
max-width: 46ch;
margin: 0 0 32px;
}
.chips{
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.chip{
display: inline-flex;
align-items: baseline;
gap: 6px;
background: var(--paper-raised);
border: 1px solid var(--line);
border-radius: 3px;
padding: 9px 14px;
font-size: 13.5px;
color: var(--ink-soft);
}
.chip strong{
font-family: 'Newsreader', serif;
font-weight: 600;
font-size: 16px;
color: var(--ink);
}
nav.toc{
padding: 32px 0;
border-bottom: 1px solid var(--line);
}
nav.toc p.label{
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 12px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--muted);
margin: 0 0 14px;
}
nav.toc ol{
columns: 2;
column-gap: 28px;
margin: 0;
padding-left: 20px;
color: var(--ink-soft);
font-size: 14.5px;
}
nav.toc li{ margin-bottom: 8px; break-inside: avoid; }
nav.toc a{ color: var(--ink-soft); text-decoration: none; }
nav.toc a:hover{ color: var(--accent); text-decoration: underline; }
main{ padding: 48px 0 40px; }
section{
padding: 36px 0;
border-bottom: 1px solid var(--line);
scroll-margin-top: 24px;
}
section:last-of-type{ border-bottom: none; }
.section-num{
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 12px;
letter-spacing: 0.04em;
color: var(--accent);
margin: 0 0 8px;
}
h2{
font-family: 'Newsreader', serif;
font-weight: 600;
font-size: 22px;
letter-spacing: -0.005em;
margin: 0 0 14px;
color: var(--ink);
}
h3{
font-family: 'Newsreader', serif;
font-weight: 600;
font-size: 17px;
margin: 22px 0 10px;
color: var(--ink);
}
p{ margin: 0 0 14px; color: var(--ink-soft); }
p:last-child{ margin-bottom: 0; }
ul{ margin: 0 0 14px; padding-left: 20px; color: var(--ink-soft); }
li{ margin-bottom: 6px; }
li::marker{ color: var(--accent); }
strong{ color: var(--ink); font-weight: 600; }
a{ text-decoration-color: var(--line); text-underline-offset: 3px; }
a:hover{ text-decoration-color: var(--accent); }
.callout{
background: var(--accent-soft);
border-radius: 3px;
padding: 20px 22px;
margin-top: 8px;
}
.callout p{ color: var(--ink); margin: 0; }
.callout.warn{
background: #F3ECE0;
}
.fill{
background: #FBEFE0;
border-radius: 2px;
padding: 1px 6px;
color: #8A6A2A;
font-size: 0.95em;
}
footer{
padding: 32px 0 64px;
color: var(--muted);
font-size: 13.5px;
}
footer p{ color: var(--muted); }
@media (max-width: 520px){
header{ padding: 48px 0 32px; }
main{ padding: 32px 0 24px; }
section{ padding: 28px 0; }
nav.toc ol{ columns: 1; }
}
Article 1
Propriété intellectuelle
L’ensemble des éléments composant le site www.bureauhybride.com (ci-après « le Site ») — textes, images, photographies, illustrations, logos, fichiers audio et vidéo, bases de données, logiciels et autres éléments graphiques ou techniques — est la propriété exclusive de Bureau Hybride ou de ses partenaires, et est protégé par le droit d’auteur, le droit des marques et, plus largement, par tout droit de propriété intellectuelle applicable.
Toute reproduction, représentation, modification, publication ou adaptation de tout ou partie des éléments du Site, quel qu’en soit le moyen ou le procédé, est interdite sans autorisation écrite préalable de Bureau Hybride.
Article 2
Données personnelles
Bureau Hybride s’engage à ce que la collecte et le traitement des données effectués à partir du Site soient conformes au règlement général sur la protection des données (RGPD) et à la loi Informatique et Libertés.
Le Client dispose d’un droit d’accès, de rectification, d’effacement et de portabilité de ses données, ainsi que d’un droit d’opposition, qu’il peut exercer à tout moment auprès de contact@bureauhybride.com. Pour plus de détails, il est invité à consulter la Politique de confidentialité du Site.
Article 3
Cookies
Le Site utilise des cookies destinés à améliorer l’expérience de navigation et à collecter des données statistiques. En poursuivant sa navigation sur le Site, l’utilisateur accepte l’utilisation de ces cookies, qu’il peut à tout moment désactiver en modifiant les paramètres de son navigateur.
Article 4
Liens hypertextes
Le Site peut contenir des liens hypertextes vers d’autres sites internet. Bureau Hybride ne saurait être tenue responsable du contenu de ces sites externes, ni des éventuels préjudices qu’ils pourraient engendrer.
Article 5
Responsabilité
Bureau Hybride s’efforce d’assurer, dans la mesure du possible, l’exactitude et la mise à jour des informations diffusées sur le Site, mais ne saurait être tenue responsable des erreurs, omissions ou absences de disponibilité des informations.
Bureau Hybride décline toute responsabilité en cas d’interruption du Site, de survenance de bogues, ou de tout dommage résultant d’une intrusion frauduleuse d’un tiers ayant entraîné une modification des informations mises à disposition sur le Site.
Article 6
Droit applicable
Les présentes mentions légales sont soumises au droit français. En cas de litige, et après échec de toute tentative de recherche d’une solution amiable, les tribunaux français seront seuls compétents.
Article 7
Contact
Pour toute question relative aux présentes mentions légales, vous pouvez nous contacter à l’adresse suivante : contact@bureauhybride.com.
