PageSourceSearch

https://familistere.com/fr

html familistere.com collected 2026-10-02 06:53:07 UTC 71,950 bytes, 1,185 lines download raw bytes

1<!DOCTYPE html><!--[if lte IE 9]><html class="no-js lt-ie9" lang="fr"><![endif]--><!--[if gt IE 9]><!--><html lang="fr"><!--<![endif]--><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>
2                                Le Familistère de Guise
3    </title><!-- SEO --><meta name="robots" content="all"><!-- Open Graph --><meta property="og:title" content=""><meta property="og:site_name" content="Le Familistère de Guise"><link rel="shortcut icon" href="/bundles/familisterefrontend/images/icon/favicon.ico?v1" type="image/x-icon"><link rel="apple-touch-icon-precomposed" sizes="180x180" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-180x180-precomposed.png?v1"><link rel="apple-touch-icon-precomposed" sizes="152x152" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-152x152-precomposed.png?v1"><link rel="apple-touch-icon-precomposed" sizes="144x144" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-144x144-precomposed.png?v1"><link rel="apple-touch-icon-precomposed" sizes="120x120" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-120x120-precomposed.png?v1"><link rel="apple-touch-icon-precomposed" sizes="114x114" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-114x114-precomposed.png?v1"><link rel="apple-touch-icon-precomposed" sizes="76x76" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-76x76-precomposed.png?v1"><link rel="apple-touch-icon-precomposed" sizes="72x72" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-72x72-precomposed.png?v1"><link rel="apple-touch-icon-precomposed" sizes="60x60" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-60x60-precomposed.png?v1"><link rel="apple-touch-icon-precomposed" sizes="57x57" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-57x57-precomposed.png?v1"><link rel="apple-touch-icon-precomposed" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-precomposed.png?v1"><link rel="apple-touch-icon" sizes="57x57" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-57x57.png?v1"><link rel="apple-touch-icon" sizes="60x60" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-60x60.png?v1"><link rel="apple-touch-icon" sizes="72x72" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-72x72.png?v1"><link rel="apple-touch-icon" sizes="76x76" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-76x76.png?v1"><link rel="apple-touch-icon" sizes="114x114" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-114x114.png?v1"><link rel="apple-touch-icon" sizes="120x120" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-120x120.png?v1"><link rel="apple-touch-icon" sizes="144x144" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-144x144.png?v1"><link rel="apple-touch-icon" sizes="152x152" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-152x152.png?v1"><link rel="apple-touch-icon" sizes="180x180" href="/bundles/familisterefrontend/images/icon/apple-touch-icon-180x180.png?v1"><link rel="apple-touch-icon" href="/bundles/familisterefrontend/images/icon/apple-touch-icon.png?v1"><link rel="icon" type="image/png" href="/bundles/familisterefrontend/images/icon/favicon-32x32.png?v1" sizes="32x32"><link rel="icon" type="image/png" href="/bundles/familisterefrontend/images/icon/android-chrome-192x192.png?v1" sizes="192x192"><link rel="icon" type="image/png" href="/bundles/familisterefrontend/images/icon/favicon-16x16.png?v1" sizes="16x16"><link rel="manifest" href="/bundles/familisterefrontend/images/icon/manifest.json?v1"><link rel="mask-icon" href="/bundles/familisterefrontend/images/icon/safari-pinned-tab.svg?v1" color="#5bbad5"><meta name="msapplication-TileColor" content="#da532c"><meta name="msapplication-TileImage" content="/bundles/familisterefrontend/images/icon/mstile-144x144.png?v1"><meta name="theme-color" content="#ffffff"><link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet"><link rel="stylesheet" class="stylesheet" href="/bundles/familisterefrontend/css/pannellum.css?v1" type="text/css" /><link rel="stylesheet" class="stylesheet" href="/bundles/familisterefrontend/css/bootstrap.css?v1" type="text/css" /><link rel="stylesheet" class="stylesheet" href="/bundles/familisterefrontend/css/owl.carousel.min.css?v1" type="text/css"/><link rel="stylesheet" class="stylesheet" type="text/css" href="/bundles/familisterefrontend/css/font-awesome.css?v1"><link rel="stylesheet" class="stylesheet" type="text/css" href="/bundles/familisterefrontend/css/jssocials.css?v1"><link rel="stylesheet" class="stylesheet" type="text/css" href="/bundles/familisterefrontend/css/jssocials-theme-plain.css?v1"><link rel="stylesheet" class="stylesheet" href="/bundles/familisterefrontend/css/style.css?v1" type="text/css" /><link rel="stylesheet" class="stylesheet" href="/bundles/familisterefrontend/css/print.css?v1" type="text/css" media="print" />
3<script src="/bundles/familisterefrontend/js/jquery-2.2.4.min.js?v1"></script>
3<script src="/bundles/familisterefrontend/js/Hyphenator.js?v1"></script>
3<script src="/bundles/familisterefrontend/js/shuffle.js?v1"></script>
3</head>
4<body id="sidebar-toggle-container" class="sidebar-toggle-container homepage" >
5
6                                            <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 6-7
6
7<script async src="https://www.googletagmanager.com/gtag/js?id=
7UA-41233673-1
vendor: 12 bytes, line 7
7"></script>
8<script>
9    
vendor: 140 bytes, lines 9-13
9window.dataLayer = window.dataLayer || [];
10    function gtag(){dataLayer.push(arguments);}
11    gtag('js', new Date());
12
13    gtag('config', '
13UA-41233673-1
vendor: 4 bytes, line 13
13');
14</script>
14
15
16
17        <!--[if lt IE 9]>
18    <div class="outdated">
19        <div class="container">
20            <div class="row">
21                <div class="col-md-12">
22                    <h1 class="outdated__title">
23                        Vous utilisez un navigateur internet dépassé.
24                    </h1>
25                    <h3 class="outdated__subtitle">
26                        Certain contenu pourrait être perdu ou ne pas s&#039;afficher correctement
27                    </h3>
28                    <p class="outdated__description">
29                        Nous vous conseillons de mettre votre navigateur à jour.
30                    </p>
31                    <a href="http://browsehappy.com/?locale=fr" target="_blank" class="outdated__link">
32                        Mettez votre navigateur à jour
33                    </a>
34                </div>
35            </div>
36        </div>
37    </div>
38<![endif]-->
39
40                
40<script>
41    $(document).ready(function(){
42//        $('.main-header--mobile').width($('body').width() + 2);
43//        $('.main-header--mobile').css('left', (parseFloat($('body').css('paddingLeft')) -0.5));
44//        $(window).on('resize', function(){
45//            setTimeout(function(){
46////                $('.main-header--mobile').width($('body').width() + 2);
47//                $('.main-header--mobile').css('left', (parseFloat($('body').css('paddingLeft')) -0.5));
48//            },200);
49//        });
50
51        $(document).on('scroll', function(){
52            if($('#menu-mob').is(':visible')){
53                $('#button-menu').trigger('click');
54            }
55        });
56    });
57
58    setTimeout(function(){
59        var nav_position_mobile = $('#nav_mobile').height();
60        if($(document).scrollTop() >= nav_position_mobile ){
61            if($('#nav_mobile .head-info-mob').is(':visible')){
62                $('#nav_mobile .head-info-mob').hide();
63                $('#nav_mobile .navbar-header').css('margin-top','0');
64
65            }
66        }else if($(document).scrollTop() < nav_position_mobile ) {
67            if(!$('#nav_mobile .head-info-mob').is(':visible')){
68                $('#nav_mobile .head-info-mob').show();
69                $('#nav_mobile .navbar-header').removeAttr('style');
70
71            }
72        }
73
74
75        $(document).on('scroll', function(){
76            if($(document).scrollTop() > 0 ){
77                if($('#nav_mobile .head-info-mob').is(':visible')){
78                    $('#nav_mobile .head-info-mob').hide();
79                    $('#nav_mobile .navbar-header').css('margin-top','0');
80                }
81            }else if($(document).scrollTop() < nav_position_mobile ) {
82                if(!$('#nav_mobile .head-info-mob').is(':visible')){
83                    $('#nav_mobile .head-info-mob').show();
84                    $('#nav_mobile .navbar-header').removeAttr('style');
85                }
86            }
87
88        });
89    }, 200);
90</script>
90
91<header role="header" class="main-header main-header--mobile">
92    <nav id="nav_mobile" class="navbar navbar-default" role="navigation" aria-label="Menu principal mobile">
93        <div class="container-fluid">
94                                    <div class="head-info-mob">
95                <div id="hours_header" class="hours_header col-xs-6 col-sm-6">
96                    <div class="now">
97                        <button type="button" class="now_hours" aria-expanded="false" aria-controls="id_tab_hours">
98                            Fermé<br>10&nbsph&nbsp00 – 17&nbsph&nbsp30 <span class="sr-only">Afficher les horaires d'ouverture de la semaine</span>
99                        </button>
100                    </div>
101
102                    <div id="id_tab_hours" class="tab_hours" style="display: none">
103                        <table>
104                            <caption class="sr-only">Horaires d'ouverture de la semaine</caption>
105                            <tbody class="hours_tbody">
106                                                                <tr class="">
107                                    <th scope="row">Lundi</th>
108                                    <td class="hours closed">fermé</td>
109                                </tr>
110                                                                <tr class="">
111                                    <th scope="row">Mardi</th>
112                                    <td class="hours closed">10&nbsph&nbsp00 – 17&nbsph&nbsp30</td>
113                                </tr>
114                                                                <tr class="">
115                                    <th scope="row">Mercredi</th>
116                                    <td class="hours closed">10&nbsph&nbsp00 – 17&nbsph&nbsp30</td>
117                                </tr>
118                                                                <tr class="">
119                                    <th scope="row">Jeudi</th>
120                                    <td class="hours closed">10&nbsph&nbsp00 – 17&nbsph&nbsp30</td>
121                                </tr>
122                                                                <tr class="day_now">
123                                    <th scope="row">Vendredi</th>
124                                    <td class="hours closed">10&nbsph&nbsp00 – 17&nbsph&nbsp30</td>
125                                </tr>
126                                                                <tr class="">
127                                    <th scope="row">Samedi</th>
128                                    <td class="hours closed">10&nbsph&nbsp00 – 17&nbsph&nbsp30</td>
129                                </tr>
130                                                                <tr class="">
131                                    <th scope="row">Dimanche</th>
132                                    <td class="hours closed">10&nbsph&nbsp00 – 17&nbsph&nbsp30</td>
133                                </tr>
134                                                            </tbody>
135                        </table>
136                    </div>
137                </div>
138                <div class="info-prat col-xs-4 col-sm-4 col-xs-offset-2 col-sm-offset-2">
139                    <div>
140                        <div class="header-content-info-prat col-xs-12 col-sm-12">
141                                                            <a href="/fr/visiter/informations-pratiques" class="header-info-pratiques">
142                                    Informations pratiques
143                                </a>
144                                                    </div>
145                        <div class="icon_sociaux col-xs-12 col-sm-12">
146                            <ul>
147                                <li>
148                                    <a href="https://www.facebook.com/lefamilisteredeguise" class="facebook" target="_blank"><img src="/bundles/familisterefrontend/images/facebook.svg?v1" alt="Facebook (nouvelle fenêtre)"></a>
149                                </li>
150                                <li>
151                                    <a href="https://twitter.com/Familistere" class="twitter" target="_blank"><img src="/bundles/familisterefrontend/images/x-twitter.svg?v1" alt="X (nouvelle fenêtre)"></a>
152                                </li>
153                                <li>
154                                    <a href="https://www.flickr.com/photos/132920827@N03" class="flickr" target="_blank"><img src="/bundles/familisterefrontend/images/flickr.svg?v1" alt="Flickr (nouvelle fenêtre)"></a>
155                                </li>
156                                <li>
157                                    <a href="https://www.instagram.com/familisteredeguise" class="instagram" target="_blank"><img src="/bundles/familisterefrontend/images/instagram.svg?v1" alt="Instagram (nouvelle fenêtre)"></a>
158                                </li>
159                                <li>
160                                    <a href="https://www.youtube.com/user/Familisteredeguise" class="youtube" target="_blank"><img src="/bundles/familisterefrontend/images/youtube.svg?v1" alt="Youtube (nouvelle fenêtre)"></a>
161                                </li>
162                            </ul>
163                        </div>
164                    </div>
165                </div>
166            </div>
167
168            <div class="navbar-header">
169                <div class="col-xs-10 title_mob">
170                                                                <a class="header-title-site" href="/fr">
171                                                            <h1 class="title-site">le familistère de guise</h1>
172                                                    </a>
173                                    </div>
174                <div class="col-xs-2">
175                    <button id="button-menu" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu-mob" aria-expanded="false">
176                        <span class="sr-only">Toggle navigation</span>
177                        <span class="icon-bar"></span>
178                        <span class="icon-bar"></span>
179                        <span class="icon-bar"></span>
180                    </button>
181                </div>
182            </div>
183
184            <!-- Collect the nav links, forms, and other content for toggling -->
185            <div class="collapse navbar-collapse" id="menu-mob">
186                                    <ul class="search-langue-mob">
187                                                                            <li>
188                                <a href="/fr/rechercher" class="main-nav-search main-nav__link">
189                                    <img class="search" src="/bundles/familisterefrontend/images/search.svg?v1" alt="Rechercher"/>
190                                </a></li>
191                                                                        <li><button id="btn-contrast-mob" type="button" title="Augmenter contraste"><img src="/bundles/familisterefrontend/images/ico-contrast.png?v1" alt="Augmenter le contraste"></button></li>
192                        <li>
193                            <a class="button-falc" href="https://facile-a-lire.familistere.com/fr/home" target="_blank">
194                                <img src="/bundles/familisterefrontend/images/falc_logo_grey.jpg?v1" alt="Mini-site Facile à lire et à comprendre (nouvelle fenêtre)">
195                            </a>
196                        </li>
197                                                                                                                                                                                                                                                                                                                    </ul>
198                    <ul class="header-nav-mob"><li class="header-nav-item-mob dropdown"><a href="/fr/visiter" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown" role="button" class="dropdown-toggle " >
199    Visiter
200</a><ul class="dropdown-menu"><li class="dropdown-menu-item"><a href="/fr/visiter/informations-pratiques"  class="dropdown-toggle " >
201    Informations pratiques
202</a></li><li class="dropdown-menu-item"><a href="/fr/visiter/preparer-sa-visite"  class="dropdown-toggle " >
203    Préparer sa visite
204</a></li><li class="dropdown-menu-item"><a href="/fr/visiter/que-voir-que-faire-au-familistere"  class="dropdown-toggle " >
205    Que voir, que faire au Familistère ?
206</a></li><li class="dropdown-menu-item"><a href="/fr/visiter/informations-pratiques/organiser-son-sejour"  class="dropdown-toggle " >
207    Organiser son séjour
208</a></li><li class="dropdown-menu-item"><a href="/fr/visiter/qui-sommes-nous-contacts"  class="dropdown-toggle " >
209    Qui sommes-nous ? Contacts
210</a></li></ul></li><li class="header-nav-item-mob dropdown"><a href="/fr/decouvrir" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown" role="button" class="dropdown-toggle " >
211    Découvrir
212</a><ul class="dropdown-menu"><li class="dropdown-menu-item"><a href="/fr/decouvrir/plan-3d"  class="dropdown-toggle " >
213    Plan 3D
214</a></li><li class="dropdown-menu-item"><a href="/fr/decouvrir/monsieur-godin-fondateur-du-familistere"  class="dropdown-toggle " >
215    Monsieur Godin, fondateur du Familistère
216</a></li><li class="dropdown-menu-item"><a href="/fr/decouvrir/marie-moret"  class="dropdown-toggle " >
217    Marie Moret
218</a></li><li class="dropdown-menu-item"><a href="/fr/decouvrir/l-industrie-du-familistere"  class="dropdown-toggle " >
219    L&#039;industrie du Familistère
220</a></li><li class="dropdown-menu-item"><a href="/fr/decouvrir/une-architecture-au-service-du-peuple"  class="dropdown-toggle " >
221    Une architecture au service du peuple
222</a></li><li class="dropdown-menu-item"><a href="/fr/decouvrir/cent-ans-d-experimentation-sociale"  class="dropdown-toggle " >
223    Cent ans d&#039;expérimentation sociale
224</a></li><li class="dropdown-menu-item"><a href="/fr/decouvrir/collections-ressources"  class="dropdown-toggle " >
225    Ressources
226</a></li><li class="dropdown-menu-item"><a href="/fr/decouvrir/regenerer-le-familistere-le-programme-utopia"  class="dropdown-toggle " >
227    Régénérer le Familistère : le programme Utopia
228</a></li><li class="dropdown-menu-item"><a href="/fr/decouvrir/le-familistere-par-l-image"  class="dropdown-toggle " >
229    Le Familistère par l&#039;image
230</a></li></ul></li><li class="header-nav-item-mob dropdown"><a href="/fr/seminaires" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown" role="button" class="dropdown-toggle " >
231    Séminaires
232</a><ul class="dropdown-menu"><li class="dropdown-menu-item"><a href="/fr/seminaires/nos-salles-de-reunions"  class="dropdown-toggle " >
233    Nos salles de réunions
234</a></li><li class="dropdown-menu-item"><a href="/fr/seminaires/nos-offres-de-restauration"  class="dropdown-toggle " >
235    Nos offres de restauration
236</a></li><li class="dropdown-menu-item"><a href="/fr/seminaires/nos-team-building"  class="dropdown-toggle " >
237    Nos team-building
238</a></li><li class="dropdown-menu-item"><a href="/fr/seminaires/nos-visites-guidees"  class="dropdown-toggle " >
239    Nos visites guidées
240</a></li><li class="dropdown-menu-item"><a href="/fr/seminaires/nos-conferences-formations"  class="dropdown-toggle " >
241    Nos conférences &amp; formations
242</a></li><li class="dropdown-menu-item"><a href="/fr/seminaires/nos-references"  class="dropdown-toggle " >
243    Nos références
244</a></li></ul></li><li class="header-nav-item-mob dropdown"><a href="/fr/actualites" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown" role="button" class="dropdown-toggle " >
245    Actualités
246</a><ul class="dropdown-menu"><li class="dropdown-menu-item"><a href="/fr/actualites/agenda-culturel"  class="dropdown-toggle " >
247    Agenda et spectacles
248</a></li><li class="dropdown-menu-item"><a href="/fr/actualites/a-lire-a-voir-a-ecouter"  class="dropdown-toggle " >
249    À lire, à voir, à écouter
250</a></li><li class="dropdown-menu-item"><a href="/fr/actualites/les-nouvelles-du-familistere"  class="dropdown-toggle " >
251    Les nouvelles du Familistère
252</a></li></ul></li><li class="header-nav-item-mob dropdown"><a href="/fr/billetterie-boutique" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown" role="button" class="dropdown-toggle " >
253    Billetterie/boutique
254</a><ul class="dropdown-menu"><li class="dropdown-menu-item"><a href="/fr/billetterie-boutique/billetterie"  class="dropdown-toggle " >
255    Billetterie
256</a></li><li class="dropdown-menu-item"><a href="/fr/billetterie-boutique/boutique"  class="dropdown-toggle " >
257    Boutique
258</a></li><li class="dropdown-menu-item"><a href="/fr/billetterie-boutique/librairie"  class="dropdown-toggle " >
259    Librairie
260</a></li></ul></li><li class="header-nav-item-mob dropdown"><a href="/fr/billetterie-boutique/billetterie"  class="dropdown-toggle " >
261    Réserver
262</a></li></ul>
263                            </div><!-- /.navbar-collapse -->
264        </div><!-- /.container-fluid -->
265    </nav>
266</header>
267
268
269
270
271                                                                                                                    
272
273                                        
274
275                                                    
276
277    <div id="sidebar-toggle__content" class="sidebar-toggle__content">
278
279                            
279<script>
280function closeSubsubmenu(item){
281    if(item.is(":visible")){
282        item.hide();
283        item.siblings('a').attr('aria-expanded','false');
284        item.siblings('a').removeClass('active');
285        if(item.find('a').is('[aria-expanded]')){
286            item.find('a').attr('aria-expanded','false');
287            item.find('a').removeClass('active');
288        }
289    }
290}
291
292function setCookie(cname, cvalue, exdays) {
293    var d = new Date();
294    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
295    var expires = "expires="+d.toUTCString();
296    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
297}
298
299function getCookie(cname) {
300    var name = cname + "=";
301    var ca = document.cookie.split(';');
302    for(var i = 0; i < ca.length; i++) {
303        var c = ca[i];
304        while (c.charAt(0) == ' ') {
305            c = c.substring(1);
306        }
307        if (c.indexOf(name) == 0) {
308            return c.substring(name.length, c.length);
309        }
310    }
311    return "";
312}
313
314function checkContrast(){
315    if(getCookie('contrast')){
316        if(getCookie('contrast') === 'true'){
317            $('html').addClass('contrast');
318            $('body').find('*').each(function(){
319                if($(this).css('color') == 'rgb(255, 143, 0)'){
320                    $(this).css('color', '#b85a01');
321                }else if($(this).css('color') == 'rgb(114, 114, 114)'){
322                    $(this).css('color', '#404040');
323                }else if($(this).css('color') == 'rgb(128, 128, 128)'){
324                    $(this).css('color', '#555555');
325                }
326            });
327
328            $('button#btn-contrast').addClass('contrast-on');
329            $('button#btn-contrast').attr('title', 'Diminuer le contraste');
330            $('button#btn-contrast').find('img').attr('src', '/bundles/familisterefrontend/images/ico-contrast-on.png?v1');
331            $('button#btn-contrast').find('img').attr('alt', 'Diminuer le contraste');
332            $('button#btn-contrast-mob').addClass('contrast-on');
333            $('button#btn-contrast-mob').attr('title', 'Diminuer le contraste');
334            $('button#btn-contrast-mob').find('img').attr('src', '/bundles/familisterefrontend/images/ico-contrast-on.png?v1');
335            $('button#btn-contrast-mob').find('img').attr('alt', 'Diminuer le contraste');
336        }else{
337            $('html').removeClass('contrast');
338            $('body').find('*').each(function(){
339                if($(this).css('color') == 'rgb(184, 90, 1)'){
340                    $(this).css('color', '#ff8f00');
341                }else if($(this).css('color') == 'rgb(64, 64, 64)'){
342                    $(this).css('color', '#727272');
343                }else if($(this).css('color') == 'rgb(85, 85, 85)'){
344                    $(this).css('color', '#808080');
345                }
346            });
347            $('button#btn-contrast').removeClass('contrast-on');
348            $('button#btn-contrast').attr('title', 'Augmenter le contraste');
349            $('button#btn-contrast').find('img').attr('src', '/bundles/familisterefrontend/images/ico-contrast.png?v1');
350            $('button#btn-contrast').find('img').attr('alt', 'Augmenter le contraste');
351            $('button#btn-contrast-mob').removeClass('contrast-on');
352            $('button#btn-contrast-mob').attr('title', 'Augmenter le contraste');
353            $('button#btn-contrast-mob').find('img').attr('src', '/bundles/familisterefrontend/images/ico-contrast.png?v1');
354            $('button#btn-contrast-mob').find('img').attr('alt', 'Augmenter le contraste');
355        }
356    }else{
357        setCookie('contrast', false, 365);
358    }
359}
360
361$(document).ready(function(){
362    /*var regex = new RegExp(':{1,}', 'gi');
363    $('.head-info .now_hours').html($('.head-info .now_hours').html().replace(regex, '&nbsph&nbsp'));
364    $('.head-info .now_hours').html($('.head-info .now_hours').html().replace(', ', '<br>'));
365    $('.head-info-mob .now_hours').html($('.head-info-mob .now_hours').html().replace(regex, '&nbsph&nbsp'));
366    $('.head-info-mob .now_hours').html($('.head-info-mob .now_hours').html().replace(', ', '<br>'));
367    $('.hours_tbody .hours').each(function () {
368        $(this).html($(this).html().replace(', ', '<br>'));
369        $(this).html($(this).html().replace(regex, '&nbsph&nbsp'));
370    });*/
371
372    $('.now_hours').on('click tap', function(){
373        $('.tab_hours').toggle(400);
374        if($('.now_hours').hasClass('open')){
375            $('.now_hours').removeClass('open');
376            $('.now_hours').attr('aria-expanded', false);
377            $('.now_hours').find('span').html('Afficher les horaires d’ouverture de la semaine');
378        }else{
379            $('.now_hours').addClass('open');
380            $('.now_hours').attr('aria-expanded', true);
381            $('.now_hours').find('span').html('Fermer l’affichage des horaires d’ouverture de la semaine');
382        }
383    });
384
385    $('.now_hours').on('keydown', function(event){
386        if(event.keyCode == 13){
387            if($('.now_hours').hasClass('open')){
388                $('.now_hours').removeClass('open');
389                $('.now_hours').attr('aria-expanded', false);
390                $('.now_hours').find('span').html('Afficher les horaires d’ouverture de la semaine');
391            }else{
392                $('.now_hours').addClass('open');
393                $('.now_hours').attr('aria-expanded', true);
394                $('.now_hours').find('span').html('Fermer l’affichage des horaires d’ouverture de la semaine');
395            }
396        }
397
398    });
399
400    $(document).on('click tap' ,function(){
401        if($('.tab_hours').is(':visible')){
402            $('.tab_hours').hide(400);
403            $('.now_hours').removeClass('open');
404            $('.now_hours').attr('aria-expanded', false);
405            $('.now_hours').find('span').html('Afficher les horaires d’ouverture de la semaine');
406        }
407    });
408
409    $('.hours_header').on('click tap', function(event){
410        event.stopPropagation();
411    });
412
413    checkContrast();
414    $('button#btn-contrast').on('click tap', function (e) {
415        if($(this).hasClass('contrast-on')){
416            setCookie('contrast', false, 365);
417        }else{
418            setCookie('contrast', true, 365);
419        }
420        setTimeout(function(){
421            checkContrast();
422        }, 200);
423
424
425    });
426
427    $('button#btn-contrast-mob').on('click tap', function (e) {
428        if($(this).hasClass('contrast-on')){
429            setCookie('contrast', false, 365);
430        }else{
431            setCookie('contrast', true, 365);
432        }
433        setTimeout(function(){
434            checkContrast();
435        }, 200);
436
437
438    });
439
440        setTimeout(function(){
441        var nav_position = $('#nav_principal').position().top;
442        var regex2 = /\b[XIV][XIV]+/ig;
443        var regex3 = /\b[XIV][XIV]+e \b/ig;
444        $('.subMenu a').each(function(){
445            var regex_result2 = $(this).html().match(regex2);
446            var regex_result3 = $(this).html().match(regex3);
447            if(regex_result3){
448                if(regex_result2){
449                    for(i=0; i < regex_result2.length; i++){
450                        $(this).html($(this).html().replace(regex_result2[i]+'e', regex_result2[i]+'<sup>e</sup>'));
451                    }
452                }
453            }
454        });
455
456        if($(document).scrollTop() >= nav_position ){
457            if($('#nav_principal').is(':visible')){
458                $('#nav_principal').css({'position': 'fixed', 'top': 0, 'width': $('#nav_principal').width() });
459                $('.container-home').css('paddingTop', '4.8em');
460//                $('.nav-item-header-active').children('a').attr('aria-expanded','false');
461//                $('.nav-item-header-active').find('.subMenu').hide();
462            }
463        }else if($(document).scrollTop() < nav_position ) {
464            if($('#nav_principal').is(':visible')){
465                $('#nav_principal').removeAttr('style');
466                $('.container-home').removeAttr('style');
467//                $('.nav-item-header-active').children('a').attr('aria-expanded','true');
468//                $('.nav-item-header-active').find('.subMenu').show();
469            }
470        }
471
472
473        $(document).on('scroll', function(){
474            if($('.tab_hours').is(':visible')){
475                $('.tab_hours').hide(400);
476                $('.now_hours').removeClass('open');
477                $('.now_hours').attr('aria-expanded', false);
478                $('.now_hours').find('span').html('Afficher les horaires d’ouverture de la semaine');
479                $('.now_hours').removeClass('open');
480            }
481//            if($('.subMenu').is(':visible')){
482//                if($(this).is(':visible')){
483//                    $(this).siblings('a').attr('aria-expanded','false');
484//                    $(this).siblings('a').removeClass('active');
485//                }
486//                $(this).hide();
487//                $('.nav-item-header-active').children('a').attr('aria-expanded','true');
488//                $('.nav-item-header-active').find('.subMenu').fadeIn(200);
489//                $('.nav-item-header-active').find('.nav_menu_active').addClass('menu_active');
490//                $('.subMenu').prev().blur();
491//            }
492            if($(document).scrollTop() >= nav_position ){
493                if($('#nav_principal').is(':visible')){
494                    $('#nav_principal').css({'position': 'fixed', 'top': 0, 'width': $('#nav_principal').width() });
495                    $('.container-home').css('paddingTop', '4.8em');
496//                    $('.nav-item-header-active').children('a').attr('aria-expanded','false');
497//                    $('.nav-item-header-active').find('.subMenu').hide();
498                }
499            }else if($(document).scrollTop() < nav_position ) {
500                if($('#nav_principal').is(':visible')){
501                    $('#nav_principal').removeAttr('style');
502                    $('.container-home').removeAttr('style');
503//                    $('.nav-item-header-active').children('a').attr('aria-expanded','true');
504//                    $('.nav-item-header-active').find('.subMenu').show();
505                }
506            }
507        });
508
509        $('li.header-nav-item').hover(
510                function(){
511//                    if(!$(this).hasClass('nav-item-header-active')){
512                        $(this).siblings('.header-nav-item').each(function () {
513                            $(this).children('a').removeClass('active');
514                            if($(this).find('.subMenu').is(':visible')){
515                                $(this).children('a').attr('aria-expanded','false');
516                                $(this).find('.subMenu').hide();
517                            }
518//
519                            if($(this).hasClass('nav-item-header-active')){
520                                $(this).find('a').removeClass('menu_active');
521                            }
522                        });
523
524                        $(this).find('a:first').addClass('active');
525                        $(this).find('a:first').attr('aria-expanded','true');
526                        $(this).find('.subMenu').show();
527                    if($(this).hasClass('nav-item-header-active')){
528                        $('.nav-item-header-active').find('.nav_menu_active').addClass('menu_active');
529                    }
530//                    }else{
531//                        $(this).siblings('.header-nav-item').each(function () {
532//                            $(this).children('a').removeClass('active');
533//                            if($(this).find('.subMenu').is(':visible')){
534//                                $(this).children('a').attr('aria-expanded','false');
535//                                $(this).find('.subMenu').hide();
536//                            }
537//                        });
538//                        $('.nav-item-header-active').children('a').attr('aria-expanded','true');
539//                        $('.nav-item-header-active').find('.subMenu').show();
540//                        $('.nav-item-header-active').find('.nav_menu_active').addClass('menu_active');
541//                    }
542                }, function(){
543                    var mythis = $(this);
544                    var interval = setInterval(function(){
545                        if($(':hover').filter(mythis.find('.subMenu')).length==0 && $(':hover').filter(mythis).length==0 &&
546                                $(':hover').filter('.header-nav-item').length==0){
547                            mythis.find('a:first').removeClass('active');
548                            mythis.find('a:first').attr('aria-expanded','false');
549                            mythis.find('.subMenu').hide();
550                            if(!mythis.hasClass('nav-item-header-active')){
551                                mythis.parent().find('.nav-item-header-active').find('.nav_menu_active').addClass('menu_active');
552//                                $('.nav-item-header-active').children('a').attr('aria-expanded','true');
553//                                $('.nav-item-header-active').find('.subMenu').fadeIn(200);
554//                                $('.nav-item-header-active').find('.nav_menu_active').addClass('menu_active');
555                            }else{
556                               mythis.find('.nav_menu_active').addClass('menu_active');
557                            }
558                            clearInterval(interval);
559                        }
560                    }, 100);
561                }
562        );
563
564        $('.nav-item-header-active li.list_submenu a').hover(
565                function () {
566                    if(!$(this).hasClass('.nav_menu_active') && $('.ulSubsubmenu').is(':visible')){
567                        $('.ulSubsubmenu').hide();
568                        $('.ulSubmenu').find('.nav_menu_active').removeClass('menu_active');
569                    }
570                    if($(this).hasClass('nav_menu_active')){
571                        $('.ulSubsubmenu').show();
572                    }
573                }, function(){
574                    $('.ulSubsubmenu').show();
575                    if(!$('.ulSubmenu').find('.nav_menu_active').hasClass('menu_active')){
576                        $('.ulSubmenu').find('.nav_menu_active').addClass('menu_active');
577                    }
578                }
579        );
580    }, 200);
581});
582</script>
582
583
584    <header role="banner" class="main-header main-header--desktop">
585        <a href="#main" class="sr-only sr-only-focusable go-to-main">Aller au contenu</a>
586        <div class="container-fluid">
587            <div class="header-title">
588                <div class="site_title">
589                                                                <a class="header-title-site" href="/fr">
590                                                            <h1 class="title-site">le familistère de guise</h1>
591                                                    </a>
592                                    </div>
593
594                                                <div class="head-info">
595                    <div id="hours_header" class="hours_header">
596                        <div class="now">
597                            <button type="button" class="now_hours" aria-expanded="false" aria-controls="id_tab_hours">
598                               Fermé <span class="sr-only">Afficher les horaires d'ouverture de la semaine</span>
599                            </button>
600                        </div>
601
602                        <div id="id_tab_hours" class="tab_hours" style="display: none">
603                            <table>
604                                <caption class="sr-only">Horaires d'ouverture de la semaine</caption>
605                                <tbody class="hours_tbody">
606                                                                    <tr class="">
607                                        <th scope="row">Lundi</th>
608                                        <td class="hours closed">fermé</td>
609                                    </tr>
610                                                                    <tr class="">
611                                        <th scope="row">Mardi</th>
612                                        <td class="hours closed">10&nbsph&nbsp00 – 17&nbsph&nbsp30</td>
613                                    </tr>
614                                                                    <tr class="">
615                                        <th scope="row">Mercredi</th>
616                                        <td class="hours closed">10&nbsph&nbsp00 – 17&nbsph&nbsp30</td>
617                                    </tr>
618                                                                    <tr class="">
619                                        <th scope="row">Jeudi</th>
620                                        <td class="hours closed">10&nbsph&nbsp00 – 17&nbsph&nbsp30</td>
621                                    </tr>
622                                                                    <tr class="day_now">
623                                        <th scope="row">Vendredi</th>
624                                        <td class="hours closed">10&nbsph&nbsp00 – 17&nbsph&nbsp30</td>
625                                    </tr>
626                                                                    <tr class="">
627                                        <th scope="row">Samedi</th>
628                                        <td class="hours closed">10&nbsph&nbsp00 – 17&nbsph&nbsp30</td>
629                                    </tr>
630                                                                    <tr class="">
631                                        <th scope="row">Dimanche</th>
632                                        <td class="hours closed">10&nbsph&nbsp00 – 17&nbsph&nbsp30</td>
633                                    </tr>
634                                                                </tbody>
635                            </table>
636                        </div>
637                    </div>
638
639                    <div class="header-content-info-prat">
640                                                    <a href="/fr/visiter/informations-pratiques" class="header-info-pratiques">
641                                Informations pratiques
642                            </a>
643                                            </div>
644
645                    <div class="icon_sociaux">
646                        <ul>
647                            <li>
648                                <a href="https://www.facebook.com/lefamilisteredeguise" class="facebook" target="_blank"><img src="/bundles/familisterefrontend/images/facebook.svg?v1" alt="Facebook (nouvelle fenêtre)"></a>
649                            </li>
650                            <li>
651                                <a href="https://twitter.com/Familistere" class="twitter" target="_blank"><img src="/bundles/familisterefrontend/images/x-twitter.svg?v1" alt="X (nouvelle fenêtre)"></a>
652                            </li>
653                            <li>
654                                <a href="https://www.flickr.com/photos/132920827@N03" class="flickr" target="_blank"><img src="/bundles/familisterefrontend/images/flickr.svg?v1" alt="Flickr (nouvelle fenêtre)"></a>
655                            </li>
656                            <li>
657                                <a href="https://www.instagram.com/familisteredeguise" class="instagram" target="_blank"><img src="/bundles/familisterefrontend/images/instagram.svg?v1" alt="Instagram (nouvelle fenêtre)"></a>
658                            </li>
659                            <li>
660                                <a href="https://www.youtube.com/user/Familisteredeguise" class="youtube" target="_blank"><img src="/bundles/familisterefrontend/images/youtube.svg?v1" alt="Youtube (nouvelle fenêtre)"></a>
661                            </li>
662                        </ul>
663                    </div>
664                </div>
665            </div>
666
667
668                        <nav id="nav_principal" role="navigation" aria-label="Menu principal" class="main-header__nav main-nav col-md-12">
669                <ul class="header-nav"><li class="header-nav-item"><a href="/fr/visiter" aria-haspopup="true" aria-expanded="false" aria-controls="submenu-0-1"  class="" >Visiter</a><div id="submenu-0-1" class="subMenu"><ul class="ulSubmenu"><li class="list_submenu"><a href="/fr/visiter/informations-pratiques"  class="" >Informations pratiques</a></li><li class="list_submenu"><a href="/fr/visiter/preparer-sa-visite"  class="" >Préparer sa visite</a></li><li class="list_submenu"><a href="/fr/visiter/que-voir-que-faire-au-familistere"  class="" >Que voir, que faire au Familistère ?</a></li><li class="list_submenu"><a href="/fr/visiter/informations-pratiques/organiser-son-sejour"  class="" >Organiser son séjour</a></li><li class="list_submenu"><a href="/fr/visiter/qui-sommes-nous-contacts"  class="" >Qui sommes-nous ? Contacts</a></li></ul></div></li><li class="header-nav-item"><a href="/fr/decouvrir" aria-haspopup="true" aria-expanded="false" aria-controls="submenu-0-2"  class="" >Découvrir</a><div id="submenu-0-2" class="subMenu"><ul class="ulSubmenu"><li class="list_submenu"><a href="/fr/decouvrir/plan-3d"  class="" >Plan 3D</a></li><li class="list_submenu"><a href="/fr/decouvrir/monsieur-godin-fondateur-du-familistere"  class="" >Monsieur Godin, fondateur du Familistère</a></li><li class="list_submenu"><a href="/fr/decouvrir/marie-moret"  class="" >Marie Moret</a></li><li class="list_submenu"><a href="/fr/decouvrir/l-industrie-du-familistere"  class="" >L&#039;industrie du Familistère</a></li><li class="list_submenu"><a href="/fr/decouvrir/une-architecture-au-service-du-peuple"  class="" >Une architecture au service du peuple</a></li><li class="list_submenu"><a href="/fr/decouvrir/cent-ans-d-experimentation-sociale"  class="" >Cent ans d&#039;expérimentation sociale</a></li><li class="list_submenu"><a href="/fr/decouvrir/regenerer-le-familistere-le-programme-utopia"  class="" >Régénérer le Familistère : le programme Utopia</a></li><li class="list_submenu"><a href="/fr/decouvrir/collections-ressources"  class="" >Ressources</a></li><li class="list_submenu"><a href="/fr/decouvrir/le-familistere-par-l-image"  class="" >Le Familistère par l&#039;image</a></li></ul></div></li><li class="header-nav-item"><a href="/fr/seminaires" aria-haspopup="true" aria-expanded="false" aria-controls="submenu-0-3"  class="" >Séminaires</a><div id="submenu-0-3" class="subMenu"><ul class="ulSubmenu"><li class="list_submenu"><a href="/fr/seminaires/nos-salles-de-reunions"  class="" >Nos salles de réunions</a></li><li class="list_submenu"><a href="/fr/seminaires/nos-offres-de-restauration"  class="" >Nos offres de restauration</a></li><li class="list_submenu"><a href="/fr/seminaires/nos-visites-guidees"  class="" >Nos visites guidées</a></li><li class="list_submenu"><a href="/fr/seminaires/nos-team-building"  class="" >Nos team-building</a></li><li class="list_submenu"><a href="/fr/seminaires/nos-conferences-formations"  class="" >Nos conférences &amp; formations</a></li><li class="list_submenu"><a href="/fr/seminaires/nos-references"  class="" >Nos références</a></li></ul></div></li><li class="header-nav-item"><a href="/fr/actualites" aria-haspopup="true" aria-expanded="false" aria-controls="submenu-0-79"  class="" >Actualités</a><div id="submenu-0-79" class="subMenu"><ul class="ulSubmenu"><li class="list_submenu"><a href="/fr/actualites/agenda-culturel"  class="" >Agenda et spectacles</a></li><li class="list_submenu"><a href="/fr/actualites/a-lire-a-voir-a-ecouter"  class="" >À lire, à voir, à écouter</a></li><li class="list_submenu"><a href="/fr/actualites/les-nouvelles-du-familistere"  class="" >Les nouvelles du Familistère</a></li></ul></div></li><li class="header-nav-item"><a href="/fr/billetterie-boutique" aria-haspopup="true" aria-expanded="false" aria-controls="submenu-0-81"  class="" >Billetterie/boutique</a><div id="submenu-0-81" class="subMenu"><ul class="ulSubmenu"><li class="list_submenu"><a href="/fr/billetterie-boutique/billetterie"  class="" >Billetterie</a></li><li class="list_submenu"><a href="/fr/billetterie-boutique/boutique"  class="" >Boutique</a></li><li class="list_submenu"><a href="/fr/billetterie-boutique/librairie"  class="" >Librairie</a></li></ul></div></li><li class="header-nav-item"><a href="/fr/billetterie-boutique/billetterie"  class="" >Réserver</a></li></ul>
670
671                <ul class="search-langue">
672                                                                <li>
673                            <a href="/fr/rechercher" class="main-nav-search main-nav__link">
674                                <img class="search" src="/bundles/familisterefrontend/images/search.svg?v1" alt="Rechercher"/>
675                            </a></li>
676                                                            <li><button id="btn-contrast" type="button" title="Augmenter contraste"><img src="/bundles/familisterefrontend/images/ico-contrast.png?v1" alt="Augmenter le contraste"></button></li>
677                    <li>
678                        <a class="button-falc" href="https://facile-a-lire.familistere.com/fr/home" target="_blank">
679                            <img src="/bundles/familisterefrontend/images/falc_logo_grey.jpg?v1" alt="Mini-site Facile à lire et à comprendre (nouvelle fenêtre)">
680                        </a>
681                    </li>
682                                                                                                                                                                                                                                                                            </ul>
683            </nav>
684        </div>
685    </header>
686
687            
688
689
690        <main id="main" role="main" >
691        
691<script>
692            $(document).ready(function(){
693                if($('.title_page').length > 0){
694                    var regex = /\b[XIV][XIV]+/ig;
695                    var regex4 = /\b[XIV][XIV]+e /ig;
696                    var regex_result = $('.title_page').html().match(regex);
697                    var regex_result4 = $('.title_page').html().match(regex4);
698                    if(regex_result4) {
699                        if(regex_result) {
700                            for (i = 0; i < regex_result.length; i++) {
701                                $('.title_page').html($('.title_page').html().replace(regex_result[i] + 'e', regex_result[i] + '<sup>e</sup>'));
702                            }
703                        }
704                    }
705                }
706
707                if($(window).width() <= 768){
708                    $('.span6').each(function(){
709                        $(this).after($(this).prev());
710                    })
711
712                }
713            });
714        </script>
714
715                            <div class="container-home">
716    <header class="header-main">
717                 
717<script type="text/javascript">
718    (function($) {
719        $(document).ready(function() {
720            $('#sliderActuHomePage').carousel({
721                interval: 5000
722            });
723            $('#sliderActuHomePage').imagesLoaded().always(function() {
724                if ($(window).width() <= 768) {
725                    $('.carousel-indicators').css('top', ($('.slider-actu-pp .item:visible .image-div').height() * 0.88) + 'px');
726                    $('.pause-slider').css('top', ($('.slider-actu-pp .item:visible .image-div').height() * 0.88 - ($('.carousel-indicators li:first-child').height() / 2)) + 'px');
727                } else {
728                    $('.carousel-indicators').css('top', ($('.slider-actu-pp .item:visible .image-div').height() * 0.92) + 'px');
729                    $('.pause-slider').css('top', ($('.slider-actu-pp .item:visible .image-div').height() * 0.92 - ($('.carousel-indicators li:first-child').height() / 2)) + 'px');
730                }
731            });
732            $('#sliderActuHomePage').on('slid.bs.carousel', function() {
733                $('.carousel-inner .item.active').attr("aria-hidden", "false");
734                $('.carousel-inner .item.active a').removeAttr("tabindex");
735                $('.carousel-inner .item:not(.active)').attr("aria-hidden", "true");
736                $('.carousel-inner .item:not(.active) a').attr("tabindex", "-1");
737            });
738
739            $('.pause-slider').on('click tap', function() {
740                if ($(this).hasClass('paused')) {
741                    $('#sliderActuHomePage').carousel('cycle');
742                    $(this).find('span').html('Arrêter le défilement des panneaux');
743                } else {
744                    $('#sliderActuHomePage').carousel('pause');
745                    $(this).find('span').html('Lancer le défilement des panneaux');
746                }
747                $(this).toggleClass('paused');
748            });
749        });
750
751        $(window).on('resize', function() {
752            setTimeout(function() {
753                if ($(window).width() <= 768) {
754                    $('.carousel-indicators').css('top', ($('.slider-actu-pp .item:visible .image-div').height() * 0.88) + 'px');
755                    $('.pause-slider').css('top', ($('.slider-actu-pp .item:visible .image-div').height() * 0.88 - ($('.carousel-indicators li:first-child').height() / 2)) + 'px');
756                } else {
757                    $('.carousel-indicators').css('top', ($('.slider-actu-pp .item:visible .image-div').height() * 0.92) + 'px');
758                    $('.pause-slider').css('top', ($('.slider-actu-pp .item:visible .image-div').height() * 0.92 - ($('.carousel-indicators li:first-child').height() / 2)) + 'px');
759                }
760            }, 200);
761        });
762    })(jQuery);
763</script>
763
764
765<div class="slider-actu-pp">
766    <div id="sliderActuHomePage" class="carousel slide" data-ride="carousel">
767                      <button class="pause-slider"><span class="sr-only">Arrêter le défilement des panneaux</span></button>
768            <ol class="carousel-indicators">
769                                <li data-target="#sliderActuHomePage" data-slide-to="0" class="active" ><button type="button"><span class="sr-only">Panneau 1</span></button></li>
770                                <li data-target="#sliderActuHomePage" data-slide-to="1" ><button type="button"><span class="sr-only">Panneau 2</span></button></li>
771                            </ol>
772                        <div class="carousel-inner">
773                                <div class="item active" aria-hidden="false">
774                    <a href="/fr/visiter/informations-pratiques" >
775                                <div class="image-div">
776                                                                            <img src="/uploads/media/5f2167068090e/familistere-samborska-palmer-1-2020.jpg" alt="">
777                                                                    </div>
778                                <div class="carousel-caption">
779                                    <h2>Le Familistère, une utopie réalisée</h2>                                                 
780                                                                    </div>
781                            </a>
782                </div>
783                                <div class="item " aria-hidden="true">
784                    <a href="/fr/actualites/agenda-culturel/enquete-au-familistere" >
785                                <div class="image-div">
786                                                                            <img src="/uploads/media/6ab6453fce1ae/site-internet-slider-lheritage-de-godin-v2.jpg" alt="">
787                                                                    </div>
788                                <div class="carousel-caption">
789                                    <h2>Grande enquête : l&#039;héritage de Godin</h2>                                                 
790                                                                            <p class="slider-cat">
791                                                                                        
792                                                                                                                                                <span>31/10/2026</span>
793                                                                                                                                    </p>
794                                                                    </div>
795                            </a>
796                </div>
797                            </div>
798        </div>
799    </div>
800            
800<script src="/bundles/familisterefrontend/js/Hyphenator.js?v1"></script>
vendor: 1 bytes, line 800
800
801<script src="/bundles/familisterefrontend/js/imagesloaded.pkgd.min.js?v1"></script>
vendor: 1 bytes, line 801
801
802<script>
803    Hyphenator.config({
804        minwordlength: 8
805    });
806
807    $(document).ready(function(){
808        Hyphenator.run();
809        $('#sliderActuHomePage').imagesLoaded().always( function() {
810            if($(window).width() >= 768){
811                $('.last-actu-pp').css('top', ($('.slider-actu-pp .item:visible .image-div').height() - $('.last-actu-pp').height())+'px');
812            }
813            $('.last-actu-pp').css('visibility', 'visible');
814        });
815        $('.actu_summary').find('span').each(function(){
816            $(this).removeAttr('style');
817        });
818    });
819
820    $(window).on('resize', function(){
821        setTimeout(function(){
822            if($(window).width() >= 768){
823                $('.last-actu-pp').css('top', ($('.slider-actu-pp .item:visible .image-div').height() - $('.last-actu-pp').height())+'px');
824            }
825        },200);
826    });
827
828</script>
828
829
830<div class="last-actu-pp">
831    <a href="/fr/actualites/les-nouvelles-du-familistere/lheritage-de-godin">
832                    <div class="image-div">
833                <img src="/uploads/media/6aaceb0a9cb59/lheritage-de-godin-a3.jpg" alt="">
834            </div>
835        
836        <h2 class="actu_title">L&#039;Héritage de Godin - Enquête au Familistère</h2>
837        <div class="actu_summary hyphenate"></div>
838            </a>
839    </div>
840
841    </header>
842    <section class="section1">
843                
844
845
846<div class="quick-link-pp">
847    <div class="quick-link-line">
848                    <div class="col-xs-6 col-sm-4 col-md-3 link-bloc blocmod1 blocmod-sm-1 blocmod-xs-1">
849                <div>
850                    <a href="/fr/visiter">
851                        <div class="thumb">
852                            <figure>
853                                <img src="/uploads/media/595e43da4cdd0/visiter.jpg" alt="">
854                            </figure>
855                            <h2 class="thumb_title">Visiter</h2>
856                        </div>
857                    </a>
858                </div>
859            </div>
860                    <div class="col-xs-6 col-sm-4 col-md-3 link-bloc blocmod2 blocmod-sm-2 ">
861                <div>
862                    <a href="/fr/visiter/que-voir-que-faire-au-familistere/le-musee-de-site">
863                        <div class="thumb">
864                            <figure>
865                                <img src="/uploads/media/596778df95ec7/musee-site.jpg" alt="">
866                            </figure>
867                            <h2 class="thumb_title">Le musée
868de site</h2>
869                        </div>
870                    </a>
871                </div>
872            </div>
873                    <div class="col-xs-6 col-sm-4 col-md-3 link-bloc blocmod3  blocmod-xs-1">
874                <div>
875                    <a href="/fr/billetterie-boutique/billetterie">
876                        <div class="thumb">
877                            <figure>
878                                <img src="/uploads/media/651e6fbf09615/si-v13-boutique-2023.jpg" alt="">
879                            </figure>
880                            <h2 class="thumb_title">Billetterie</h2>
881                        </div>
882                    </a>
883                </div>
884            </div>
885                    <div class="col-xs-6 col-sm-4 col-md-3 link-bloc  blocmod-sm-1 ">
886                <div>
887                    <a href="/fr/visiter/que-voir-que-faire-au-familistere/dejeuner-au-familistere">
888                        <div class="thumb">
889                            <figure>
890                                <img src="/uploads/media/66df1068b2b8b/ln-195.jpg" alt="">
891                            </figure>
892                            <h2 class="thumb_title">Se restaurer</h2>
893                        </div>
894                    </a>
895                </div>
896            </div>
897                    <div class="col-xs-6 col-sm-4 col-md-3 link-bloc blocmod1 blocmod-sm-2 blocmod-xs-1">
898                <div>
899                    <a href="/fr/visiter/preparer-sa-visite/public-scolaire">
900                        <div class="thumb">
901                            <figure>
902                                <img src="/uploads/media/66fa68de45cc6/scolaire-2024-nouvelle-photo.jpg" alt="">
903                            </figure>
904                            <h2 class="thumb_title">Public scolaire</h2>
905                        </div>
906                    </a>
907                </div>
908            </div>
909                    <div class="col-xs-6 col-sm-4 col-md-3 link-bloc blocmod2  ">
910                <div>
911                    <a href="/fr/espace-professionnel/evenements-dentreprises">
912                        <div class="thumb">
913                            <figure>
914                                <img src="/uploads/media/695cda1a00cc9/auditorium-du-pavillon-central-74-places-familistere-de-guise-4.jpg" alt="">
915                            </figure>
916                            <h2 class="thumb_title">Événements d&#039;entreprises</h2>
917                        </div>
918                    </a>
919                </div>
920            </div>
921                    <div class="col-xs-6 col-sm-4 col-md-3 link-bloc blocmod3 blocmod-sm-1 blocmod-xs-1">
922                <div>
923                    <a href="/fr/visiter/que-voir-que-faire-au-familistere/lescape-game-du-familistere">
924                        <div class="thumb">
925                            <figure>
926                                <img src="/uploads/media/64902384e60f3/escape-game-du-familistere-1.jpg" alt="">
927                            </figure>
928                            <h2 class="thumb_title">Escape game</h2>
929                        </div>
930                    </a>
931                </div>
932            </div>
933                    <div class="col-xs-6 col-sm-4 col-md-3 link-bloc  blocmod-sm-2 ">
934                <div>
935                    <a href="/fr/actualites/agenda-culturel">
936                        <div class="thumb">
937                            <figure>
938                                <img src="/uploads/media/5967854a278a7/agenda.jpg" alt="">
939                            </figure>
940                            <h2 class="thumb_title">Agenda</h2>
941                        </div>
942                    </a>
943                </div>
944            </div>
945                    <div class="col-xs-6 col-sm-4 col-md-3 link-bloc blocmod1  blocmod-xs-1">
946                <div>
947                    <a href="/fr/visiter/que-voir-que-faire-au-familistere/les-expositions-temporaires">
948                        <div class="thumb">
949                            <figure>
950                                <img src="/uploads/media/67fe20cabf3
950cc/vignette-portrait.jpg" alt="">
951                            </figure>
952                            <h2 class="thumb_title">Expositions temporaires</h2>
953                        </div>
954                    </a>
955                </div>
956            </div>
957                    <div class="col-xs-6 col-sm-4 col-md-3 link-bloc blocmod2 blocmod-sm-1 ">
958                <div>
959                    <a href="/fr/visiter/preparer-sa-visite/accueil-velo">
960                        <div class="thumb">
961                            <figure>
962                                <img src="/uploads/media/616e851d0cf25/47-guise-cdimages-bteissedre-7.jpg" alt="">
963                            </figure>
964                            <h2 class="thumb_title">Accueil vélo</h2>
965                        </div>
966                    </a>
967                </div>
968            </div>
969                    <div class="col-xs-6 col-sm-4 col-md-3 link-bloc blocmod3 blocmod-sm-2 blocmod-xs-1">
970                <div>
971                    <a href="/fr/actualites/agenda-culturel">
972                        <div class="thumb">
973                            <figure>
974                                <img src="/uploads/media/596784015ed42/spectacle.jpg" alt="">
975                            </figure>
976                            <h2 class="thumb_title">Spectacles</h2>
977                        </div>
978                    </a>
979                </div>
980            </div>
981                    <div class="col-xs-6 col-sm-4 col-md-3 link-bloc   ">
982                <div>
983                    <a href="/fr/billetterie-boutique">
984                        <div class="thumb">
985                            <figure>
986                                <img src="/uploads/media/651e6fdfd73ca/si-v13-boutique-20232.jpg" alt="">
987                            </figure>
988                            <h2 class="thumb_title">Librairie 
989Boutique</h2>
990                        </div>
991                    </a>
992                </div>
993            </div>
994            </div>
995</div>
996<script>
997    function recupSize(){
998        $('.quick-link-pp').each(function(){
999            var t=0;
1000            $(this).find('.link-bloc').each(function(){
1001                $(this).find('.thumb').removeAttr('style');
1002                if ($(this).find('.thumb').outerHeight() > t ) {
1003                    t=$(this).find('.thumb').outerHeight();
1004                }
1005            });
1006            $(this).find('.link-bloc').each(function(){
1007                $(this).find('.thumb').css('min-height',t);
1008            });
1009        });
1010    }
1011            $(document).ready(function(){
1012            $('.quick-link-pp').imagesLoaded().always( function() {
1013                recupSize();
1014            });
1015        });
1016        $(window).resize(function(){
1017        recupSize();
1018    });
1019</script>
1019
1020
1021    </section>
1022</div>
1023
1024
1025    </main>
1026
1027                            <footer role="contentinfo" class="footer">
1028        <div class="footer__nav"><div class="footer-nav-item">    <p>Le Familistère</p>
1029
1030<div id="submenu-0-8"><ul><li class="list_submenu">    <a href="/fr/le-familistere/les-porte-voix-du-familistere" class="" >Les porte-voix du Familistère</a>
1031
1032</li><li class="list_submenu">    <a href="/fr/le-familistere/le-familistere-recrute" class="" >Le Familistère recrute</a>
1033
1034</li><li class="list_submenu">    <a href="/fr/visiter/qui-sommes-nous-contacts" class="" >Qui sommes-nous ? Contacts</a>
1035
1036</li><li class="list_submenu">    <a href="/fr/le-familistere/rapport-dactivites" class="" >Rapport d&#039;activités</a>
1037
1038</li></ul></div></div><div class="footer-nav-item">    <p>Espace professionnel</p>
1039
1040<div id="submenu-0-6"><ul><li class="list_submenu">    <a href="/fr/espace-professionnel/presse" class="" >Presse</a>
1041
1042</li><li class="list_submenu">    <a href="/fr/espace-professionnel/evenements-dentreprises" class="" >Événements d&#039;entreprises</a>
1043
1044</li><li class="list_submenu">    <a href="/fr/espace-professionnel/marches-publics" class="" >Marchés publics</a>
1045
1046</li><li class="list_submenu">    <a href="/fr/espace-professionnel/comptes-rendus-du-conseil-dadministration" class="" target="_blank">Comptes rendus du comité syndical</a>
1047
1048</li></ul></div></div><div class="footer-nav-item">    <p>Applications</p>
1049
1050<div id="submenu-0-9"><ul><li class="list_submenu">    <a href="https://livre-des-visiteurs.familistere.com/" class="" target="_blank">Livre des visiteurs</a>
1051
1052</li><li class="list_submenu">    <a href="https://fabrique-des-utopies.familistere.com/intranet.php/D4" class="" target="_blank">Fabrique des utopies</a>
1053
1054</li></ul></div></div></div>
1055        <div class="newsletter">
1056        <div>
1057            <div class="newsletter_content">
1058                
1058<script>
1059    $(document).ready(function(){
1060        var form = $('#newsletter-site');
1061        form.submit(function (e) {
1062            e.preventDefault();
1063            var formData = form.serialize();
1064
1065            $.ajax({
1066                type: 'POST',
1067                url: $(form).attr('action'),
1068                data: formData
1069            }).done(function(data){
1070                $('.newsletter_content').html(data);
1071                console.log(data)
1072            }).fail(function (data) {
1073                $('.newsletter_content').html(data);
1074                console.log(data)
1075            })
1076        });
1077    });
1078</script>
1078
1079<p class="newsletter_title">Inscription à la newsletter</p>
1080<div class="newsletter_text">
1081    <p>Mensuelle, collecte de brèves.</p>
1082</div>
1083<div id="newsletter-messages"></div>
1084<form id="newsletter-site" action="/newsletter/" class="newsletter_form">
1085    <input id="newsletter-email" name="email" type="email" required="true" class="form-control newsletter_form_input" placeholder="Votre adresse email" title="Saisir votre adresse email">
1086    <button type="submit" class="btn btn--secondary newsletter_form_btn" title="S’inscrire">Ok</button>
1087</form>            </div>
1088            <div class="familistere_info_sociaux">
1089                                                    <a class="footer-sociaux" href="/fr/reseaux-sociaux">Réseaux sociaux</a>
1090                            </div>
1091        </div>
1092    </div>
1093    <div class="sub-footer col-md-12">
1094        <div class="container-fluid">
1095            <div class="sub-footer__inner">
1096                <div class="familistere_info">
1097                    <span class="foot-fam">LE FAMILISTÈRE DE GUISE</span><span class="separation"> | </span>
1098                    <address class="address">Place du Familistère 02120 Guise</address><span class="separation"> | </span>
1099                    <span class="foot-number">+33 (0)3 23 61 35 36</span><span class="separation"> | </span>
1100                    <button type="button" class="contact-button" data-toggle="modal" data-target="#contactModal">Contactez-nous</button>
1101                </div>
1102                <div class="familistere_footer_mentions">
1103                    <p id="copyright">&copy; 2026</p><span> | </span>
1104                                                                <a href="/fr/cgv">CGV</a><span> | </span>
1105                                                                                    <a href="/fr/mentions-legales">Mentions légales</a><span> | </span>
1106                                                                                    <a href="/fr/politique-de-confidentialite">Politique de confidentialité</a>
1107                                    </div>
1108            </div>
1109        </div>
1110    </div>
1111
1112    
1112<script>
1113        $(document).ready(function(){
1114            var modalContact = $('#contactModal');
1115            modalContact.on('hidden.bs.modal', function (e) {
1116               $(this).find('.flash-notice').remove();
1117            });
1118            $.ajax({
1119                type: 'GET',
1120                url: "/contact/ajax/contact",
1121                data: ''
1122            }).done(function(data){
1123                modalContact.find('.modal-body').html(data);
1124            }).fail(function (data) {
1125                modalContact.find('.modal-body').html(data);
1126            });
1127        });
1128    </script>
1128
1129
1130    <div id="contactModal" class="modal fade contact-modal" tabindex="-1" role="dialog" aria-labelledby="contactModal" aria-hidden="true">
1131        <div class="modal-dialog" role="document">
1132            <div class="modal-content">
1133                <div class="modal-header">
1134                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><img src="/bundles/familisterefrontend/images/cross_popup.svg?v1" title="Fermer le popup" alt="Fermer le popup"></button>
1135                    <h4 class="modal-title" id="exampleModalLabel">Contactez-nous</h4>
1136                </div>
1137                <div class="modal-body">
1138                </div>
1139            </div>
1140        </div>
1141    </div>
1142
1143    <div class="modal fade" id="marchePublicModal" tabindex="-1" role="dialog" aria-labelledby="marchePublicModalLabel">
1144        <div class="modal-dialog" role="document">
1145            <div class="modal-content">
1146                <div class="modal-header">
1147                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><img src="/bundles/familisterefrontend/images/cross_popup.svg?v1" title="Fermer le popup" alt="Fermer le popup"></button>
1148                    <h3 class="modal-title marchepublic_title" id="marchePublicModalLabel"></h3>
1149                    <h5 class="marchepublic_text">Veuillez remplir le formulaire afin de pouvoir télécharger le marché public</h5>
1150                </div>
1151                <div class="modal-body marchepublic_popup_content"></div>
1152            </div>
1153        </div>
1154    </div>
1155
1156</footer>
1157            
1158    </div>
1159
1160                
1160<script>
1161    $(document).ready(function(){
1162        $('#cookie-bar').width(parseFloat($('body').css('width')) - parseFloat($('body').css('paddingLeft')) - parseFloat($('body').css('paddingRight')) - parseFloat($('#cookie-bar').css('paddingRight')) - parseFloat($('#cookie-bar').css('paddingLeft')));
1163        $(window).on('resize', function(){
1164            setTimeout(function(){
1165                $('#cookie-bar').width(parseFloat($('body').css('width')) - parseFloat($('body').css('paddingLeft')) - parseFloat($('body').css('paddingRight')) - parseFloat($('#cookie-bar').css('paddingRight')) - parseFloat($('#cookie-bar').css('paddingLeft')));
1166            },200);
1167        });
1168    });
1169</script>
1169
1170<div id="cookie-bar" class="cookie-bar">
1171    <p>
1172        Ce site web utilise des cookies pour faciliter votre navigation.
1173    </p>
1174    <button type="button" id="cookie-bar__consent-btn" class="btn cookie-bar__btn">Ok</button>
1175</div>
1176    
1177        
1177<script src="/bundles/familisterefrontend/js/bootstrap.min.js?v1"></script>
vendor: 1 bytes, line 1177
1177
1178<script src="/bundles/familisterefrontend/js/owl.carousel.min.js?v1"></script>
1178
1179
1180
1181<script src="/bundles/familisterefrontend/js/imagesloaded.pkgd.min.js?v1"></script>
1181
1182
1183
1184</body>
1185</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.