/*NAVIGATION*/
nav{
    z-index: 999;
}
nav ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

nav ul li {
    list-style-type: none;
    z-index: 999;
}

.projets nav ul li a {
    color: #000;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
}

img.logoProjet {
    width: 6vw;
    margin-right: 50px;
}


.projets h2{
    font-family: 'Montserrat Alternates', sans-serif;
}

.projets p{
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    text-align: justify;
}

.projets a.nav-link{
    font-family: 'Montserrat Alternates',sans-serif;
}

.projets a.nav-link:hover{
    color: #fff;
}

.scroll-slider {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    height: 100vh;
}

.scroll-wrapper {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    height: 90%;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.scroll-slide {
    -webkit-box-flex: 1;
    flex: 1 0 75vw;
    max-width: 75vw;
    height: 100%;
}

.item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
}
.item-container {
    position: relative;
}
.item-title {
    font-size: 4vw;
    font-weight: bold;
    line-height: 1;
}
@media (min-width: 40em) {
    .item-body {
        position: absolute;
        left: 100%;
        top: 50%;
        width: 50%;
        -webkit-transform: translate(-25%, -50%);
        transform: translate(-25%, -50%);
    }
}

.tag {
    margin-right: .5rem;
}
.tag > a {
    display: block;
    padding: .25rem .5rem;
    font-size: .75rem;
    text-transform: uppercase;
    background: rgba(176, 176, 176, 0.59);
    color: #000;
}

ul.nav.tags.fin{
    display: inline-block;
}
ul.nav.tags.fin li{
    margin-bottom: 10px;
    margin-top: 10px;
}



/*Version mobile*/
.modeMobile img.logoProjet {
    /* width: 19%; */
    width: 11vw;
    /* padding-left: 2em; */
}
.coteGauche img {
    z-index: 999;
    width: 80%;
    height: auto;
}

.coteGauche h2.item-title {
    margin-top: -15em;
    /* margin-bottom: 15em; */
    margin-left: 30vw;
}

.coteGauche p {
    margin-left: 30vw;
    margin-right: 5vw;
    text-align: justify;
}


.coteGauche ul.nav.tags {
    margin-bottom: 5em;
    margin-left: 30vw;
}


.coteDroite img {
    height: auto;
    width: 80%;
    /* margin: auto; */
    margin-left: 5.2em;
    z-index: 999;
}

.coteDroite h2.item-title {
    margin-top: -15em;
    margin-left: 5vw;
}

.coteDroite p {
    margin-left: 5vw;
    margin-right: 15vw;
    text-align: justify;
}

.coteDroite ul.nav.tags {
    margin-bottom: 5em;
    margin-left: 5vw;
}

ul#ecartplus {
    margin-bottom: 10em;
}


p.tag {
    display: block;
    background: rgba(255, 255, 255, 0.80);
   padding: 0.5em;
}



/*Media queries*/
@media screen and (min-width: 200px) and (max-width: 800px) {
    section.section-items.bg-white.text-black{
        display: none;
    }
}

@media screen and (min-width: 800px) {
    .modeMobile{
        display: none;
    }
}