- <div id="ateliers">
-
-
-
- <ul>
- <li>
-
-
-
- <a href="#"><h1>Atelier vélo d'Échirolles</h1></a>
- <a href="#"><h2>Halle du vieux village<br>Échirolles</h2></a>
- <a href="#"><h2>horaires</h2></a>
-
- </li>
-
- <li>
-
- <a href="#"><h1>uN p'Tit véLo dAnS La Tête</h1></a>
- <a href="#"><h2>5 rue de Londres <br>38000 GRENOBLE</h2></a>
- <a href="#"><h2>horaires</h2></a>
-
- </li>
-
- <li>
-
- <a href="#"><h1>Les Cycl'hauts du Rabot</h1></a>
- <a href="#"><h2>11, rue Maurice Gignoux<br>38031 GRENOBLE</h2></a>
- <a href="#"><h2>horaires</h2></a>
-
- </li>
-
- <li>
-
- <a href="#"><h1>La Citrouille</h1></a>
- <a href="#"><h2>38000 Grenoble</h2></a>
- <a href="#"><h2>horaires</h2></a>
-
- </li>
-
- <li>
-
- <a href="#"><h1>Un Vélo de Plus</h1></a>
- <a href="#"><h2>adresse</h2></a>
- <a href="#"><h2>horaires</h2></a>
-
- </li>
-
- <li>
-
- <a href="#"><h1>Les déraillés</h1></a>
- <a href="#"><h2>adresse</h2></a>
- <a href="#"><h2>horaires</h2></a>
-
- </li>
-
- <li>
-
- <a href="#"><h1>Atelier Garave</h1></a>
- <a href="#"><h2>adresse</h2></a>
- <a href="#"><h2>horaires</h2></a>
-
- </li>
- </ul>
- </div>
+ <div class="col-12 col-m-6 col-l-3">
+ <div id="ateliers">
+ <ul>
+ <li>
+ <a href="#"><h1>Atelier vélo d'Échirolles</h1></a>
+ <a href="#"><p>Halle du vieux village</p>
+ <p>Échirolles</p></a>
+ <a href="#"><p>horaires</p></a>
+ </li>
+ <li>
+ <a href="#"><h1>uN p'Tit véLo dAnS La Tête</h1></a>
+ <a href="#"><h2>5 rue de Londres <br>38000 GRENOBLE</h2></a>
+ <a href="#"><h2>horaires</h2></a>
+ </li>
+ <li>
+ <a href="#"><h1>Les Cycl'hauts du Rabot</h1></a>
+ <a href="#"><h2>11, rue Maurice Gignoux<br>38031 GRENOBLE</h2></a>
+ <a href="#"><h2>horaires</h2></a>
+ </li>
+ <li>
+ <a href="#"><h1>La Citrouille</h1></a>
+ <a href="#"><h2>38000 Grenoble</h2></a>
+ <a href="#"><h2>horaires</h2></a>
+ </li>
+ <li>
+ <a href="#"><h1>Un Vélo de Plus</h1></a>
+ <a href="#"><h2>adresse</h2></a>
+ <a href="#"><h2>horaires</h2></a>
+ </li>
+ <li>
+ <a href="#"><h1>Les déraillés</h1></a>
+ <a href="#"><h2>adresse</h2></a>
+ <a href="#"><h2>horaires</h2></a>
+ </li>
+ <li>
+ <a href="#"><h1>Atelier Garave</h1></a>
+ <a href="#"><h2>adresse</h2></a>
+ <a href="#"><h2>horaires</h2></a>
+ </li>
+ </ul>
+ </div>
+ </div>