body {
    font-family: 'Kameron', serif;
}

header {
    margin-top: 15px;
}
.textloading {
    font-size: 16px;
    font-weight: 400;
    color: #0e518b;
}

.text-principale {
    margin: 40px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    color: #0e518b;
}

.text-principale::before {
    content: " ";
    height: 26px;
    display: block;
    width: 100%;
    background: url("../images/barre_seperator_1.png") top center no-repeat ;
}

.text-principale::after {
    content: " ";
    height: 40px;
    display: block;
    width: 100%;
    background: url("../images/barre_seperator_2.png") bottom center no-repeat ;
}

.text-secondaire {
    font-size: 16px;
    margin-top: 15px;
    font-weight: 400;
    color: #0e518b;
}

ul.text-secondaire {
    padding-left: 20px;
}
ul.text-secondaire li {
    margin-left: 0;
}

.bloc-container-images {
    position: relative;
}

.bloc-container-images .container-images {
    position: absolute;
    left: 0;
    top:-50px;
}

.mt-20 {
    margin-top: -20px;

}

.mt-100 {
    margin-top: -100px;

}

.img-text {
    position: relative;
    z-index: 20;
}

.img-bloc {
    position: relative;
    z-index: 10;
}

.slide-item {
    outline: none;
}

h3 {
    margin: 40px 0 0 0;
    font-weight: 400;
    color: #0e518b;
}

.en-construction {
    padding: 4em 0;
}

p.normale {
    margin: 40px 0 0 0;
    font-size: 14px;
    font-weight: 400;
    color: #0e518b;
}

@media only screen and (max-device-width: 768px){
    .mt-100 {
        margin-top: 10px;

    }
}