* {box-sizing: border-box;}

body {font-family: Verdana, Arial, sans-serif;}

/* Style the header */
header {
  background-color: #FFFFFF;
  padding: 0px 10px 10px 0px;
  text-align: left;
  font-size: 20px;
}

/* Container for flexboxes */
section {
  display: -webkit-flex;
  display: flex;
 border: 2px solid #000000;
}

/* Style the navigation menu */
nav {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #000000;
  padding: 20px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  font-family: Copperplate, Papyrus, fantasy;
  color: #FFFFFF;
  text-align: center;
}

/* Style the list inside the menu */
nav ul {
  list-style-type: none;
  padding: 0px;
}


/* Style the content */
article {
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  background-color: #D9EAD3;
  padding: 18px;
  font-family: Georgia, Garamond, serif;
}

/* Style the footer */
footer {
  background-color: #444444;
  padding: 5px;
  text-align: center;
  font-size: 80%;
  color: white;
}

/* Responsive layout - makes the menu and the content (inside the section) sit on top of each other instead of next to each other */
@media (max-width: 600px) {
  section {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}



.titre {color: #000000; font-weight: bold; text-align: left; margin-top:0; margin-bottom:0; border-top: 2px solid #000000}
.soustitre {color: #000000; font-weight: bold; text-align: left; margin-top:0; margin-bottom:0}

.menutitre {text-align:center; padding:0px; margin:0px; color:#FFFFFF; border-bottom:2px solid #FFFFFF}

.listpad {padding-bottom:15px}

.contact {padding-bottom:15px}

a.menu:link {color: #FFFFFF; text-decoration: none; padding-left: 4px}
a.menu:visited {color: #999999; text-decoration: none; padding-left: 4px}
a.menu:hover {color: #999999; text-decoration: underline; padding-left: 4px}
p.menu {text-align: center}

a.contact:link {background: #000000; color: #ffffff; text-decoration: none; padding: 4px}
a.contact:hover {background: #ffffff; color: #000000; text-decoration: underline; border: 2px solid; padding: 4px}


.titretext {text-align:center; color:#000000; margin-top: 0px; padding-top: 0px}
.corpstext {text-align: justify}

a.foot:link {color:#ffffff; text-decoration: none}
a.foot:visited {color:#1e90ff; text-decoration: none}
a.foot:hover {color:#c2e4f1; text-decoration: underline}

.github {font-size: 75%}