/*----------------------------------------------------------------------------------------------------------------------*\
																										      reset css
\*----------------------------------------------------------------------------------------------------------------------*/
html, body, nav, header, footer, section, article, div, span, p,
a, img,
ol, ul, li,
table, tbody, tfoot, thead, tr, th, td,
form, label, input, textarea, select {
    margin: 0;
    padding: 0;
    border: 0;
    /*line-height: 100%;*/
    /*font: inherit;*/
    /*font-size: 100%;*/
}
ol, ul {
    list-style: none;
}
input, textarea, select, button {
    box-sizing: border-box;
    appearance: none;
    border-radius: 0;
    outline: none;
    border: none;
    background: none;
}
input:focus,
textarea:focus,
button:focus {
    outline: none;
}
input[type="submit"]:hover,
button:hover {
    cursor: pointer;
}
textarea {
    overflow: auto; /* MASQUE LA SCROLL BARRE SUR IE */
    display: block;
}
a {
    display: block;
    color: inherit;
    text-decoration: none;
}
/* Pose problème pour l'affichage des tree
img, svg {
    display: block;
}*/
img {
    width: 100%;
    height: auto;
}
/*----------------------------------------------------------------------------------------------------------------------*\
																								          html & body
\*----------------------------------------------------------------------------------------------------------------------*//*
html {
    width: 100%;
    height: 100%;
    cursor: default;
    overflow: hidden;
}
body {
    width: 100%;
    height: 100%;
    background: #393f58;
}
/*----------------------------------------------------------------------------------------------------------------------*\
																											     tiles
\*----------------------------------------------------------------------------------------------------------------------*/
.tiles-wrap ul::after {
    content: '';
    display: block;
    clear: both;
}

/*---------------------------------------------------------*\
                             tiles FX
\*---------------------------------------------------------*/
.main-next ul li:nth-child(1),
.main-next .tiles-title {
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1);
}
.main-next ul li:nth-child(2),
.main-next ul li:nth-child(8) {
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1) 40ms;
}
.main-next ul li:nth-child(3),
.main-next ul li:nth-child(5),
.main-next ul li:nth-child(9),
.main-next ul li:nth-child(13) {
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1) 80ms;
}
.main-next ul li:nth-child(4),
.main-next ul li:nth-child(6),
.main-next ul li:nth-child(10),
.main-next ul li:nth-child(14) {
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1) 120ms;
}
.main-next ul li:nth-child(7),
.main-next ul li:nth-child(11),
.main-next ul li:nth-child(15) {
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1) 160ms;
}
.main-next ul li:nth-child(12),
.main-next ul li:nth-child(16) {
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1) 200ms;
}
.main-next ul li:nth-child(17) {
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1) 240ms;
}
/*------------------------------------*\
\*------------------------------------*/
.main-prev ul li:nth-child(17) {
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1);
}
.main-prev ul li:nth-child(16),
.main-prev ul li:nth-child(12) {
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1) 40ms;
}
.main-prev ul li:nth-child(15),
.main-prev ul li:nth-child(11),
.main-prev ul li:nth-child(7) {
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1) 80ms;
}
.main-prev ul li:nth-child(14),
.main-prev ul li:nth-child(10),
.main-prev ul li:nth-child(6),
.main-prev ul li:nth-child(4) {
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1) 120ms;
}
.main-prev ul li:nth-child(13),
.main-prev ul li:nth-child(9),
.main-prev ul li:nth-child(5),
.main-prev ul li:nth-child(3) {
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1) 150ms;
}
.main-prev ul li:nth-child(8),
.main-prev ul li:nth-child(2) {
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1) 170ms;
}
.main-prev ul li:nth-child(1),
.main-prev .tiles-title {
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1) 180ms;
}
/*------------------------------------*\
\*------------------------------------*/
/*.main-0 #section-1 li,
.main-0 #section-2 li,
.main-0 #section-3 li,
.main-0 #section-4 li,
.main-0 #section-5 li,
.main-1 #section-2 li,
.main-1 #section-3 li,
.main-1 #section-4 li,
.main-1 #section-5 li,
.main-2 #section-3 li,
.main-2 #section-4 li,
.main-2 #section-5 li,
.main-3 #section-4 li,
.main-3 #section-5 li,
.main-4 #section-5 li,
.main-0 #section-1 .tiles-title,
.main-0 #section-2 .tiles-title,
.main-0 #section-3 .tiles-title,
.main-0 #section-4 .tiles-title,
.main-0 #section-5 .tiles-title,
.main-1 #section-2 .tiles-title,
.main-1 #section-3 .tiles-title,
.main-1 #section-4 .tiles-title,
.main-1 #section-5 .tiles-title,
.main-2 #section-3 .tiles-title,
.main-2 #section-4 .tiles-title,
.main-2 #section-5 .tiles-title,
.main-3 #section-4 .tiles-title,
.main-3 #section-5 .tiles-title,
.main-4 #section-5 .tiles-title {
    transform: translateX(1600px);
}
.main-5 #section-4 li,
.main-5 #section-3 li,
.main-5 #section-2 li,
.main-5 #section-1 li,
.main-5 #section-0 li,
.main-4 #section-3 li,
.main-4 #section-2 li,
.main-4 #section-1 li,
.main-4 #section-0 li,
.main-3 #section-2 li,
.main-3 #section-1 li,
.main-3 #section-0 li,
.main-2 #section-1 li,
.main-2 #section-0 li,
.main-1 #section-0 li,
.main-5 #section-4 .tiles-title,
.main-5 #section-3 .tiles-title,
.main-5 #section-2 .tiles-title,
.main-5 #section-1 .tiles-title,
.main-5 #section-0 .tiles-title,
.main-4 #section-3 .tiles-title,
.main-4 #section-2 .tiles-title,
.main-4 #section-1 .tiles-title,
.main-4 #section-0 .tiles-title,
.main-3 #section-2 .tiles-title,
.main-3 #section-1 .tiles-title,
.main-3 #section-0 .tiles-title,
.main-2 #section-1 .tiles-title,
.main-2 #section-0 .tiles-title,
.main-1 #section-0 .tiles-title {
    transform: translateX(-1600px);
}*/