.background
{
    background: linear-gradient(130deg, rgb(0, 98, 255), rgb(0, 195, 255));
    height: 100%;
    background-attachment: fixed;
    width: 100%;
} 
h1
{
    color: rgb(5, 2, 213);
    text-align: center;
    border-style: none;
    text-decoration: underline;
    font-size: 300%;
    border-style: double;
    margin-right: 30%;
    margin-left: 30%;
    font-family: "Cambria";
}

p
{
    color: aliceblue;
    font-family: "Bookman Old Style";
    
}
a
{
    color: rgb(4, 0, 255 );
}
a:hover
{
    color: rgb(103, 15, 255);
}
a:visited
{
    color: rgb(0, 195, 255);
}
.conteneur
{
    display: flex;
    justify-content: space-around;
}

.conteneur > img
{
    width: 20%;
    height: auto;
}

.activite
{
    display: flex;
    justify-content: space-around;
    width: 1000px;
}

.enonce
{
    width: 1000px;
}

.activite > img
{
    object-fit: contain;
    width: 45%;
    height: auto;
}

h2
{
    color: rgb(5, 0, 148);
    text-decoration-line: underline ;
    font-size: 200%;
    font-family: "Monotype Corsiva";
}

p
{
    color: aliceblue;
    padding-left: 10%;
    width: 85%;
    font-family: "Bookman Old Style";
}

ul
{
    color: aliceblue;
    width: 100%;
    list-style-type: circle;
    font-family: "Bookman Old Style";
}

.btn
{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 20px;
    bottom: 20px;
}

.icone
{
    width: 50px;
    cursor: pointer;
}

h3
{
    color: rgba(0, 98, 255, 0);
    font-family: "Bookman Old Style" ;
}

img.logo
{
    margin-right: 100%;
    margin-left: 0%;
    margin-top: -6%;
    width: 250px;
}

img.fleur
{
    
    margin-right: 0%;
    margin-left: 75%;
    margin-top: -8%;
    width: 200px;
    margin-bottom: -5%;
}

.contenir
{
    display: flex;
    justify-content: space-around;
}
.contenir > img
{
    width: 35%;
    height: auto;
}

img
{
    width: 1100px;
    padding-left: 5%;
    padding-right: 5%;
    height: auto;
}