https://mediatheque-agglo-troyes.fr/

1<!DOCTYPE html>
2<html lang="fr">
3<head>
4<meta charset="UTF-8">
5<title>Médiathèque Troyes : horaires, animations et catalogue</title>
6<meta name="description" content="Découvrez les médiathèques de Troyes : horaires, événements, catalogue en ligne, inscriptions et services.">
7<meta name="viewport" content="width=device-width, initial-scale=1.0">
8
9<style>
10body {font-family: Arial; margin:0; background:#f5f5f5; color:#333;}
11header {background:#34495e; color:white; padding:20px; text-align:center;}
12nav {background:#2c3e50; padding:10px; text-align:center;}
13nav a {color:white; margin:10px; text-decoration:none;}
14.container {max-width:1100px; margin:auto; padding:20px;}
15.hero {background:white; padding:30px; border-radius:10px; text-align:center;}
16.section {margin-top:40px;}
17.grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:20px;}
18.card {background:white; padding:20px; border-radius:10px;}
19button {background:#e74c3c; color:white; border:none; padding:10px; cursor:pointer;}
20.footer {background:#2c3e50; color:white; text-align:center; padding:20px; margin-top:40px;}
21</style>
22
23</head>
24
25<body>
26
27<header>
28<h1>Médiathèques de Troyes</h1>
29<p>Culture, lecture, musique et événements près de chez vous</p>
30</header>
31
32<nav>
33<a href="#">Accueil</a>
34<a href="#">Catalogue</a>
35<a href="#">Horaires</a>
36<a href="#">Animations</a>
37<a href="#">Services</a>
38<a href="#">Contact</a>
39<a href="/blog/">Blog</a>
40</nav>
41
42<div class="container">
43
44<!-- HERO -->
45<div class="hero">
46<h2>Rechercher dans le catalogue</h2>
47<input type="text" placeholder="Livre, auteur, film..." style="padding:10px; width:60%;">
48<br><br>
49<button>Rechercher</button>
50</div>
51
52<!-- SERVICES -->
53<div class="section">
54<h2>Les services de la médiathèque</h2>
55
56<div class="grid">
57
58<div class="card">
59<h3>S’inscrire</h3>
60<p>Accédez à des milliers de livres, films et ressources numériques.</p>
61</div>
62
63<div class="card">
64<h3>Emprunter</h3>
65<p>Prêts de livres, DVD, musique et documents numériques.</p>
66</div>
67
68<div class="card">
69<h3>Compte lecteur</h3>
70<p>Consultez vos prêts et prolongez en ligne.</p>
71</div>
72
73</div>
74
75</div>
76
77<!-- EVENEMENTS -->
78<div class="section">
79<h2>

79Événements à venir</h2>
80
81<div class="grid">
82
83<div class="card">
84<h3>Conférence : Montaigne et ses œuvres</h3>
85<p>Présentation des Essais et de leur histoire éditoriale.</p>
86<p><strong>Date :</strong> 7 juin</p>
87</div>
88
89<div class="card">
90<h3>Concert Rock</h3>
91<p>Par l’atelier du Conservatoire Marcel Landowski.</p>
92<p><strong>Date :</strong> 11 juin</p>
93</div>
94
95<div class="card">
96<h3>Découverte musicale : Accordéon</h3>
97<p>Initiation à l’accordéon diatonique.</p>
98<p><strong>Date :</strong> 13 juin</p>
99</div>
100
101</div>
102
103</div>
104
105<!-- HORAIRES -->
106<div class="section">
107<h2>Horaires</h2>
108
109<div class="card">
110<p>Lundi - Vendredi : 9h00 - 18h00</p>
111<p>Samedi : 10h00 - 17h00</p>
112<p>Dimanche : Fermé</p>
113</div>
114
115</div>
116
117<!-- ACTUALITES -->
118<div class="section">
119<h2>Actualités</h2>
120
121<div class="card">
122<h3>Travaux en cours</h3>
123<p>Certaines salles seront fermées durant l’été pour rénovation.</p>
124</div>
125
126<div class="card">
127<h3>Visite virtuelle disponible</h3>
128<p>Explorez la médiathèque depuis chez vous.</p>
129</div>
130
131</div>
132
133<!-- CTA -->
134<div class="section">
135<div class="card" style="text-align:center;">
136<h2>Une question ?</h2>
137<p>Contactez la médiathèque ou posez votre question en ligne</p>
138<button>Nous contacter</button>
139</div>
140</div>
141
142</div>
143
144<div class="footer">
145<p>© Médiathèque de Troyes - Tous droits réservés</p>
146</div>
147
148</body>
149</html>