:root{--color-less:lightgray;--bkg-color:#f9f9f9;--main-width-t:min(500px, 80%);-red:1}body{color:#222;font-family:trebuchet ms,sans-serif;line-height:1.5;margin:1rem;max-width:768px;background-color:var(--bkg-color)}header{border-bottom:1px solid #222;margin-bottom:1rem;align-self:center;text-anchor:middle;text-transform:uppercase;color:gray}footer{border-top:1px solid #222;margin-top:1rem;text-align:center}hr{color:var(--color-less);display:block;height:1px;border:1px;background-color:red;border-top:8px solid #d3d3d3;margin:1em 0;padding:0}h1{text-align:center;text-transform:capitalize}.titree{color:var(--color-less)}a{color:#87cefa;text-decoration:none;text-align:center;text-anchor:middle}.main{margin:auto;left:calc(100%/2 - var(--main-width-t)/2);width:var(--main-width-t);position:absolute;--padding-bottom:100%;background-color:#fff;border-radius:10px}.main-pad{margin:1%;height:100%;width:100%;position:absolute}.titre{text-align:center;display:inline}nav{display:inline;right:0%;position:absolute}ul{align-self:center}li{list-style-position:inside;margin:5px;display:inline;list-style:square;text-anchor:middle}.navclass{display:inline;margin-left:5px}.navclass_master{right:0%;display:inline;position:absolute}.time{width:100%;font-style:italic;color:var(--color-less);text-align:center}em{color:var(--color-less)}strong{text-decoration-line:underline;text-decoration-color:var(--color-less)}