@import url('https://fonts.googleapis.com/css?family=Numans');

.main{
    height:100vh;
    max-height: auto;
    background: #a8c7e6;
    font-family: 'Numans', sans-serif;
}

h1,h2,h3,h4,p,small{
    color: white;
}

.text-grey-link,.text-grey-link:hover{
    color: #5e5f5e !important;
}


i{
    color:white;
}



.container{
    height: 100%;
    align-content: center;
}

.card{
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    width: 400px;
    background-color: #f6f6f6;
}



/* Class pour les liens */

.links{
    color: white;
}

.links a{
    margin-left: 4px;
}

a,a:hover{
    color:white;
}

.bg-ivoire{
    background: #e4e4dc;
    color:black;
}

/* FORM CLASS */

.onChargementOnly{
    display: none;
}

.custom-alert{

    padding:5px !important;
    display: none;
}

.input-group-prepend span{
    width: 50px;
    background-color: #366fb1;
    color: black;
    border:0 !important;
}

input:focus{
    outline: 0 0 0 0  !important;
    box-shadow: 0 0 0 0 !important;

}

.form_btn{
    transition : all 0.5s ease;
    color: white;
    background-color: #366fb1;
    width: auto;
}

.form_btn:hover{
    color: #366fb1;
    background-color: white;
    border: 1px solid #366fb1;
}

.text-noir a{
    color:black !important;
}

/* Les boutons */

.border_rounded{
    border-radius: 50px !important;
}

/* Compte */

.information_compte{
    padding:10px;
    padding-top:50px;
}

.btn-yellow{
    background:#ffc107;
    color:white;
}

@media (max-width:1100px){

    .titre_compte{
        font-size:1.5em;
    }
}

@media (max-width:750px){

    .titre_compte{
        font-size:1.3em;
    }

    .information_compte p{
        font-size:0.9em;
    }
}
@media (max-width:650px){

    .titre_compte{
        font-size:1.2em;
    }

    .information_compte p{
        font-size:0.66em;
    }

    button.modifier_compte{
        font-size:0.56em;
    }

    button.supprimer_compte{
        font-size:0.56em;
    }
}

/* Espace client Accueil */

.block{
    padding:50px;
    background: white;
    font-size: 25px;
    font-weight: bold;
    color : #0467fd !important;
    transition : all 0.5s ease;
}

.block-primary{
    background: #0467fd;
    font-size: 25px;
    font-weight: bold;
    color : white !important;
    transition : all 0.5s ease;
    cursor: pointer;
}


.block-primary>i{
    font-size: 40px;
}

.block>a{
    color : #413b3a !important;
}

.text-red{
    color : #ad151a !important;
}

 .block>a>i  {
    margin-top:60px;
    font-size : 100px !important;
    color : #413b3a !important;
} 

.block>a>i  {
    color : #ad151a !important;
} 

.block:hover{
    background : transparent;
    border: 1px solid white;
}

.block:hover>a>i{
    color : white !important;
}

.block:hover>a{
    color : white !important;
    text-decoration: none;
}

.admin_title{
    font-size:0.9em;
}


@media(max-width:1250px){
    .admin_title{
        font-size: 0.8em
    }

    .block>a>i  {
        margin-top:40px;
        font-size : 80px !important;
    } 
    
}

@media(max-width:1200px){
    .admin_title{
        font-size: 0.65em;
    }
}

@media(max-width:990px){
    .admin_title{
        font-size: 0.5em;
    }

    
    .block>a>i  {
        margin-top:20px;
        font-size : 50px !important;
    } 
}

/* NavBar */ 

.bg-custom{
    background : #0468FD;
    color:white;
    box-shadow: 2px 2px 2px black;
}

.connected-circle{
    color : #039730;
}

.deco-button{
    color:white;
    margin-left:10px;
    font-size:1.5em;
}

.navBar-left{
    background: #366fb1;
    color:white;
    box-shadow: 2px 2px 2px black;
}

.titre-navBar-left{
    font-size:1.5em;
}

@media (max-width:900px){
    .titre-navBar-left{
        font-size:1.2em;
    }

    .modifier_compte,.supprimer_compte{
        font-size:0.9em;
    }
    
}

@media (max-width:700px){
    .titre-navBar-left{
        font-size:1em;
    }
    
    .modifier_compte,.supprimer_compte{
        font-size:0.8em;
    }
    
}

@media (max-width:650px){
    .titre-navBar-left{
        font-size:0.8em;
    }

    .modifier_compte,.supprimer_compte{
        font-size:0.6em;
    }
    
}

/* Partie configuration nouvelle porte */

.visuelle_div{
    width:inherit;
    padding:0px;
    overflow: hidden;
}

#porte_visuel{
    padding:50px;
    width : 100%;
    height:800px;
}

.icone:hover{cursor: pointer;}