img{
    width: 150px;
    height: 150px;
}
body{
    --col-dark: #274b6d;   
}
*{
    box-sizing: border-box;
}
main{
    display: inline-flex;
    justify-content: center;
    
}
main section{
    width: 100%;
    position: relative;
}
i{
    color: rgb(160, 156, 156);
}
i h3{
    margin: 10px;
}
img.icone.icone-langue{
    margin-right: 7px;
}
aside > a{
    display: flex;
    align-items: center;
}
a h3{
    color: #FFF;
}
img.icone{
    width: 20px;
    color: #FFF;
}
aside a h3{
    color: rgba(255, 255, 255, .5);
}
aside a img.icone{
    opacity: .5;
}
a.active h3{
    color: rgb(255, 255, 255);
}
a.active img.icone{
    opacity: 1;
}
.strong{
    font-weight: var(--col-dark);
    font-size:30px;
    color: black;
}
@media (max-width: 500px){
    main{
        border: right 50px;;
        width: 50;
    }
    .img-profil{
        display: none;
    }
}
div.language-container{
    position: absolute;
    top: 2px;
    right: 3px;
    display: flex;
    align-items: center;
}
main section{
    padding: 40px;
}
    aside{
        flex-shrink: 0;
        min-height: 150vh;
        width: 400px;
        padding: .4rem 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: var(--col-dark);
    }
    aside > a{
        width: calc(100% - 70px);
        justify-content: flex-start;
    }.img-profil{
        width: 140px;
        border: 0px;
        border-radius: 100%;
    }
a {
    text-decoration: none;
}
hr{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    
}