body {
    background-color: #ddd;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}
header {
    background-color: #000;
    position: fixed;            /* fixer et sortir du flux (en inside)*/
    height: 150px;              /* définir hauteur*/
    width: 100%;                /* définir la largeur*/
    z-index: 2;                 /* superposition au dessus */
    box-shadow: 0 10px 15px #000;
    display: flex;              /* permet de centrer le titre h1*/
    justify-content: center;    /* axe principal */
    align-items: center;        /* axe secondaire */
}
header h1 {
    color: white;
    /* text-align: center;  n'est plus valide à cause de flex */        
}
section {
    width: 500px;
    margin: auto;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #333;
    border-radius: 15px;
    top: 170px;             /* header est sorti du flux */
    position: relative;     /* pour prendre en compte le top*/
    z-index: 1;             /* superposition */
}
section p {
    text-align: justify;
}