p {
  padding: 0px;
  margin-top: 1em;
  margin-bottom: 1.5em;
}

#pdg {
  margin-top: 2em;
  margin-bottom: 2em;
}

.premier_p {
  margin-top: 0em;
}

.date {
  margin-top: 1em;
  margin-bottom: 4em;
  font-style: oblique;
  text-align: right;
}

body,
header,
section,
aside,
footer {
  color: black;
  font-family: Times New Roman
}

header {
  background-color: black; 
}

#title {
  color: white;
  font-weight: normal;
  font-size: x-large;
  margin-top: 0.5em;
  margin-bottom: 0.5em; 
}
#subtitle {
  color: white;
  font-size: large;
  margin-bottom: 0.5em;
  margin-top: 0;
  font-weight: 100;
}

#titre_article {
    font-size: large;
    font-weight:bold;
}

aside {
  border-right: thick solid black;
  min-width: 8em;
}

article {
  text-align: justify;
  max-width: 70%;
}

.container1 {
  display: flex;
  border-left: thick solid black;
  border-right: thick solid black;
}

.container2 {
    padding : 2em 2em 2em 2em;
}

footer {
    clear: both;
    border: thick solid black;
}

table, th, td {
  border: 1px solid black;
}

td {
 padding-left: 0.5em;
 padding-right: 0.5em;
}

#myInput {
  margin-bottom: 1em; 
}

/* Comportement des liens */
a { text-decoration : underline; }
a:link { color: black; }
a:visited { color : black; }

/* pour mobile */
@media only screen and (max-device-width: 480px) {
  
  aside {
    border-bottom: thick solid black;
    border-right:0;
  } 
  
  .container1 {
    flex-direction: column;
  }

  article {
    text-align: justify;
    max-width: 90%;
  }
 }