/* defaut rewrite */
html, body {
    --ril-dark-bg: #000;
    --ril-white-text: #FFF;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: var(--ril-dark-bg);
    font-size:100%;
}
h3 {
    color: var(--ril-alert);
    font-weight: 700;
}
ul {
    list-style-type: none!important;
}
/* bootstrap-rewrite */
.input-group-text {
    background-color: var(--ril-neutral-dark);
    border-color:transparent;
}
.form-check-input {
    background-color: var(--ril-neutral-dark);
}
    .form-check-input:checked {
        background-color: var(--ril-secondary);
        border-color: var(--ril-secondary);
    }
    .form-check-input:focus {
        border-color: var(--ril-primary);
        border-width:2px;
        box-shadow: none;
    }
.nav-link {
    --bs-nav-link-color: #015174;
    --bs-nav-link-hover-color: #006E9E;
}
.nav-link:hover {
    background-color: var(--ril-dark-bg);
}
.nav-link:focus-visible {
    background-color: var(--ril-dark-bg);
    box-shadow: none;
}
.text-danger {
    background-color:var(--ril-alert);
    padding:5px;
}
.select-light .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}
.select-dark .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}
.ratio-9x16 {
    --bs-aspect-ratio: 177%;
}
    /* ril specific */
.ril-main {
    --ril-zone-bg: #131313; /* #777; #131313; */
    --ril-alert: #990052;
    --ril-primary: #032F54; /* 015174 032F54*/
    --ril-secondary: #015174;
    --ril-secondary-hover: #016E9E;
    --ril-neutral-dark: #2B3035;
    --ril-neutral-light: #AAAAAA;
    --ril-neutral-superlight: #DDDDDD;
    --ril-border: #888;
    --ril-neutral-secondary: #565B5E;
    --ril-header-height: 3.5rem;
    --ril-accessoire: #565B5E;
    --bs-danger-rgb: 255,255,255;
    --bs-link-color-rgb: 1, 81, 116;
    --bs-link-hover-color-rgb: 1, 110, 158;
}
.ril-checkgroup-lg {
    padding-left: 1.7em;
}
.ril-checkbox-lg {
    transform: scale(1.3);
}
.ril-checkbox-xlg {
    transform: scale(1.6);
    margin-right:7px;
    margin-top: 7px;
}
.ril-page {
    padding:10px;
}
.ril-header-spacer {
    height: var(--ril-header-height);
    border-bottom: 3px solid var(--ril-dark-bg);
}

.ril-menu-marge {
    margin-right:6px;
}
.ril-menu {
    background-color: var(--ril-zone-bg);
}
.ril-menu-logo {
    height:60px;
}
.ril-menu-max {
    max-width: 280px;
}
.ril-menu-header {
    height: var(--ril-header-height);
}
.ril-menu-contenu {
    height: calc(100% - var(--ril-header-height));
    padding: 6px;
}

.ril-liste {
    background-color: var(--ril-zone-bg);
}
.ril-liste-header {
    height: var(--ril-header-height);
}
.ril-liste-contenu {
    height: calc(100% - var(--ril-header-height));
    padding: 6px;
}

.ril-fiche {
    background-color: var(--ril-zone-bg);
    margin-left: 6px;
}
.ril-fiche-header {
    height: var(--ril-header-height);
}

.ril-fiche-contenu {
    height: calc(100% - var(--ril-header-height));
    padding: 6px;
}
.ril-account-contenu {
    padding:12px;
}
.ril-link-picto {
    margin: 3px;
    display: inline-block;
    border: 1px solid transparent;
}
    .ril-link-picto:hover {
        border: 1px solid var(--ril-border);
        border-radius: var(--bs-border-radius);
        background-color: var(--ril-dark-bg);
    }

    .ril-link-picto:focus {
        border: 1px solid var(--ril-border);
        border-radius: var(--bs-border-radius);
        background-color: var(--ril-dark-bg);
    }
    .ril-link-picto:focus-visible {
        outline:none;
    }
.ril-link-text {
}
.ril-btn-picto {
    --bs-btn-bg: transparent; /*var(--ril-zone-bg);*/
    margin: 3px;
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
}
    .ril-btn-picto:hover {
        --bs-btn-hover-border-color: var(--ril-border);
        --bs-btn-hover-bg: var(--ril-dark-bg);
    }
    .ril-btn-picto:focus {
        --bs-btn-hover-border-color: var(--ril-border);
        --bs-btn-hover-bg: var(--ril-dark-bg);
    }
