/* ------------ Général ------------ */

* {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.04vw;
    color: #777;
    font-weight: lighter;
}

.sous-menu li a {
    outline: none;
    text-decoration: none;
}

.sous-menu li a h3 {
    font-family: 'Raleway', sans-serif;
    color: #fff;
    padding: 0.8% 0;
}

.sous-menu li a h3:hover {
    color: #c1b3b1;
}

.fp-tableCell {
    display: block;
}

p {
    font-size: 1.4vw;
}

p.hashtag-palaisdespapes,
p.hashtag-ladolcevita,
p.hashtag-teambuildingvalthorens,
p.hashtag-jecuisineavecunchef,
p.hashtag-laventurecestlaventure,
p.hashtag-ladouceurdevivre,
p.hashtag-reflechiraucalme,
p.hashtag-inviteschezchristiandior,
p.hashtag-influenceursetyoutubeurs,
p.hashtag-inaugurationamarseille,
p.hashtag-unairdeguinguette,
p.hashtag-cesoirondanse,
p.hashtag-ripaillesetfestoiement,
p.hashtag-gameofthrones,
p.hashtag-lenegrescosinonrien,
p.hashtag-lebonheur,
p.hashtag-bohemechic,
p.hashtag-ondiraitlesud,
p.hashtag-cestbeau,
p.hashtag-echoisismonambiance,
p.hashtag-petitscocons,
p.hashtag-lamerquonvoitdanser,
p.hashtag-seulaumonde,
p.hashtag-chaudetfroid {
    color: #fff;
    position: absolute;
    font-size: 2vw;
    text-shadow: 2px 2px 3px #000;
    margin: 0;
}

P.hashtag-palaisdespapes {
    top: 5%;
    right: 7%;
}

p.hashtag-ladolcevita {
    bottom: 3%;
    right: 10%;
}

p.hashtag-teambuildingvalthorens {
    bottom: 2%;
    left: 2%;
}

p.hashtag-jecuisineavecunchef {
    top: 4%;
    right: 4%;
}

p.hashtag-laventurecestlaventure {
    top: 4%;
    left: 8%;
}

p.hashtag-ladouceurdevivre {
    bottom: 2%;
    right: 4%;
}

p.hashtag-reflechiraucalme {
    bottom: 7%;
    right: 4%;
}

p.hashtag-inviteschezchristiandior {
    top: 1%;
    left: 2%;
}

p.hashtag-influenceursetyoutubeurs {
    bottom: 3%;
    right: 4%;
}

p.hashtag-inaugurationamarseille {
    top: 1%;
    left: 3%;
}

p.hashtag-unairdeguinguette {
    top: 3%;
    left: 5%;
}

p.hashtag-cesoirondanse {
    top: 6%;
    left: 3%;
}

p.hashtag-ripaillesetfestoiement {
    top: 3%;
    left: 3%;
}

p.hashtag-gameofthrones {
    bottom: 6%;
    right: 5%;
}

p.hashtag-lenegrescosinonrien {
    bottom: 3%;
    left: 4%;
}

p.hashtag-lebonheur {
    bottom: 2%;
    left: 7%;
}

p.hashtag-bohemechic {
    bottom: 6%;
    left: 29%;
}

p.hashtag-ondiraitlesud {
    top: 2%;
    left: 6%;
}

p.hashtag-cestbeau {
    top: 3%;
    left: 4%;
}

p.hashtag-echoisismonambiance {
    top: 5%;
    left: 2%;
}

p.hashtag-petitscocons {
    top: 2%;
    left: 3%;
}

p.hashtag-lamerquonvoitdanser {
    top: 2%;
    left: 3%;
}

p.hashtag-seulaumonde {
    top: 2%;
    left: 4%;
}

p.hashtag-chaudetfroid {
    top: 2%;
    left: 2%;
}

h1,
h2,
h3 {
    font-family: 'Lora', serif;
    font-weight: 400;
    color: #000
}

h2 {
    text-transform: uppercase;
}

.main-container {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-align-content: stretch;
    align-content: stretch;
}

.navi {
    display: block;
    width: 100%;
    height: 10%;
}

