/*Couleur générale
  --body-bg: transparent;
  --body-bg-rgb: 0, 0, 0;
  --body-color: #333;
  --body-color-rgb: 51, 51, 51;
  --link-color: #333;
  --link-color-rgb: 51, 51, 51;
  --link-decoration: underline;
  --link-hover-color: #444;
  --link-hover-color-rgb: 68, 68, 68;
*/
:root, [data-bs-theme="light"] {
  --blue: #010156;
  --black: #000;
  --indigo: #6812f3;
  --purple: #6f42c2;
  --pink: #e93f8e;
  --red: #a51f18;
  --orange: #fd7e17;
  --yellow: #ad6200;
  --green: #448344;
  --teal: #5abfdd;
  --cyan: #30638d;
  --white: #fff;
  --gray-100: #f9fafb;
  --gray-200: #eaedf0;
  --gray-300: #dfe3e7;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6d757e;
  --gray-700: #484f56;
  --gray-800: #353b41;
  --gray-900: #22262a;
  --primary: #010156;
  --secondary: #6d757e;
  --success: #448344;
  --info: #30638d;
  --warning: #ad6200;
  --danger: #a51f18;
  --light: #f9fafb;
  --dark: #353b41;
  --primary-rgb: 1, 1, 86;
  --secondary-rgb: 109, 117, 126;
  --success-rgb: 68, 131, 68;
  --info-rgb: 48, 99, 141;
  --warning-rgb: 173, 98, 0;
  --danger-rgb: 165, 31, 24;
  --light-rgb: 249, 250, 251;
  --dark-rgb: 53, 59, 65;
  --primary-text-emphasis: #002;
  --secondary-text-emphasis: #2c2f32;
  --success-text-emphasis: #1b351b;
  --info-text-emphasis: #132838;
  --warning-text-emphasis: #452700;
  --danger-text-emphasis: #420c09;
  --light-text-emphasis: #484f56;
  --dark-text-emphasis: #484f56;
  --primary-bg-subtle: #ccd;
  --secondary-bg-subtle: #e2e3e5;
  --success-bg-subtle: #dae6da;
  --info-bg-subtle: #d6e0e8;
  --warning-bg-subtle: #efe0cc;
  --danger-bg-subtle: #edd2d1;
  --light-bg-subtle: #fcfcfd;
  --dark-bg-subtle: #ced4da;
  --primary-border-subtle: #99b;
  --secondary-border-subtle: #c5c8cb;
  --success-border-subtle: #b4ceb4;
  --info-border-subtle: #acc1d1;
  --warning-border-subtle: #dec099;
  --danger-border-subtle: #dba5a2;
  --light-border-subtle: #eaedf0;
  --dark-border-subtle: #adb5bd;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --gradient: linear-gradient(180deg, #ffffff26, #fff0);
  --body-font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #333;
  --body-color-rgb: 51, 51, 51;
  --body-bg: transparent;
  --body-bg-rgb: 0, 0, 0;
  --emphasis-color: #000;
  --emphasis-color-rgb: 0, 0, 0;
  --secondary-color: #22262abf;
  --secondary-color-rgb: 34, 38, 42;
  --secondary-bg: #eaedf0;
  --secondary-bg-rgb: 234, 237, 240;
  --tertiary-color: #22262a80;
  --tertiary-color-rgb: 34, 38, 42;
  --tertiary-bg: #f9fafb;
  --tertiary-bg-rgb: 249, 250, 251;
  --heading-color: inherit;
  --link-color: #333;
  --link-color-rgb: 51, 51, 51;
  --link-decoration: underline;
  --link-hover-color: #444;
  --link-hover-color-rgb: 68, 68, 68;
  --code-color: #e93f8e;
  --highlight-color: #22262a;
  --highlight-bg: #fbeea8;
  --border-width: 1px;
  --border-style: solid;
  --border-color: #dfe3e7;
  --border-color-translucent: #0000002d;
  --border-radius: .25rem;
  --border-radius-sm: .2rem;
  --border-radius-lg: .3rem;
  --border-radius-xl: .3rem;
  --border-radius-xxl: 2rem;
  --border-radius-2xl: var(--border-radius-xxl);
  --border-radius-pill: 50rem;
  --box-shadow: 0 .5rem 1rem #00000026;
  --box-shadow-sm: 0 .125rem .25rem #00000013;
  --box-shadow-lg: 0 1rem 3rem #0000002d;
  --box-shadow-inset: inset 0 1px 2px #00000013;
  --focus-ring-width: .25rem;
  --focus-ring-opacity: .25;
  --focus-ring-color: #01015640;
  --form-valid-color: #448344;
  --form-valid-border-color: #448344;
  --form-invalid-color: #a51f18;
  --form-invalid-border-color: #a51f18;
}

