html {
    font-size: 12px
}

body {
    font-family: Arial !important
}

hr {
    border-top: 2px solid rgba(0,0,0,.1) !important;
    margin-top: 0 !important
}

.hovoran:hover {
    text-decoration: underline !important;
    color: #ff8f2a !important
}

    .hovoran:hover .img-fluid {
        border: solid 1px #ff8f2a !important
    }

    .hovoran:hover .orangehover {
        color: #ff8f2a !important
    }

    .hovoran:hover .flecheorghover {
        color: #ff8f2a !important
    }

.carousel-indicators li {
    height: 10px !important;
    background-color: #000 !important
}

.carousel-indicators .active {
    background-color: #E46C0A !important
}

.link-underline-hover:hover {
    text-decoration: underline !important
}

.faq-underline-hover:hover {
    color: #ff8f2a !important;
    text-decoration: underline
}

    .faq-underline-hover:hover .btn-outline-orange {
        color: #fff !important;
        background-color: #E46C0A;
        border-color: #E46C0A
    }

    .faq-underline-hover:hover .text-black {
        color: #ff8f2a !important
    }

.bg-black {
    background: #000
}

.bg-dark-grey {
    background: #d9d9d9
}

.bg-light-grey {
    background: #f2f2f2
}

.bg-kle-gradient-dark {
    background: linear-gradient(#7D7D7D,#484848)
}

.bg-kle-orange {
    background: #E46C0A
}

.bg-kle-blue {
    background: #1a237e
}

.bg-gradient-blue {
    background: linear-gradient(#304ffe,#1a237e)
}

.bg-kle-gradient {
    background: linear-gradient(#f2f2f2,#8D8D8D) !important
}

.bg-kle-gradient-inverse {
    background: linear-gradient(#6E6E6E,#BFBFBF) !important
}

.bg-gradient-veille-title {
    background: linear-gradient(#0071CD,#003F77) !important
}

.bg-gradient-veille {
    background: linear-gradient(#A3C4FF,#E5EEFF) !important
}

.bg-gradient-demat-title {
    background: linear-gradient(#7B57A8,#5D417E) !important
}

.bg-gradient-demat {
    background: linear-gradient(#C9B5E8,#F0EAF9) !important
}

.bg-gradient-formation-title {
    background: linear-gradient(#34B3D6,#2787A0) !important
}

.bg-gradient-formation {
    background: linear-gradient(#9EEAFF,#E4F9FF) !important
}

.bg-gradient-certificat-title {
    background: linear-gradient(#CE3B37,#9C2D2A) !important
}

.bg-gradient-certificat {
    background: linear-gradient(#FFA2A1,#FFE5E5) !important
}

.bg-listeformations {
    background: linear-gradient(white,#cff3f7) !important
}

.bg-ajoutformation {
    background: linear-gradient(white,#ccaa2e) !important
}

.bg-modifierformation {
    background: linear-gradient(#ededed,#ccaa2e) !important
}

.bg-modifiertitreformation {
    background: linear-gradient(#ededed,#e84e4e) !important
}

.bg-faq {
    background: #FDEADA !important
}

.text-orange {
    color: #ff8f2a
}

.text-black {
    color: #000 !important
}

.text-blue {
    color: #00B0F0
}

.kle-titre {
    color: #00B0F0
}

.font-menu {
    font-size: 1.33rem
}

.footer-font-size {
    font-size: 12px
}

.kle-border {
    border: solid 1px #bfbfbf !important
}

.kle-border-top {
    border-top: solid 1px #bfbfbf !important
}

.kle-border-right {
    border-right: solid 1px #bfbfbf !important
}

.kle-border-bottom {
    border-bottom: solid 1px #bfbfbf !important
}
.kle-border-bottom-bold {
    border-bottom: solid 0.2rem #cccccc !important
}

.kle-border-left {
    border-left: solid 1px #bfbfbf !important
}

.kle-border-search-result {
    border-bottom: 2px solid #979a9a !important;
    border-top: 2px solid #979a9a !important
}

.kle-rounded {
    border-radius: .5rem !important
}

.kle-border-orange {
    border: solid 1px #E46C0A !important
}

@media (min-width: 992px ) {
    .klekoon-lg {
        display: block !important
    }

    .klekoon-md {
        display: none !important
    }

    .kle-inline-block-lg {
        display: inline-block !important
    }

    .sous-menu:hover > .dropdown-menu {
        display: block !important;
        border: none !important;
        background: #E46C0A;
        border-radius: initial
    }

        .sous-menu:hover > .dropdown-menu > a {
            border-top: solid 1px #fff
        }

    .kle-menu-border-right {
        border-right: solid 1px #1a237e
    }
}

@media (max-width: 991px) {
    .klekoon-lg {
        display: none !important
    }

    .klekoon-md {
        display: block !important
    }

    .kle-inline-block-lg {
        display: none !important
    }

    .kle-menu-border-right {
        border-right: solid 1px transparent
    }
}

@media (max-width: 401px) {
    .logo-size {
        display: inline-block !important;
        width: 50%
    }
}

@media(max-width: 434px) {
    .kle-footer-border-right {
        border-right: 1px solid transparent
    }
}

@media (min-width: 435px) {
    .kle-footer-border-right {
        border-right: 1px solid #d9d9d9
    }
}

@media (min-width:768px) {
    .height-caroussel-md {
        height: 249px
    }
}

@media (min-width:576px) and (max-width:767px) {
    .height-caroussel-md {
        height: 216px
    }
}

@media (max-width:575px) {
    .height-caroussel-md {
        height: 183px
    }
}

.text-decoration-none {
    text-decoration: none !important
}

.kle-menu > li:hover {
    background: #E46C0A
}

.lien-sous-menu {
    box-shadow: 0 2px 2px rgba(0,0,0,0.1),1px 1px 1px rgba(0,0,0,0.1),-1px 1px 1px rgba(0,0,0,0.1);
    background: #E46C0A;
    border-radius: initial;
    border-top: solid 1px #fff;
    padding-top: 7px;
    padding-bottom: 7px
}

    .lien-sous-menu:hover {
        color: #ff8f2a;
        background: #fff
    }

.lien-sous-menu-noir {
    box-shadow: 0 2px 2px rgba(0,0,0,0.1),1px 1px 1px rgba(0,0,0,0.1),-1px 1px 1px rgba(0,0,0,0.1);
    background: #000;
    color: #fff;
    border-radius: initial;
    border-top: solid 1px #fff;
    padding-top: 7px;
    padding-bottom: 7px
}

    .lien-sous-menu-noir:hover {
        color: #000;
        background: #fff
    }

.logo-size {
    display: inline-block !important;
    width: 25%
}

.menu-font {
    font-size: smaller;
    font-weight: 600
}

.page-link-box-shadow {
    box-shadow: none !important
}

.kle-table td {
    border: none !important
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.input-error {
    border: 1px solid red !important
}

.error {
    border-color: red;
    color: red
}

.navbar .divider-vertical {
    height: 30px;
    padding: 0 9px 2px;
    border-left: 1px solid #7f8c8d
}

.boxshadow {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.navbartransparent {
    background: transparent;
    border-color: transparent
}

.selectmiddle {
    text-align: center !important;
    text-align-last: center !important
}

.pointer {
    cursor: pointer
}

.cursor-default {
    cursor: default
}

.mega-cercle {
    width: 130px !important;
    height: 130px !important
}

.grand-cercle-lg {
    width: 125px !important;
    height: 125px !important
}

.grand-cercle {
    width: 90px !important;
    height: 90px !important
}

.petit-cercle {
    width: 74px !important;
    height: 74px !important
}

.micro-cercle {
    width: 50px !important;
    height: 50px !important
}

.pico-cercle {
    width: 35px !important;
    height: 35px !important
}

.carousel-indicators {
    bottom: -11px
}

.danger {
    color: red;
    border: solid 1px red
}

.kle-invalide {
    color: red
}

.kle-invalide-civilite {
    color: red
}

.kle-invalide-check {
    color: red
}

.close {
    opacity: 1 !important
}

.footer-link:hover {
    text-decoration: underline
}

.text-muted-custom {
    color: #A6A49A
}

.kle-grey-block {
    height: 2.4em
}

.carousel-indicators-custom {
    bottom: -18px !important
}

.choix-radio {
    height: 3.1em;
    padding-top: .8em
}

.custom-control-label::after {
    cursor: pointer
}

.table-avis table {
    width: 100%
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    #logo {
        width: 285px
    }
}

.tooltip-inner {
    max-width: 300px
}

.bg-light-dropdown {
    background: #f2f2f2 !important
}

    .bg-light-dropdown :hover {
        background: #f2f2f2 !important
    }

.blurry-text {
    filter: blur(3px);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.unselectable {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}