/*Fichier qui va seulement mettre à jour les lignes de couleur primaires pour le site 
version lemoniteur*/
:root {
    --primary-rgb: 12,113,195;
    --primary-bg-color: rgb(var(--primary-rgb));
    --primary-bg-hover: rgb(var(--primary-rgb), 0.9);
    --primary-bg-border: rgb(var(--primary-rgb));
    --primary01: rgba(var(--primary-rgb), 0.1);
    --primary02: rgba(var(--primary-rgb), 0.2);
    --primary03: rgba(var(--primary-rgb), 0.3);
    --primary04: rgba(var(--primary-rgb), 0.4);
    --primary05: rgba(var(--primary-rgb), 0.5);
    --primary06: rgba(var(--primary-rgb), 0.6);
    --primary07: rgba(var(--primary-rgb), 0.7);
    --primary08: rgba(var(--primary-rgb), 0.8);
    --primary09: rgba(var(--primary-rgb), 0.9);
    --primary005: rgba(var(--primary-rgb), 0.05);
    --dark-sec: #29364a;
    --dark-border: #303c4e;
    --dark-body: #232f41;
    --dark-text: #dee6fd;
    --dark-light : #95a2b5;
    --transparent-primary: #6c5ffc;
    --transparent-bg-rgb: 88, 76, 217;
    --transparent-body: rgb(var(--transparent-bg-rgb));
    --transparent-theme: rgba(0, 0, 0, 0.2);
    --transparent-border: rgba(255, 255, 255, 0.1);
    --blue: #1a1a3c;
    --dark-primary-hover: #233ac5;
    --primary-transparentcolor: #eaedf7;
    --darkprimary-transparentcolor: #2b356e;
    --transparentprimary-transparentcolor: rgba(255, 255, 255, 0.05);
    --float-right: right;
    --float-left: left;
    --indigo: #4b0082;
    --purple: #6f42c1;
    --pink: #fc5296;
    --orange: #fd7e14;
    --yellow: #FBB034;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #ffffff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #0C71C3;
    --secondary: #2c3e50;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
        
/* Style personnalisé minimal pour le carrousel */
.carousel-item img {
    object-fit: cover; /* Assure que l'image couvre la zone sans déformation */
    border-radius: 12px;
    margin: 0 auto;
    height:35rem;
    max-width: 100%;
}
#imageCarousel {
    max-width: 95%;
    margin: 40px auto;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    overflow: hidden; /* Important pour les coins arrondis */
}
.carousel-caption {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0 0 12px 12px;
    padding: 10px;
}

/* Appliqué aux écrans de 768px ou moins (petits appareils et téléphones) */
@media (max-width: 768px) {
    .carousel-item img {
        height: 10rem; /* Réduit la hauteur de l'image sur mobile */
        max-width: 95%; /* Augmente légèrement la largeur pour prendre plus de place sur petit écran */
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .carousel-item img {
        height: 17rem; /* Hauteur ajustée pour les tablettes (taille intermédiaire) */
        max-width: 95%; /* Légèrement plus large que desktop, mais pas 100% */
    }
}

/* Flèches de navigation (Précédent/Suivant) */
/* On remplace l'icône SVG pour utiliser la variable --primary-hex */
.carousel-control-prev-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23007bff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23007bff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

/* Indicateurs (points en bas du carrousel) */
.carousel-indicators [data-bs-target] {
    background-color: var(--primary05); /* Couleur primaire avec 50% d'opacité (inactif) */
}

/* Indicateurs actifs */
.carousel-indicators .active {
    background-color: var(--primary-bg-color) !important; /* Couleur primaire pleine (actif) */
}

/* ---------------------------------------------- */
/* --- FIX AFFICHAGE SWITCH BOUTON THEME SOMBRE --- */
/* ---------------------------------------------- */

/* Style pour le fond du switch (l'interrupteur) quand il est éteint en thème sombre.
   On supprime l'image de fond par défaut pour éviter les superpositions. */
body.dark-mode .form-switch .form-check-input {
    background-image: none !important;
    background-color: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.3);
}

/* Style pour le fond du switch quand il est allumé en thème sombre */
body.dark-mode .form-switch .form-check-input:checked {
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

/* Assure que le cercle blanc à l'intérieur est bien visible */
body.dark-mode .form-switch .form-check-input:focus {
    background-image: none !important;
    border-color: var(--primary-bg-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.25);
}