.white {
    padding: 2%;
    position: relative;
    width: 100%;
    height: 90%;
}

.clearfix {
    position: fixed;
    z-index: 1;
    background: #fff;
    width: 100%;
}

.title {
    background: rgba(155, 155, 155, 0.4);
    border: none;
    display: inline-block;
    padding: 1vw 5vw;
    margin: 0 auto;
    color: #fff;
}

.title h2 {
    color: #fff;
    font-size: 2.3vw;
}

.center-h-v {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: justify;
}

.sous-menu li {
    list-style: none;
}

.sous-menu {
    margin: 9% 0 0 0;
    padding: 0;
}

.sous-menu a {
    color: #fff;
    font-size: 2vw;
}

.sous-menu a h3 {
    font-weight: lighter;
    margin: 1% 0;
}

.sous-menu a:hover {
    color: #bbb;
    cursor: pointer;
}

.text-center {
    text-align: center;
}

.sub-title {
    text-align: center;
    font-size: 2.6vw;
    margin: 0;
    margin-bottom: 8%;
    font-weight: 400;
    line-height: 2.6vw;
    display: flex;
}

.sub-title:before,
.sub-title:after {
    color: white;
    content: '';
    flex: 1;
    border-bottom: 1.3px solid #c1d766;
    margin: auto 0.6vw;
    box-shadow: 0 -1px;
    /* ou 0 1px si border-style:ridge */
}

p.quotes {
    font-family: 'Playfair Display', serif;
    color: #c1d766;
    font-size: 7vw;
    text-align: center;
    margin: 4%;
    height: 4.6vw;
    line-height: 7vw;
}

/* ------------ Evenements ------------ */

.evenements-titre {
    background: url('../images/evenements/evenements1.jpg') center;
    background-size: cover;
    width: 100%;
}

.conventions-titre {
    background: url('../images/evenements/conventions1.jpg') center;
    background-size: cover;
    width: 100%;
}

.incentives-titre {
    background: url('../images/evenements/incentives1.jpg') bottom;
    background-size: cover;
    width: 100%;
}

.comite-titre {
    background: url('../images/evenements/comite-de-direction1.jpg') center;
    background-size: cover;
    width: 100%;
}

.produit-titre {
    background: url('../images/evenements/lancement-de-produit1.jpg') center;
    background-size: cover;
    width: 100%;
}

.evenements-texte {
    background-color: #f5f5f5;
    -webkit-flex: 40%;
    flex: 40%;
    position: relative;
    padding: 4.3vw;
}

.evenements-presentation {
    background: url('../images/evenements/evenements2.jpg') center;
    background-size: cover;
    -webkit-flex: 60%;
    flex: 60%;
    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: 30%;
    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: 40%;
    position: relative;
}

.box-contain {
    -webkit-flex: 1;
    flex: 1;
    position: relative;
}

.incentives-photos1 {
    background: url('../images/evenements/incentives2.jpg') bottom;
    background-size: cover;
    -webkit-flex: 70%;
    flex: 70%;
    position: relative;
}

.incentives-texte {
    background-color: #f5f5f5;
    -webkit-flex: 30%;
    flex: 30%;
    position: relative;
    padding: 4.3vw;
}

.incentives-photos-top1 {
    position: absolute;
    display: block;
    width: 100%;
    height: 35%;
    top: 0
}

.incentives-photos2 {
    background: url('../images/evenements/incentives3.jpg') bottom;
    background-size: cover;
    width: 100%;
    position: relative;
    float: left;
    height: 100%;
}

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

.incentives-photos3 {
    background: url('../images/evenements/incentives4.jpg') bottom;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 25%;
}

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

.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 {
    background: url('../images/evenements/incentives10.jpg') right;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 40%;
}

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

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

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

.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;
    margin: 0 1%;
}

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

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

.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;
}

.comite-photos5 {
    background: url('../images/evenements/comite-de-direction6.jpg') bottom;
    background-size: cover;
    position: absolute;
    display: block;
    width: 100%;
    height: 48.7%;
    top: 0;
}

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

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

