/* INFOS GENERALES */

.ms-section {
    padding: 0 100px;
    text-align: center;
    position: relative;
}

.ms-section h1 {
    font-family: 'Quicksand', sans-serif;
    font-size: 36px;
    text-align: right;
    margin-bottom: 20px;   
}

.ms-section p {
    font-size: 12px;
    text-align: justify;
}

blockquote {
    margin: 30px 0 0 0;
    text-align: right;
    text-transform: uppercase;
    font-style: italic;
}

.livre-caption {
    text-align: right!important;
    margin: 30px 0 0 0; 
}

.livre-caption .titre {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;   
}

.livre-caption .small {
    font-size: 11px;
    color: #666;
    font-style: italic;   
}


.presentation {
    border-left: 3px solid #e61623;
    padding-left: 20px;
}

.presentation span {
    font-style: italic;
    font-weight: bold;
}

.presentation a {
    text-decoration: none;
    color: #e61623;
    transition: 0.3s ease-in-out;
}

.presentation a:hover {
    text-decoration: none;
    font-weight: bold;
}


/* MENU */

.navbar {
    background: #e61623;
    transition: 1s ease-in-out;
}

.menu-noir {
    background: #000;
}

.nav-link {
    color: rgba(255,255, 255, 0.8)!important;
}

.navbar li a, .navbar-brand {
    font-family: 'Quicksand', serif;
    font-weight: 600;
    padding: 5px 30px!important;
}


/* COUVERTURE */

.ms-section-01a {
    background: url('../img/couv-gauche-1.jpg') center right no-repeat;
    background-size: cover;
}
.ms-section-01b {
    background: url('../img/couv-droite-1.jpg') center left no-repeat;
    background-size: cover;
}

/* PREFACE */

.ms-section-02a {
    background-color: #fff;
}
.ms-section-02b {
    background-color: #fff;
}

/* SECTION LIGHT */

.ms-section-03a {
    background-color: #fff;
}
.ms-section-03b {
    background: url('../img/section-2-droite-2.jpg') center center no-repeat;
    background-size: cover;
}

