:root {
 --blue:#010156;
 --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;
 --white-rgb:255,
 255,
 255;
 --black-rgb:0,
 0,
 0;
 --body-color-rgb:34,
 38,
 42;
 --body-bg-rgb:255,
 255,
 255;
 --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,
 hsla(0,
 0%,
 100%,
 .15),
 hsla(0,
 0%,
 100%,
 0));
 --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:#22262a;
 --body-bg:/*#E8ECFA*/#B8D2EA
}

/* L'en-tête de page de Cassiopeia a la classe "header" donc vous le contrôlez avec .header*/

.header {
   background: rgb(17,40,85);
   background: linear-gradient(0deg, rgba(17,40,85,1) 33%, rgba(4,132,75,1) 78%);
}
/* The page footer of Cassiopeia has the class "footer" so you control it with .footer */

.footer {
   background: rgb(4,132,75);
   background: linear-gradient(0deg, rgba(4,132,75,1) 8%, rgba(17,40,85,1) 47%);
}
.container-banner .banner-overlay .overlay {
  background-color: rgb(77 176 227 / 65%);}

.card-body {
    background-color: #E8ECFA;
    padding:0;
}