.comite-photos7 {
    background: url('../images/evenements/comite-de-direction8.jpg') top;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 40.5%;
}

.comite-photos8 {
    background: url('../images/evenements/comite-de-direction9.jpg') center;
    background-size: cover;
    width: 40%;
    margin-left: 1.5%;
}

.produit-photo1 {
    background: url('../images/evenements/lancement-de-produit2.jpg') left;
    background-size: cover;
    -webkit-flex: 23%;
    flex: 23%;
    position: relative;
}

.produit-text {
    background: #f5f5f5;
    -webkit-flex: 18%;
    flex: 18%;
    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: 15%;
    flex: 15%;
    position: relative;
}

.produit-photos3 {
    background: url('../images/evenements/lancement-de-produit4.jpg') center;
    background-size: cover;
    width: 40%;
    margin-right: 1.5%;
}

.produit-photos4 {
    background: url('../images/evenements/lancement-de-produit5.jpg') center;
    background-size: cover;
    position: absolute;
    display: block;
    width: 100%;
    height: 48.7%;
}

.produit-photos5 {
    background: url('../images/evenements/lancement-de-produit6.jpg') center;
    background-size: cover;
    position: absolute;
    display: block;
    width: 100%;
    height: 48.7%;
    bottom: 0;
}

.produit-photos-top {
    position: absolute;
    display: block;
    width: 100%;
    height: 40.7%;
    top: 0
}

.produit-photos6 {
    background: url('../images/evenements/lancement-de-produit7.jpg') top;
    background-size: cover;
    width: 44.5%;
    position: relative;
    float: left;
    height: 100%;
    margin-right: 1.5%;
}

.produit-photos7 {
    background: url('../images/evenements/lancement-de-produit9.jpg') center;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 54%;
}

.produit-photos-bottom {
    position: absolute;
    display: block;
    width: 100%;
    height: 56.7%;
    bottom: 0;
}

.produit-photos8 {
    background: url('../images/evenements/lancement-de-produit10.jpg') center;
    background-size: cover;
    position: relative;
    float: left;
    margin-right: 1.5%;
    height: 100%;
    width: 21.5%;
}

.produit-photos9 {
    background: url('../images/evenements/lancement-de-produit8.jpg') top;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 54%;
}

.produit-photos10 {
    background: url('../images/evenements/lancement-de-produit11.jpg') center;
    background-size: cover;
    position: relative;
    float: right;
    height: 100%;
    width: 21.5%;
}

/*
.produit-contain {
    margin-right: 1.5%;
    flex: 1;
}
.produit-photos6 {
    background: url('../images/evenements/lancement-de-produit7.jpg') center;
    background-size: cover;
    height: 40.7%;
    width: 100%;
}
.produit-photos-bottom2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 56.7%;
    bottom: 0;
}
.produit-photos7 {
    background: url('../images/evenements/lancement-de-produit8.jpg') top;
    background-size: cover;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0;
}
.produit-photos8 {
    background: url('../images/evenements/lancement-de-produit9.jpg') center;
    background-size: cover;
    height: 40.7%;
    width: 100%;
}
.produit-photos-bottom3 {
    position: absolute;
    display: block;
    width: 100%;
    height: 56.7%;
    bottom: 0;
}
.produit-photos9 {
    background: url('../images/evenements/lancement-de-produit10.jpg') center;
    background-size: cover;
    width: 48.5%;
    position: relative;
    float: left;
    height: 100%;
}
.produit-photos10 {
    background: url('../images/evenements/lancement-de-produit11.jpg') center;
    background-size: cover;
    position: relative;
    float: right;
    height: 100%;
    width: 48.5%;
}
*/

/* ------------ Gala ------------ */

.gala-titre {
    background: url('../images/gala/gala1.jpg') top;
    background-size: cover;
    width: 100%;
}

.gala-presentation {
    background: url('../images/gala/gala2.jpg') center;
    background-size: cover;
    -webkit-flex: 1;
    flex: 1;
    position: relative;
}

.gala-texte {
    background-color: #f5f5f5;
    position: absolute;
    z-index: 999;
    left: 10%;
    width: 35%;
    padding: 1.3vw 4vw;
}

