@media screen and (max-width: 800px) {
    p {
        font-size: 2.5vw;
    }
    .title h2 {
        font-size: 4.3vw;
    }
    .sous-menu a {
        font-size: 3vw;
    }
    .sub-title {
        font-size: 3.3vw;
        line-height: 3.3vw;
    }
    
    
    .evenements-texte {
    background-color: #f5f5f5;
    -webkit-flex: 40%;
    flex: 60%;
    position: relative;
    padding: 4.3vw;
}

.evenements-presentation {
    background: url('../images/evenements/evenements2.jpg') center;
    background-size: cover;
    -webkit-flex: 60%;
    flex: 35%;
    position: relative;
}
    
.conventions-presentation {
    background: url('../images/evenements/conventions2.jpg') bottom;
    background-size: cover;
    -webkit-flex: 30%;
    flex: 30%;
    position: relative;
}

.conventions-text {
    background: #f5f5f5;
    -webkit-flex: 30%;
    flex: 40%;
    position: relative;
}

.conventions-texte {
    position: absolute;
    height: 100%;
    padding: 4.3vw;
    width: 100%;
    z-index: 999;
}

.conventions-presentation2 {
    background: url('../images/evenements/conventions3.jpg') bottom;
    background-size: cover;
    -webkit-flex: 40%;
    flex: 35%;
    position: relative;
}
    
    
.incentives-photos1 {
    background: url('../images/evenements/incentives2.jpg') bottom;
    background-size: cover;
    -webkit-flex: 60%;
    flex: 60%;
    position: relative;
}

.incentives-texte {
    background-color: #f5f5f5;
    -webkit-flex: 40%;
    flex: 40%;
    position: relative;
    padding: 4.3vw;
}
    .incentives-photos-bottom1 {
    position: absolute;
    display: block;
    width: 100%;
    height: 62.4%;
    bottom: 0;
}

.incentives-photos3 {
    width: 50%;
}

.incentives-photos4 {

    width: 0%;
}

.incentives-photos5 {
    background: url('../images/evenements/incentives6.jpg') bottom;
    background-size: cover;
    position: relative;
    float: right;
    height: 100%;
    width: 47%;
}
    
    
    
    .incentives-photos-top2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 44%;
    top: 0
}

.incentives-photos6 {
    background: url('../images/evenements/incentives7.jpg') right;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 32.33%;
}

.incentives-photos7 {
    background: url('../images/evenements/incentives8.jpg') center;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 32.33%;
    margin-left: 1.5%;
}

.incentives-photos8 {
    background: url('../images/evenements/incentives9.jpg') bottom;
    background-size: cover;
    position: relative;
    float: right;
    height: 100%;
    width: 32.33%;
}

.incentives-photos-bottom2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 53.4%;
    bottom: 0;
}

.incentives-photos9 {
    width: 50%;
}

.incentives-photos10 {
 
    width: 0%;
}

.incentives-photos11 {
    background: url('../images/evenements/incentives12.jpg') bottom;
    width: 47%;
}

    
    
    
    
.comite-part1 {
    -webkit-flex: 0.6;
    flex: 0.6;
}

.comite-photos-top1 {
    position: absolute;
    display: block;
    width: 100%;
    height: 66.7%;
}

.comite-photos1 {
    background: url('../images/evenements/comite-de-direction2.jpg') bottom;
    background-size: cover;
    position: relative;
    float: right;
    height: 100%;
    width: 100%;
}

.comite-photos2 {
    background: url('../images/evenements/comite-de-direction3.jpg') center;
    background-size: cover;
    position: absolute;
    display: block;
    width: 100%;
    height: 30.7%;
    bottom: 0;
}

.comite-text {
    background: #f5f5f5;
    position: relative;
}

.comite-texte {
    position: absolute;
    height: 100%;
    padding: 4.3vw;
    width: 100%;
    z-index: 999;
}

.comite-part3 {
    -webkit-flex: 0.6;
    flex: 0.6;
}

.comite-photos-top2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 48.7%;
}

.comite-photos3 {
    background: url('../images/evenements/comite-de-direction4.jpg') center;
    background-size: cover;
    position: relative;
    float: right;
    height: 100%;
    width: 100%;
}

.comite-photos4 {
    background: url('../images/evenements/comite-de-direction5.jpg') center;
    background-size: cover;
    position: absolute;
    display: block;
    width: 100%;
    height: 48.7%;
    bottom: 0;
}
    
    
    .produit-photo1 {
    background: url('../images/evenements/lancement-de-produit2.jpg') left;
    background-size: cover;
    -webkit-flex: 21%;
    flex: 21%;
    position: relative;
}
    
.produit-text {
    background: #f5f5f5;
    -webkit-flex: 22%;
    flex: 22%;
    position: relative;
}

.produit-texte {
    position: absolute;
    height: 100%;
    padding: 4.3vw;
    width: 100%;
    z-index: 999;
}

.produit-right {
    background: url('../images/evenements/lancement-de-produit3.jpg') bottom;
    background-size: cover;
    -webkit-flex: 13%;
    flex: 13%;
    position: relative;
}

    
    
    
    
    
    
}