:root {
    --bg-color: #2E3440;
    --green-color: rgb(123, 192, 135);
    --green-color-darker: rgb(66, 138, 78);
    --bluegreen-color: #217378;
    --bluegreen-light-color: #2ea5ab;
    --red-color: rgb(239, 125, 129);
    --purple-color: #924eeb;
    --purple-light-color: #9966ff;
    --blue-besst: #0045FF;
    --yellow-color: rgb(237, 222, 133);
    --orange-color: rgb(242, 145, 100);
    --blue-color: rgb(122, 202, 221);
    --blue-color-darker : rgb(42, 138, 162);
    --blue-btn-color: #47639e;
    --green-btn-color: #348b6f;
    --gray-dark-color: #343a40;
    --gray-light-color: #e9ecef;
}
/* https://www.w3schools.com/colors/colors_picker.asp?colorhex=51c2fb */

/* ------------------ GENERIC ----------------- */
html {
    scroll-behavior: smooth;
}
a, .link, .f-header__link:hover, .footer-v4__nav-item a:hover {
    color: var(--purple-color);
}
section {
    padding-top: 5em !important;
}
.btn--primary {
    background: white;
    color: var(--purple-color);
    border: 2px solid var(--purple-color);
}
.btn--primary:hover {
    color: white;
    background: var(--purple-light-color);
}
.warning {
    background-color: var(--orange-color);
    padding: 3px 5px;
}

.grid .feature-v9__block:first-child {
    border-radius: 20px 0 0 20px;
}
.grid .feature-v9__block:last-child {
    border-radius: 0 20px 20px 0;
}
.light_blue_bg {
    background-color: var(--blue-color);
}
.light_blue_bg:hover {
    background-color: var(--blue-color-darker);
}
.light_green_bg {
    background-color: var(--green-color);
}
.light_green_bg:hover {
    background-color: var(--green-color-darker);
}
i {
    margin-right: .5em;
    width: 1em;
}

h1 span {
    font-size: .5em;
}
h1 span a {
    text-decoration: none;
}
.tab-features-v2__control[aria-selected="true"] .tab-features-v2__control-title {
    color: var(--purple-color);
}
a:hover {
    color: var(--purple-light-color);
}
.purple {
    color: var(--purple-color);
}

    /* ------------------ LOGIN ----------------- */
body.login_page {
    background-color: var(--bg-color);
}

/* ------------------ HEADER ----------------- */
.f-header {
    height: auto;
    padding: .5em 0;
    border: 1px solid #efefef;
}
.f-header__nav::before {
    border: 0;
}
.f-header__logo {
    width: 250px;
    max-width: 90%;
    padding-top: 1em;
}
@media (min-width: 1000px) and (max-width: 1100px) {
    .f-header__logo {
        width: 200px;
    }
}
@media (min-width: 64rem) {
    .f-header__dropdown {
        width: 250px;
    }
    .f-header__nav::before {
        border: 0;
    }
    ul .f-header__list li {
        border-bottom: 0;
    }
}

/* ------------------ FOOTER ----------------- */
.footer-v4__logo a, .footer-v4__logo svg, .footer-v4__logo img {
    width: 350px;
    height: auto;
}

/* ------------------ CONTENT ----------------- */
.section_besst {
    /*background-image: url('../img/street_35b.jpg');*/
    background: rgb(218,218,223);
    background: linear-gradient(75deg, rgba(218,218,223,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 60%, rgba(218,218,223,1) 100%);
}

/* ------------------ ISS BOX ----------------- */
.iss_box ul {
    list-style-type: none;
}
.iss_box ul li {
    padding-bottom: 1em;
}

/* ------------------ BESST OFFRES ----------------- */
.card-v14 ul {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
.card-v14 ul li {
    background-image: url("../icons/check_50.png");
    background-position: 0 5px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 20px;
    font-size: .9em;
}
.card-v14 ul li.nop {
    background-image: url("../icons/close_50.png");
}
.card-v14 ul li.null {
    background-image: none;
}

.besst_offre div {
    background-color: #F3F3F3;
    border: 1px solid #333333;
    border-radius : 8px;
}
.besst_offre h2 {
    font-weight: normal;
}
.besst_offre div:last-child {
    background-color: white;
    border: 1px solid var(--purple-color);
}
.besst_offre div:last-child h2 {
    color: var(--purple-color);
}
.btn_besst_access {
    background-color: #333333;
}
.btn_besst_prima {
    background-color: var(--purple-color);
}

.btn-icon {
    padding-top: 10px;
    width: 260px;
    height: 40px;
    color: white;
}
.btn-icon .icon {
    margin: 0 5px 5px 0;
}

/* ------------------ SOLUTIONS ----------------- */
.tab-features-v2__panels {
    min-height: 50vh;
}
@media only screen and (max-width: 992px) {
    .tab-features-v2__panels {
        min-height: 45vh;
    }
    .tab-features-v2__control-description {
        /*display: none;*/
    }
}
.tab-features-v2__panels section h2 {
    color: var(--purple-color);
}
/*.tab-features-v2__panels section p, .tab-features-v2__panels section > ol, .tab-features-v2__panels section ul {
    font-size: .8em;
    padding-top: 1em;
}*/
.tab-features-v2__panels section p {
    padding-left: .2em;
}
.tab-features-v2__panels section ul {
    padding-left: 2em;
    list-style-type: disc;
}
.tab-features-v2__panels section ol {
    /*padding-left: 2em;
    list-style-type: lower-alpha;*/
}
.tab-features-v2__panels li {
    margin-top: .5em;
    margin-bottom: .5em;
}

/* ------------------ QUI SOMMES NOUS ----------------- */
.bg-gradient-invert {
    background: rgb(239,239,239);
    background: linear-gradient(300deg, rgba(200,200,200,1) 0%, rgba(255,255,255,1) 100%, rgba(0,212,255,1) 100%);
}
.min-height-50vh {
    min-height: 50vh;
}
.adn-box ul li {
    font-size: .8em;
}

/* ------------------ CONTACT ----------------- */
.bg-gradient {
    background: rgb(239,239,239);
    background: linear-gradient(300deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%, rgba(0,212,255,1) 100%);
}
.form-control:focus {
    box-shadow: 0 0 0 2px var(--purple-light-color), var(--shadow-sm);
}
.details-list--rows .details-list__item {
    border-bottom: none;
}