#backgroundMentions{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100vh;
    width: 100vw;
    background-color: black;
}
#background-image-mentions{
    position: absolute;
    background-size: cover;
    opacity: 0.85;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-image: url("../../media/LandingAccueil.jpg");
    background-repeat: no-repeat;
}
.borderRadius{
    border-radius: 50%;
    background-color: #262626;
    height: 10vh;
    width: 110vw;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: -5vw;
    
}
.containerBorderRadius{
  position: relative;
  z-index: +1;
  width: 100vw;
  overflow-x: hidden;
  height: 100px;
  transform: translateY(-2.5vh);
  overflow-y: hidden;
}
#backgroundOther{
    min-height: calc(100vh - 165px);
    max-height: calc(100vh -  165px);
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 150px;
}
#backgroundOther .content{
    background-color: #141414;
    display: flex;
    align-items: center;
    justify-content: left;
    min-width:60%;
    max-width: 60%;
    min-height: 180px;
    max-height: 180px;
    z-index: 1;
    padding: 0 0 0 30px;
}
#backgroundOther p{
    color: #EFEFEF;
    text-transform: uppercase;
    font-size:3.125rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
#backgroundOther svg{
    height:150px;
}
#backgroundOther svg .st0{
    fill:#EFEEEE;
}
#backgroundOther svg .st1{
    background: linear-gradient(-154deg, #E6007C, #5C2582);
}
.main{
    padding: 5vh 3vw;
}
.mentionsContainer{
    background-color: #383838;
    border-radius: 8px;
    padding: 2vh 2vw;
}
.mentionsContainer p {
    font-family: 'Roboto', sans-serif;
    color: #EFEEEE;
    line-height: 3;
}
.mentionsContainer a{
    text-decoration: none;
    color:#EFEEEE
}
.mentionsContainer h1, .mentionsContainer h2, .mentionsContainer h3{
    color: #EFEEEE;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 25px 0px;
}
.mentionsContainer li{
    text-decoration: none;
    color:#EFEEEE;
    padding-left: 25px;
    font-family: 'Roboto', sans-serif;
    line-height: 3;
    display: flex;
    align-items: center;
    flex-direction: row;
}
.mentionsContainer li::before{
    content:"";
    display: flex;
    min-width: 10px ;
    max-width: 10px;
    min-height: 10px;
    max-height: 10px ;
    background-color: #E6007C;
    border-radius: 50%;
    margin-right: 15px;
}
@media screen and (max-width:1045px){
    #backgroundOther{
        min-height: calc(100vh - 180px);
        max-height: calc(100vh - 260px);
    }
}
@media screen and (max-width:1000px) {
    #backgroundOther .content p{
        font-size: 2.5rem;
    }
}
@media screen and (max-width:800px){
    #backgroundOther .content {
        min-width: 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #backgroundOther .content svg{
        margin: 0 10px;
    }
}