/** CSS des mentions légales et de la page privacy | mention.css **/
/** All screen **/
/** All **/

.mainContener {
    height: 90vh;
    width: 90vw;
    margin: 5vh 5vw;
}

.mainContener h1  {
    width: 100%;
    font-size: 4em;
    font-family: "Nexa-Black", sans-serif;
}

.mentionContentItems    {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

.wrapItems  {flex-wrap: wrap; justify-content: space-between;}

.privacyItemLeft    {
    margin: 0;
    height: 80%;
    width: 58%;
}

.privacyItemRight   {
    margin: 0;
    height: 80%;
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end
}

.dataList   {
    width: 100%;
    border-radius: 15px;
    background-color: #3E3F3F;
    padding: 2% 4%;
}

#PrivacyIcon    {
    height: 15vh;
    margin-bottom: 40%;
}

.dataList ul li, h2 {color: #E8E8E8;}

.dataList h2, ul    {
    margin: 3% 5%;
}

.dataList h2    {
    font-size: 1.7em;
    font-family: "Nexa-Black", sans-serif;
}

.dataList ul li {
    font-size: 1em; 
    font-family: "Nexa-Regular", sans-serif;
    list-style: circle;
    margin-bottom: 1%;
}

.mentionContentItems p  {
    font-size: 1em; 
    line-height: 1.6;
    font-family: "Nexa-Regular", sans-serif;
    margin: 5vh 0 3vh 0;
}

.mentionContentItems h3 {
    font-size: 2em;
    margin-bottom: 0vh;
    margin-top: 5vh;
    font-family: "Nexa-Black", sans-serif;
}

.mentionItemLeft    {
    margin: 3vh 3vw 0 0;
    width: 70%;
}

.mentionItemRight  {
    margin: 3vh 0 0 3vw;
    width: 30%;
}

.mentionItemRight p {
        margin: 2vh 0 0 0;
}

/*Version mobile*/
@media screen and (max-width: 720px) and (min-width: 320px) {
    
    .MentionContent {
        height: 200vh;
    }
    
    .mainContener {
        height: 200vh;
    }
    
    .mainContener h1    {
        font-size: 2em;
    }
    
    .wrapItems  {
        flex-wrap: nowrap;
    }
    
    .privacyItemLeft    {
        width: 100%;
        height: 40%;
    }

    .privacyItemRight   {
        width: 100%;
        height: 15%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
    
    .dataList   {
        width: 90%;
    }
    
    .mentionContentItems    {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    
    .mentionItemLeft    {
        border: 1px solid red;
        width: 90%;
        margin: 0;
    }
    
    .mentionItemRight   {
        width: 90%;
        margin: 0;
        border: 1px solid red;
    }
    
    .mentionContentItems h3 {
            margin-top: 2vh;
    }
}
/**Version mobile paysage**/

@media (orientation: landscape) and (max-device-width : 812px) {
    
    .MentionContent h1  {
        margin-top: 10vh;
    }
    
    .mainContener   {
        height: 200vh;
    }
    .MentionContent {
        height: 200vh;
    }  
}
/* Version 3
By l-ct.fr
0x b0 29 12 52 e0 cb 0c b3 0f 1c*/