html
{ 
    font-size: 1.5em;
    text-align: center;
}
img.logo
{
    height: 60px;
    width: auto;
    float: right;
}
h1
{
    background-color:rgb(239, 15, 33);
    color: white;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-weight: 400;
    border: solid rgb(239, 15, 33);
    display: inline-block;
    margin-left: 7%;
}
ul
{
    padding-left: 7px;
    list-style-type: none;
}
ul li::before
{
    content: "\25E6";
    color:rgb(239, 15, 33);
    display: inline-block;
}
a
{
    color: black;
}
a:hover
{
    background-color: rgb(207, 207, 207);
}
a:visited
{
    color:rgb(239, 15, 33);
}
h2
{
    color:rgb(239, 15, 33);
    font-style: oblique;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
p
{
    padding-left: 10%;
    padding-right: 10%;
}
img.Comics
{
    width: 60%;
    height: auto;
}
img.OG6
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2%;
    width: 50%;
    height: auto;
}
#conteneur
{
    display: block;
    justify-content: space-around;
}
img.perso 
{
    width: 16%;
    height: auto;
}
h3
{
    color:rgb(239, 15, 33);
    font-style: oblique;
}
#conteneur2
{
    display: block;
    justify-content: space-between; 
    margin-left: 10%;
    margin-right: 10%;
}
img.image
{
    width: 19%;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 8px 8px 0px rgb(207, 207, 207);
}
img.phase1
{
    width: 12.7%;
    height: auto;
    margin-left: auto;
    margin-right: 20%;
    float: inline-end;
}
h4
{
    padding-left: 5%;
    padding-right: auto;
}
img.phase2
{
    width: 17.2%;
    height: auto;
    margin-left: 15%;
    margin-right: auto;
    float: inline-start;
}
img.phase3
{
    width: 13.65%;
    height: auto;
    margin-left: auto;
    margin-right: 15%;
    float: inline-end;
}
img.phase4
{
    width: 12%;
    height: auto;
    margin-left: 22.5%;
    margin-right: auto;
    float: inline-start;
}
h5
{
    font-size:2ch;
}
#conteneur3
{
    margin-left: 10%;
    margin-right: 10%;
}
img.image2
{
    width: 25%;
    height: auto;
    box-shadow: 9px 9px 0px rgb(207, 207, 207);
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
img.image3
{
    width: 25%;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#conteneur4
{
    margin-left: 10%;
    margin-right: 10%;
}
img.image4
{
    width: 19%;
    height: auto;
    box-shadow: 6px 6px 0px rgb(207, 207, 207);
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
img.image5
{
    width: 19%;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}