body{
    margin:0;
}
.clearboth{
    clear:both;
}
.align-right{
    text-align:right;
}
.cta{
    background-color :#FF0000;
    border :2px solid #DD0000 ;
    padding:8px;
    border-radius :4px;
    margin:8px;
    color:white;
    text-decoration :none;
    font-weight:bold;
    transition:background-color 0.3s,color:0.3s;
}
.cta:hover{
    background-color :#FFFFFF;
    color : #FF0000;
}
header img{
    width :50px;
    height :50px;
}
h1{
    text-align : center;
}
article imgdiv{
    background-image : url(https://geo.img.pmdstatic.net/fit/http.3A.2F.2Fprd2-bone-image.2Es3-website-eu-west-1.2Eamazonaws.2Ecom.2Fgeo.2F2020.2F11.2F18.2Fc81924e0-5ad5-4277-9b6a-3e6014a11eae.2Ejpeg/1150x647/background-color/ffffff/quality/70/le-herisson-lami-de-nos-jardins.jpg">);
    float : left;
    background-repeat: no-repeat;
    background-position : center;
    background-color : cover;
    
}
header{
    background-color : lightpink;
    position : sticky;
    text-align : center;
    display :block;
}
article{
    border :2px solid #DDD;
    padding:1em;
    width :80%;
    background-color : lightgrey;
    margin : auto
}
footer img{
    width :30px;
    height :30px;
}
footer{
    height:50px;
    background-color : lightpink;
}