/*==========GLOBAL==========*/


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Slabo+27px&display=swap');

* {
    box-sizing:border-box;
}

body {
    /*margin:auto;*/
    font-family:'Open Sans', sans-serif;
    line-height:1.8em;
    background-image:url("../img/fond.png");
    background-color:#25B3B5;
    color:#454545;
    
}

a {
    text-decoration:none;
}

nav, h1, h2, h3, h4 {
    font-family: 'Slabo 27px', serif;
    font-weight:normal;
}

main, footer {
    margin:auto;
    min-width:800px;
    max-width:1100px;
}

.clear {
    clear:both;
}


/*==========HEADER==========*/

header {
    margin:100px 0 70px;
    text-align:center;
    background-color:#25b3b4;
    border-top: 5px solid #2b9aa0;
    border-bottom: 5px solid #2b9aa0;
}

nav a {
    margin:15px;
    font-size:1.4em;
    color:#fff;
    /*font-weight:normal;*/
}


/*==========MAIN==========*/

h1 {
    font-size:2.5em;
    text-align:center;
    margin-bottom:40px;
}

#introduction {
    text-align:center;
    margin-bottom:50px;
}


/*Section */

section {
    padding:15px;
    text-align:center;
    display:inline-block;
    width:68%;
    margin-right:2%;
    background-color:#b6dfdd;
    vertical-align:top;
}

section h2 {
    font-size:3.5em;
}

/*article*/

section h3 {
    text-align:center;
    font-size:1.8em;
}

section h3 .fa-tint, #today {
    color:#1B9CA2;
}

section article {
    padding:0 15px 15px 15px;
    display:inline-block;
    width:50%;
    vertical-align:top;
    text-align:justify;
}

section img {
    float:left;
    margin:15px;
    border-radius:100%;
}

section a {
    float:right;
    color:#fff;
    background-color:#2b9aa0;
    padding:10px;
}


/*Aside*/

aside {
    position:relative;
    padding:0 20px 20px 20px;
    display:inline-block;
    width:30%;
    vertical-align:top;
    background-color:#25b3B4;
    border: 2px solid #2b9aa0;
    font-size:0.9em;
}

h4, aside article p {
    color:#fff;
}

h4 {
    font-size:1.6em;
    margin-bottom:15px;
}

aside p {
    margin-top:5px;
}

#news {
    color:#b6dedc;
}

time {
    font-size:1.4em;
    color:#b6dedc;
    margin:0;
}

aside img {
    position: absolute;
    top: -40px; right: -40px;
}


/*==========FOOTER==========*/

footer {
    text-align:center;
    padding:30px 0;
}

footer img {
    width:50px;
}


/*## CSS