

.boutonDeConfigurations{

    display: flex;
    justify-content: space-between;   
    flex-direction: row;
    background-color: $color-7;
    margin-left: -1%;
    margin-right: 1%;
    
    
    a{

        transition: margin-right 2s,1s;
        transition: background-color linear 1s,1s;
        padding: 1%;
        margin-bottom: 1%;
        margin-top: 1%;
        margin-left: 3%;
        margin-right: 3%;
        width: 30%;
        min-width: 140px;
        background-color: $color-3;
        border: 2px solid $color-4;
        border-radius: 20px;
        text-align: center;
        height: px;
    }
    a:hover  {
        background-color: $color-6;
        padding-right:14%;
        color:$color-3;
    }

}

.configuration{
    input:focus{
        background-color:$color-3;
    }
    margin-left: 1%;
}

.ligneHorizontal{
    border-bottom: thick solid $color-1;
    width: 84%;
    height: 1%;
    margin-bottom: 2%;
    margin-top: 2%;
}

.buttonValidationChangements:hover{
    min-width: 100px;
    padding-right: 6%;
  
  
  }
  


// body{
//     background-color: gray;
// }


