/* 
    Created on : 29-juil.-2019, 13:33:07
    Author     : Formateur
*/
body {
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 1.5em;
    padding: .5em;

    display: flex;
}

h1{
    font-family: 'Amita';
    font-size: 1.5em; /*32px;*/
    text-align: center;
}
p {
    text-align: center;
}

/* Positionnement des blocs de contenus */
aside {
    width: 10%;
    background-color: grey;
}
section {
    width: 85%;
    padding-left: .5em;
}

article {
    display: flex;
}


section article section {

}
figure {
    position: absolute;
    top: 0;
    right: 0;
}
img {
    border: .5em orange solid;
    border-radius : 0 0 2em 0;
    /* opacity: 0.5;*/
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
img:hover {
    opacity: 0.9;
}




/* Media querries for tablet and mobil < 1024 px */
@media only screen and (max-width: 1024px) {
    aside{
        display : none;
    }
    article {
        flex-direction: column;
    }
}  


/* Media querries for  mobil < 800 px */
@media only screen and (max-width: 800px) {
    figure {
        display : none;
    }
    body {
        font-size:1.2em;
    }
}