body
{
    background-color:#3300FF;
}
h1
{
    font-family: 'Almendra', serif;
    font-size: 8em;
    font-weight: 700;
    text-align: left;
    color: #0000CC;
}
p
{
    font-family: 'Almendra', serif;
    font-size: 4em;
    font-weight: 400;
    text-align: left;
    text-indent: 1em;
    color: #0000CC;
    hyphens: auto;
    hyphenate-limit-chars: 7 3 4;
}
a:link
{
    font-size: 1em;
    text-decoration: none;
    color: #0000CC;
}
a:visited
{
    font-size: 1em;
    text-decoration: none;
    color: #0000CC;
}
a:hover
{
    font-size: 1em;
    text-decoration: none;
    color: #3366FF;
}
#mainbloc
{
    margin: auto;
    margin-left: 7em;
    width: 85%; 
    color: #0000CC;
    orphans: 3;
    widows: 3;
}
#infos
{
    font-size: 1em;
    float: top-left;
    margin-top: 2em;
    margin-left: 2em;
    width: 85%; 
    color: #0000CC;
}
.infos
{
    font-family: 'Almendra', serif;
    font-size: 1em;
    line-height: 1.2em;
    color: #0000CC;
}
.mouche
{
    z-index: 999;
    position: fixed;
    right: 20%;
    top: 30%;
}
.approche
{
    letter-spacing: -14px;
}
.tarissant
{
    letter-spacing: -9px;
}
@media (max-width: 768px) {
    h1 {
        font-size: 3em;
    }
    p {
        font-size: 2em;
    }
    #mainbloc {
    margin-left: 1em;
    width: 90%;
    }
    #infos {
    margin-left: 1em;
    }
}