body {
  display: grid;
  grid-template-columns: 200px 10px auto;
}
a {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
}
a:link { /* lien non visité */
  color: #FFA832;
}
a:visited { /* lien déjà visité */
  color: #1c528a;
}
a:hover { /*positionnement de la souris sur le lien */
  font-weight: bolder;
  background: #FFA832;
  color: #1c528a;
}
a:active { /* lien sélectionné */
  color: #1c528a;
}
ul {
  list-style-position: inside;
  list-style-type: disc;
}
ul li::marker {
  color:#FFA832;
  font-size: 1.5em;
}
entete {
  grid-column: 1/ span 3;
  font-size:25px; 
  line-height:3;
  font-weight:bolder;
  background-color:#1c528a;
  color:white;
  text-align:center;
  vertical-align:middle;
}
date {
  grid-column: 1; /* placement en colonne 1 */
  margin-top:20px;
  margin-bottom:20px;
  margin-right:0px;
  margin-left:20px;
  padding:10px;
}
vertical {
  grid-column: 2; /* placement en colonne 2 */
  border-right: solid;
  border-right-color:#A9A9A9;
  margin-top:20px;
  margin-bottom:20px;
  padding:0px;
}
contenu {
  grid-column: 3; /* placement en colonne 3 */
  margin-top:20px;
  margin-bottom:20px;
  margin-right:20px;
  margin-left:10px;
  padding:10px;
}
horizontal {
  grid-column: 1/ span 3;
  border-top:solid;
  border-top-color:#1c528a;
  margin-left:20px;
  margin-right:20px;
  padding:0px;
}
.jour {
  display:block;
  font-size:25px;
  font-weight:bolder;
  line-height:1.5;
  color:#1c528a;
  text-align:center;
}
.mois {
  display:block;
  font-size:20px;
  font-weight:bolder;
  line-height:1.5;
  color:#FFA832;
  text-align:center;
}
.typeSeance {
  display:block;
  font-size:15px;
  font-weight:bolder;
  line-height:1.5;
  color:#A9A9A9;
  text-align:center;
}
.titreSeance{
  display:block;
  font-size:16px;
  font-weight:bolder;
  text-align:left;
  color:#1c528a ;
}

