#log .container{
    margin: auto;
    padding-top:55px;
}
#m_login{
    background-color: #FFF;
    margin: 8rem auto;
}
.container .card-gauche{
    background-image: url(../images/images/blueberries.jpg);
    background-size: cover;
}

.background-login{
    background-image: url("../images/tour-eiffel.jpg");
    background-size: cover;
}

/***** PARTIE DROITE START ****/
.card-principal{
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.logo-card-gauche{
    padding: 20px;
}

.text-card-gauche{
    padding: 20px;
    text-align: center;
    
}
.text-card-gauche h2{
    color: #FFF !important;
}

.text-card-gauche h1{
    color: #FFF !important;
}




.text-card-gauche p{
    color: #FFF;
}
#log .title, .subtitle{
    color: #000;

}

#log .m-login__text{
    font-size: 15px;
    color: #FFF;
    font-weight: bolder;
    text-align: justify;
}
#log .m-grid__item{
    color: #FFF;
    text-align: center;
    justify-content: center;
}
/***** PARTIE GAUCHE END ****/

/***** CONNEXION - INSCRIPTION START ****/

/****** PARTIE INSCRIPTION ******/
.tab-pane .m-login__options button{
    background-color: #3b5998;
}

.btn-facebook{

    background-color: #3b5998  !important;
}

.btn-facebook i{
 color:#fff !important;

}

.btn-email{

    background-color: #efefef !important;
    color:#db4a39  !important;
}

.a-gmail-text{
    color:#db4a39 !important;
}

.tab-pane .m-login__options button{
    background-color: #232c4d;
}

.container-login{
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top:50px;
}

#log #portlet{
    padding: 20px;
}

::placeholder{
    color: #575962 !important;
    font-size: 1rem;
    font-weight: normal;
}


#log .m-portlet__body{
    padding: 0px;
}

.souvenir{
    padding-bottom: 10px;
    color: #000000; /*black*/
    font-size: 15px;
    /*font-weight: bolder;*/
}

.inscription-choix{
    color: #000080; /*navy*/
    font-size: 15px;
    font-weight: bolder;
    text-align: left;
}

#log .m-tabs-line.nav.nav-tabs .nav-link:hover, .m-tabs-line.nav.nav-tabs .nav-link.active, .m-tabs-line a.m-tabs__link:hover, .m-tabs-line a.m-tabs__link.active {
    color: #5f86ad !important;
    /* border-bottom: 1px solid #e62f4a!important;  */
    
    }

#input-login{
    background-color: rgba(255, 255, 255, 0.3);
    color: #000080; /*navy*/
}

#log .ligne-identite{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.input-inscription-nom{
    padding-right: 5px;
}

.nom-margin-bottom {
    margin-bottom:0.79rem !important;
}

.nom-remove-padding {
    padding-left: 0px !important;
}

.prenom-remove-padding {
    padding-right: 0px !important;
}

.input-inscription-prenom{
    padding-left: 5px;
}

#input-nom {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

#log .date-naissance{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


#calendar{
    color: #232c4d;
    padding: 15px;
    line-height: 0.4;
}

.m-login__form-divider{
    /* padding-top: 10px; */
    padding-bottom: 10px;
    margin: 15px;
    color: #000;
}

.m-login__options .fab{
    padding-right: 10px;
}

.m-login__options .far{
    padding-right: 10px;
}

.m-link{
    padding-top: 5px;
    padding-bottom: 20px;
    
}

#mdp-forget{
    font-size: 15px;
    /*font-weight: bolder;*/
    color: #000000 !important; /*black*/
}

.btn-fb{
    background-color: #3b5998;
}


.m-login__options .col-md-6{
    padding: 5px;
}

#btn-sinscrire{
    margin-top: 10px;
}

.btn-connexion{
    border-radius:20px !important;
    
}
.btn-inscription{
    border-radius:20px !important;
    background-color:#232C4D !important;
}


#text-login{
    color: white !important;
}

.text-login{
    color: white !important;
}

#text-gmail{
    color: red;
}


.btn-se-connecter{
    border-radius:20px !important;
    
}

.border-connexion-login{

    border-bottom: 1px solid black;
    width:100%
}

/*design des inputs de l'interface de connexion*/
.input-design{            
    border-radius: 10px !important;
}