@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap');

/*********** GLOBAL ***********/

body {
    font-family: Verdana, sans-serif;
    background-color:#D7D3CB;
    background-image:url(../img/fond.png);
    color:#666;
    margin:0;
}

#entete, main {
    max-width:750px;
    margin:auto;
}

h1, h2, nav {
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

a {
    text-decoration:none;
}

.clear {
    clear:both;
}


/*********** HEADER ***********/

#entete {
    background-color:#b8cb21;
    color:#2c4726;
    font-size:1.3em;
    padding:25px 1px;/*Vérifier*/
}

nav {
    float:right;
    margin: 50px 30px 50px 0px;
}

nav a {
    color:#2D4825;
    margin:0 20px;
}

/*********** MAIN ***********/

main {
    background-color:#ffffff;
    padding:20px 1px 20px 1px;/*Vérifier*/
}

main h1, main h2 {
    color:#b8cb21;
}

h1 {
    font-size:1.5em;
    text-align:center;
    text-decoration-line:underline;
    text-decoration-style:double;
    padding:15px 20px;
}

h2 {
    font-size:1.3em;
    margin:0;
}

i {
    float:left;
    color:#b8cb21;
    font-size:24px;
    margin:0 10px 0 0 ;
}

#container-1, #container-2 {
    padding:0px;
    width:50%;
}

#container-1 {
    margin:-1px;
    float:left;
    border-right: 1px solid #CCCCCC;
}

#container-2 {
    float:right;
    border-left: 1px solid #CCCCCC;
}

article {
    margin:15px;
}

section img {
    width:200px;
    float:left;
    margin:0 15px 5px 0;
    padding:4px;
    border: 1px solid #CCCCCC;
}

article footer a {
    padding:10px;
    color:#fff;
    background-color:#b8cb21;
    float:right;
}

article footer {
    padding:0;
}

/*********** FOOTER ***********/

footer {
    text-align:center;
    padding:20px 10px 0 10px;
    max-width:90%;
    margin:auto;
}

footer img {
    width:50px;
}

footer a {
    color:#222;
}