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'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 h 00âââ17 h 30 <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 h 00âââ17 h 30</td> 113 </tr> 114 <tr class=""> 115 <th scope="row">Mercredi</th> 116 <td class="hours closed">10 h 00âââ17 h 30</td> 117 </tr> 118 <tr class=""> 119 <th scope="row">Jeudi</th> 120 <td class="hours closed">10 h 00âââ17 h 30</td> 121 </tr> 122 <tr class="day_now"> 123 <th scope="row">Vendredi</th> 124 <td class="hours closed">10 h 00âââ17 h 30</td> 125 </tr> 126 <tr class=""> 127 <th scope="row">Samedi</th> 128 <td class="hours closed">10 h 00âââ17 h 30</td> 129 </tr> 130 <tr class=""> 131 <th scope="row">Dimanche</th> 132 <td class="hours closed">10 h 00âââ17 h 30</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'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'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'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 & 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, ' h ')); 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, ' h ')); 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, ' h ')); 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 h 00âââ17 h 30</td> 613 </tr> 614 <tr class=""> 615 <th scope="row">Mercredi</th> 616 <td class="hours closed">10 h 00âââ17 h 30</td> 617 </tr> 618 <tr class=""> 619 <th scope="row">Jeudi</th> 620 <td class="hours closed">10 h 00âââ17 h 30</td> 621 </tr> 622 <tr class="day_now"> 623 <th scope="row">Vendredi</th> 624 <td class="hours closed">10 h 00âââ17 h 30</td> 625 </tr> 626 <tr class=""> 627 <th scope="row">Samedi</th> 628 <td class="hours closed">10 h 00âââ17 h 30</td> 629 </tr> 630 <tr class=""> 631 <th scope="row">Dimanche</th> 632 <td class="hours closed">10 h 00âââ17 h 30</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'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'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'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 & 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'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'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'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'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'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">© 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.