/**
 * @author Thomas Crespin <thomas.crespin@sesamath.net>
 */
body {margin:0;background:#FFF;font-family:"Roboto",sans-serif;}
h1{margin: 0.3em 1em; text-align:center;}
main{display: flex;flex-direction: column;align-items: center;min-width: 500px;}
p {margin:1em}
p.retour { font-size: 0.9em;margin: 0.5em;}
main p, main div {max-width: 90%;}
main ul { list-style-type: none;}
main ul ul li::before {
  content: url(icon16.png);
  margin-right: 4px;
}
main > ul > li {
  margin-bottom: 1em;
}
video{margin:0.2em auto; width: fit-content;}
a      {color:#139;text-decoration:none;}
a:hover{color:#D41;text-decoration:underline}
a.actif{color:#D41}
.chapters {
  display: flex;
  align-items: center;
}
.chapters ul {
  list-style: none;
  display: flex;
  /*flex-wrap: wrap;*/
  justify-content: space-evenly;
  align-items: center;
  margin-left: 1em;
  padding: 0;
}
.chapters li {
  margin: 0 0.5em;
  text-align: center;
}
.chapters a {
  color: hsl(200, 60%, 25%);
}
.chapters a:hover {
  color: hsl(200, 80%, 50%);
}