.drapeaux{
    display:flex;
    width:100%;
    justify-content: center;
 }
.drapeaux div{
    margin:10px;
    justify-content: center;
    padding-left:135px;
}
.drapeaux img{
    width: 20%;
}
.one_line{
    display:flex;
    height:30px;
    align-items: center;
}
.one_line input{
    width:70px;
    margin-left:50px;

}

/* COMPETENCES */

.background_table{
    background-color: #e7e6e6;
}
.red{
    background-color: #ff0000;
}
.peu{
    background-color: #f4b084;
}
.millieu{
    background-color: #ffc000;
}
.vert1{
    background-color: #c6e0b4;
}
.vert2{
    background-color: #00b050;
}
.text_in_tab{
    width:100%;
}
.logo{
    width:200px;
}

/*SPINNER*/
.loader {
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 20px;
    color: #0099DA;
    vertical-align: middle;
    pointer-events: none;
    border: 2px solid transparent;
    border-top-color: currentcolor;
    border-radius: 50%;
    animation: .5s loader linear infinite;
    position: relative;
&:before {
     content: '';
     display: block;
     width: inherit;
     height: inherit;
     position: absolute;
     top: -3px;
     left: -3px;
     border: 3px solid currentcolor;
     border-radius: 50%;
     opacity: .2;
 }
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}