/*
Image de fond
*/

#header {
 background-image: url('../img/IJ/tunnel_top_bandeau_bg.jpg') !important;
}
#header .bloc_titre:after {
    background-image: url('../img/IJ/bloc-titre-klesia.png');
}
#header.user .logo {
    width: 280px;
    position: relative;
    top: -1.em;
}
/*
Couleur Rose = Klesia
Couleur Violette = carcept
*/

.ui-dialog .ui-dialog-titlebar-close {
    background-image: url('../img/ui-icons_222222_256x240_roses.png') !important;
}


.btn.bgotheroffresante.bg-color-1.bg-color-bleu,
div.card-body.santeoffre div.offresante,
.bg-color-1.bg-color-bleu,
.form .sante .capital-lien,
main .card .sante #accordeons .accordeon .btn {
  background-color: #1fd0cc !important;
}

#sidebar .savoirplus {
    padding:5% 0;
}
#sidebar .savoirplus a {
    display:inline-block;
    margin:auto;
    font-size:large;
}

/*
Onglets mondevis
*/
.nav-tabs .nav-link.active {
    font-weight:bold;
}


.form p.mois,
form p.mois,
.form p.capital,
form p.capital {
    text-transform:unset;
}

div.texte_bottom ul {
   padding:0 12px;
}
div.texte_bottom {
    margin:auto;
    padding:0 20px;
}

div.col-md-4.p-0.bg-color-1 p.capital.gras {
    font-size:1.9rem;
}


#sidebar .encart.promo ul li span {
    font-family: inherit !important;
    font-size:1.3rem;
}

#nouveauxproduits div.row {
    margin:auto;
    padding:0;
}
#nouveauxproduits div.row div {
    margin:0 auto;
}
/*
#sidebar .encart.promo ul p,
#sidebar .encart.promo ul li div {
    font-family: 'qubo-bold', Arial, Helvetica, sans-serif;
}
*/

#footer {
    background-color:grey !important;
}

header#header .container_header a {
    position:absolute;
    bottom:0;
    left:0;
}
header#header .container_header .bloc_titre h1 {
    font-size:1.1rem;
}
header#header .container_header .bloc_titre p {
    font-size:1.3rem;
}

div.ij  div.form-check label,
div.ij p.form-label {
    font-size:initial;
}

@media (min-width: 990px) {

    .col-md-4.p-0 p.middle {
        padding-top:100%;
    }
    .col-md-4.p-0 p.middle2 {
        padding-top:65%;
    }

}


@media (max-width: 962px) {
    .col-md-4.p-0 p.middle {
        padding-top:60%;
    }

}


@media (max-width: 768px) {
    .col-md-4.p-0 p.middle {
        padding-top:80px;
    }
}



@media (min-width: 768px) {
    #header.user .bloc_titre:after {
        background-size:410px;
    }
    #header.user .bloc_titre {
        max-width: 410px;
    }
}