.ril-btn-dropdown {
    --bs-btn-bg: transparent; /*var(--ril-zone-bg);*/
    margin: 3px;
    width: 44px;
    height: 44px;
    background-position:center;
    background-repeat: no-repeat;
}

    .ril-btn-dropdown:hover {
        --bs-btn-hover-border-color: var(--ril-border);
        --bs-btn-hover-bg: var(--ril-dark-bg);
    }

    .ril-btn-dropdown:focus {
        --bs-btn-hover-border-color: var(--ril-border);
        --bs-btn-hover-bg: var(--ril-dark-bg);
    }
.ril-btn-fermer {
    background-image: url("/images/base/btn-fermer.png");
}
.ril-btn-back {
    background-image: url("/images/base/btn-back.png");
}
.ril-btn-menu {
    background-image: url("/images/base/btn-menu.png");
}
.ril-btn-apercu {
    background-image: url("/images/base/btn-apercu.png");
}
.ril-btn-aide {
    background-image: url("/images/base/btn-aide.png");
}
.ril-btn-modifier {
    background-image: url("/images/base/btn-modifier.png");
}
.ril-btn-supprimer {
    background-image: url("/images/base/btn-supprimer.png");
}
.ril-btn-filtrer {
    background-image: url("/images/base/btn-filtrer.png");
}
.ril-btn-ajouter {
    background-image: url("/images/base/btn-ajouter.png");
}
.ril-btn-monter {
    background-image: url("/images/base/btn-monter.png");
}
.ril-btn-descendre {
    background-image: url("/images/base/btn-descendre.png");
}
.ril-btn-options {
    background-image: url("/images/base/btn-options.png");
}
.ril-btn-ongroupe {
    background-image: url("/images/base/btn-ongroupe.png");
}
.ril-btn-offgroupe {
    background-image: url("/images/base/btn-offgroupe.png");
}
.ril-btn-statistique {
    background-image: url("/images/base/btn-statistique.png");
}
.ril-btn-ok {
    background-image: url("/images/base/btn-ok.png");
}
.ril-btn-synchro {
    background-image: url("/images/base/btn-synchro.png");
}
.ril-btn-partager {
    background-image: url("/images/base/btn-partager.png");
}
.ril-btn-sm {
    --bs-btn-font-size: 0.9rem !important;
    --bs-btn-padding-y: 0.25rem !important;
    --bs-btn-padding-x: 0.5rem !important;
}
.ril-btn-text-primary {
    --bs-btn-color: var(--ril-white-text);
    --bs-btn-bg: var(--ril-primary);
    --bs-btn-font-size: 1.2rem;
    margin: 3px;
}
.ril-btn-permanent {
    background-color: transparent;
    margin: 1px;
    width: 48px;
    height: 48px;
}
    .ril-btn-permanent:hover {
        background-color: #000;
    }
.ril-permanent-fond {
    margin: 2px;
    width: 44px;
    height: 44px;
    position: relative;
}
.ril-btn-text-primary:hover {
    --bs-btn-hover-border-color: var(--ril-border);
    --bs-btn-hover-bg: var(--ril-dark-bg);
}

    .ril-btn-text-primary:focus {
        --bs-btn-hover-border-color: var(--ril-border);
        --bs-btn-hover-bg: var(--ril-dark-bg);
    }
.ril-btn-text-secondary {
    --bs-btn-color: var(--ril-white-text);
    --bs-btn-bg: var(--ril-secondary);
    --bs-btn-font-size: 1.2rem;
    margin: 3px;
}

    .ril-btn-text-secondary:hover {
        --bs-btn-hover-border-color: var(--ril-border);
        --bs-btn-hover-bg: var(--ril-dark-bg);
    }

    .ril-btn-text-secondary:focus {
        --bs-btn-hover-border-color: var(--ril-border);
        --bs-btn-hover-bg: var(--ril-dark-bg);
    }
.ril-btn-text-tertiary {
    --bs-btn-color: var(--ril-dark-bg);
    --bs-btn-bg: var(--ril-neutral-light);
    --bs-btn-font-size: 1.2rem;
    margin: 3px;
}

    .ril-btn-text-tertiary:hover {
        --bs-btn-hover-border-color: var(--ril-border);
        --bs-btn-hover-bg: var(--ril-dark-bg);
        --bs-btn-hover-color: var(--ril-white-text);
    }

    .ril-btn-text-tertiary:focus {
        --bs-btn-hover-border-color: var(--ril-border);
        --bs-btn-hover-bg: var(--ril-dark-bg);
        --bs-btn-hover-color: var(--ril-white-text);
    }