.soirees-titre {
    background: url('../images/gala/soirees1.jpg') center;
    background-size: cover;
    width: 100%;
}

.historique-titre {
    background: url('../images/gala/historique1.jpg') center;
    background-size: cover;
    width: 100%;
}

.mariage-titre {
    background: url('../images/gala/mariages1.jpg') center;
    background-size: cover;
    width: 100%;
}

.lieux-dexception-titre {
    background: url('../images/gala/lieux-dexception1.jpg') center;
    background-size: cover;
    width: 100%;
}

.soirees-photos1 {
    background: url('../images/gala/soirees2.jpg') center;
    background-size: cover;
    -webkit-flex: 63%;
    flex: 63%;
    position: relative;
}

.soirees-texte {
    background-color: #f5f5f5;
    -webkit-flex: 37%;
    flex: 37%;
    position: relative;
    padding: 4.3vw;
}

.soirees-photos3 {
    background: url('../images/gala/soirees3.jpg') center;
    background-size: cover;
    width: 40%;
    margin-right: 1.5%;
}

.soirees-photos-top {
    position: absolute;
    display: block;
    width: 100%;
    height: 38.7%;
}

.soirees-photos4 {
    background: url('../images/gala/soirees4.jpg') center;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 49.5%;
}

.soirees-photos5 {
    background: url('../images/gala/soirees5.jpg') center;
    background-size: cover;
    width: 48.5%;
    position: relative;
    float: right;
    height: 100%;
}

.soirees-photos6 {
    background: url('../images/gala/soirees6.jpg') center;
    background-size: cover;
    position: absolute;
    display: block;
    width: 100%;
    height: 58.7%;
    bottom: 0;
}

.historique-photos1 {
    background: url('../images/gala/historique2.jpg') left;
    background-size: cover;
    -webkit-flex: 60%;
    flex: 60%;
    position: relative;
}

.historique-texte {
    background-color: #f5f5f5;
    -webkit-flex: 40%;
    flex: 40%;
    position: relative;
    padding: 4.3vw;
}

/*
.historique-presentation {
    background: url('../images/gala/historique2.jpg') center;
    background-size: cover;
    -webkit-flex: 1;
    flex: 1;
    position: relative;
}
.historique-texte {
    background-color: #f5f5f5;
    position: absolute;
    z-index: 999;
    right: 10%;
    width: 30%;
    padding: 3vw 4vw;
}
*/

.historique-photos2 {
    background: url('../images/gala/historique3.jpg') center;
    background-size: cover;
    position: absolute;
    display: block;
    width: 100%;
    height: 42.7%;
    top: 0;
}

.historique-photos-bottom {
    position: absolute;
    display: block;
    width: 100%;
    height: 54.7%;
    bottom: 0;
}

.historique-photos3 {
    background: url('../images/gala/historique4.jpg') center;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 32.33%;
    margin-right: 1.5%;
}

.historique-photos4 {
    background: url('../images/gala/historique5.jpg') center;
    background-size: cover;
    width: 32.33%;
    position: relative;
    float: left;
    height: 100%;
}

.historique-photos5 {
    background: url('../images/gala/historique6.jpg') center;
    background-size: cover;
    width: 32.33%;
    position: relative;
    float: right;
    height: 100%;
}

.historique-photos6 {
    background: url('../images/gala/historique7.jpg') bottom;
    background-size: cover;
    width: 35%;
    margin-left: 1.5%;
}

.mariage-photos1 {
    background: url('../images/gala/mariages2.jpg') right;
    background-size: cover;
    -webkit-flex: 52%;
    flex: 52%;
    position: relative;
}

.mariage-texte {
    background-color: #f5f5f5;
    -webkit-flex: 48%;
    flex: 48%;
    position: relative;
    padding: 4.3vw;
}

.mariage-photo2 {
    background: url('../images/gala/mariages3.jpg') center;
    background-size: cover;
    -webkit-flex: 33%;
    flex: 33%;
    position: relative;
    margin-right: 1%;
}

