/** CSS PAGE CONTACT
 *  @author Sébastien Huguet <s.huguet@lyon.ort.asso.fr>
 *  Création :  04/04/2020
 */

.contenu
{
    display: flex;
    flex-grow: 2;
    flex-wrap: wrap;
    width: inherit;
    align-items: center;
    margin: 0;
    justify-content: space-between;
}
.galerie
{
    width: inherit;
    height: inherit;
    padding-bottom: 0;
    margin: 15px 0px;
}

.media a:hover
{
    border: 10px solid white;                   
}
.media img
{
    width: inherit;                           /* Taille s'adaptant à la div' */
    background-color: white;
    height: 300px;
}
.text
{
    margin-top: 30px;
    border-left: 5px solid #C0392B;
    word-wrap: break-word; 
    font-size: 25px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: #283E44;
    padding: 15px;
    background-color: whitesmoke;
}
.media
{
    height: auto;
}
.media a
{
  border-radius: 50%;
  /*display: inline-block;*/
}
a img
{
    width: inherit;
    height: inherit;
    border-radius: inherit;
}

.description
{
    background-color: whitesmoke;
    text-align: center;
    border-left: 5px solid #C0392B;
    border-radius: 50px;;
    width: 100%;
    margin: 5px 50px;
}
.description h2
{
    color: #C0392B;
    font-style: italic;
    font-size: 30px;
}
.description h3
{
    color: #283E44;
}