body
{
	color: gray;
	font-size: 1em;
    font-family: "courier new", arial, verdana, impact, sans-serif;
}
/*
header
{
    width: 40%;
} */


h1
{
    background-color: orange;
	color: black;
    font-size: 2.5em;
    font-family: arial, verdana, impact, sans-serif;
    text-decoration: overline;
}

h3
{
    color: silver;
    font-size: 1em;
    font-family: "courier new", arial, verdana, impact, sans-serif;
}

em
{
    font-style: italic;
}

ul ul
{
    color: #A9A9A9;
}

ul ul a
{
    color: #A9A9A9;
    text-decoration: none;
}

a
{
    color: gray;
    text-decoration: none;
}

a:hover
{
    color: black;
    text-decoration: overline underline;

}

a:active
{
    color: black;
    background-color: black;
}

ul ul ul
{display: none; position: absolute; left: 230px; top: 0px; margin: 0px; padding: 0px;}

li 
{position: relative; width: 240px;}

li:hover ul.niveau2, li li:hover ul.niveau3 {display:block;}



#conteneur
{
    display: flex;
    flex-direction: row;
    justify-content:space-between;
}

#conteneur1
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 70px;
}

#conteneur2
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.element1
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 850px;
    /* max-width: 70%; */
}

#conteneur3
{
    display: flex;
    flex-direction: column;
    align-items: center;
}