/*Couleur fond*/
body {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  text-align: var(--body-text-align);
  background: #eee url(../images/header_outer.jpg) repeat-x;
  color: #333;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: #0000;
  margin: 0;
}
/*Couleur header - background-color: transparent - site description color*/
.container-header {
  background-color: transparent;
  background-image: none;
}
.container-header .site-description {
  color: #333;
  white-space: normal;
  font-size: 1rem;
}

/*Couleur footer*/
.footer {
  color: #FFF;
  background-color: #909090;
  background-image: none;
  margin-top: 1em;
}
/*modifier la taille du footer et éviter plusieurs box horizontalement*/
.footer .grid-child {
    display: flex;               /* active flexbox */
    flex-wrap: nowrap;           /* empêche le retour à la ligne */
    justify-content: left; /* espace entre les éléments */
    align-items: center;         /* centre verticalement */
    width: 100%;                 /* occupe toute la largeur */
    padding: .5rem .5em;
    box-sizing: border-box;
}
/* Création Classe pour centrer horizontalement et verticalement */
.center-content {
    display: flex;
    justify-content: center; /* centre horizontalement */
    align-items: center;     /* centre verticalement */
    text-align: center;         /* centre le texte à l'intérieur */
}
/*box pour les éléments catalogue - background-color: transparent*/
.boxed .blog-item {
  box-shadow: 0 0 2px #3339421a, 0 2px 5px #33394214, 0 5px 15px #33394214, inset 0 3px 0 var(--cassiopeia-color-primary);
  background-color: transparent;
}


/*Couleur menu header */
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
  color: #333;
  text-decoration: none;
  position: relative;
}
/* Création Classe générique pour texte clair avec effet hover – module menu top*/
.text-light-hover {
    color: #333;                /* couleur du texte */
    background-color: transparent; /* fond par défaut */
    transition: background-color 0.3s ease; /* effet fluide */
}
/* Effet au survol */
.text-light-hover:hover {
    background-color: #DABF72;     /* couleur de fond au hover */
    color: #fff;                /* optionnel : texte en blanc au hover */
}
/*:root {
  --template-sidebar-bg: var(--template-bg-dark-80);
  --template-sidebar-font-color: #eee;
  --template-sidebar-link-color: #eee;
  --template-bg-light: #f0f4fb;
  --template-text-light: #eee;
  --template-special-color: #132f53;
  --template-link-color: #2a69b8;
  --template-link-hover-color: #173a65;
  --template-contrast: #2a69b8;
  --template-bg-dark: hsl(var(--hue), 40%, 20%);
  --template-bg-dark-3: hsl(var(--hue), 40%, 97%);
  --template-bg-dark-5: hsl(var(--hue), 40%, 95%);
  --template-bg-dark-7: hsl(var(--hue), 40%, 93%);
  --template-bg-dark-10: hsl(var(--hue), 40%, 90%);
  --template-bg-dark-15: hsl(var(--hue), 40%, 85%);
  --template-bg-dark-20: hsl(var(--hue), 40%, 80%);
  --template-bg-dark-30: hsl(var(--hue), 40%, 70%);
  --template-bg-dark-40: hsl(var(--hue), 40%, 60%);
  --template-bg-dark-50: hsl(var(--hue), 40%, 50%);
  --template-bg-dark-60: hsl(var(--hue), 40%, 40%);
  --template-bg-dark-65: hsl(var(--hue), 40%, 35%);
  --template-bg-dark-70: hsl(var(--hue), 40%, 30%);
  --template-bg-dark-75: hsl(var(--hue), 40%, 25%);
  --template-bg-dark-80: hsl(var(--hue), 40%, 20%);
  --template-bg-dark-90: hsl(var(--hue), 40%, 10%);
}*/

/*alignement titre - fonctionne pas*/
.container-topbar {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}
/*je sais pas
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: darkgreen;
}*/
/*je sais pas
h1, h2, h3, h4, h5, h6 {
  color: darkgreen;
}*/