@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/kcf5uOXucLcbFOydGU24WALUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
html {
  font-family: "Lato",sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('https://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff') format('woff');
}

html {
  font-family: Lato,sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
	padding-bottom:800px;
	font-size:24px;
	background-color:#f9fafb;
}

a {
	text-decoration: none;
	color:black;
}

h2 {padding:0px; margin:0px; font-size:13px;}

.aub {
	display:block;
	font-weight:normal;
	margin-left:5px;
	padding:0px;
	margin:0px;
	font-size:13px;
	background-color:transparent;
}

.bib {
	display:block;
	line-height:1em;
	margin-top:50px;
	margin-bottom:10px;
	font-size:0.85em;
	text-decoration:underline;
	padding-left:10px;
}

h3 {padding:0px; margin:0px; font-size:13px;}

.so{
display:block;
line-height:1em; 
font-weight: normal; 
font-size: 20px; 
margin:0;
}

.ne{
display:block; 
line-height:1em; 
margin-top:20px; 
margin-bottom:10px; 
font-size:0.75em; 
font-weight: 300;
padding-left:10px
}

div.quote {background-color:#FFFFFF; font-size:24px; padding:4px; color:#000000;}
a.quote {width:700px; font-size:20px; padding:4px; background-color:#E0EBEB; color:#000000; display:inline-block;}

.navbar {background-color:#375D81;}

input {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	border: 1px solid #cccccc;
	padding: 4px;
	margin-bottom: 9px;
	font-size: 13px;
	color: #555555;
}

button {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #cccccc;
}

.footdiv {
	position:fixed;
	bottom:0px;
	left:0px;
	background-color:#375D81;
	color:#FFFFFF;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
}

.footdiv2 {
	margin-right:20px;
	font-size:14px;
}

a.footer { font-size:14px; background-color:#375D81; color:white; padding:3px;}
a.footer:hover{background-color:white; color:#375D81;}

h1 { display:inline-block; 
font-size:16px; 
font-weight:bold; 
margin:0px; 
padding:5px; 
width:100%; 
background-color:#FFFFFF; 
padding-bottom:30px;}

article {
	font-size:20px; 
	width:100%; 
	border:0px solid black; 
	border-radius: 5px;  
	padding:10px; 
	background-color:white; 
	margin-top:15px; 
	box-sizing: border-box;
}

blockquote {
    margin: 0; /* Annule toutes les marges (top, bottom, left, right) */
    padding: 0; /* Par sécurité, on annule aussi le padding, même s'il est souvent à 0 par défaut */
}

cite {
display:block; 
text-align: right;
font-style:normal; 
line-height:0.3em; 
with:100%;
word-break: break-all;	
}

.ac{text-align: center;}

.ar{text-align: right;}

.logo-link {
display: inline-block;
color: white;
font-size: 16px;
font-weight: bold;
margin: 0px;
padding: 5px;
text-decoration: none; /* Important pour ne pas avoir de soulignement */
}

.dn {
display:none;
}

textarea.dn {
display:none;
}

.df {
display:flex;
}

.sim {
margin-top:5px;
display:flex;
flex-grow: 1;
width:145px;
}

.ti{
margin-top:5px;
display:flex;
flex-grow: 1;
width:180px;
}

.au:hover {
color:#375D81;
}

.subso{
position: relative;
top: -2px;
line-height:1em;
padding-left:5px;	
}

.lang{
line-height:1em;
height: calc(15px + 1.23em);
overflow:hidden;
margin-top:5px;
}

.fs50 {
font-size:0.5em;
}

.fs60 {
font-size:0.6em;
}

.fs75 {
font-size:0.75em;
}

.fs85 {
font-size:0.85em;
}

.fs105 {
font-size:1.05em;
}

.fs175 {
font-size:1.75em;
}

.fs200 {
font-size:2em;
}

.te {
display:block; 
line-height:1em; 
font-weight:300; 
padding-left:15px;
margin:0; 
margin-top:15px;
}

blockquote.te {
transition: border-color 0.3s;
border: 1px solid transparent; border-radius: 10px;
}

.mt0{
margin-top:0px;	
}

.mt5{
margin-top:5px;	
}

.mt10{
margin-top:10px;	
}

.mt20{
margin-top:20px;	
}

.mr10{
margin-right:10px;	
}

.bgce4{
background-color:#e4f5f9;	
}

div.bgcf9{
background-color:#f9fafb;	
}

.c040{
color:#040c28;	
}

.pr{
position:relative;
top:-1px;
}

.pt0{
padding-top:0px;
}

.pl10{
padding-left:10px;
}

.pl20{
padding-left:20px;
}

.ce{
	font-size:0.75em; 
	width:80px;
	display:inline-block;
	text-decoration:underline;
}

.hl1 {
color:#040c28; font-style:normal; background-color:#e4f5f9;
}

.hl2 {
color:#3566A6; font-weight:normal;
}
.hl2:hover {
text-decoration: underline;
}
.hl2b {
color:#333; font-size:0.5em;font-weight:800;
}
.hl2b:hover {
text-decoration: underline;
}
/*
.hl2 {
background-color: white;
color: black;
border: 1px solid #ccc;
border-radius: 20px;
font-size: 1em;
font-weight: normal;
padding: 0px 7px 0px 7px;
}

.hl2:hover {
background-color: #eee;
}
*/
.hl3 {
color:#3566A6;font-weight:normal; font-style:normal; background-color:#e4f5f9;
}

.hl3:hover {
text-decoration: underline;
}

div {
	box-sizing: border-box;
}

.w940{
	max-width:940px; 
	margin:auto;
}

.w150{
	width:150px; 
}

.w110{
	width:110px; 
}

.aubox{
	width:100%;
	border: 1px solid #ccc;
	border-radius: 20px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	padding:15px;
	margin-bottom:15px;
	margin-top:5px; 
	background-color:#f3f1ee;
}

.bgcF6{
	background-color:#F6F3EA;
}

.sm{
	display:block;
	line-height:1em;
	margin-top:40px;
}
/*
.se {
	resize: none;
	background-color: none;
	border: none;
	margin: 0;
	color: rgba(0,0,0,.87);
	word-wrap: break-word;
	outline: none;
	display: flex;
	padding:15px;
}
*/
.hi {
font-size:0.75em;
margin-bottom:-2px;
}

.hi:hover {
background-color: yellow;
}

.cl {
border:1px solid #ccc;
border-radius: 20px;
color: green;
background-color: white;
padding-left: 3px;
padding-right: 3px;
font-size:0.75em;
margin-bottom:-2px;
/*position:relative;
top:2px;*/
}

@media (hover: hover) and (pointer: fine) {
.cl:hover {
background-color: green;
color: white;
}
}

.cli {
border:1px solid #ccc;
border-radius: 20px;
background-color: green;
color: white;
padding-left: 3px;
padding-right: 3px;
font-size:0.75em;
margin-bottom:-2px;
/*position:relative;
top:2px;*/
}

@media (hover: hover) and (pointer: fine) {
.cli:hover {
color: green;
background-color: white;
}
}

.cl2 {
border:1px solid #ccc;
border-radius: 20px;
color: red;
background-color: white;
padding-left: 3px;
padding-right: 3px;
font-size:0.75em;
margin-bottom:-2px;
/*position:relative;
top:2px;*/
}

@media (hover: hover) and (pointer: fine) {
.cl2:hover {
background-color: red;
color: white;
}
}

.cl2i {
border:1px solid #ccc;
border-radius: 20px;
background-color: red;
color: white;
padding-left: 3px;
padding-right: 3px;
font-size:0.75em;
margin-bottom:-2px;
/*position:relative;
top:2px;*/
}

@media (hover: hover) and (pointer: fine) {
.cl2i:hover {
color: red;
background-color: white;
}
}

.highlighted {
background-color: yellow;
}

.se {
   	resize: none;
	margin: 0;
	color: rgba(0,0,0,.87);
	word-wrap: break-word;
	outline: none;
	display: flex;
	padding:15px;
	background: url('data:image/svg+xml;utf8,<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg>') no-repeat;
    background-size: 20px;
    background-position: 5px 17px; /* Ajuste la position de la loupe */
    padding-left: 35px;
    padding-right: 0px;
    height: 60px;
    background-color: white; /* Fond blanc */
    border: 1px solid #ccc; /* Bordure grise légère */
    border-radius: 20px; /* Arrondir légèrement les coins */
    outline: none; /* Retirer le contour */
    width:100%; 
    font-size:16px; 
    margin-bottom:0px; 
    vertical-align: top;
    box-sizing: border-box; 
}

.se:focus {
    border-color: #375D81; /* Bordure bleue au focus */
}

.se2 {
   	resize: none;
	margin: 0;
	margin-left: 10px;
	color: rgba(0,0,0,.87);
	word-wrap: break-word;
	outline: none;
	display: inline-block;
	/*height:1.5em;*/
	padding:0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom:2px;
    background-color: white; /* Fond blanc */
    border: 1px solid #ccc; /* Bordure grise légère */
    border-radius: 20px; /* Arrondir légèrement les coins */
    outline: none; /* Retirer le contour */
    font-size:0.75em; 
    margin-bottom:0px; 
    /*vertical-align: middle;*/
    box-sizing: border-box; 
    min-width:120px;
}
.se2:focus {
    border-color: #375D81; /* Bordure bleue au focus */
}

.silo {
font-size:18px;
background-color: white;
padding-left: 5px;
cursor: pointer;

}

.silo:hover {
background-color: black;
color: white;
}

.silo2 {
font-size:18px;
background-color: black;
color: white;
padding-left: 5px;
cursor: pointer;

}

.silo2:hover {
background-color: white;
color: black;
}

select {
appearance: none; /* Supprime l'apparence native par défaut */
-webkit-appearance: none; /* Supprime l'apparence sur Safari/Chrome */
-moz-appearance: none; /* Supprime l'apparence sur Firefox */

width: 100%; /* Ajustez selon vos besoins */
padding: 5px 5px 5px 15px; /* Ajoute de l'espace pour la flèche à droite */

background-color: white;
border: 1px solid #ccc;
border-radius: 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

font-size: 0.55em;
color: #333;

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='gray' d='M10 12.5l5-5H5z'/%3E%3C/svg%3E"); /* Ajoute une flèche vers le bas */
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 15px;

outline: none; /* Supprime le contour par défaut */
}

select:focus {
    border-color: #375D81; /* Couleur de bordure au focus (bleue comme Safari) */
    box-shadow: 0 0 5px rgba(102, 175, 233, 0.5); /* Légère ombre bleue */
}

select::-ms-expand {
    display: none; /* Supprime la flèche par défaut sous IE */
}

.ft {
background-color: white;
color: black;
border: 1px solid #ccc;
border-radius: 20px; /* Imitation du style Safari */
font-size: 1em;
color: #333;
font-size: 0.7em;
padding: 2px 7px 2px 7px;
}

.ft:hover {
background-color: #eee;
}

.ftso {
background-color: white;
color: black;
border: 1px solid #ccc;
border-radius: 20px; /* Imitation du style Safari */
font-size: 1em;
color: #333;
font-size: 0.7em;
padding: 0px 7px 2px 7px;
}

.ftso:hover {
background-color: #eee;
}

/* Conteneur global pour les blocs de liens en bas de page */
.related-links-container {
    max-width: 940px;
    margin: 40px auto 0 auto;
    padding: 0 10px;
    font-size: 1em;
}

/* Chaque section de liens (Termes, Auteurs, etc.) */
.related-section {
    margin-bottom: 15px; /* Un peu moins d'espace entre les sections */
    padding-left:10px;
}

/* Titre de chaque section (le H2, qui remplacera votre span) */
.related-section h2 {
    font-size: 0.8em; /* Un peu plus grand que votre span pour la hiérarchie */
    font-weight: normal; /* Les titres doivent se démarquer */
    margin-bottom: 8px; /* Espace entre le titre et la liste de liens */
}

/* La liste de liens elle-même. C'est ici qu'on recrée votre effet */
.related-tags-list {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.2; /* Pour que les liens respirent sur plusieurs lignes */
}

.oh {
    overflow: hidden;
    max-height: calc(3 * 1.5em);
}

/* On s'assure que les liens s'affichent correctement */
.related-tags-list li {
    display: inline; /* Pour que les li ne créent pas de retour à la ligne */
    margin-right: 5px; /* Espace entre les "bulles" */
}

/* Le style des liens. ON NE TOUCHE PAS à votre .ft, il est parfait. */
/* On s'assure juste que le contexte ne le casse pas. */
.related-tags-list li a.ft {
    /* Vos styles .ft sont appliqués ici. Pas besoin de les redéfinir. */
    /* Juste pour s'assurer qu'ils s'affichent correctement en ligne */
    display: inline-block; 
    margin-bottom: 5px; /* Pour l'espacement vertical si ça va à la ligne */
}
/* ==========================================================================
   Styles pour le Fil d'Ariane (Breadcrumb)
   ========================================================================== */

.breadcrumb-nav {
    padding-left: 10px;
    margin-bottom: 0px;
    font-size: 13px; /* Un peu plus lisible que 1.2em */
    color: #555;
    /*border-bottom: 1px solid #e0e0e0; /* Ajoute une séparation visuelle */
}

.breadcrumb-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap; /* Permet au fil de passer à la ligne sur mobile */
    align-items: center;
}

.breadcrumb-item {
    display: flex; /* Permet un alignement parfait du séparateur */
    align-items: center;
}

/* Style des liens cliquables */
.breadcrumb-item a {
    color: #375D81; /* Votre couleur de lien */
    text-decoration: none;
    padding: 4px 0;
    transition: color 0.2s;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
    color: #040c28; /* Couleur de survol */
}

/* Style de la page actuelle (non cliquable) */
.breadcrumb-item span[aria-current="page"] {
    color: #111; /* Plus foncé pour indiquer la position actuelle */
    font-weight: 600;
    padding: 4px 0;
}

/* --- C'EST LA PARTIE IMPORTANTE : LE SÉPARATEUR --- */
.breadcrumb-item + .breadcrumb-item::before {
    content: '>'; /* Le caractère séparateur */
    margin: 0 0.8em;  /* Espace autour du séparateur (0.8em est un bon espacement) */
    color: #999;     /* Couleur discrète pour ne pas voler la vedette */
    font-weight: normal;
}

/* ==========================================================================
   Styles pour les Pages Sitemap (Version Compacte)
   ========================================================================== */

/* Conteneur principal - On réduit les marges */
.sitemap-content {
    max-width: 940px;
    margin: 15px auto; /* Marge verticale réduite */
    padding: 0 15px;
    font-size: 1.4em; /* Police de base plus petite que la version "grosse" */
}

/* Titre H1 plus discret */
.sitemap-content h1 {
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc; /* Bordure plus fine et plus grise */
    color: #333; /* Moins de contraste que le noir pur */
    font-weight: 600; /* Un peu moins gras que "bold" */
    background-color: transparent !important;
}

/* --- Navigation du Sitemap (plus compacte) --- */
nav[aria-label="Sitemap navigation"] {
    margin-bottom: 25px;
}

/* Fil d'ariane plus petit */
.breadcrumb {
    font-size: 0.85em; /* Plus petit */
    color: #777;
    margin-bottom: 15px;
}
.breadcrumb a {
    color: #375D81;
    text-decoration: none;
}
.breadcrumb a:hover {
    text-decoration: underline;
}

/* Navigation alphabétique : des liens plus petits, moins espacés */
.sitemap-index-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 8px; /* 5px vertical, 8px horizontal */
}

.sitemap-index-list li a {
    display: block;
    padding: 3px 10px; /* Moins de padding interne */
    background-color: #fff; /* Fond blanc plus discret */
    border: 1px solid #ddd;
    border-radius: 4px; /* Coins moins arrondis */
    text-decoration: none;
    font-size: 0.9em;
    color: #375D81;
    font-weight: normal;
    transition: all 0.1s ease;
}

.sitemap-index-list li a:hover {
    background-color: #f0f0f0;
    border-color: #bbb;
}

/* --- Listes finales (Auteurs, Thèmes) --- */

.sitemap-section {
    margin-bottom: 25px;
    font-size:18px;
}

/* Titre de section H2 plus discret */
.sitemap-section h2 {
    font-size: 1.3em;
    color: #444;
    margin-bottom: 10px;
    font-weight: 600;
    /* On peut enlever la bordure pour un look plus épuré */
    border-bottom: none;
}

/* La liste de liens, toujours en colonnes mais plus dense */
.sitemap-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1em; /* Taille de police standard pour la liste */
    line-height: 1.6; /* Un interlignage confortable pour la lecture en colonne */
    
    column-count: 4; /* On peut tenter 4 colonnes sur grand écran */
    column-gap: 20px;
}

/* Ajustement des colonnes pour les écrans plus petits */
@media (max-width: 960px) {
    .sitemap-list {
        column-count: 3;
    }
}
@media (max-width: 600px) {
    .sitemap-list {
        column-count: 2;
    }
}
@media (max-width: 400px) {
    .sitemap-list {
        column-count: 1;
    }
}

.sitemap-list li {
    padding: 1px 0; /* Espacement vertical minimal entre les liens */
    -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
                 break-inside: avoid;
}

.sitemap-list li a {
    text-decoration: none;
    color: #375D81; /* Couleur de lien de votre marque */
}

.sitemap-list li a:hover {
    text-decoration: underline;
    color: #040c28; /* Couleur plus foncée au survol */
}