.ril-btn-text-alert {
    --bs-btn-color: var(--ril-white-text);
    --bs-btn-bg: var(--ril-alert);
    --bs-btn-font-size: 1.2rem;
    margin: 3px;
}

    .ril-btn-text-alert:hover {
        --bs-btn-hover-border-color: var(--ril-border);
        --bs-btn-hover-bg: var(--ril-dark-bg);
    }

    .ril-btn-text-alert:focus {
        --bs-btn-hover-border-color: var(--ril-border);
        --bs-btn-hover-bg: var(--ril-dark-bg);
    }
.ril-btn-inputgroup {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
} 
.ril-btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--ril-secondary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--ril-secondary-hover);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--ril-secondary-hover);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    text-decoration: underline
}

    .ril-btn-link:focus-visible {
        outline: none;
        border-color: var(--ril-white-text);
        background-color: transparent;
        box-shadow: none;
    }

    .ril-btn-link:hover {
        color: var(--bs-btn-hover-color)
    }
.ril-control {
    border-color: transparent;
    border-radius: 0px 30px 30px 0px;
    background-color: var(--ril-secondary);
}
    .ril-control:focus, .ril-control:focus-visible {
        outline: none;
        border-color: transparent;
        border-radius: 0px 30px 30px 0px;
        background-color: var(--ril-primary);
        box-shadow: none;
    }
.ril-group-control {
    background-color: var(--ril-secondary);
    border: 1px solid var(--ril-secondary);
}
    .ril-group-control:focus, .ril-group-control:focus-visible {
        outline: none;
        border-color: var(--ril-primary);
        background-color: var(--ril-primary);
        box-shadow: none;
    }
.ril-group-validation {
    display: block; 
    width:100%;
    margin-top:2px;
}
.ril-admin-control {
    border-color: transparent;
    border-radius: 10px;
    background-color: var(--ril-secondary);
}
    .ril-admin-control:focus, .ril-admin-control:focus-visible {
        outline: none;
        border-color: transparent;
        border-radius: 10px;
        background-color: var(--ril-primary);
        box-shadow: none;
    }
.ril-control-accessoire {
    background-color: var(--ril-accessoire);
}

    .ril-control-accessoire:focus, .ril-control-accessoire:focus-visible {
        background-color: var(--ril-accessoire);
    }
.ril-menu-menu {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 1.2rem;
    background-color: var(--ril-neutral-secondary);
}
.ril-menu-item {
    background-color: var(--ril-secondary);
}
    .ril-menu-item:hover {
        background-color: var(--ril-dark-bg);
    }
.ril-menu-actif {
    background-color: var(--ril-primary);
}
    .ril-menu-actif:hover {
        background-color: var(--ril-dark-bg);
    }
.ril-menu-derouler-actif {
    transform:rotate(-90deg);
}
.ril-menu-derouler-inactif {
    transform: rotate(90deg);
}
.ril-menu-link {
    color: var(--ril-white-text);
    text-decoration: none;
    cursor: pointer;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    border: 1px solid transparent;
}
    .ril-menu-link:focus-visible {
        outline:none;
        border: 1px solid var(--ril-border);
    }
.ril-menu-group .ril-menu-link {
    padding-left: 20px;
}
.ril-menu-group > .ril-menu-group .ril-menu-link {
    padding-left: 40px;
}
.ril-menu-button {
    background-color: var(--ril-secondary);
    padding: 5px;
    width: 100%;
    border: 1px solid transparent;
    text-align:left;
}
    .ril-menu-button:hover {
        background-color: var(--ril-dark-bg);
    }
.ril-menu-group .ril-menu-button {
    padding-left: 20px;
}
.ril-menu-plus {
    padding: 3px;
    font-size: 0.9rem;
    text-align: center;
}
.ril-tab-contenu {
    border-left: 1px solid var(--bs-border-color);
    border-right: 1px solid var(--bs-border-color);
    border-bottom: 1px solid var(--bs-border-color);
    padding: 6px;
}
.ril-dropdown-end {
    right:0px;
}
.ril-dropdown-up {
    bottom: 28px;
    left:0px;
}
.ril-dropdown-menu-secondary {
    --bs-dropdown-bg: var(--ril-secondary);
}