.mariage-photo3 {
    background: url('../images/gala/mariages4.jpg') center;
    background-size: cover;
    -webkit-flex: 33%%;
    flex: 33%;
    position: relative;
    margin-right: 1%;
}

.mariage-photo4 {
    background: url('../images/gala/mariages5.jpg') center;
    background-size: cover;
    -webkit-flex: 33%;
    flex: 33%;
    position: relative;
}

.mariage-photo5 {
    background: url('../images/gala/mariages6.jpg') center;
    background-size: cover;
    -webkit-flex: 65%;
    flex: 65%;
    position: relative;
    margin-right: 1%;
}

.mariage-photo6 {
    background: url('../images/gala/mariages7.jpg') center;
    background-size: cover;
    -webkit-flex: 35%%;
    flex: 35%;
    position: relative;
}

.mariage-photos7 {
    background: url('../images/gala/mariages8.jpg') center;
    background-size: cover;
    width: 24%;
    margin-right: 1.5%;
}

.mariage-photos8 {
    background: url('../images/gala/mariages9.jpg') center;
    background-size: cover;
    width: 56%;
    margin-right: 1.5%;
}

.mariage-photos9 {
    background: url('../images/gala/mariages10.jpg') center;
    background-size: cover;
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    height: 37.7%;
}

.mariage-photos10 {
    background: url('../images/gala/mariages11.jpg') bottom;
    background-size: cover;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 59.7%;
}

.lieux-photo1 {
    background: url('../images/gala/lieux-dexception2.jpg') center;
    background-size: cover;
    -webkit-flex: 1.6;
    flex: 1.6;
    position: relative;
}

.lieux-presentation {
    background: #f5f5f5;
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    z-index: 999;
}

.lieux-texte {
    z-index: 999;
    width: 100%;
    padding: 4.3vw;
}

.lieux-photos-top {
    position: absolute;
    display: block;
    width: 100%;
    height: 48.7%;
    top: 0
}

.lieux-photos2 {
    background: url('../images/gala/lieux-dexception3.jpg') center;
    background-size: cover;
    width: 49.25%;
    position: relative;
    float: left;
    height: 100%;
}

.lieux-photos3 {
    background: url('../images/gala/lieux-dexception7.jpg') center;
    background-size: cover;
    position: relative;
    float: right;
    height: 100%;
    width: 49.25%;
}

.lieux-photos-bottom {
    position: absolute;
    display: block;
    width: 100%;
    height: 48.7%;
    bottom: 0;
}

.lieux-photos4 {
    background: url('../images/gala/lieux-dexception4.jpg') center;
    background-size: cover;
    width: 32%;
    position: relative;
    float: left;
    height: 100%;
    margin-right: 1.5%;
}

.lieux-photos5 {
    background: url('../images/gala/lieux-dexception5.jpg') top;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 33%;
}

.lieux-photos6 {
    background: url('../images/gala/lieux-dexception6.jpg') center;
    background-size: cover;
    position: relative;
    float: right;
    height: 100%;
    width: 32%;
}

/* ------------ Destination ------------ */

.destinations-titre {
    background: url('../images/destinations/destinations1.jpg') center;
    background-size: cover;
    width: 100%;
}

.destinations-photo1 {
    background: url('../images/destinations/destinations2.jpg') center;
    background-size: cover;
    -webkit-flex: 2;
    flex: 2;
    position: relative;
}

.destinations-presentation {
    background: #f5f5f5;
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    z-index: 999;
}

.destinations-texte {
    z-index: 999;
    width: 100%;
    padding: 4.3vw;
}

.riviera-titre {
    background: url('../images/destinations/riviera1.jpg') center;
    background-size: cover;
    width: 100%;
}

.france-titre {
    background: url('../images/destinations/france1.jpg') center;
    background-size: cover;
    width: 100%;
}

.monde-titre {
    background: url('../images/destinations/monde1.jpg') center;
    background-size: cover;
    width: 100%;
}

.paradis-titre {
    background: url('../images/destinations/paradis1.jpg') center;
    background-size: cover;
    width: 100%;
}

.riviera-photos-top1 {
    position: absolute;
    display: block;
    width: 100%;
    height: 35%;
    top: 0
}

