```{htmlonly}

<style>
.button {
  background-color: white;
  border: 1px solid;
  border-color: black;
  font-family:"Lato",sans-serif;
  font-weight:350;
  color: black!important;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.button:hover {
  text-decoration:none;
  background-color: black; 
  color: white!important;
}
.round-button {
    display:block;
    width:100px;
    height:100px;
    line-height:17px;
    border:0px ;
    border-radius: 50%;
    color:#6069db;
    text-align:center;
    text-decoration:none;
    display: table-cell;
    vertical-align: middle;
    background: #6069db;
    box-shadow: 0 0 0px gray;
    font-size:14px;
    font-weight:bold;
    }
</style>

<div align="right"> 
    <a href="https://files.modulo-info.ch/Algorithmique_20220322_I.pdf" target="_blank" class="round-button">
         <font color=white id="demo">Cliquer ici pour <br>dossier</font>
    </a>
</div>

```


(algo1)=
# Algorithmique I

```{toctree}
:maxdepth: 1
:hidden:
:numbered: 0
intro
```

```{toctree}
:maxdepth: 2
:hidden:
:numbered: 2
algorithmes
tri
algo-progs
conclusion
```



```{htmlonly}

<meta http-equiv="Refresh" content="0; url='intro.html'" />

```