.ril-dropdown-item-secondary {
    --bs-dropdown-link-color: var(--ril-white-text);
    --bs-dropdown-link-hover-bg: var(--ril-dark-bg);
    --bs-dropdown-link-hover-color: var(--ril-white-text);
    --bs-dropdown-link-active-bg: var(--ril-dark-bg);
    --bs-dropdown-link-active-color: var(--ril-white-text);
    border: 1px solid transparent;
}

    .ril-dropdown-item-secondary:focus-visible {
        outline: none;
        border: 1px solid var(--ril-border);
    }
.ril-dropdown-menu-tertiary {
    --bs-dropdown-bg: var(--ril-neutral-light);
}
.ril-dropdown-item-tertiary {
    --bs-dropdown-link-color: var(--ril-dark-bg);
    --bs-dropdown-link-hover-bg: var(--ril-dark-bg);
    --bs-dropdown-link-hover-color: var(--ril-white-text);
    --bs-dropdown-link-active-bg: var(--ril-dark-bg);
    --bs-dropdown-link-active-color: var(--ril-white-text);
    border: 1px solid transparent;
}
    .ril-dropdown-item-tertiary:focus-visible {
        outline: none;
        border: 1px solid var(--ril-border);
    }
.ril-profil-conteneur {
    background-color: #C0C0C0;
    border-radius: 10px;
    padding:5px;
    height:100%;
}
.ril-profil-fond {
    height: 100%;
    background-size: cover;
    background-position: center;
}
.ril-profil-contenu {
    min-height: 100%;
}
.ril-profil-header {}
.ril-profil-body {}
.ril-profil-footer {}
.ril-profil-header-nom {
    margin-top: 0.3rem;
    margin-bottom: .5rem;
    font-weight: bolder;
    font-size: 1.4em;
}
.ril-profil-header-accroche {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: bold;
    font-size: 1.1em;
}

.ril-onglet-contenu {
    margin-top:4px;
}
.ril-modal-overall {
    z-index: 1500 !important;
}

.ril-modal-confirm {
    z-index: 1600 !important;
}
.ril-photo {
    background-color: #999;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.ril-photo-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    position: absolute; /* Ajout d'une position absolue pour centrer l'image */
    top: 50%; /* Centrage vertical */
    left: 50%; /* Centrage horizontal */
    transform: translate(-50%, -50%);
}
.ril-photo-picto {
    width: 128px;
    height: 128px;
    display: block;
    position: absolute; /* Ajout d'une position absolue pour centrer l'image */
    top: 50%; /* Centrage vertical */
    left: 50%; /* Centrage horizontal */
    transform: translate(-50%, -50%);
}
.ril-card-container1 {
    display: grid;
    grid-template-columns: 1fr;
}
.ril-card-container2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.ril-card-container3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.ril-card-container4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.ril-card-container-center {
    justify-content: center;
}
.ril-card-link {
    text-decoration:underline;
    cursor:pointer;
}
    .ril-card-link:hover {
        text-decoration: none;
    }
.ril-card-content {
    align-self: center;
    justify-self: center;
}
.ril-card-content p {
    margin-bottom:0.5rem;
}
.ril-card-big {
    font-size:1.25em;
}
/* modal mode neutre par charte */
.ril-modal-content {
    background-color: #ccc;
    color: #000;
}
    .ril-modal-content a {
        color: #0d6efd;
    }
    .ril-modal-content a:hover {
        text-decoration:none;
    }
    .ril-modal-content h3 {
        color:#333 !important;
    }
    .ril-modal-content .btn-close {
        filter: invert(37%) sepia(57%) saturate(0%) hue-rotate(226deg) brightness(95%) contrast(96%) !important;
    }
    .ril-modal-content .ril-btn-text-primary {
        color: var(--ril-dark-bg);
        background-color: var(--ril-neutral-light);
    }
        .ril-modal-content .ril-btn-text-primary:hover {
            color: var(--ril-white-text);
            background-color: var(--ril-dark-bg);
        }
        .ril-modal-content .ril-btn-text-primary:focus {
            color: var(--ril-white-text);
            background-color: var(--ril-dark-bg);
        }
    .ril-modal-content .ril-btn-text-tertiary {
        color: var(--ril-dark-bg);
        background-color: var(--ril-neutral-superlight);
    }

        .ril-modal-content .ril-btn-text-tertiary:hover {
            color: var(--ril-white-text);
            background-color: var(--ril-dark-bg);
        }

        .ril-modal-content .ril-btn-text-tertiary:focus {
            color: var(--ril-white-text);
            background-color: var(--ril-dark-bg);
        }

