@import url("../fonts/eb-garamond/style.css");
@import url("../fonts/coelacanth/style.css");
@import url("../fonts/cascadia-code/style.css");

* {
    box-sizing: border-box;
}
body
{
	margin: 0px;
	font-family: "EB Garamond Regular", Garamond, "Times New Roman", Times, serif;
}

header
{
	min-width: 600px;
	margin: 0px;
	height: 60px;
	display: flex;
	justify-content: space-between;
	background-color: #22228a;
	color: #cbcbed;
}

header nav ul
{
    flex-direction: row;
}

header nav li
{
    margin-bottom: 0em;
    margin-right: .5em;
}

header nav {
	font-family: 'Coelacanth', 'Georgia', serif;
	min-width: 0px;
	padding-top: 1ex;
	border-width: 0px;
	border-left-width: 0px;
	background-color: #22228a;
}

header nav a, beader nav a:visited
{
    font-size: 1.3em;
    color: #cbcbed;
    padding-bottom: 3px;
    text-decoration: none;
}

header nav a:hover
{
    color: #217ed4;
    border-bottom: 3px solid #217ed4;
}

.news p {
	margin: 0px;
}

.content
{
	display: flex;
	min-width: 600px;
}

#main
{
	display: flex;
	flex: 50%;
	flex-direction: column;
	padding: 1ex;
}


code, .code {
	font-family: 'Cascadia Code', 'Courier New', monospace;
	font-size: 0.9em;
}

nav
{
	font-family: 'Coelacanth', 'Georgia', serif;
	min-width: 150px;
	background-color: #cbcbed;
	padding-right: 1em;
}

/* Navigation */

nav ul
{
    list-style-type: none;
    display: flex;
    flex-direction:column;
}

nav ul ul
{
    padding-top: 0.7em;
}

nav li
{
    margin-bottom: .5em;
}

nav a, nav a:visited
{
    font-size: 1.3em;
    color: #000000;
    padding-bottom: 1px;
    padding-top: 2px;
    text-decoration: none;
}

a {
    color: #217ed4;
}

a:visited {
    color: #d021d4;
}

nav a:hover, nav a.current {
    color: #217ed4;
    border-bottom: 3px solid #217ed4;
}

h1 {
	font-family: 'Coelacanth', 'Georgia', serif;
    text-align: center;
    border-bottom: 1px solid grey;
}

section p {
    text-align: justify;
    word-wrap: break-word;
}

h2
{
	font-family: 'Coelacanth', 'Georgia', serif;
	font-size: 1.2em;
}

p.signature
{
	margin-top: 1em;
	margin-bottom: 1ex;
    text-align: right;
}

footer
{
	min-width: 600px;
	padding: 20px;
	background: #f0f0fd;
	text-align: center;
}

footer p {
	margin: 0ex;
	font-size: small;
}

footer p#copy
{
	font-size: large;
}

table
{
    border-collapse: collapse;
    width: 100%;
}
td, th /* Mettre une bordure sur les td ET les th */
{
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
}

th {
	font-size:large;
}

td:first-of-type {
	font-size: 1.2em;
	text-align: center;
}

.logo-list {
	font-family: 'Coelacanth', 'Georgia', serif;
	min-width: 150px;
	background-color: #cbcbed;
	padding-right: 1em;
	border: 2px solid;
	text-align: center;
}

.logo-list ul
{
    list-style-type: none;
    text-align: center;
}

.logo-list li
{
    display: inline;
	margin-bottom: 1em;
    margin-right: 2em;
}