.ms-section-04a {
    background: url('../img/section-3-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-04b {
    background: url('../img/section-3-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-05a {
    background: url('../img/section-4-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-05b {
    background: url('../img/section-4-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-06a {
    background: url('../img/section-6-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-06b {
    background: url('../img/section-6-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-07a {
    background: url('../img/section-7-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-07b {
    background: url('../img/section-7-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-08a {
    background: url('../img/section-8-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-08b {
    background: url('../img/section-8-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-09a {
    background: url('../img/section-9-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-09b {
    background: url('../img/section-9-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-10a {
    background: url('../img/section-10-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-10b {
    background: url('../img/section-10-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-11a {
    background: url('../img/section-11-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-11b {
    background: url('../img/section-11-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-12a {
    background: url('../img/section-12-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-12b {
    background: url('../img/section-12-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-13a {
    background: url('../img/section-13-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-13b {
    background: url('../img/section-13-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-14a {
    background: url('../img/section-14-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-14b {
    background: url('../img/section-14-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-15a {
    background: url('../img/section-15-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-15b {
    background: url('../img/section-15-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-16a {
    background: url('../img/section-16-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-16b {
    background: url('../img/section-16-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-17a {
    background: url('../img/section-17-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-17b {
    background: url('../img/section-17-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-18a {
    background: url('../img/section-18-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-18b {
    background: url('../img/section-18-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-19a {
    background: url('../img/section-19-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-19b {
    background: url('../img/section-19-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-20a {
    background: url('../img/section-20-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-20b {
    background: url('../img/section-20-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-21a {
    background: url('../img/section-21-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-21b {
    background: url('../img/section-21-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-22a {
    background: url('../img/section-22-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-22b {
    background: url('../img/section-22-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-23a {
    background: url('../img/section-23-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-23b {
    background: url('../img/section-23-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-24a {
    background: url('../img/section-24-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-24b {
    background: url('../img/section-24-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-25a {
    background: url('../img/section-25-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-25b {
    background: url('../img/section-25-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-26a {
    background: url('../img/section-26-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-26b {
    background: url('../img/section-26-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-27a {
    background: url('../img/section-27-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-27b {
    background: url('../img/section-27-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-28a {
    background: url('../img/section-28-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-28b {
    background: url('../img/section-28-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}


/* SECTION COLOR */


.ms-section-2-00a {
    background-color: #fff;
}
.ms-section-2-00b {
    background: url('../img/section-color-droite.jpg') center center no-repeat;
    background-size: cover;
}

.ms-section-2-01a {
    background: url('../img/section-color-1-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-01b {
    background: url('../img/section-color-1-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-2-02a {
    background: url('../img/section-color-2-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-02b {
    background: url('../img/section-color-2-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-2-03a {
    background: url('../img/section-color-3-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-03b {
    background: url('../img/section-color-3-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-04a {
    background: url('../img/section-color-4-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-04b {
    background: url('../img/section-color-4-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-05a {
    background: url('../img/section-color-5-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-05b {
    background: url('../img/section-color-5-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-06a {
    background: url('../img/section-color-6-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-06b {
    background: url('../img/section-color-6-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-07a {
    background: url('../img/section-color-7-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-07b {
    background: url('../img/section-color-7-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-2-08a {
    background: url('../img/section-color-8-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-08b {
    background: url('../img/section-color-8-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-2-09a {
    background: url('../img/section-color-9-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-09b {
    background: url('../img/section-color-9-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-10a {
    background: url('../img/section-color-10-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-10b {
    background: url('../img/section-color-10-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-11a {
    background: url('../img/section-color-11-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-11b {
    background: url('../img/section-color-11-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-12a {
    background: url('../img/section-color-12-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-12b {
    background: url('../img/section-color-12-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-13a {
    background: url('../img/section-color-13-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-13b {
    background: url('../img/section-color-13-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-2-14a {
    background: url('../img/section-color-14-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-14b {
    background: url('../img/section-color-14-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-2-15a {
    background: url('../img/section-color-15-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-15b {
    background: url('../img/section-color-15-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-16a {
    background: url('../img/section-color-16-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-16b {
    background: url('../img/section-color-16-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-17a {
    background: url('../img/section-color-17-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-17b {
    background: url('../img/section-color-17-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-18a {
    background: url('../img/section-color-18-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-18b {
    background: url('../img/section-color-18-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-19a {
    background: url('../img/section-color-19-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-19b {
    background: url('../img/section-color-19-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-2-20a {
    background: url('../img/section-color-20-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-20b {
    background: url('../img/section-color-20-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-2-21a {
    background: url('../img/section-color-21-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-21b {
    background: url('../img/section-color-21-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-22a {
    background: url('../img/section-color-22-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-22b {
    background: url('../img/section-color-22-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-23a {
    background: url('../img/section-color-23-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-23b {
    background: url('../img/section-color-23-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-24a {
    background: url('../img/section-color-24-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-24b {
    background: url('../img/section-color-24-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-2-25a {
    background: url('../img/section-color-25-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-2-25b {
    background: url('../img/section-color-25-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}


/* SECTION SHAPE */


.ms-section-3-00a {
    background-color: #fff;
}
.ms-section-3-00b {
    background: url('../img/section-shape-droite.jpg') center center no-repeat;
    background-size: cover;
}

.ms-section-3-01a {
    background: url('../img/section-shape-1-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-01b {
    background: url('../img/section-shape-1-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-3-02a {
    background: url('../img/section-shape-2-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-02b {
    background: url('../img/section-shape-2-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-3-03a {
    background: url('../img/section-shape-3-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-03b {
    background: url('../img/section-shape-3-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-04a {
    background: url('../img/section-shape-4-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-04b {
    background: url('../img/section-shape-4-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-05a {
    background: url('../img/section-shape-5-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-05b {
    background: url('../img/section-shape-5-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-06a {
    background: url('../img/section-shape-6-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-06b {
    background: url('../img/section-shape-6-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-07a {
    background: url('../img/section-shape-7-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-07b {
    background: url('../img/section-shape-7-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-3-08a {
    background: url('../img/section-shape-8-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-08b {
    background: url('../img/section-shape-8-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-3-09a {
    background: url('../img/section-shape-9-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-09b {
    background: url('../img/section-shape-9-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-10a {
    background: url('../img/section-shape-10-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-10b {
    background: url('../img/section-shape-10-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-11a {
    background: url('../img/section-shape-11-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-11b {
    background: url('../img/section-shape-11-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-12a {
    background: url('../img/section-shape-12-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-12b {
    background: url('../img/section-shape-12-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-13a {
    background: url('../img/section-shape-13-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-13b {
    background: url('../img/section-shape-13-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-3-14a {
    background: url('../img/section-shape-14-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-14b {
    background: url('../img/section-shape-14-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-3-15a {
    background: url('../img/section-shape-15-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-15b {
    background: url('../img/section-shape-15-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-16a {
    background: url('../img/section-shape-16-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-16b {
    background: url('../img/section-shape-16-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-17a {
    background: url('../img/section-shape-17-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-17b {
    background: url('../img/section-shape-17-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-18a {
    background: url('../img/section-shape-18-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-18b {
    background: url('../img/section-shape-18-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-19a {
    background: url('../img/section-shape-19-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-19b {
    background: url('../img/section-shape-19-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-3-20a {
    background: url('../img/section-shape-20-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-20b {
    background: url('../img/section-shape-20-droite.jpg') center left no-repeat;
    background-size: cover;
     margin-top: 40px;
}

.ms-section-3-21a {
    background: url('../img/section-shape-21-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-21b {
    background: url('../img/section-shape-21-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-22a {
    background: url('../img/section-shape-22-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-22b {
    background: url('../img/section-shape-22-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-23a {
    background: url('../img/section-shape-23-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-23b {
    background: url('../img/section-shape-23-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-24a {
    background: url('../img/section-shape-24-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-24b {
    background: url('../img/section-shape-24-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}

.ms-section-3-25a {
    background: url('../img/section-shape-25-gauche.jpg') center right no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.ms-section-3-25b {
    background: url('../img/section-shape-25-droite.jpg') center left no-repeat;
    background-size: cover;
    margin-top: 40px;
}


/* RESPONSIVE */

@media (min-width: 1025px) {
    
    body,html{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ms-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ms-section.ms-table{display:table;width:100%}.ms-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.ms-easing{-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}#multiscroll-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1}#multiscroll-nav.right{right:17px}#multiscroll-nav.left{left:17px}#multiscroll-nav ul{margin:0;padding:0}#multiscroll-nav li{display:block;width:14px;height:13px;margin:7px;position:relative}#multiscroll-nav li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#multiscroll-nav li .active span{background:#333}#multiscroll-nav span{top:2px;left:2px;width:8px;height:8px;border:1px solid #000;background:rgba(0,0,0,0);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;z-index:1}.multiscroll-tooltip{position:absolute;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;top:-2px;white-space:nowrap;max-width:220px}.multiscroll-tooltip.right{right:20px}.multiscroll-tooltip.left{left:20px}.ms-responsive .ms-hide{display:none}
}

/*
@media (min-width: 768px) and (max-width: 1100px) {
    
    .ms-section {
        padding: 0 50px;
    }
    
    .ms-section-04a {
        background: url('../img/section-3-gauche-720px.jpg') center right no-repeat;
        background-size: cover;
        margin-top: 40px;
    }
    .ms-section-04b {
        background: url('../img/section-3-droite-720px.jpg') center left no-repeat;
        background-size: cover;
        margin-top: 40px;
    }
}
*/

@media (max-width: 1024px) {
    
    body {
        padding-top: 56px;
    }
    h1 {
        font-size: 32px;
    }

    .ms-section-04b, .ms-section-05b, .ms-section-06b, .ms-section-07b, .ms-section-08b, .ms-section-09b, .ms-section-10b, .ms-section-11b, .ms-section-12b, .ms-section-13b, .ms-section-14b, .ms-section-15b, .ms-section-16b, .ms-section-17b, .ms-section-18b, .ms-section-19b, .ms-section-20b, .ms-section-21b, .ms-section-22b, .ms-section-23b, .ms-section-24b, .ms-section-25b, .ms-section-26b, .ms-section-27b, .ms-section-28b, .ms-section-2-01b, .ms-section-2-02b, .ms-section-2-03b, .ms-section-2-04b, .ms-section-2-05b, .ms-section-2-06b, .ms-section-2-07b, .ms-section-2-08b, .ms-section-2-09b, .ms-section-2-10b, .ms-section-2-11b, .ms-section-2-12b, .ms-section-2-13b, .ms-section-2-14b, .ms-section-2-15b, .ms-section-2-16b, .ms-section-2-17b, .ms-section-2-18b, .ms-section-2-19b, .ms-section-2-20b, .ms-section-2-21b, .ms-section-2-22b, .ms-section-2-23b, .ms-section-2-24b, .ms-section-2-25b, .ms-section-3-01b, .ms-section-3-02b, .ms-section-3-03b, .ms-section-3-04b, .ms-section-3-05b, .ms-section-3-06b, .ms-section-3-07b, .ms-section-3-08b, .ms-section-3-09b, .ms-section-3-10b, .ms-section-3-11b, .ms-section-3-12b, .ms-section-3-13b, .ms-section-3-14b, .ms-section-3-15b, .ms-section-3-16b, .ms-section-3-17b, .ms-section-3-18b, .ms-section-3-19b, .ms-section-3-20b, .ms-section-3-21b, .ms-section-3-22b, .ms-section-3-23b, .ms-section-3-24b, .ms-section-3-25b {
        display: none!important;
    }
    
    .ms-section-04a {
        background: url('../img/brut/section-3-brut.png') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-05a {
        background: url('../img/brut/section-4-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-06a {
        background: url('../img/brut/section-6-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-07a {
        background: url('../img/brut/section-7-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-08a {
        background: url('../img/brut/section-8-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-09a {
        background: url('../img/brut/section-9-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-10a {
        background: url('../img/brut/section-10-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-11a {
        background: url('../img/brut/section-11-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-12a {
        background: url('../img/brut/section-12-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-13a {
        background: url('../img/brut/section-13-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-14a {
        background: url('../img/brut/section-14-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-15a {
        background: url('../img/brut/section-15-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-16a {
        background: url('../img/brut/section-16-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-17a {
        background: url('../img/brut/section-17-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-18a {
        background: url('../img/brut/section-18-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-19a {
        background: url('../img/brut/section-19-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-20a {
        background: url('../img/brut/section-20-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-21a {
        background: url('../img/brut/section-21-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-22a {
        background: url('../img/brut/section-22-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-23a {
        background: url('../img/brut/section-23-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-24a {
        background: url('../img/brut/section-24-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-25a {
        background: url('../img/brut/section-25-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-26a {
        background: url('../img/brut/section-26-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-27a {
        background: url('../img/brut/section-27-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-28a {
        background: url('../img/brut/section-28-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-2-01a {
        background: url('../img/brut/section-color-1-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-2-02a {
        background: url('../img/brut/section-color-2-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-2-03a {
        background: url('../img/brut/section-color-3-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-2-04a {
        background: url('../img/brut/section-color-4-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-05a {
        background: url('../img/brut/section-color-5-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-06a {
        background: url('../img/brut/section-color-6-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-07a {
        background: url('../img/brut/section-color-7-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-08a {
        background: url('../img/brut/section-color-8-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-09a {
        background: url('../img/brut/section-color-9-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-10a {
        background: url('../img/brut/section-color-10-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-2-11a {
        background: url('../img/brut/section-color-11-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-12a {
        background: url('../img/brut/section-color-12-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-13a {
        background: url('../img/brut/section-color-13-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-14a {
        background: url('../img/brut/section-color-14-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-15a {
        background: url('../img/brut/section-color-15-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-2-16a {
        background: url('../img/brut/section-color-16-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-17a {
        background: url('../img/brut/section-color-17-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-18a {
        background: url('../img/brut/section-color-18-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-19a {
        background: url('../img/brut/section-color-19-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-20a {
        background: url('../img/brut/section-color-20-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-2-21a {
        background: url('../img/brut/section-color-21-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-22a {
        background: url('../img/brut/section-color-22-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-23a {
        background: url('../img/brut/section-color-23-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-2-24a {
        background: url('../img/brut/section-color-24-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-2-25a {
        background: url('../img/brut/section-color-25-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-3-01a {
        background: url('../img/brut/section-shape-1-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-3-02a {
        background: url('../img/brut/section-shape-2-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-3-03a {
        background: url('../img/brut/section-shape-3-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-3-04a {
        background: url('../img/brut/section-shape-4-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-05a {
        background: url('../img/brut/section-shape-5-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-06a {
        background: url('../img/brut/section-shape-6-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-07a {
        background: url('../img/brut/section-shape-7-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-08a {
        background: url('../img/brut/section-shape-8-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-09a {
        background: url('../img/brut/section-shape-9-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-10a {
        background: url('../img/brut/section-shape-10-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-3-11a {
        background: url('../img/brut/section-shape-11-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-12a {
        background: url('../img/brut/section-shape-12-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-13a {
        background: url('../img/brut/section-shape-13-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-14a {
        background: url('../img/brut/section-shape-14-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-15a {
        background: url('../img/brut/section-shape-15-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-3-16a {
        background: url('../img/brut/section-shape-16-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-17a {
        background: url('../img/brut/section-shape-17-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-18a {
        background: url('../img/brut/section-shape-18-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-19a {
        background: url('../img/brut/section-shape-19-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-20a {
        background: url('../img/brut/section-shape-20-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-3-21a {
        background: url('../img/brut/section-shape-21-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-22a {
        background: url('../img/brut/section-shape-22-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-23a {
        background: url('../img/brut/section-shape-23-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
     .ms-section-3-24a {
        background: url('../img/brut/section-shape-24-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
    .ms-section-3-25a {
        background: url('../img/brut/section-shape-25-brut.jpg') center center no-repeat;
        background-size: cover;
    }
    
}


/* MOBILES */

@media (max-width: 767px) {
    
    .ms-section {
        padding: 30px 20px;
    }

    .height-picture {
        height: 300px;
        margin-top: 10px;
    }
    
     .ms-section-01a, .ms-section-01b, .ms-section-03b, .ms-section-2-00b, .ms-section-3-00b {
        height: 400px;
    }
}


/* iPHONE 8 PLUS et ANDROID */

@media (min-width: 400px) and (max-width: 767px) {
    
    .height-picture {
        height: 340px;
        margin-top: 10px;
    }
    
     .ms-section-01a, .ms-section-01b, .ms-section-03b, .ms-section-2-00b, .ms-section-3-00b {
        height: 450px;
    }
}


/* iPAD */

@media (min-width: 768px) and (max-width: 850px) {
    
    .ms-section {
        padding: 30px 50px;
    }

    .height-picture {
        height: 630px;
        margin-top: 10px;
    }
    
    .ms-section-02a, .ms-section-02b, .ms-section-03a, .ms-section-2-00a, .ms-section-3-00a, .ms-section-4-00a, .ms-section-4-00b  {
        padding: 30px 70px;
    }
    
    .ms-section-01a, .ms-section-01b, .ms-section-03b, .ms-section-2-00b, .ms-section-3-00b {
        height: 800px;
    }
    
    .navbar li a {  
        padding: 5px 10px!important;
    }
}


/* iPAD PRO */

@media (min-width: 851px) and (max-width: 1024px) {
    
    .ms-section {
        padding: 30px 50px 50px 50px;
    }

    .height-picture {
        height: 830px;
        margin-top: 10px;
    }
    
    .ms-section-02a, .ms-section-02b, .ms-section-03a, .ms-section-2-00a, .ms-section-3-00a, .ms-section-4-00a, .ms-section-4-00b  {
        padding: 30px 70px 50px 70px;
    }
    
     .ms-section-01a, .ms-section-01b, .ms-section-03b, .ms-section-2-00b, .ms-section-3-00b {
        height: 1000px;
    }
}