.ril-modal-check {
    background-color: var(--ril-neutral-light);
}

    .ril-modal-check:checked {
        background-color: var(--ril-neutral-dark);
        border-color: var(--ril-neutral-dark);
    }

    .ril-modal-check:focus {
        border-color: var(--ril-neutral-dark);
        border-width: 2px;
        box-shadow: none;
    }
.ril-profil-titre {
    position: relative;
    height:50px;
    width:100%;
}
.ril-profil-titre1 {
    position: absolute;
    width:60%;
    left:0px;
}
.ril-profil-titre2 {
    position: absolute;
    right:0px;
}

.ril-link-permanent {
    display: inline-block;
    height:48px;
    width:48px;
    margin:-2px;
}
.ril-profil-uneligne {
    position:relative;
    height:28px;
    width:100%;
}
.ril-profil-uneligne-contenu {
    position: absolute;
    left:0px;
    width: 100%;
    white-space: nowrap;
}
.ril-profil-suite {
    margin-left:auto;
    margin-right:auto;
}
.ril-next {
}
    .ril-next a {
        border-radius: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        text-decoration: none;
    }
.ril-ico {
    display: inline-block;
    width: 24px;
    height: 24px;
}
.ril-ico-uncheck {
    background-image:url(../images/base/ico-uncheck.png);
}
.ril-ico-check {
    background-image: url(../images/base/ico-check.png);
}
.ril-ico-checkplus {
    background-image: url(../images/base/ico-checkplus.png);
}
.ril-ico-soon {
    background-image: url(../images/base/ico-soon.png);
}
ril-video-container {
    position: relative;
}
.ril-video-container video {
    display: block;
    width:100%;
    height:100%;
}
.ril-video-title {
    position: absolute;
    font-size: 1.2rem;
    top: 0px;
    width: 100%;
    color: var(--ril-white-text);
    background-color: rgba(0,0,0,0.5);
    text-align:center;
}
.ril-accueil .card {
    border-radius:1rem !important;
}
    .ril-accueil .card img {
        border-radius: 1rem !important;
        margin:0;
    }

    .ril-accueil .card img {
    }

    .ril-accueil .card:hover img {
        animation-name: buzz-out-www;
        animation-duration: 0.75s;
        animation-timing-function: linear;
        animation-iteration-count: 1;
    }

@keyframes buzz-out-www {
    10% {
        transform: translate(-2%, -0%) rotate(2deg);
    }

    20% {
        transform: translate(2%, -0%) rotate(-2deg);
    }

    30% {
        transform: translate(-2%, -0%) rotate(2deg);
    }

    40% {
        transform: translate(-2%, -0%) rotate(-2deg);
    }

    50% {
        transform: translate(-2%, -0%) rotate(1deg);
    }

    60% {
        transform: translate(-2%, -0%) rotate(-1deg);
    }

    70% {
        transform: translate(-2%, -0%) rotate(1deg);
    }

    80% {
        transform: translate(-2%, -0%) rotate(-1deg);
    }

    90% {
        transform: translate(-2%, -0%) rotate(0);
    }

    100% {
        transform: translate(-2%, -0%) rotate(0);
    }
}
    
/* defaut blazor */
    #blazor-error-ui {
        display: none;
        width: 75%;
        margin: auto;
    }

/* add-on */
.dropzone-control {
    border: 5px solid var(--ril-secondary);
    background-color: #ccc;
    color: var(--ril-dark-bg);
    font-size: 1rem;
    width: 99%;
}
.dropzone {
    padding: 25px 5px 5px 5px;
    cursor: pointer;
    display: flex;
    position: relative;
}
    .dropzone:hover {
        background-color: #f3f3f3;
    }
    .dropzone input[type=file] {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        left:0;
        top:0;
    }
.dropzone-drag {
    background-color: var(--ril-secondary-hover);
}
.dropzone-apercu {
    width:128px;
    height:128px;
    background-color: #999;
    display: block;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}
.dropzone-bottom {
    border-top: 2px solid #000;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: #000000;
    height: 48px;
}