.nousGlobal {
    width: 80%;
    margin: 0 auto;
}

.nousGlobal .primaryButton {
    padding: 6% 4%;
    width: 100%;
}

.nousGlobal h4 {
    display: none;
}

.crabeHaut {
    padding: 9% 0%;
}

.prezNous {
    vertical-align: top;
}

.revolCrabe {
    width: 120%;
}

.prezNous p {
    width: 100%;
    margin-top: 2%;
}

.prezNous button {
    margin-top: 3%;
}


.innov {
    width: 27%;
}

.turfu {
    background-color: #68EABA;
    color: #fff;
    margin-top: 13%;
    margin-bottom: 10%;
    padding: 8% 0%;
}

.turfu h2 {
    text-transform: inherit;
    font-size: 30px;
    margin-bottom: 4%;
}

.turfuROW {
    width: 80%;
    margin: auto;
    padding-top: 3%;
    padding-bottom: 2%;
}

.teamContainer {
    margin-top: 3%;
    margin-bottom: 3%;
}

.team {
    background-color: #68EABA;
    border-style: solid;
    border-color: #fff;
    border-width: 3px;
    margin: 0;


}

.last {
    margin-bottom: 8%;
}

/* ### QUI SOMMES-NOUS ? ### */

.rollthumb {
    display: none;
    padding: 9% 8%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000 0 0 repeat;
    border: 12px solid #000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    opacity: .9;
    z-index: 1
}

.name,
.poste,
.nfo {
    display: block;
    text-align: center
}

.name {
    font-family: 'Lily Script One', 'Open Sans Condensed', arial, sans-serif;
    color: #68EABA;
    font-weight: 300;
    font-size: 30px;
}

.nfo {
    margin: 0 auto;
    font-family: 'Lily Script One', 'Open Sans Condensed', arial, sans-serif;
    color: #fff;
    font-size: 4vw;
    margin-top: 15%;
}

.poste {
    font-family: 'Open Sans', arial, sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 15px;
    line-height: 19px;
}

.team:hover .rollthumb {
    display: block;
}

.Join {
    display: block;
    padding: 25% 8%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    opacity: .9;
    z-index: 1
}

.Join .nfo {
    font-size: 40px;
}

.frise {
    display: none;
}

.friseIntern {
    text-align: center;
    padding: 5%;
}


.dates img {
    width: 80%;

}

.dates {
    text-align: center;

}


@media only screen and (min-width : 768px) {


    .tooBig {
        font-size: 36pt;
    }

    .prezNous p {
        width: 85%;
        margin-top: 2%;
    }

    .nousGlobal .primaryButton {
        padding: 2% 6%;
        width: auto;
    }

    .turfu {

        margin-top: 5%;
        margin-bottom: 3%;
        padding: 0% 0%;
    }

    .turfu h2 {
        font-size: 55px;
        margin-bottom: 0;
    }

    .innov {
        width: 27%;
    }


    .frise {
        display: block;
        margin-top: 3%;
        background-image: url(../Images/Qui-Sommes-Nous/frise.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        padding-bottom: 7%;
    }

    .nousGlobal h4 {
        display: block;
    }

    .last {
        margin-bottom: 0%;
    }

    .nfo {
        font-size: 1vw;
    }

}




@media (min-width : 450px) and (max-width:768px) {




    .nousGlobal .primaryButton {
        padding: 6% 15%;

    }
}


@media (min-width : 600px) and (max-width:768px) {




    .nousGlobal .primaryButton {
        padding: 5% 24%;

    }

}


@media (min-width : 740px) and (max-width:768px) {




    .nousGlobal .primaryButton {
        padding: 4% 29%;

    }

}


@media (min-width : 768px) and (max-width:1090px) {


    html body .nousGlobal .magicCrabe {
        display: none !important;
    }

    .prezNous {
        width: 100%;
        display: block;
        max-width: none;
        flex: none;


    }

    .RespCrabe {
        background-image: url(/assets/Images/Qui-Sommes-Nous/crabeTrans.svg);
        background-size: 55%;
        background-repeat: no-repeat;
        background-position-x: 117%;
    }


    .turfu {
        margin-top: 5%;

    }

    .turfuimg img {
        width: 180%
    }



}

@media (min-width : 768px) and (max-width:820px) {



    .RespCrabe {
        background-image: url("/assets/Images/Qui-Sommes-Nous/crabeTrans.svg");
        background-size: 74%;
        background-repeat: no-repeat;
        background-position-x: 143%;
    }


}


@media (min-width : 1400px) {

    .team {
        width: 25%;
        display: block;
        max-width: none;
        flex: none;
    }
}