1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns=
"http://www.w3.org/1999/xhtml">
5 <meta http-equiv=
"Content-Type" content=
"text/html; charset=UTF-8" />
6 <meta http-equiv=
"Content-Type" content=
"text/; charset=utf-8">
7 <link rel=
"stylesheet" type=
"text/css" href=
"css/habillage.css">
8 <title>L'Heureux Cyclage - Clavette
</title>
15 <a href=
"#"><img src=
"../Images/logo_heureux-cyclage.jpg" alt=
"logo_heureux-cyclage" width=
"300" /></a>
27 <div class="column large-3">-->
32 <div class=
"atelier1">
36 <a href=
"#"><h1>Atelier vélo d'Échirolles
</h1></a>
37 <a href=
"#"><h2>Halle du vieux village
<br>Échirolles
</h2></a>
38 <a href=
"#"><h2>horaires
</h2></a>
42 <div class=
"atelier2">
44 <a href=
"#"><h1>uN p'Tit véLo dAnS La Tête
</h1></a>
45 <a href=
"#"><h2>5 rue de Londres
<br>38000 GRENOBLE
</h2></a>
46 <a href=
"#"><h2>horaires
</h2></a>
50 <div class=
"atelier3">
52 <a href=
"#"><h1>Les Cycl'hauts du Rabot
</h1></a>
53 <a href=
"#"><h2>11, rue Maurice Gignoux
<br>38031 GRENOBLE
</h2></a>
54 <a href=
"#"><h2>horaires
</h2></a>
58 <div class=
"atelier4">
60 <a href=
"#"><h1>La Citrouille
</h1></a>
61 <a href=
"#"><h2>38000 Grenoble
</h2></a>
62 <a href=
"#"><h2>horaires
</h2></a>
66 <div class=
"atelier5">
68 <a href=
"#"><h1>Un Vélo de Plus
</h1></a>
69 <a href=
"#"><h2>adresse
</h2></a>
70 <a href=
"#"><h2>horaires
</h2></a>
74 <div class=
"atelier6">
76 <a href=
"#"><h1>Les déraillés
</h1></a>
77 <a href=
"#"><h2>adresse
</h2></a>
78 <a href=
"#"><h2>horaires
</h2></a>
82 <div class=
"atelier7">
84 <a href=
"#"><h1>Atelier Garave
</h1></a>
85 <a href=
"#"><h2>adresse
</h2></a>
86 <a href=
"#"><h2>horaires
</h2></a>
101 <!--<div class="column large 5">-->
105 <div class=
"article1">
107 <a href=
"#"><img src=
"../Images/velo-nb.png" alt=
"logo_heureux-cyclage" width=
"500px" /></a>
109 <a href=
"#"><h1>Titre de l'article
</h1></a>
111 <a href=
"#"><h3>Date — Auteur
</h3></a>
113 <a href=
"#"><p>extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article
</p></a>
118 <div class=
"article2">
122 <div class=
"article3">
126 <div class=
"article4">
141 <!--<div class="column large 4">-->
154 <div class="column large 4">-->