﻿/* chartes */
:root {
    --ril-dark-rgb: 33,37,41;
    --ril-white-rgb: 255,255,255;
    --ril-light-rgb: 200,200,200;
    --ril-text-opacity: 1;
    --ril-bg-opacity: 1;
}
.rilcharte-body {
}
    .ril-card-body p {
        margin-bottom: 5px !important;
    }
.ril-zone a {
    text-decoration: underline;
    cursor: pointer;
}
.ril-zone a:hover {
    text-decoration: none;
}
.ril-form {
}
    .ril-form .ril-form-profil-control {
        border-color: transparent;
        border-radius: 10px;
        background-color: #ffffff;
        color: #000;
    }
        .ril-form .ril-form-profil-control::placeholder {
            color: grey;
        }
        .ril-form .ril-form-profil-control:focus, .ril-form-profil1 ril-form-profil-control:focus-visible {
            outline: none;
            border-color: transparent;
            border-radius: 10px;
            background-color: #dddddd;
            box-shadow: none;
        }
    .ril-form .ril-form-profil-btn {
        --bs-btn-color: #000000;
        --bs-btn-bg: #cccccc;
        --bs-btn-font-size: 1.2rem;
        margin: 3px;
    }
        .ril-form .ril-form-profil-btn:hover {
            --bs-btn-hover-border-color: #000000;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #aaaaaa;
        }
        .ril-form .ril-form-profil-btn:focus {
            --bs-btn-hover-border-color: #000000;
            --bs-btn-hover-color: #000000;
            --bs-btn-hover-bg: #aaaaaa;
        }

