/* ----------------------- */
/* ------- .left-content -------- */
/* ----------------------- */

/* css style for left-content of cp.youdge.com */
.left-content {
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    color: #282828;
    z-index: 1;
    scroll-behavior: smooth;
}

.nav-wrapper {
    min-height: 12vh;
}

/* product ade */
#background_ade .left-content {
    background: linear-gradient(to right, #719BFF, #95DCC5);
}

#background_defiscalisation-pinel .left-content, #background_defiscalisation-pinel .position-credit-need, #background_defiscalisation-pinel .breadcrumb-progress,
#background_credit-renouvelable .left-content, #background_credit-renouvelable .position-credit-need, #background_credit-renouvelable .breadcrumb-progress,
#background_defiscalisation-lmnp .left-content, #background_defiscalisation-lmnp .position-credit-need, #background_defiscalisation-lmnp .breadcrumb-progress,
#background_rachat-credit-immo .left-content, #background_rachat-credit-immo .position-credit-need, #background_rachat-credit-immo .breadcrumb-progress,
#background_contestation-credit .left-content, #background_contestation-credit .position-credit-need, #background_contestation-credit .breadcrumb-progress,
#background_defiscalisation-scpi .left-content, #background_defiscalisation-scpi .position-credit-need, #background_defiscalisation-scpi .breadcrumb-progress,
#background_assurance-auto .left-content, #background_assurance-auto .position-credit-need, #background_assurance-auto .breadcrumb-progress,
#background_assurance-credit-immo .left-content, #background_assurance-credit-immo .position-credit-need, #background_assurance-credit-immo .breadcrumb-progress,
#background_assurance-obseques .left-content, #background_assurance-obseques .position-credit-need, #background_assurance-obseques .breadcrumb-progress,
#background_credit-auto-occasion .left-content, #background_credit-auto-occasion .position-credit-need, #background_credit-auto-occasion .breadcrumb-progress,
#background_credit-divers .left-content, #background_credit-divers .position-credit-need, #background_credit-divers .breadcrumb-progress,
#background_credit-etudiant .left-content, #background_credit-etudiant .position-credit-need, #background_credit-etudiant .breadcrumb-progress,
#background_contrat-energie .left-content, #background_contrat-energie .position-credit-need, #background_contrat-energie .breadcrumb-progress,
#background_credit-pro .left-content, #background_credit-pro .position-credit-need, #background_credit-pro .breadcrumb-progress,
#background_immobilier-neuf .left-content, #background_immobilier-neuf .position-credit-need, #background_immobilier-neuf .breadcrumb-progress,
#background_assurance-habitation .left-content, #background_assurance-habitation .position-credit-need, #background_assurance-habitation .breadcrumb-progress,
#background_rachat-credit-conso  .left-content, #background_rachat-credit-conso  .position-credit-need, #background_rachat-credit-conso  .breadcrumb-progress,
#background_rachat-credit-immo-conso .left-content, #background_rachat-credit-immo-conso .position-credit-need, #background_rachat-credit-immo-conso .breadcrumb-progress {
    background-color: #f6f6f6;
}

/* rachat-credit-immo-conso */
#background_rachat-credit-immo-conso .left-content,
#background_rachat-credit-immo-conso .position-credit-need,
#background_rachat-credit-immo-conso .breadcrumb-progress,

/* rachat-credit-conso */
#background_rachat-credit-conso .left-content,
#background_rachat-credit-conso .position-credit-need,
#background_rachat-credit-conso .breadcrumb-progress,

/* regroupement-pret */
#background_regroupement-pret .left-content,
#background_regroupement-pret .position-credit-need,
#background_regroupement-pret .breadcrumb-progress {
    background-color: #ECE5FF;
}

/* credit-pro */
#background_credit-pro .left-content,
#background_credit-pro .position-credit-need,
#background_credit-pro .breadcrumb-progress{
    background-color: #F9F0FF;
}
#background_credit-perso .left-content,
#background_credit-perso .position-credit-need,
#background_credit-perso .breadcrumb-progress {
    background-color: #DEF9EE;
}

/* credit travaux */
#background_credit-travaux .left-content,
#background_credit-travaux .position-credit-need,
#background_credit-travaux .breadcrumb-progress,
/* travaux-fenetre */
#background_travaux-fenetre .left-content,
#background_travaux-fenetre .position-credit-need,
#background_travaux-fenetre .breadcrumb-progress,
/* travaux-divers */
#background_travaux-divers .left-content,
#background_travaux-divers .position-credit-need,
#background_travaux-divers .breadcrumb-progress,
/* pret piscine */
#background_pret-piscine .left-content,
#background_pret-piscine .position-credit-need,
#background_pret-piscine .breadcrumb-progress,
/* projet-travaux */
#background_projet-travaux .left-content,
#background_projet-travaux .position-credit-need,
#background_projet-travaux .breadcrumb-progress {
    background-color: #FFE3E0;
}

/* credit auto */
#background_credit-auto .left-content,
#background_credit-auto .position-credit-need,
#background_credit-auto .breadcrumb-progress,

/* credit auto occasion */
#background_credit-auto-occasion .left-content,
#background_credit-auto-occasion .position-credit-need,
#background_credit-auto-occasion .breadcrumb-progress,

