.layout-main {
    padding-top: 100px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.layout-main * {
    margin: 0;
    padding: 0;
}

.layout-main h2 {
    font-family: 'poppins-semi-bold';
    font-size: 22px;
    color: var(--noir-titres);
    margin-top: 40px;
    margin-bottom: 5px;
    line-height: 1.2;
}

.layout-main h3 {
    font-family: 'poppins-medium';
    font-size: 18px;
    color: var(--noir-titres);
    margin-bottom: 5px;
}

.layout-main h4 {
    font-family: 'poppins-medium';
    font-size: 16px;
    color: var(--noir-titres);
    margin-bottom: 5px;
}

.layout-main p {
    font-family: 'poppins-light';
    font-size: 15px;
    color: var(--noir-textes);
    line-height: 1.4;
    margin-bottom: 10px;
}

.layout-main ul, 
.layout-main ol {
    margin-left: 20px;
    margin-bottom: 20px;
}

.layout-main li {
    font-family: 'poppins-light';
    font-size: 15px;
    color: var(--noir-textes);
    line-height: 1.4;
    margin-bottom: 5px;
}

.layout-main strong {
    font-family: 'poppins-medium';
}

.layout-main p a,
.layout-main li a {
    font-family: 'poppins-regular';
    color: var(--orange);
    text-wrap: wrap;
    word-wrap: break-word;
}

.layout-header .layout-navigation {
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    right: initial;
}


@media screen and (max-width:1024px) {
    .layout-header .layout-navigation {
        left: initial;
        transform: initial;
        padding: 0;
        right: initial;
        padding-left: 10%;
    }
    
}