/*
emanation: {
        blue: "#0069B5",
        blue_light: "#0063B0",
        dark_blue: "#073453",
        dark_blue1: "#183650",
        dark_blue2: "#1F415F",
        dark: "#454141",
      },
      */

.btn-login{
    color: white;
    background-color: #0069B5;
    border-radius: 2rem !important;
}
.btn-login:hover{
    background-color: #183650;
    color: white;
    border: 2px solid #183650 !important;
}

.btn-register{
    color: #0069B5;
    background-color: transparent;
    border-radius: 2rem !important;
    border: 2px solid #0069B5 !important;
}
.btn-register:hover{
    color: white;
    background-color:  #183650;
}
.btn-service {
    font-size: x-large;
    color: white;
    background-color:  #0069B5;
}
.btn-service:hover{
    background-color: white;
    color:  #0069B5;
    border: 2px solid #0069B5 !important;
}
.btn-modal{
    color: white;
    background-color:  #0069B5;
}
.btn-modal:hover{
    background-color: #183650;
    color:  white;
}
.btn-demande{
    color: white;
    background-color:  #0069B5;
}
.btn-demande:hover{
    background-color: white;
    color:  #0069B5;
    border: #0069B5 2px solid;
    text-decoration: none;
}
.btn-outline-demande{
    color: white;
    background-color:  #0069B5;
}

.menu-link li .menu-a{
    margin-right: 15px;
    font-size: 1.125rem;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}
.menu-link li a{
    color:white !important;
    font-size: 1.125rem;
}

.menu-link li a:hover{
    color:#183650 !important;
    border-bottom: 3px solid #183650 !important;;
    font-size: 1.125rem;
}

---
.menu-link-temp li .menu-a{
    margin-right: 15px;
    font-size: 1.125rem;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}
.menu-link-temp li a{
    color: #0069B5 !important;
    font-size: 1.125rem;
}

.menu-link-temp li a:hover{
    color:#183650 !important;
    border-bottom: 1px solid #183650 !important;;
    font-size: 1.125rem;
}
#a-drp{
    border-bottom: 3px solid white !important;;
}
#drop-menu{
    background-color: white !important;

}
#drop-menu a{
    color:#0069B5 !important;
}
#drop-menu a:hover{
    color:#0069B5 !important;
    border-bottom: 3px solid white !important;
}
---

#services .card-title{
    color:#183650;
}

#services .titre{
    color:#0069B5;
    font-size: 50px;
    font-weight: 700px;
}
.bg-blue-emn{
    background-color: #0069B5;
}
.bg-clients{
    background-color: #0069B5;
    border-radius: 2rem !important;
}
/* Page services "#183650",
        dark_blue2: "#1F415F", */
.bg-service{
    background-color: #183650;
}
.item-page{
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.item-page .contenu{
    font-size: 25px;
}
.item-page a{
    color: inherit;
    text-decoration: inherit;
}
.item-page a:hover{
    text-decoration: none;;
    border-bottom: 2px solid inherit;
}
.item-page span{
    color: rgb(156, 163, 175);;
}

/* Page login */
.bg-auth{
    background-color: #183650;
}

/* Pages forlulaire */
.item .span-title{
    color: #0069B5;
    font-size: 20px;
}
.item .span-par{
    color:inherit;
}

#demande hr {
    border-top: 5px solid #0069B5;
}
#demande h3{
    color: #0069B5 !important;
}
/* nav */
#copywrite{
    color: white;
    font-size: 14px;
    font-weight: 700;
}
#nav{
    background-color: #0069B5;
}
#nav #liens #title , #nav #adresse #title{
    color:white;
    font-size: 23px;
    font-style: inherit;
    font-weight: 700;
}
#nav #liens a , #nav #adresse a{
    color:white  !important;
    text-decoration: none;
}
#services .par{
    font-size: 20px;
}
#services .btn-client{
    font-size: 20px;
    color:#183650;
    background-color: white;
    border-radius: 5rem;
}
#services .btn-client:hover{
    color:white;
    background-color: #183650;
    border:3px solid white;
}

#alert-nothing{
    color: #183650 ;
    font-weight: 500;
    border: 1px #183650  solid;
    border-radius: 5rem;
}
#service-title h1{
    margin-top: 15px;
    color:#183650 !important;

}
/* tabs ; onglet et barre de recherche */

li {
    list-style: none;
}

:root {
    --white: #FFF;
    --blue: #0069B5;
    --light: #F5F5F5;
    --light-blue: #F3F0FF;
    --grey: #eee;
    --dark-grey: #666;
    --black: #222;
}

.contain {
    width: 100%;
    background: var(--white);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .05);
}
.contain .wrapper {
    display: flex;
}
.contain .indicator {
    height: 70vh;
    overflow-y: scroll;
    width: 30%;
    padding: 1.5rem 0;
    border-right: 1px solid var(--grey);
}
.contain .indicator li {
    display: flex;
    align-items: center;
    padding: 10px 2rem;
    cursor: pointer;
    font-size: .95rem;
    font-weight: 500;
    color: var(--black);
    border-right: 3px solid transparent;
}
.contain .indicator li:hover {
    background: var(--white);
}
.contain .indicator li.active {
    border-right-color: var(--blue);
    color: var(--blue);
    background: var(--light-blue);
}
.contain .content {
    width: 60%;
    padding: 1.5rem 2rem;
}
.contain .content li {
    display: none;
}
.contain .content li.active {
    display: block;
}
.contain .content li h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
}
.contain .content li p {
    color: var(--dark-grey);
    font-size:17px;
}
.contain .content .btn{
    font-size: 16px;
    font-weight:600;
}
@media(max-width:672px){
    .searchitem .input-group{
        width: 100%!important;
    }
}
@media screen and (max-width: 576px) {
    .contain .indicator {
        width: 100%;
    }
    .contain .content {
        width: 100%;
    }
    .contain .wrapper {
        flex-direction: column;
    }
    .contain .indicator {
        border-right: none;
    }
    .contain .content li h3 {
        font-size: 17px;
    }
    .contain .content li p {
        font-size:16px;
    }
    .nav-pills{
        margin-bottom: 20px!important;
    }
    .contain .content .btn{
        font-size: 14px;
        font-weight:600;
    }
}
.nav-pills{
    margin-bottom: 10px!important;
}
.nav-pills a{
    color:var(--black);
    font-weight:500;
    background: var(--light-blue);
}
.nav-pills .nav-item .active{
    background-color: #0069B5 !important;
}
.nav-pills .nav-item .nav-link{
    border-radius: 0px!important;
}
.searchitem {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}
.searchitem .input-group input{
    border-radius: 50px;

}
.searchitem .input-group input:focus{
    outline: none !important;
}
.searchitem .input-group .btn{
    background-color: #0069B5;
    color: white;
}