/* assurance auto */
#background_assurance-auto .left-content,
#background_assurance-auto .position-credit-need,
#background_assurance-auto .breadcrumb-progress,

/* credit moto-neuf */
#background_credit-moto-neuf .left-content,
#background_credit-moto-neuf .position-credit-need,
#background_credit-moto-neuf .breadcrumb-progress,

/* credit moto-neuf */
#background_credit-moto-occasion .left-content,
#background_credit-moto-occasion .position-credit-need,
#background_credit-moto-occasion .breadcrumb-progress,

/* credit recherche-vehicule */
#background_recherche-vehicule .left-content,
#background_recherche-vehicule .position-credit-need,
#background_recherche-vehicule .breadcrumb-progress,

/* credit auto neuf */
#background_credit-auto-neuf .left-content,
#background_credit-auto-neuf .position-credit-need,
#background_credit-auto-neuf .breadcrumb-progress {
    background-color: #FFF3C6;
}

/* banque ligne */
#background_banque-ligne .left-content,
#background_banque-ligne .position-credit-need,
#background_banque-ligne .breadcrumb-progress,

/* credit-express */
#background_credit-express .left-content,
#background_credit-express .position-credit-need,
#background_credit-express .breadcrumb-progress,

/* mini-credit  */
#background_mini-credit  .left-content,
#background_mini-credit  .position-credit-need,
#background_mini-credit  .breadcrumb-progress,

/* credit rapide */
#background_credit-rapide .left-content,
#background_credit-rapide .position-credit-need,
#background_credit-rapide .breadcrumb-progress {
    background-color: #F0F3FF;
}

/* besoin tresorerie */
#background_besoin-tresorerie .left-content,
#background_besoin-tresorerie .position-credit-need,
#background_besoin-tresorerie .breadcrumb-progress,

/* credit mariage */
#background_credit-mariage .left-content,
#background_credit-mariage .position-credit-need,
#background_credit-mariage .breadcrumb-progress,

/* credit informatique */
#background_credit-informatique .left-content,
#background_credit-informatique .position-credit-need,
#background_credit-informatique .breadcrumb-progress,

/* credit voyage */
#background_credit-voyage .left-content,
#background_credit-voyage .position-credit-need,
#background_credit-voyage .breadcrumb-progress,

/* pret vert */
#background_pret-vert .left-content,
#background_pret-vert .position-credit-need,
#background_pret-vert .breadcrumb-progress,

/* pret electromenager */
#background_pret-electromenager .left-content,
#background_pret-electromenager .position-credit-need,
#background_pret-electromenager .breadcrumb-progress,

/* credit-renouvelable */
#background_credit-renouvelable .left-content,
#background_credit-renouvelable .position-credit-need,
#background_credit-renouvelable .breadcrumb-progress,

/* credit-divers */
#background_credit-divers .left-content,
#background_credit-divers .position-credit-need,
#background_credit-divers .breadcrumb-progress,

/* conso-proposal */
#background_conso-proposal .left-content,
#background_conso-proposal .position-credit-need,
#background_conso-proposal .breadcrumb-progress{
    background-color: #DEF9EE;
}

/* credit-express-bca */
#background_credit-express-bca .left-content,
#background_credit-express-bca .position-credit-need,
#background_credit-express-bca .breadcrumb-progress {
    background-color: #DEF9EE;
}

/* télésurveillance */
#background_securite .left-content,
#background_securite .position-credit-need,
#background_securite .breadcrumb-progress {
    background-color: #F0F3FF;
}


/* ----------------------- */
/* ----- BACKGROUND ------ */
/* ----------------------- */

.right-content {
    background-color: #ffffff;
}


/* ----------------------- */
/* ------- FOOTER -------- */
/* ----------------------- */

footer {
    background-color: #f6f6f6;
}

.footer-top {
    background-color: #fff;
    border-bottom: 1px solid #F6F6F6;
    color: #282828;
    padding: 10px 20px;
    text-align: center;
}

.footer-bottom {
    background-color: #282828;
    color: #fff;
    padding-bottom: 15px !important;
}

.footer-trustpilot {
    background-color: #F6F6F6;
}

.trustpilot-mentions {
    font-size: 11px;
    text-align: center;
    padding-bottom: 10px;
    color: #282828;
}

footer p {
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 500;
}

footer a,
footer a:hover {
    cursor: pointer;
    color: #fff !important;
    text-decoration: underline !important;
}

.w-80 {
    width: 80%;
}

.container-trustpilot {
    padding: 1em;
}

/* ---------------------- */
/* ---- MEDIA QUERIES --- */
/* ---------------------- */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
        

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767.68px) {

    /* product ade */
    #background_ade .left-content,
    #background_ade .position-credit-need,
    #background_ade .breadcrumb-progress {
        background: linear-gradient(to right, #719BFF, #95DCC5);
    }
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .footer-bottom {
        padding-bottom: 1rem !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .footer-top {
        text-align: left;
    }
}

/* Large devices ++ (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* Extra large devices (large desktops, 2000px and up) */
@media (min-width: 2000px) {
    .footer-content-col {
        padding: 0vw 23vw;
    }
}