/*  Presentation    */

#Presentation
{
    display: flex;
    align-items: center;
    height: 355px;
    flex-flow: column wrap;
    margin: 3em;
}

p
{
    display: block;
    text-align: justify;
    margin: 1.5em;
}

#Presentation:active
{
    color: red;
}

/*  Actus   */

.DivActus
{
    display: flex;
    flex-flow: row nowrap;
    height: 230px;
    margin: 1.5em;
    border: 1px solid black;
    box-shadow: 10px 10px 5px #001534;
}

.text
{
    background-color: #001534;
    color: white;

}

.ImagesActus
{
    display: block;
    float: left;
    height: 230px;
    
}

h2
{
    padding: 20px;
    text-align: center;

}

#Titre
{
    text-align: center;
    text-decoration: underline;
    color: red;
}

.voirplus
{
    color: red;
    text-decoration: none;
}

.voirplus:visited
{
    color:blueviolet;
}

/*  Reseaux */

.reseaux
{
    width: 30px;
    margin: 0.3em;
}

#reseaux
{
    display: flex;
    position: fixed;
    right: 20px;
    top: 100px;
    flex-flow: column nowrap;
}

/*  Aside   */

ul
{
    margin-top: 100px;
    text-align: center;
    list-style-type: none;
}

aside
{
    background:linear-gradient(rgb(233, 255, 30), orange);
    float: right;
    width: 20%;
    height: 400px;
    border: solid black 1px;
}