@charset "UTF-8";
/************** Import des variables **************/
/* #################################### */
/*          Variables partagées         */
/* #################################### */
/************** Couleur du thème **************/
/************** Grid **************/
/************** Margin **************/
/************** Padding **************/
/************** Radius **************/
/* #################################### */
/*                Blocks                */
/* #################################### */
/************** Brand **************/
/************** Card **************/
/************** Navbar/Footer **************/
/************** Header **************/
/************** Footer **************/
/************** MainContent **************/
/************************** Bar **************************/
/************** Initialisation diverses **************/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Oxygen:wght@400;700&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

html {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

body::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

main {
  padding-top: 4em;
  padding-bottom: 4em;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.5em;
  font-family: SUSE, serif;
  background: #1e2e3b;
  overflow-x: hidden;
}

/************** Block **************/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  background-color: #f9fafb;
  color: #1f2937;
  line-height: 1.6;
  padding: 2rem 1rem;
}

.legal-container {
  max-width: 900px;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 2.5rem 3rem;
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  border: 1px solid #e5e7eb;
}
@media (max-width: 640px) {
  .legal-container {
    padding: 1.5rem;
  }
}

.legal-header {
  border-bottom: 2px solid #e5e7eb;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
}
.legal-header h1 {
  font-size: 2rem;
  font-weight: 700;
  color: rgb(15.7615139079%, 20.845873233%, 27.9639762882%);
  margin-bottom: 0.5rem;
}
.legal-header .meta-date {
  font-size: 0.875rem;
  color: #6b7280;
}
.legal-header .nav-tabs {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
}
.legal-header .nav-tabs a {
  text-decoration: none;
  color: #6b7280;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.legal-header .nav-tabs a:hover {
  background-color: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
}
.legal-header .nav-tabs a.active {
  background-color: #3b82f6;
  color: white;
}

.legal-content section {
  margin-bottom: 2rem;
}
.legal-content section h2 {
  font-size: 1.35rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  color: rgb(19.3661650707%, 25.6133150935%, 34.3593251254%);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.legal-content section p {
  margin-bottom: 1rem;
  color: rgb(22.9708162335%, 30.3807569539%, 40.7546739626%);
}
.legal-content section ul, .legal-content section ol {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}
.legal-content section ul li, .legal-content section ol li {
  margin-bottom: 0.5rem;
}
.legal-content section .notice-box {
  background-color: #eff6ff;
  border-left: 4px solid #3b82f6;
  padding: 1rem 1.25rem;
  border-radius: 0 12px 12px 0;
  margin: 1.5rem 0;
}
.legal-content section .notice-box p {
  margin: 0;
  color: #1e40af;
  font-weight: 500;
}

.legal-footer {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e5e7eb;
  text-align: center;
  font-size: 0.875rem;
  color: #6b7280;
}
.legal-footer a {
  color: #3b82f6;
  text-decoration: none;
}
.legal-footer a:hover {
  text-decoration: underline;
}

/*# sourceMappingURL=style.css.map */