body h1, :not(.sous-header) > .container h2 {
    text-align: center;
    max-width: 1160px;
    text-transform: uppercase;
    position: relative;
}

body h1 {
    margin: 0 auto 75px;
    font: 400 60px "adobe-garamond-pro", sans-serif;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    position: relative;
}

:not(.sous-header) > .container h2 {
    margin: 0 auto 30px;
    font: 400 2em "adobe-garamond-pro", sans-serif;
    letter-spacing: 0.09em;
}

.circuit-depart-title {
    display: inline-block;
    padding: 0.5em;
    background: #dc3545;
    color: white;
    border-radius: 15px;
}

.menus {
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 100%;
    width: max-content;
    font: 800 1.125rem "Barlow", sans-serif;
    color: #01426A;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: 0.2s all;
}

.on-header {
    display: block;
    background: #01426A;
    color: white;
    font: 400 15px "Barlow", sans-serif;
}

.liensHeader {
    border-right: 1px dotted #4E7489;
    padding-right: 8px;
    padding-left: 5px;
    display: inline-block;
    color: #fff;
}

.sous-header .flex {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}

.user-login-form label, .user-login-form legend {
    color: #A68B4E;
    font: 700 15px "adobe-garamond-pro", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: inline-block;
}

.btn-primary {
    color: #fff;
    background-color: #01426A;
    border-color: #01426A;
}

footer .copyright {
    font: 13px "Barlow", sans-serif;
    line-height: 29px;
    color: #8e8581;
    display: flex;
    justify-content: space-between;
}

.fond {
    background-color: rgb(245, 243, 237);
}

.chapo {
    font: 500 22px "Barlow", sans-serif;
    line-height: 30px;
    color: #000;
    text-align: justify;
    margin-bottom: 50px;
}

.contenu {
    font: 18px "Barlow", sans-serif;
    line-height: 28px;
    margin-bottom: 50px;
}

label.required:after {
    content: " *";
    color: red;
}

img.hoverEffect:hover {
    -ms-transform: scale(2.5); /* IE 9 */
    -webkit-transform: scale(2.5); /* Safari 3-8 */
    transform: scale(2.5);
    z-index: 10;
}

img.widthimg {
    width: 200px;
}

.progress-bar-step1 {
    background-color: #ccffcc;
}

/* Light Green */
.progress-bar-step2 {
    background-color: #b3ff99;
}

.progress-bar-step3 {
    background-color: #99ff66;
}

.progress-bar-step4 {
    background-color: #80ff33;
}

.progress-bar-step5 {
    background-color: #66ff00;
}

.progress-bar-step6 {
    background-color: #33cc00;
}

.progress-bar-step7 {
    background-color: #009900;
}

.progress-bar-step8 {
    background-color: #006600;
}

/* Dark Green */