*{
   box-sizing:border-box;
}

@font-face{
    font-family: "Slabo 27px;
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
    color:  #4d5656;
}
html{
    font-size: 62.5%;
}
body{
    font-size: 1rem;
    font-family: "Open sans";
    background-image:url(../img/fond.png);
    background-repeat: repeat;
} 
header{
    font-size: 1.6rem;
    font-family: "Slabo 27px";
    display: block;
    padding-top: 50px;
    text-align:center;
    background-color: #25B3B4;
    border: solid  #2980b9;
}
header a{
    color: white;
}

nav a{
    padding: 15px;
    font-size: 2.4rem;
}
#welcome{
    font-family: "Open sans";
    font-size: 1.2rem;
    margin:0 auto;
    text-align:center;
}

main{
    width: 1100px;
    margin:0 auto;
    vertical-align: top;
    
}

#blog{
    
    font-size: 1.8rem;
    background-color: #d6eaf8;
    width: 69%;
    display: inline-block;
    padding: 15px;
    margin: 5px;
}
#blog article{
    display: inline-block;
    width: 47%;
    vertical-align:top;
}
#blog h1{
     text-align:center;
}
#blog img{
    float: left;
    border-radius:100%;
}
aside{
    width: 29%;
    background-color: #25B3B4;
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
    padding: 15px;
    border: solid  #2980b9;
}
#news span{
    color: #d6eaf8;
}
#news img{
    float: right;
    z-index: 6;
}
h1{
    font-size: 3.5rem;
    font-family: "Slabo 27px";
    vertical-align: center;
}
span{
    color: #25B3B4;
}
#blog article{
    display: inline-block;
    width: 47%;
}
#licence{
    font-family: "Cardo";
    text-align:center;
    font-size: 15px;
}
footer img{
    width: 50px;
}