.rilcharte1 .ril-text {
    color: rgba(var(--ril-dark-rgb),var(--ril-text-opacity)) !important;
}
.rilcharte1 .ril-bg {
    background-color: rgba(230,230,230,1) !important;
}
.rilcharte1 .ril-border {
    border: 1px solid rgba(var(--ril-dark-rgb),var(--ril-text-opacity));
}
.rilcharte1 .ril-bottom {
    border-top: 1px solid rgba(var(--ril-dark-rgb),var(--ril-text-opacity));
}
.rilcharte1 .ril-zone {
    background-color: rgba(200, 200, 200, 0.8);
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
    .rilcharte1 .ril-zone a {
        color: #000000;
    }
.rilcharte1 .ril-next a {
    background-color: rgba(200, 200, 200, 1);
    border: 2px solid #000000;
    color: #000000;
}
    .rilcharte1 .ril-next a:hover {
        border: 2px solid #FFFFFF;
    }

.rilcharte2 .ril-text {
    color: rgba(var(--ril-white-rgb),var(--ril-text-opacity)) !important;
}
.rilcharte2 .ril-bg {
    background-color: rgba(var(--ril-dark-rgb),var(--ril-bg-opacity)) !important;
}
.rilcharte2 .ril-border {
    border: 1px solid rgba(var(--ril-white-rgb),var(--ril-text-opacity));
}
.rilcharte2 .ril-bottom {
    border-top: 1px solid rgba(var(--ril-white-rgb),var(--ril-text-opacity));
}
.rilcharte2 .ril-zone {
    background-color: rgba(100, 100, 100, 0.8);
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
    .rilcharte2 .ril-zone a {
        color: #FFFFFF;
    }
.rilcharte2 .ril-next a {
    background-color: rgba(100, 100, 100, 1);
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
}
    .rilcharte2 .ril-next a:hover {
        border: 2px solid #000000;
    }

.rilcharte3 .ril-text {
    color: rgba(var(--ril-dark-rgb),var(--ril-text-opacity)) !important;
}
.rilcharte3 .ril-bg0 {
    background-color: #8DCEF4 !important;
}
.rilcharte3 .ril-bg1 {
    background-color: #FEF99D !important;
}
.rilcharte3 .ril-bg2 {
    background-color: #F49E9D !important;
}
.rilcharte3 .ril-bg3 {
    background-color: #AF88B7 !important;
}
.rilcharte3 .ril-bg4 {
    background-color: #CAB99D !important;
}
.rilcharte3 .ril-bg5 {
    background-color: #A8D59E !important;
}
.rilcharte3 .ril-border {
    border-radius: 15px;
}
.rilcharte3 .ril-bottom {
    border-top: 1px solid rgba(var(--ril-dark-rgb),var(--ril-text-opacity));
}
.rilcharte3 .ril-zone {
    background-color: #BDC5EA;
    border-top: 2px solid rgba(250,250,250,0.5);
    border-bottom: 2px solid rgba(250,250,250,0.5);
}

    .rilcharte3 .ril-zone a {
        color: #000000;
    }
.rilcharte3 .ril-next a {
    background-color: #BDC5EA;
    border: 2px solid rgba(250,250,250,0.5);
    color: #000000;
}
    .rilcharte3 .ril-next a:hover {
        border: 2px solid #000000;
    }

.rilcharte4 .ril-text, .rilcharte4 .ril-text0, .rilcharte4 .ril-text3, .rilcharte4 .ril-text4, .rilcharte4 .ril-text5 {
    color: rgba(var(--ril-dark-rgb),var(--ril-text-opacity)) !important;
}
.rilcharte4 .ril-text1, .rilcharte4 .ril-text2 {
    color: rgba(var(--ril-white-rgb),var(--ril-text-opacity)) !important;
}
.rilcharte4 .ril-bg0 {
    background-color: #E8641A !important;
}
.rilcharte4 .ril-bg1 {
    background-color: #FE0000 !important;
}
.rilcharte4 .ril-bg2 {
    background-color: #0000FE !important;
}
.rilcharte4 .ril-bg3 {
    background-color: #00FF01 !important;
}
.rilcharte4 .ril-bg4 {
    background-color: #FF00FF !important;
}
.rilcharte4 .ril-bg5 {
    background-color: #FFFF01 !important;
}
.rilcharte4 .ril-border {
    border: 2px dashed rgba(var(--ril-white-rgb),var(--ril-text-opacity));
}
.rilcharte4 .ril-bottom {
    border-top: 1px solid rgba(var(--ril-dark-rgb),var(--ril-text-opacity));
}
.rilcharte4 .ril-zone {
    background-color: #E79600;
    border-top: 2px solid rgba(250,250,250,0.5);
    border-bottom: 2px solid rgba(250,250,250,0.5);
}

    .rilcharte4 .ril-zone a {
        color: #000000;
    }
.rilcharte4 .ril-next a {
    background-color: #E79600;
    border: 2px solid rgba(250,250,250,0.5);
    color: #000000;
}
    .rilcharte4 .ril-next a:hover {
        border: 2px solid #000000;
    }

.rilcharte5 .ril-text {
    color: rgba(var(--ril-dark-rgb),var(--ril-text-opacity)) !important;
}
.rilcharte5 .ril-bg {
    background-color: rgba(var(--ril-white-rgb),0.7) !important;
}
.rilcharte5 .ril-border {
    border: 2px solid rgba(var(--ril-white-rgb),0.2);
    border-radius: 15px;
}
.rilcharte5 .ril-bottom {
    border-top: 1px solid rgba(var(--ril-dark-rgb),var(--ril-text-opacity));
}
.rilcharte5 .ril-zone {
    background-color: rgba(250,250,250,0.6);
    border-top: 2px solid rgba(250,250,250,0.5);
    border-bottom: 2px solid rgba(250,250,250,0.5);
}
    .rilcharte5 .ril-zone a {
        color: #000000;
    }
.rilcharte5 .ril-next a {
    background-color: rgba(250,250,250,0.6);
    border: 2px solid rgba(250,250,250,0.5);
    color: #000000;
}
    .rilcharte5 .ril-next a:hover {
        border: 2px solid #000000;
    }

.rilcharte6 .ril-text {
    color: rgba(var(--ril-dark-rgb),var(--ril-text-opacity)) !important;
}
.rilcharte6 .ril-bg {
    background-color: #DDE0E7 !important;
}
.rilcharte6 .ril-border {
    box-shadow: 
        rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, 
        rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, 
        rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, 
        rgba(0, 0, 0, 0.06) 0px 2px 1px, 
        rgba(0, 0, 0, 0.09) 0px 4px 2px, 
        rgba(0, 0, 0, 0.09) 0px 8px 4px, 
        rgba(0, 0, 0, 0.09) 0px 16px 8px, 
        rgba(0, 0, 0, 0.09) 0px 32px 16px;
    border-radius: 15px;
}
.rilcharte6 .ril-bottom {
    border-top: 1px solid rgba(var(--ril-dark-rgb),var(--ril-text-opacity));
}
.rilcharte6 .ril-zone {
    background-color: rgba(250,250,250,0.6);
    border-top: 2px solid rgba(250,250,250,0.5);
    border-bottom: 2px solid rgba(250,250,250,0.5);
}

    .rilcharte6 .ril-zone a {
        color: #000000;
    }
.rilcharte6 .ril-next a {
    background-color: rgba(250,250,250,0.6);
    border: 2px solid rgba(250,250,250,0.5);
    color: #000000;
}
    .rilcharte6 .ril-next a:hover {
        border: 2px solid #000000;
    }
   
.rilcharte7 .ril-text {
    color: rgba(var(--ril-dark-rgb),var(--ril-text-opacity)) !important;
}
.rilcharte7 .ril-bg {
    background-color: rgba(var(--ril-light-rgb),var(--ril-bg-opacity)) !important;
}
.rilcharte7 .ril-border {
    border-radius: 10px;
    box-shadow: 3px 3px 0px rgba(var(--ril-dark-rgb),1)
}
.rilcharte7 .ril-bottom {
    border-top: 1px solid rgba(var(--ril-dark-rgb),var(--ril-text-opacity));
}
.rilcharte7 .ril-zone {
    background-color: rgba(250,250,250,0.6);
    border-bottom: 2px solid rgba(50,50,50,0.8);
}

    .rilcharte7 .ril-zone a {
        color: #000000;
    }
.rilcharte7 .ril-next a {
    background-color: rgba(250,250,250,0.6);
    border: 2px solid rgba(50,50,50,0.8);
    color: #000000;
}
    .rilcharte7 .ril-next a:hover {
        border: 2px solid #FFFFFF;
    }

.rilcharte8 .ril-text {
    color: rgba(var(--ril-dark-rgb),var(--ril-text-opacity)) !important;
}
.rilcharte8 .ril-bg {
    background: linear-gradient(90deg, #D9D6FF, #D6A5FF);
}
.rilcharte8 .ril-border {
    border-radius: 5px;
}
.rilcharte8 .ril-bottom {
    border-top: 1px solid rgba(var(--ril-dark-rgb),var(--ril-text-opacity));
}
.rilcharte8 .ril-zone {
    background-image: linear-gradient( to right, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 20%, rgba(240, 240, 240, 1) 80%, rgba(240, 240, 240, 0) 100%);
}
    .rilcharte8 .ril-zone a {
        color: #000000;
    }
.rilcharte8 .ril-next a {
    background-color: rgba(240, 240, 240, 1);
    border: 2px solid rgba(50,50,50,0.8);
    color: #000000;
}

    .rilcharte8 .ril-next a:hover {
        border: 2px solid #AAAAAA;
    }

.rilcharte9 .ril-text {
    color: rgba(var(--ril-white-rgb),var(--ril-text-opacity)) !important;
}
.rilcharte9 .ril-bg {
    background: linear-gradient(45deg, rgba(50,250,50,0.8), rgba(50,80,50,0.8));
}
.rilcharte9 .ril-border {
    border-radius: 15px;
    border: 1px solid black;
}
.rilcharte9 .ril-bottom {
    border-top: 1px solid rgba(var(--ril-white-rgb),var(--ril-text-opacity));
}
.rilcharte9 .ril-zone {
    background-image: linear-gradient( to right, rgba(50, 50, 50, 0) 0%, rgba(50, 50, 50, 1) 10%, rgba(50, 50, 50, 1) 90%, rgba(50, 50, 50, 0) 100%);
}
    .rilcharte9 .ril-zone a {
        color: #ffffff;
    }

.rilcharte9 .ril-next a {
    background-color: rgba(50, 50, 50, 1);
    border: 2px solid rgba(240,240,240,1);
    color: #FFFFFF;
}
    .rilcharte9 .ril-next a:hover {
        border: 2px solid #666666;
    }

.rilpolice18 {
    font-family: Arial, sans-serif !important;
    font-size: 100%;
}
.rilpolice19 {
    font-family: Dancing Script, sans-serif !important;
    font-size: 120%;
}
.rilpolice20 {
    font-family: Roboto, sans-serif !important;
    font-size: 100%;
}
.rilpolice21 {
    font-family: Sofadi One, sans-serif !important;
    font-size: 100%;
}
.rilpolice22 {
    font-family: Gowun Batang, sans-serif !important;
    font-size: 100%;
}
.rilpolice23 {
    font-family: Protest Guerrilla, sans-serif !important;
    font-size: 100%;
}
.rilpolice24 {
    font-family: SUSE, sans-serif !important;
    font-size: 100%;
}
.rilpolice25 {
    font-family: Playpen Sans, sans-serif !important;
    font-size: 100%;
}
.rilpolice26 {
    font-family: Anton, sans-serif !important;
    font-size: 110%;
}
.rilpolice27 {
    font-family: 'Tangerine', sans-serif !important;
    font-size: 160%;
    line-height: 1;
    font-weight: 600;
    font-size-adjust: 0.3;
}