.riviera-photos2 {
    background: url('../images/destinations/riviera2.jpg') center;
    background-size: cover;
    width: 100%;
    position: relative;
    float: left;
    height: 100%;
}

.riviera-photos-bottom1 {
    position: absolute;
    display: block;
    width: 100%;
    height: 62.4%;
    bottom: 0;
}

.riviera-photos3 {
    background: url('../images/destinations/riviera3.jpg') center;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 37.5%;
}

.riviera-photos4 {
    background: url('../images/destinations/riviera4.jpg') center;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 37.5%;
    margin-left: 1.5%;
}

.riviera-photos5 {
    background: url('../images/destinations/riviera5.jpg') center;
    background-size: cover;
    position: relative;
    float: right;
    height: 100%;
    width: 22%;
}

.france-photos-top {
    position: absolute;
    display: block;
    width: 100%;
    height: 48.7%;
    top: 0
}

.france-photos2 {
    background: url('../images/destinations/france2.jpg') center;
    background-size: cover;
    width: 14%;
    position: relative;
    float: left;
    height: 100%;
    margin-right: 1.5%;
}

.france-photos3 {
    background: url('../images/destinations/france3.jpg') center;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 64%;
}

.france-photos4 {
    background: url('../images/destinations/france4.jpg') center;
    background-size: cover;
    position: relative;
    float: right;
    height: 100%;
    width: 34.5%;
}

.france-photos-bottom {
    position: absolute;
    display: block;
    width: 100%;
    height: 48.7%;
    bottom: 0;
}

.france-photos5 {
    background: url('../images/destinations/france5.jpg') center;
    background-size: cover;
    width: 60.5%;
    position: relative;
    float: right;
    height: 100%;
}

.france-photos6 {
    background: url('../images/destinations/france6.jpg') center;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 38%;
}

.monde-photos-top {
    position: absolute;
    display: block;
    width: 100%;
    height: 48.7%;
    top: 0
}

.monde-photos1 {
    background: url('../images/destinations/monde2.jpg') center;
    background-size: cover;
    width: 49.25%;
    position: relative;
    float: left;
    height: 100%;
    margin-right: 1.5%;
}

.monde-photos2 {
    background: url('../images/destinations/monde3.jpg') center;
    background-size: cover;
    position: relative;
    float: left;
    height: 100%;
    width: 49.25%;
}

.monde-photos-bottom {
    position: absolute;
    display: block;
    width: 100%;
    height: 48.7%;
    bottom: 0;
}

.monde-photos3 {
    background: url('../images/destinations/monde4.jpg') center;
    background-size: cover;
    width: 49.25%;
    position: relative;
    float: left;
    height: 100%;
}

.monde-photos4 {
    background: url('../images/destinations/monde5.jpg') center;
    background-size: cover;
    position: relative;
    float: right;
    height: 100%;
    width: 49.25%;
}

.monde-photos5 {
    background: url('../images/destinations/monde6.jpg') center;
    background-size: cover;
    -webkit-flex: 30%;
    flex: 30%;
    position: relative;
}

.monde-photos6 {
    background: url('../images/destinations/monde7.jpg') center;
    background-size: cover;
    -webkit-flex: 70%;
    flex: 70%;
    position: relative;
    margin-left: 1.5%;
}

.paradis-photos1 {
    background: url('../images/destinations/paradis2.jpg') center;
    background-size: cover;
    -webkit-flex: 65%;
    flex: 65%;
    position: relative;
}

.paradis-photos2 {
    background: url('../images/destinations/paradis3.jpg') center;
    background-size: cover;
    -webkit-flex: 35%;
    flex: 35%;
    position: relative;
    margin-left: 1.5%;
}

.paradis-photos3 {
    background: url('../images/destinations/paradis4.jpg') center;
    background-size: cover;
    -webkit-flex: 35%;
    flex: 35%;
    position: relative;
}

.paradis-photos4 {
    background: url('../images/destinations/paradis5.jpg') center;
    background-size: cover;
    -webkit-flex: 65%;
    flex: 65%;
    position: relative;
    margin-left: 1.5%;
}