:root{
    
    --bg-color-main:#7f9ca0;
    --bg-color-second:#597275;
    --bg-color-third:#535e69;
    --bg-color-content:#eeeeee;
    --bg-color-fourth:#323232;
    --text-color-main:#333333;
    --color-orange:#c74949;
    /*--bg-color-main:#EEE6D8;
    --bg-color-second:#B67332;
    --bg-color-third:#93441A;
    --bg-color-content:#e5e7e6;*/
    --text-color-second:#548A98;
    --link-color-main:#8cd1e3;
    --link-color-second:#97d6a7;
    --my-green:#93bd8d;
    --my-red:#cd8585;
    --size-top-bar:200px;
}
*{
    padding:0px;
    margin:0px;
    box-sizing: border-box;
    font-family: 'Source Sans Pro', Arial, "sans-serif";
}

a, a:hover, a:visited, a:active{
    text-decoration: none !important;
    color:var(--link-color-main);
}
a:hover{
    color:var(--link-color-second);
}
html{
    height:100%;
}
ul{
    list-style-type: none;
}

main{
    box-shadow: 0 -10px 17px -11px rgb(0 0 0 / 75%);
}
body{
    display: flex;
    background-color:var(--bg-color-main);
    background: url("../images/test.jpg") ;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

    #header-ban{
            margin:10px;
            margin-left:10%;
            height:100px;
            display : flex; 
            margin-bottom: 50px;

        }
    #header-logo{
        background-image:url(../images/800px-Blason_Hermonville.svg);
        opacity: 0.85;
        background-size: 100% 100%;
        height:100%;
        min-width:100px;
    }
    h1{
        display: flex;
        justify-content: center;
        align-items: center;
        font-size:2.5rem;    
        font-family: maPolice;
        margin-left:15px;
        text-align: center;
        font-family: 'Source Sans Pro', Arial, "sans-serif";
        color:#aaaaaa;
    }
    h2{
        border-bottom: solid var(--color-orange) 2px;
        margin-bottom: 3px;
        color:var(--color-orange);
        letter-spacing: 0.3em;
    }
    h3{
        color: #0000ff;
        font-size: 0.8em;
        font-weight: bold;
        padding: 1px;
    }
    h4{
        color: #0000ff;
        font-size: 1em;
        padding: 1px;
    }
.article-parcours{
    text-align: center;
    padding: 25px;
}
.article-parcours h3{
    color: firebrick;
    font-size:2em;
}
.article-parcours h4{
    
} 
header{
    margin-bottom: 40px;
}