.header{
    min-height: 90vh;
    background-color: white;
    width: 100%;
}
@font-face {
    font-family: 'fontBold';
    src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
    font-family: 'fontMedium';
    src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
    font-family: 'fontLigth';
    src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
    font-family: 'fontThint';
    src: url("../fonts/Roboto-Thin.ttf") format("truetype");
}
.navbar-brand{
    font-family: 'fontMedium';
    font-size: 18px;
    color: #1A91FF;
    text-transform: lowercase;
}
.navbar{
    border-bottom: 1px solid #e3e1e1;
}
.navbar .navbar-nav .nav-item .nav-link{
    font-family: 'fontMedium';
}
.navbar .navbar-nav .btn-primary{
    border-radius: 22px;
    background-color: #1A91FF;
    border-color: #1A91FF;
    color: white;
    border: 1px solid #1A91FF !important; 
    color: white;
   font-size: 16px;
    font-family: 'fontMedium';
    margin: 2px;
    width: 230px;
    padding: 12px;
    text-align: center;
    box-shadow: 1px 1px 12px #daccccdf;
}
.navbar .navbar-nav .btn-danger{
    border-radius: 22px;
    background-color: #EC2D41;
    border-color: #EC2D41;
    color: white;
    border: 1px solid #EC2D41 !important; 
    color: white;
   font-size: 16px;
    font-family: 'fontMedium';
    margin: 2px;
    width: 230px;
    padding: 12px;
    text-align: center;
    box-shadow: 1px 1px 12px #daccccdf;
}
.navbar .navbar-nav .btn-primary:hover{
    background-color: #1A91FF;
    border-color: #1A91FF;
    color: white;
    border: 1px solid #1A91FF !important;
    border-radius: 12px;
}
.navbar .navbar-nav .btn-danger:hover{
    background-color: #EC2D41;
    border-color: #EC2D41;
    color: white;
    border: 1px solid #EC2D41 !important;
    border-radius: 12px;
}
.navbar-toggler{
    border: 0px solid !important;
}
/*TAILLE TABLETTE PAYSAGE*/
@media (min-width: 769px) and (max-width: 960px) {
}
/*TAILLE SMALL TABLETTE*/
@media (min-width: 481px) 
and (max-width: 768px) {
}
/*TAILLE PHONE PAYSAGE*/
@media (min-width: 321px) 
and (max-width: 480px) {
}
/*TAILLE PHONE*/
@media (max-width: 320px) {
}