body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

header {
    background-color: #333;
    color: #fff;
    padding: 20px;
    text-align: center;
}

header img {
    max-width: 450px;
}

nav ul {
    background-color: #444;
    list-style-type: none;
    margin: 0;
    padding: 10px;
    text-align: center;
}

nav a {
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
}

main {
    padding: 20px;
}

section {
    margin-bottom: 40px;
}

footer {
    background-color: #333;
    color: #fff;
    padding: 10px;
    text-align: center;
}

/* CSS link colors ADDED . beware light/dark background  */
/* #179192  dark green  */
/* #BBCE02  light green  */
/* gold :  #c78606 or  #c4860b or  #c08713   */
/* #8E0005  brown   */

/* lien non visité light green  */
a:link {
    color: #BBCE02;
}
    
/* lien visité light green */
a:visited {
    color: #BBCE02;
}
      
/* survol du lien dark green */
a:hover {
    color: #179192;
}

/* lien sélectionné  goldII */
a:active {
    color: #c4860b;
}