PageSourceSearch

https://comprendre-epoque.netlify.app/

html comprendre-epoque.netlify.app collected 2026-10-03 10:35:55 UTC 20,793 bytes, 334 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr_Fr" class="no-js h-full min-h-full">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6    <meta name="HandheldFriendly" content="True">
7    <meta name="MobileOptimized" content="320">
8    <meta name="viewport" content="width=device-width,minimum-scale=1">
9    <meta http-equiv="Accept-CH" content="DPR, Viewport-Width, Width">
10    <link rel="dns-prefetch" href="//www.google-analytics.com">
11    <link rel="preconnect" href="https://cloud.typography.com" crossorigin>
12    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
13    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
14    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
15    <link rel="manifest" href="/manifest.json">
16    <meta name="theme-color" content="#ffffff">
17    <title>Comprendre Notre Époque</title>
18
19
20
21<link rel="canonical" href="https://www.comprendrenotreepoque.org/">
22
23<meta name="description" content="En quoi les sciences humaines et sociales peuvent-elles nous permettre de mieux comprendre et vivre ensemble notre époque ?">
24
25<meta name="robots" content="index, follow">
26
27<meta property="og:title" content="Accueil">
28<meta property="og:type" content="website">
29<meta property="og:image" content="https://www.comprendrenotreepoque.org/logo_cne_text.png">
30<meta property="og:url" content="https://www.comprendrenotreepoque.org/">
31
32
33
34<meta property="og:locale" content="en">
35
36
37
38<meta property="og:image:url" content="https://www.comprendrenotreepoque.org/logo_cne_text.png">
39
40
41
42<meta property="og:image:height">
43<meta property="og:image:alt" content="Alt Image">
44
45
46
47
48
49
50<meta name="twitter:card" content="summary_large_image">
51<meta name="twitter:site" content="@missingTwitterHandle">
52
53
54
55
56<meta name="twitter:creator" content="@missingTwitterHandle">
57
58  <link rel="stylesheet" href="/_astro/_...slug_.7cd50d5d.css" />
59<link rel="stylesheet" href="/_astro/index.29b1a0c1.css" />
60<link rel="stylesheet" href="/_astro/_...page_.a6696ec0.css" />
60<script type="module">document.getElementById("mobile-nav-trigger").addEventListener("click",function(e){document.getElementById("mobile-menu").classList.toggle("hidden")});
61</script>
61</head>
62  <body class="text-black flex flex-col min-h-screen">
63    <div id="content">
64      
65<div class="bg-gray-600 text-white py-2 astro-DMQPWCEC">
66  <div class="flex justify-end md:justify-between max-w-5xl mx-auto px-4 astro-DMQPWCEC">
67    <div class="hidden md:block astro-DMQPWCEC"><a href="mailto:[email protected]" class="astro-DMQPWCEC">[email protected]</a></div>
68    <div class="flex astro-DMQPWCEC">
69      <a href="https://www.facebook.com/COMPRENDRENOTREEPOQUE/" class="astro-DMQPWCEC">
70          <svg viewBox="0 0 24 24" class="astro-DMQPWCEC" astro-icon="ri:facebook-fill"><path fill="currentColor" d="M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4v-8.5z"/></svg>
71        </a><a href="https://www.youtube.com/channel/UC8IbYJEZKPY3TpCsY6unE2w?view_as=subscriber" class="astro-DMQPWCEC">
72          <svg viewBox="0 0 384 488" class="astro-DMQPWCEC" astro-icon="ps:youtube"><path fill="currentColor" d="M325 339h-25v-15q0-12 12-12h1q12 0 12 12v15zm-95-32q-12 0-12 10v71q0 10 12 10t12-10v-71q0-10-12-10zm154-40v136q0 25-18.5 42T321 462H63q-26 0-44.5-17T0 403V267q0-24 18.5-41.5T63 208h258q26 0 44.5 17.5T384 267zM80 418V275h32v-21l-85-1v21h26v144h27zm96-122h-27v95q-2 5-7 6.5t-8-5.5v-19l-1-77h-26v100q2 17 7 20 9 6 22.5.5T155 402v16h21V296zm85 88v-64q0-19-12-26t-30 7v-47h-27v163h22l2-11q21 18 33.5 10t11.5-32zm84-9h-20v14q0 11-11 11h-4q-11 0-11-11v-29h46v-17q0-26-1-33-3-16-21.5-20t-30.5 5q-8 7-11 15-3 10-3 27v38q0 37 28 43 24 5 35-16 7-11 4-27zM242 169q2 5 7 8 4 3 11 3 6 0 10-3t7-9v10h30V51h-24v99q0 10-10 10-9 0-9-10V51h-25v86q0 18 1 22 0 4 2 10zm-90-71q0-18 3-29 3-9 11-16 8-6 20-6 11 0 18 4 7 3 11 10 4 5 6 13 1 5 1 21v32q0 20-1 26-1 7-6 15-3 5-11 11-8 3-16 3-10 0-18-3-7-3-11-9-4-8-5-14-2-10-2-25V98zm23 50q0 5 3.5 9t8.5 4q12 0 12-13V81q0-13-12-13t-12 13v67zm-82 34h28V85l33-83h-30l-18 62L88 2H58l35 83v97z"/></svg>
73        </a>
74    </div>
75  </div>
76</div>
77<nav class="bg-white mx-auto max-w-5xl astro-DMQPWCEC">
78  <div class=" px-4 sm:px-6 lg:px-8 lg:py-6 astro-DMQPWCEC">
79    <div class="flex h-16 justify-between astro-DMQPWCEC">
80      <div class="flex astro-DMQPWCEC">
81        <a href="/" class="flex flex-shrink-0 items-center astro-DMQPWCEC">
82          <img class="block h-14 w-auto lg:hidden astro-DMQPWCEC" src="/logo_cne_text.png" alt="Your Company">
83          <img class="hidden h-14 w-auto lg:block astro-DMQPWCEC" src="/logo_cne_text.png" alt="Your Company">
84        </a>
85        <div class="hidden sm:ml-6 sm:flex sm:space-x-8 astro-DMQPWCEC">
86          <!-- Current: "", Default: "" -->
87          <a href="/definitions" class="inline-flex items-center border-b-2 px-1 pt-1 text-xl font-medium border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 astro-DMQPWCEC">Présentation</a><a href="/livres" class="inline-flex items-center border-b-2 px-1 pt-1 text-xl font-medium border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 astro-DMQPWCEC">Livres</a><a href="/videos" class="inline-flex items-center border-b-2 px-1 pt-1 text-xl font-medium border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 astro-DMQPWCEC">Vidéos</a><a href="/evenements" class="inline-flex items-center border-b-2 px-1 pt-1 text-xl font-medium border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 astro-DMQPWCEC">Évènements</a><a href="/adhesion" class="inline-flex items-center border-b-2 px-1 pt-1 text-xl font-medium border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 astro-DMQPWCEC">Adhésion</a><a href="/contact" class="inline-flex items-center border-b-2 px-1 pt-1 text-xl font-medium border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 astro-DMQPWCEC">Contact</a><a href="https://open.spotify.com/show/7qZZCoJwLkzBeaTp4rX1Df?si=db1aea1f1daa4283" target="_blank" class="inline-flex items-center border-b-2 px-1 pt-1 text-xl font-medium border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 astro-DMQPWCEC">Podcasts</a>
88        </div>
89      </div>
90      <div class="-mr-2 flex items-center sm:hidden astro-DMQPWCEC">
91        <!-- Mobile menu button -->
92        <button id="mobile-nav-trigger" type="button" class="inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 astro-DMQPWCEC" aria-controls="mobile-menu" aria-expanded="false">
93          <span class="sr-only astro-DMQPWCEC">Open main menu</span>
94          <!--
95            Icon when menu is closed.
96
97            Menu open: "hidden", Menu closed: "block"
98          -->
99          <svg class="block h-6 w-6 astro-DMQPWCEC" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
100            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" class="astro-DMQPWCEC"></path>
101          </svg>
102          <!--
103            Icon when menu is open.
104
105            Menu open: "block", Menu closed: "hidden"
106          -->
107          <svg class="hidden h-6 w-6 astro-DMQPWCEC" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
108            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" class="astro-DMQPWCEC"></path>
109          </svg>
110        </button>
111      </div>
112    </div>
113  </div>
114
115  <!-- Mobile menu, show/hide based on menu state. -->
116  <div class="hidden sm:hidden astro-DMQPWCEC" id="mobile-menu">
117    <div class="space-y-1 pt-2 pb-3 astro-DMQPWCEC">
118      <!-- Current: "bg-indigo-50 border-indigo-500 text-indigo-700", Default: "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700" -->
119      <a href="/definitions" class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-700 astro-DMQPWCEC">Présentation</a><a href="/livres" class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-700 astro-DMQPWCEC">Livres</a><a href="/videos" class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-700 astro-DMQPWCEC">Vidéos</a><a href="/evenements" class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-700 astro-DMQPWCEC">Évènements</a><a href="/adhesion" class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-700 astro-DMQPWCEC">Adhésion</a><a href="/contact" class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-700 astro-DMQPWCEC">Contact</a><a href="https://open.spotify.com/show/7qZZCoJwLkzBeaTp4rX1Df?si=db1aea1f1daa4283" target="_blank" class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-700 astro-DMQPWCEC">Podcasts</a>
120    </div>
121  </div>
122</nav>
123      <main role="main">
124        <div>
125  <div>
126      <div class="wrapper relative h-[415px] flex justify-center items-center astro-Q7YRDV5D" style="background-image:url(https://cdn.sanity.io/images/96b40k9i/production/56cf6fcfcb08ae6a079778c741321eb9f580909d-806x434.jpg?w=1000&#38;fm=webp&#38;fit=scale)">
127	<div class="fade astro-Q7YRDV5D"></div>
128	<div class="relative text-center z-10 max-w-xl astro-Q7YRDV5D">
129		<img class="inline-block w-[368px] astro-Q7YRDV5D" src="/logo_cne_text.png" alt="Logo de Comprendre Notre Époque">
130		<div class="text-xl text-white astro-Q7YRDV5D">
131			En quoi les sciences humaines et sociales peuvent-elles 
132nous permettre de mieux comprendre et vivre ensemble notre époque?
133		</div>
134	</div>
135</div>
136    </div><div>
137      <div class="max-w-5xl mx-auto py-12 px-8 astro-PIJH5GC3">
138  <div class="flex sm:justify-center mb-8 astro-PIJH5GC3">
139    <div class="border-b-4 border-blue-500 astro-PIJH5GC3">
140      <h2 class="text-4xl md:text-5xl font-bold my-2 leading-none ">
141    Évènements
142  </h2>
143    </div>
144  </div>
145  <ul class=" astro-PIJH5GC3">
146    <li class="mb-8 astro-PIJH5GC3">
147        <a href="/evenements/le-meilleur-des-mondes-quelles-resonnances-avec-notre-epoque" class="astro-PIJH5GC3">
148          <h4 class="mb-2 astro-PIJH5GC3">
149            <span class="inline-block uppercase border-b-4 border-blue-500 astro-PIJH5GC3">            Samedi 10 octobre 2026 à 10h30</span>
150          </h4>
151          <div class="astro-PIJH5GC3">Le meilleur des mondes – Quelles résonnances avec notre époque ?</div>
152          <div class="flex items-center  astro-PIJH5GC3">
153            Librairie-café Antiope – 4, passage Gruffaz – 74000 Annecy
154          </div>
155        </a>
156      </li><li class="mb-8 astro-PIJH5GC3">
157        <a href="/evenements/les-defis-du-vivre-ensemble-aujourd-hui-quelles-lecons-tirer-de-la-prehistoire" class="astro-PIJH5GC3">
158          <h4 class="mb-2 astro-PIJH5GC3">
159            <span class="inline-block uppercase border-b-4 border-blue-500 astro-PIJH5GC3">            Lundi 5 octobre 2026 à 18h30</span>
160          </h4>
161          <div class="astro-PIJH5GC3">Les défis du vivre-ensemble aujourd’hui. Quelles leçons tirer de la préhistoire ?</div>
162          <div class="flex items-center  astro-PIJH5GC3">
163            Maison des solidarités locales et internationales – 215 rue Vendôme, 69003 Lyon
164          </div>
165        </a>
166      </li><li class="mb-8 astro-PIJH5GC3">
167        <a href="/evenements/les-reseaux-sociaux-a-l-origine-de-l-anxiete-des-jeunes" class="astro-PIJH5GC3">
168          <h4 class="mb-2 astro-PIJH5GC3">
169            <span class="inline-block uppercase border-b-4 border-blue-500 astro-PIJH5GC3">            Samedi 19 septembre 2026 à 10h30</span>
170          </h4>
171          <div class="astro-PIJH5GC3">Les réseaux sociaux à l’origine de l’anxiété des jeunes ?</div>
172          <div class="flex items-center  astro-PIJH5GC3">
173            Librairie-café Antiope – 4, passage Gruffaz – 74000 Annecy
174          </div>
175        </a>
176      </li><li class="mb-8 astro-PIJH5GC3">
177        <a href="/evenements/3G" class="astro-PIJH5GC3">
178          <h4 class="mb-2 astro-PIJH5GC3">
179            <span class="inline-block uppercase border-b-4 border-blue-500 astro-PIJH5GC3">            Lundi 1 juin 2026 à 18H30</span>
180          </h4>
181          <div class="astro-PIJH5GC3">Les enjeux éthiques de l’intelligence artificielle : quelles responsabilités individuelle et collective face à l’IA ?   </div>
182          <div class="flex items-center  astro-PIJH5GC3">
183            Maison des solidarités locales et internationales - 215 rue Vendôme, Lyon 69003 - Accès public : par la rue Chaponnay
184          </div>
185        </a>
186      </li>
187  </ul>
188  <div class="flex justify-center mt-16 astro-PIJH5GC3">
189    <a class="py-2 px-4 font-bold transition uppercase text-sm bg-blue-500 hover:bg-blue-700 text-white" href="/evenements">Archive des évènements</a>
190  </div>
191</div>
192    </div><div>
193      <div>
194  <div class="max-w-5xl mx-auto py-12 px-8">
195    <div class="flex justify-center mb-8">
196      <div class="border-b-4 border-blue-500">
197        <h2 class="text-4xl md:text-5xl font-bold my-2 leading-none ">
198    Livres
199  </h2>
200      </div>
201    </div>
202    <div class="grid sm:grid-cols-4 gap-12 sm:gap-8">
203      <div class="flex flex-col justify-between">
204  <div>
205    <a href="/livres/education-populaire-une-utopie-d-avenir" class="hidden sm:block">
206        <img class="border mb-4" src="https://cdn.sanity.io/images/96b40k9i/production/c904d777bafd22078ebf6e9e6d752ced0b718cf8-414x500.webp?w=400" alt="">
207      </a>
208    <div>  Franck Lepage , Nicolas Roméas (Préfacier), Collectif </div>
209    <h3 class="text-xl font-bold my-2 leading-none ">
210    Education populaire, une utopie d&#39;avenir
211  </h3>
212  </div>
213  <div class="mt-4">
214    <a class="py-2 px-4 font-bold transition uppercase text-sm block bg-white border border-blue-500 text-blue-500 hover:bg-blue-500 hover:text-white" href="/livres/education-populaire-une-utopie-d-avenir">Continuez la lecture</a>
215  </div>
216</div><div class="flex flex-col justify-between">
217  <div>
218    <a href="/livres/l-individu-incertain" class="hidden sm:block">
219        <img class="border mb-4" src="https://cdn.sanity.io/images/96b40k9i/production/3d8a496868cf75aa2ab11bbec8862ff4724043af-323x500.jpg?w=400" alt="">
220      </a>
221    <div>Alain Ehrenberg </div>
222    <h3 class="text-xl font-bold my-2 leading-none ">
223    L&#39;individu incertain
224  </h3>
225  </div>
226  <div class="mt-4">
227    <a class="py-2 px-4 font-bold transition uppercase text-sm block bg-white border border-blue-500 text-blue-500 hover:bg-blue-500 hover:text-white" href="/livres/l-individu-incertain">Continuez la lecture</a>
228  </div>
229</div><div class="flex flex-col justify-between">
230  <div>
231    <a href="/livres/aliénation-et-accélération-vers-une-théorie-critique-de-la-modernité-tardive" class="hidden sm:block">
232        <img class="border mb-4" src="https://cdn.sanity.io/images/96b40k9i/production/dd30539cf4866300f2f50e0c3bc04c9c32a78a3b-303x500.jpg?w=400" alt="">
233      </a>
234    <div>
234Rosa Hartmut </div>
235    <h3 class="text-xl font-bold my-2 leading-none ">
236    Aliénation et accélération - Vers une théorie critique de la modernité tardive
237  </h3>
238  </div>
239  <div class="mt-4">
240    <a class="py-2 px-4 font-bold transition uppercase text-sm block bg-white border border-blue-500 text-blue-500 hover:bg-blue-500 hover:text-white" href="/livres/aliénation-et-accélération-vers-une-théorie-critique-de-la-modernité-tardive">Continuez la lecture</a>
241  </div>
242</div><div class="flex flex-col justify-between">
243  <div>
244    <a href="/livres/non-lieux-introduction-à-une-anthropologie-de-la-surmodernité" class="hidden sm:block">
245        <img class="border mb-4" src="https://cdn.sanity.io/images/96b40k9i/production/35d0a3ee313894defb31c2a09f5e0e66260cdf18-301x500.jpg?w=400" alt="">
246      </a>
247    <div>Marc Augé </div>
248    <h3 class="text-xl font-bold my-2 leading-none ">
249    Non-Lieux. Introduction à une anthropologie de la surmodernité
250  </h3>
251  </div>
252  <div class="mt-4">
253    <a class="py-2 px-4 font-bold transition uppercase text-sm block bg-white border border-blue-500 text-blue-500 hover:bg-blue-500 hover:text-white" href="/livres/non-lieux-introduction-à-une-anthropologie-de-la-surmodernité">Continuez la lecture</a>
254  </div>
255</div>
256    </div>
257    <div class="flex justify-center mt-16">
258      <a class="py-2 px-4 font-bold transition uppercase text-sm bg-blue-500 hover:bg-blue-700 text-white" href="/livres">Archive des livres</a>
259    </div>
260  </div>
261</div>
262    </div><div>
263      <div class="bg-blue-100">
264  <div class="max-w-5xl mx-auto py-12 px-8">
265    <div class="flex justify-center mb-8">
266      <div class="border-b-4 border-blue-500">
267        <h2 class="text-4xl md:text-5xl font-bold my-2 leading-none ">
268    Vidéos
269  </h2>
270      </div>
271    </div>
272    <div class="grid sm:grid-cols-4 gap-12 sm:gap-8">
273      <div class="flex flex-col justify-between">
274  <div>
275    <img src="https://img.youtube.com/vi/UczEu5NStnw/hqdefault.jpg" alt="Image de couverture de la video Accélération et aliénation">
276    <h3 class="text-xl font-bold my-2 leading-none ">
277    Accélération et aliénation
278  </h3>
279  </div>
280  <div class="mt-4">
281    <a class="py-2 px-4 font-bold transition uppercase text-sm block bg-white border border-blue-500 text-blue-500 hover:bg-blue-500 hover:text-white" href="/videos/acceleration-et-alienation">Voir la vidéo</a>
282  </div>
283</div><div class="flex flex-col justify-between">
284  <div>
285    <img src="https://img.youtube.com/vi/V20z7MRYjQw/hqdefault.jpg" alt="Image de couverture de la video FONCTIONNER OU EXISTER AUJOURD'HUI ?">
286    <h3 class="text-xl font-bold my-2 leading-none ">
287    FONCTIONNER OU EXISTER AUJOURD&#39;HUI ?
288  </h3>
289  </div>
290  <div class="mt-4">
291    <a class="py-2 px-4 font-bold transition uppercase text-sm block bg-white border border-blue-500 text-blue-500 hover:bg-blue-500 hover:text-white" href="/videos/fonctionner-ou-exister-aujourd-hui">Voir la vidéo</a>
292  </div>
293</div><div class="flex flex-col justify-between">
294  <div>
295    <img src="https://img.youtube.com/vi/b76fwFoX3MU/hqdefault.jpg" alt="Image de couverture de la video LOISIR DE MONTAGNE ET/OU RESPECT DE L'ENVIRONNEMENT ?">
296    <h3 class="text-xl font-bold my-2 leading-none ">
297    LOISIR DE MONTAGNE ET/OU RESPECT DE L&#39;ENVIRONNEMENT ?
298  </h3>
299  </div>
300  <div class="mt-4">
301    <a class="py-2 px-4 font-bold transition uppercase text-sm block bg-white border border-blue-500 text-blue-500 hover:bg-blue-500 hover:text-white" href="/videos/loisir-de-montagne-et-ou-respect-de-l-environnement">Voir la vidéo</a>
302  </div>
303</div><div class="flex flex-col justify-between">
304  <div>
305    <img src="https://img.youtube.com/vi/h6k5CCnHXEA/hqdefault.jpg" alt="Image de couverture de la video SOLITUDE CHOISIE, SOLITUDE CONSENTIE? UNE EXPERIENCE CONTEMPORAINE">
306    <h3 class="text-xl font-bold my-2 leading-none ">
307    SOLITUDE CHOISIE, SOLITUDE CONSENTIE? UNE EXPERIENCE CONTEMPORAINE
308  </h3>
309  </div>
310  <div class="mt-4">
311    <a class="py-2 px-4 font-bold transition uppercase text-sm block bg-white border border-blue-500 text-blue-500 hover:bg-blue-500 hover:text-white" href="/videos/solitude-choisie-solitude-consentie-une-experience-contemporaine">Voir la vidéo</a>
312  </div>
313</div>
314    </div>
315    <div class="flex justify-center mt-16">
316      <a class="py-2 px-4 font-bold transition uppercase text-sm bg-blue-500 hover:bg-blue-700 text-white" href="/videos">Archive des vidéos</a>
317    </div>
318  </div>
319</div>
320    </div>
321</div>
322      </main>
323    </div>
324    <div class="bg-gray-200 py-16 mt-auto">
325  <div class="max-w-5xl px-4 mx-auto flex flex-col items-center justify-center sm:justify-between sm:flex-row">
326    <div class="mb-8 sm:mb-0">
327      
328    </div>
329    <div>
330      <a class="py-2 px-4 font-bold transition uppercase text-sm bg-blue-500 hover:bg-blue-700 text-white" href="mailto:[email protected]">Contactez-nous</a>
331    </div>
332  </div>
333</div>
334  
334<script src="https://widget.stackbit.com/init.js" id="stackbit-widget-init" data-stackbit-project-id="5dc2c7d228d14500142de345"></script>
334</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.