html, body{
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    font-size: 20px;
    letter-spacing: 5%;
    font-family: 'Roboto', sans-serif !important;
    
}
/* navbar */
#navEnchere{
    background-color: #81C784 !important; 
  }



h2{
    font-size: 36px;
}

.labelForm{
    width: 250px !important;
    text-align: center;
    margin-bottom: 0 !important;
}

.items{
    margin-bottom: 30px !important;
    width: 520px !important;
    padding: 10px !important;
}

.form-control{
    width: 250px !important;   
}

.fileUpload{
    width: 520px;
    height: 70px;
    background-color: grey;
    cursor: pointer;
}

.bg-light{
    background-color: #ECF0F1 !important;
}

.btn-warning{
    background-color: #FF9800 !important;
}

form > h3{
    font-size: 24px;
}

.btnAjoutEnchere{
    letter-spacing: 5% !important;
    font-size: 18px;
    width: 220px;
    height: 50px;
}

/* carte */
.btnEncherir{
    
    font-weight: bold;
    text-transform: uppercase;
    width: 150px!important;
    height: 40px!important;
    color: white!important;
}

.duree {
    background: #FF9800;
    height: 9%;
    font-size: 1rem;
    color: white;
    border-top-left-radius: 4px !important;
    width: 45%!important;
}
/*  article ajouté */
.boutonDesactiver{
    width: 110px!important;
    padding: 0!important;
    color: white!important;
   
}
.boutonActiver{
    width: 110px!important;
    padding: 0!important;
    background-color: #81C784 !important;
    color: white!important;
    
}
.boutonModif{
    width: 110px!important;
    padding: 0!important;
    color: white!important;
  
}


/******** MEDIA QUERIES ********/

@media (max-width: 411px){

    h2{
        text-align: center;
        width: 100%;
    }

    form > button{
        margin-top: 30px;
    }

    form{
        width: 100% !important;
    }

    .items{
        flex-direction: column !important;
        margin-bottom: 30px !important;
        width: 100% !important;
        background: none !important;
        padding: 0 !important;
    }

    .form-control{
        width: 100% !important;
    }

    .labelForm{
       align-self: flex-start;
       width: 100% !important;
       padding: 0;
       margin: 0;
    }

    .fileUpload{
        width: 290px!important;
        height: 80px;
        background-color: grey;
    }

    .labelForm{
        text-align: left;
    }

    form > h3{
        font-size: 23px;
    }
    
}