header{
    position: relative;
}

.ApContainer{
    display: flex;
    padding: 5vh 3vw;
    height: min-content;
}

.col{
    width: 33%;
}

.potosList a{
    font-size : 0.8 rem;
    transition : all 0.3s ease-out;
    cursor: default;
}

.potosList a[href^="http:"]:hover, .potosList a[href^="https:"]:hover{
    cursor: pointer;
    color: var(--rose);
    padding-left: 1vw;
}

.col{
    padding: 0 2vw;
}

h6{
    font-size : 1rem;
    padding-bottom: 1rem;;
}

.credit p{
    font-family: Millimetre;
    font-weight: 600;
    font-size: 0.8rem;;
}

.gasil{
    font-family: LK_Gasil;
}

.millimetre{
    font-family: Millimetre;
}

.dulya{
    font-family: Dulya;
    font-size: 1.5rem;;
}
.parcour{
    font-size: 0.8rem;
}
.parcour li{
    width: 100%;
}

.parcour span{
    padding-left:1rem;
}

.italic{
    font-family: Millimetre;
    font-weight: 400;

}

.confiance p{
    line-height: 130%;
    font-size: 1rem;
}

.fontcredit, .hebergement{
    padding: 1.2rem 0;
}

.credits h6{
    font-size: 0.8rem;
}

.fontcredit h6, .hebergement h6{
    padding-bottom: 0;
}

.confiance{
    padding-bottom: 1rem;
}

.smaller{
    font-size: 0.8rem;
    padding-top: 0.5rem;
}

@media(orientation:portrait){
    body{
        flex-direction: column;
    }
    .ApContainer{
        flex-direction: column;
    }

    .col{
        box-sizing: border-box;
        width: 100%;
    }

    li:last-of-type{
        padding: 0 0 5vh 0;
    }
}