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 Qui sommes-nous ? Contacts - 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" > 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 <p class="title-site">le familistère de guise</p> 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 441 $('.header-nav-item').each(function(){ 442 if($(this).children('a').html().toLowerCase() == "visiter".replace("'", "'")){ 443 $(this).children('a').addClass('menu_active nav_menu_active'); 444 $(this).addClass('nav-item-header-active'); 445// $(this).children('a').attr('aria-expanded','true'); 446// $(this).find('.subMenu').show(); 447// $('#main').css('marginTop', $(this).find('.subMenu').height()+100); 448 $(this).find('.list_submenu').each(function () { 449 if($(this).children('a').html().toLowerCase() == "qui sommes-nous ? contacts".replace("'", "'")){ 450 $(this).children('a').addClass('menu_active nav_menu_active'); 451 return false; 452 } 453 }); 454 return false; 455 } 456 }); 457 458 setTimeout(function(){ 459 var nav_position = $('#nav_principal').position().top; 460 var regex2 = /\b[XIV][XIV]+/ig; 461 var regex3 = /\b[XIV][XIV]+e \b/ig; 462 $('.subMenu a').each(function(){ 463 var regex_result2 = $(this).html().match(regex2); 464 var regex_result3 = $(this).html().match(regex3); 465 if(regex_result3){ 466 if(regex_result2){ 467 for(i=0; i < regex_result2.length; i++){ 468 $(this).html($(this).html().replace(regex_result2[i]+'e', regex_result2[i]+'<sup>e</sup>')); 469 } 470 } 471 } 472 }); 473 474 if($(document).scrollTop() >= nav_position ){ 475 if($('#nav_principal').is(':visible')){ 476 $('#nav_principal').css({'position': 'fixed', 'top': 0, 'width': $('#nav_principal').width() }); 477 $('.container-home').css('paddingTop', '4.8em'); 478// $('.nav-item-header-active').children('a').attr('aria-expanded','false'); 479// $('.nav-item-header-active').find('.subMenu').hide(); 480 } 481 }else if($(document).scrollTop() < nav_position ) { 482 if($('#nav_principal').is(':visible')){ 483 $('#nav_principal').removeAttr('style'); 484 $('.container-home').removeAttr('style'); 485// $('.nav-item-header-active').children('a').attr('aria-expanded','true'); 486// $('.nav-item-header-active').find('.subMenu').show(); 487 } 488 } 489 490 491 $(document).on('scroll', function(){ 492 if($('.tab_hours').is(':visible')){ 493 $('.tab_hours').hide(400); 494 $('.now_hours').removeClass('open'); 495 $('.now_hours').attr('aria-expanded', false); 496 $('.now_hours').find('span').html('Afficher les horaires dâouverture de la semaine'); 497 $('.now_hours').removeClass('open'); 498 } 499// if($('.subMenu').is(':visible')){ 500// if($(this).is(':visible')){ 501// $(this).siblings('a').attr('aria-expanded','false'); 502// $(this).siblings('a').removeClass('active'); 503// } 504// $(this).hide(); 505// $('.nav-item-header-active').children('a').attr('aria-expanded','true'); 506// $('.nav-item-header-active').find('.subMenu').fadeIn(200); 507// $('.nav-item-header-active').find('.nav_menu_active').addClass('menu_active'); 508// $('.subMenu').prev().blur(); 509// } 510 if($(document).scrollTop() >= nav_position ){ 511 if($('#nav_principal').is(':visible')){ 512 $('#nav_principal').css({'position': 'fixed', 'top': 0, 'width': $('#nav_principal').width() }); 513 $('.container-home').css('paddingTop', '4.8em'); 514// $('.nav-item-header-active').children('a').attr('aria-expanded','false'); 515// $('.nav-item-header-active').find('.subMenu').hide(); 516 } 517 }else if($(document).scrollTop() < nav_position ) { 518 if($('#nav_principal').is(':visible')){ 519 $('#nav_principal').removeAttr('style'); 520 $('.container-home').removeAttr('style'); 521// $('.nav-item-header-active').children('a').attr('aria-expanded','true'); 522// $('.nav-item-header-active').find('.subMenu').show(); 523 } 524 } 525 }); 526 527 $('li.header-nav-item').hover( 528 function(){ 529// if(!$(this).hasClass('nav-item-header-active')){ 530 $(this).siblings('.header-nav-item').each(function () { 531 $(this).children('a').removeClass('active'); 532 if($(this).find('.subMenu').is(':visible')){ 533 $(this).children('a').attr('aria-expanded','false'); 534 $(this).find('.subMenu').hide(); 535 } 536// 537 if($(this).hasClass('nav-item-header-active')){ 538 $(this).find('a').removeClass('menu_active'); 539 } 540 }); 541 542 $(this).find('a:first').addClass('active'); 543 $(this).find('a:first').attr('aria-expanded','true'); 544 $(this).find('.subMenu').show(); 545 if($(this).hasClass('nav-item-header-active')){ 546 $('.nav-item-header-active').find('.nav_menu_active').addClass('menu_active'); 547 } 548// }else{ 549// $(this).siblings('.header-nav-item').each(function () { 550// $(this).children('a').removeClass('active'); 551// if($(this).find('.subMenu').is(':visible')){ 552// $(this).children('a').attr('aria-expanded','false'); 553// $(this).find('.subMenu').hide(); 554// } 555// }); 556// $('.nav-item-header-active').children('a').attr('aria-expanded','true'); 557// $('.nav-item-header-active').find('.subMenu').show(); 558// $('.nav-item-header-active').find('.nav_menu_active').addClass('menu_active'); 559// } 560 }, function(){ 561 var mythis = $(this); 562 var interval = setInterval(function(){ 563 if($(':hover').filter(mythis.find('.subMenu')).length==0 && $(':hover').filter(mythis).length==0 && 564 $(':hover').filter('.header-nav-item').length==0){ 565 mythis.find('a:first').removeClass('active'); 566 mythis.find('a:first').attr('aria-expanded','false'); 567 mythis.find('.subMenu').hide(); 568 if(!mythis.hasClass('nav-item-header-active')){ 569 mythis.parent().find('.nav-item-header-active').find('.nav_menu_active').addClass('menu_active'); 570// $('.nav-item-header-active').children('a').attr('aria-expanded','true'); 571// $('.nav-item-header-active').find('.subMenu').fadeIn(200); 572// $('.nav-item-header-active').find('.nav_menu_active').addClass('menu_active'); 573 }else{ 574 mythis.find('.nav_menu_active').addClass('menu_active'); 575 } 576 clearInterval(interval); 577 } 578 }, 100); 579 } 580 ); 581 582 $('.nav-item-header-active li.list_submenu a').hover( 583 function () { 584 if(!$(this).hasClass('.nav_menu_active') && $('.ulSubsubmenu').is(':visible')){ 585 $('.ulSubsubmenu').hide(); 586 $('.ulSubmenu').find('.nav_menu_active').removeClass('menu_active'); 587 } 588 if($(this).hasClass('nav_menu_active')){ 589 $('.ulSubsubmenu').show(); 590 } 591 }, function(){ 592 $('.ulSubsubmenu').show(); 593 if(!$('.ulSubmenu').find('.nav_menu_active').hasClass('menu_active')){ 594 $('.ulSubmenu').find('.nav_menu_active').addClass('menu_active'); 595 } 596 } 597 ); 598 }, 200); 599}); 600</script>
600 601 602 <header role="banner" class="main-header main-header--desktop"> 603 <a href="#main" class="sr-only sr-only-focusable go-to-main">Aller au contenu</a> 604 <div class="container-fluid"> 605 <div class="header-title"> 606 <div class="site_title"> 607 <a class="header-title-site" href="/fr"> 608 <p class="title-site">le familistère de guise</p> 609 </a> 610 </div> 611 612 <div class="head-info"> 613 <div id="hours_header" class="hours_header"> 614 <div class="now"> 615 <button type="button" class="now_hours" aria-expanded="false" aria-controls="id_tab_hours"> 616 Fermé <span class="sr-only">Afficher les horaires d'ouverture de la semaine</span> 617 </button> 618 </div> 619 620 <div id="id_tab_hours" class="tab_hours" style="display: none"> 621 <table> 622 <caption class="sr-only">Horaires d'ouverture de la semaine</caption> 623 <tbody class="hours_tbody"> 624 <tr class=""> 625 <th scope="row">Lundi</th> 626 <td class="hours closed">fermé</td> 627 </tr> 628 <tr class=""> 629 <th scope="row">Mardi</th> 630 <td class="hours closed">10 h 00âââ17 h 30</td> 631 </tr> 632 <tr class=""> 633 <th scope="row">Mercredi</th> 634 <td class="hours closed">10 h 00âââ17 h 30</td> 635 </tr> 636 <tr class=""> 637 <th scope="row">Jeudi</th> 638 <td class="hours closed">10 h 00âââ17 h 30</td> 639 </tr> 640 <tr class="day_now"> 641 <th scope="row">Vendredi</th> 642 <td class="hours closed">10 h 00âââ17 h 30</td> 643 </tr> 644 <tr class=""> 645 <th scope="row">Samedi</th> 646 <td class="hours closed">10 h 00âââ17 h 30</td> 647 </tr> 648 <tr class=""> 649 <th scope="row">Dimanche</th> 650 <td class="hours closed">10 h 00âââ17 h 30</td> 651 </tr> 652 </tbody> 653 </table> 654 </div> 655 </div> 656 657 <div class="header-content-info-prat"> 658 <a href="/fr/visiter/informations-pratiques" class="header-info-pratiques"> 659 Informations pratiques 660 </a> 661 </div> 662 663 <div class="icon_sociaux"> 664 <ul> 665 <li> 666 <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> 667 </li> 668 <li> 669 <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> 670 </li> 671 <li> 672 <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> 673 </li> 674 <li> 675 <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> 676 </li> 677 <li> 678 <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> 679 </li> 680 </ul> 681 </div> 682 </div> 683 </div> 684 685 686 <nav id="nav_principal" role="navigation" aria-label="Menu principal" class="main-header__nav main-nav col-md-12"> 687 <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> 688 689 <ul class="search-langue"> 690 <li> 691 <a href="/fr/rechercher" class="main-nav-search main-nav__link"> 692 <img class="search" src="/bundles/familisterefrontend/images/search.svg?v1" alt="Rechercher"/> 693 </a></li> 694 <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> 695 <li> 696 <a class="button-falc" href="https://facile-a-lire.familistere.com/fr/home" target="_blank"> 697 <img src="/bundles/familisterefrontend/images/falc_logo_grey.jpg?v1" alt="Mini-site Facile à lire et à comprendre (nouvelle fenêtre)"> 698 </a> 699 </li> 700 </ul> 701 </nav> 702 </div> 703 </header> 704 705 706 707 708 <main id="main" role="main" > 709
709<script> 710 $(document).ready(function(){ 711 if($('.title_page').length > 0){ 712 var regex = /\b[XIV][XIV]+/ig; 713 var regex4 = /\b[XIV][XIV]+e /ig; 714 var regex_result = $('.title_page').html().match(regex); 715 var regex_result4 = $('.title_page').html().match(regex4); 716 if(regex_result4) { 717 if(regex_result) { 718 for (i = 0; i < regex_result.length; i++) { 719 $('.title_page').html($('.title_page').html().replace(regex_result[i] + 'e', regex_result[i] + '<sup>e</sup>')); 720 } 721 } 722 } 723 } 724 725 if($(window).width() <= 768){ 726 $('.span6').each(function(){ 727 $(this).after($(this).prev()); 728 }) 729 730 } 731 }); 732 </script>
732 733
733<script> 734 $(document).ready(function(){ 735 var regex5 = /\b[XIV][XIV]+/ig; 736 var regex6 = /\b[XIV][XIV]+e /ig; 737 $('.breadcrumb__item').each(function(){ 738 var regex_result5 = $(this).html().match(regex5); 739 var regex_result6 = $(this).html().match(regex6); 740 if(regex_result6){ 741 if(regex_result5){ 742 for(i=0; i < regex_result5.length; i++){ 743 $(this).html($(this).html().replace(regex_result5[i]+'e', regex_result5[i]+'<sup>e</sup>')); 744 } 745 } 746 } 747 }); 748 }); 749 </script>
749 750 <section class="breadcrumb_container"> 751 <nav role="navigation" aria-label="Fil d'Ariane" class="breadcrumb"> 752 <a href="/fr" class="breadcrumb__item breadcrumb__item--home">Accueil<span class="visible-print-block"> </span></a> 753 <a href="/fr/visiter" class="breadcrumb__item">Visiter<span class="visible-print-block"> </span></a> 754 <span class="breadcrumb__item breadcrumb__item--current">Qui sommes-nous ? Contacts</span> 755 </nav> 756 </section> 757
757<script> 758 $(document).ready(function(){ 759 var sidebaritem = $('.span3').children(); 760 if(sidebaritem.length > 3){ 761 sidebaritem.not(':lt(3)').each(function(){ 762 $(this).hide(); 763 }); 764 sidebaritem.eq(2).css('marginBottom', 'initial'); 765 sidebaritem.eq(2).after('<button id="develop-item" class="develop-item off" type="button" title="Développer items">+</button>'); 766 $('#develop-item').on('click tap', function(){ 767 if($(this).hasClass('off')){ 768 sidebaritem.not(':lt(3)').fadeIn(400); 769 $(this).removeClass('off').addClass('on'); 770 $(this).attr('title', 'Disparaitre items'); 771 $(this).html('-'); 772 }else{ 773 sidebaritem.not(':lt(3)').fadeOut(400); 774 $(this).removeClass('on').addClass('off'); 775 $(this).attr('title', 'Développer items'); 776 $(this).html('+'); 777 } 778 }); 779 } 780 781 $('.span3').css('visibility', 'visible'); 782 }) 783</script>
783 784<div class="row-fluid"> 785 <div class="span3 col-md-3 span-left"> 786 787 788 <figure class="image-pp " role="group" tabindex="0"> 789 790 791 792 <img src="https://familistere.com/uploads/media/5ab102cd5be60/familistere-visages.jpg?v1" srcset="https://familistere.com/uploads/cache/image_huge_jpg/uploads/media/5ab102cd5be60/familistere-visages.jpg 2400w,https://familistere.com/uploads/cache/image_big_jpg/uploads/media/5ab102cd5be60/familistere-visages.jpg 1200w,https://familistere.com/uploads/cache/image_medium_jpg/uploads/media/5ab102cd5be60/familistere-visages.jpg 600w,https://familistere.com/uploads/cache/image_small_jpg/uploads/media/5ab102cd5be60/familistere-visages.jpg 400w" sizes="100vw" alt="Portraits dâhabitants et de travailleurs du Familistère"/> 793 <noscript> 794 <img src="https://familistere.com/uploads/cache/image_big_jpg/uploads/media/5ab102cd5be60/familistere-visages.jpg" alt="Portraits dâhabitants et de travailleurs du Familistère" /> 795 </noscript> 796 797 798 <figcaption> 799 <div><p>Portraits d’habitants et de travailleurs du Familistère. Photographies anonymes, fin du XIX<sup>e</sup> siècle.</p></div> 800 </figcaption> 801 </figure> 802 803 </div> 804 <div class="span7 col-md-7 span-middle"> 805 <h1 class="title_page title-no-margin">Qui sommes-nous ? Contacts</h1> 806 <div class="chapeau"> 807 <p><span style="font-size:1.5em">Le syndicat mixte du Familistère Godin est le propriétaire et l’administrateur du Familistère. Cette collectivité publique a été créée le 17 novembre 2000 par le Département de l’Aisne et la Ville de Guise pour conduire le programme de valorisation du Familistère. Le 1<sup>er</sup> avril 2006, le syndicat mixte a créé une régie de service public industriel et commercial, la Régie du Familistère, chargée de gérer l’accueil du public et les services associés.</span></p> 808 </div> 809
809<script> 810 $(document).ready(function(){ 811 $('.text-pp').find('a:not([href])').each(function(){ 812 var content = $(this); 813 while(content.children('span').length != 0){ 814 content = content.children(); 815 } 816 var a = '<a class="item_access" href="#'+ $(this).attr('id') +'" title="'+content.html().replace(/<(em|\/em|b|\/b)>/g, '')+'">' + content.html() + '</a>'; 817 $('.quick-access-pp').append(a); 818 }); 819 820 setTimeout(function(){ 821 $('.item_access:first').addClass('active'); 822 $(document).on('scroll', function(){ 823 if($(document).scrollTop() >= $($('.item_access:nth-child(2)').attr('href')).position().top ){ 824 if($('.item_access:first').hasClass('active')){ 825 $('.item_access:first').removeClass('active'); 826 } 827 }else{ 828 if(!$('.item_access:first').hasClass('active')){ 829 $('.item_access:first').addClass('active'); 830 } 831 } 832 }); 833 834 $('.item_access').hover( 835 function () { 836 if(!$(this).hasClass('active')){ 837 $(this).siblings('.item_access').each(function () { 838 if($(this).hasClass('active')){ 839 $(this).removeClass('active'); 840 } 841 }); 842 $(this).addClass('active'); 843 } 844 }, function(){ 845 $(this).removeClass('active'); 846 $('.item_access:first-child').addClass('active'); 847 } 848 ); 849 850// $('.item_access').on('click tap', function(e){ 851// e.preventDefault(); 852// var id = $(this).attr('anchor'); 853// $('html,body').animate({scrollTop: ($("#"+id).offset().top - ($('header:visible').height()+ 30))}, 'slow'); 854// }); 855 856 $('.quick-access-pp *').each(function(){ 857 $(this).removeAttr('style'); 858 }) 859 },100); 860 }); 861</script>
861 862<div class="quick-access-pp"> 863 </div> <div class="text-pp with-margin-right"> 864 <h2><span style="font-size:1.1em"><a id="syndicat-mixte" name="syndicat-mixte"><span style="color:#000000">LE SYNDICAT MIXTE DU FAMILISTÈRE GODIN</span></a></span></h2> 865 866<h3><span style="color:#000000"><span style="font-size:1.1em">Le comité syndical</span></span></h3> 867 868<p><span style="color:#000000"><span style="font-size:1.1em">L’assemblée délibérante du syndicat mixte du Familistère Godin est composée de 6 membres titulaires : 4 membres désignés par le conseil départemental de l’Aisne et 2 membres désignés par le conseil municipal de Guise. Les 6 membres suppléants sont nommés dans les mêmes conditions.</span></span></p> 869 870<p><span style="color:#000000"><span style="font-size:1.1em"><strong>Président</strong></span></span><br /> 871<span style="font-size:1.1em">Hugues Cochet<br /> 872maire de Guise<br /> 873président de la communauté de communes de Thiérache Sambre et Oise<br /> 874conseiller départemental de l’Aisne</span></p> 875 876<p><span style="color:#000000"><span style="font-size:1.1em"><strong>1<sup>ère</sup> Vice-présidente</strong></span></span><br /> 877<span style="font-size:1.1em">Marie-Françoise Bertrand<br /> 878conseillère départementale de l’Aisne</span></p> 879 880<p><span style="color:#000000"><span style="font-size:1.1em"><strong>2<sup>ème</sup> Vice-président</strong></span></span><br /> 881<span style="font-size:1.1em">Hervé Florenty<br /> 882adjoint au maire de Guise</span></p> 883 884<p><span style="color:#000000"><span style="font-size:1.1em"><strong>Membres titulaires</strong></span></span><br /> 885<span style="font-size:1.1em">Isabelle Ittelet, conseillère départementale de l’Aisne et conseillère régionale des Hauts-de-France; Caroline Varlet-Chénot, conseillère départementale de l’Aisne ; Corinne Monfront, conseillère municipale de Guise.</span></p> 886 887<p><span style="color:#000000"><span style="font-size:1.1em"><strong>Membres suppléants</strong></span></span><br /> 888<span style="font-size:1.1em">Roselyne Cail, maire du Nouvion-en-Thiérache, conseillère départementale de l'Aisne ; Mélanie Nicolas maire de Wimy, conseillère départementale de l'Aisne, Fabienne Marchionni, conseillère départementale de l'Aisne, Pierre-Jean Verzelen, sénateur de l’Aisne, conseiller départemental de l’Aisne ; Jean-Pierre Prévot et Olivier Ancelet, conseillers municipaux de Guise.</span></p> 889 890<p><span style="font-size:1.1em"><strong>Membre consultatif</strong></span><br /> 891<span style="font-size:1.1em">Jean-Pierre Balligand<br /> 892membre honoraire du Parlement</span><br /> 893 </p> 894 895<h2><span style="font-size:1.1em"><a id="regie-fam" name="regie-fam"><span style="color:#000000">RÉGIE DU FAMILISTÈRE</span></a></span></h2> 896 897<h3><span style="color:#000000"><span style="font-size:1.1em">Conseil d’administration</span></span></h3> 898 899<p><span style="color:#000000"><span style="font-size:1.1em"><strong>Présidente</strong><br /> 900Corinne Monfront<br /> 901conseillère municipale de Guise, membre du comité syndical du syndicat mixte du Familistère Godin</span></span></p> 902 903<p><span style="color:#000000"><span style="font-size:1.1em"><strong>Membres titulaires</strong></span></span><br /> 904<span style="font-size:1.1em">Isabelle Ittelet à remplacer par Marie-Françoise Bertrand<br /> 905Caroline Varlet devient Caroline Varlet-Chénot</span></p> 906 907<p> </p> 908 909<h2><span style="font-size:1.1em"><a id="contacts-fam" name="contacts-fam"><span style="color:#000000">CONTACTS</span></a></span></h2> 910 911<h3><span style="font-size:1.1em"><span style="color:#000000">Syndicat mixte du Familistère Godin</span></span></h3> 912 913<p><strong><span style="font-size:1.1em"><span style="color:#000000">Direction transitoire</span></span></strong></p> 914 915<p><span style="font-size:1.1em"><span style="color:#000000">En attente de recrutement</span></span></p> 916 917<p><span style="color:#000000"><span style="font-size:1.1em"><strong>Administration et finances</strong></span></span></p> 918 919<p><span style="font-size:1.1em"><span style="color:#000000">Marie Lépousez<br /> 920responsable du service</span></span><br /> 921<span style="font-size:0.9em"><big><span style="color:#727272">[email protected]</span></big></span></p> 922 923<p><span style="font-size:1.1em"><span style="color:#000000">Isabelle Palfroy<br /> 924assistante de gestion administrative et financière</span></span><br /> 925<span style="font-size:0.9em"><big><span style="color:#727272">[email protected]</span></big></span></p> 926 927<p><span style="font-size:1.1em"><span style="color:#000000">Alexis Jumeaux<br /> 928responsable des ressources humaines.</span></span><br /> 929<span style="color:#727272"><big><span style="font-size:0.9em">[email protected]</span></big></span></p> 930 931<p><span style="color:#000000"><span style="font-size:1.1em"><strong>Conservation</strong></span></span></p> 932 933<p><span style="font-size:1.1em"><span style="color:#000000">Frédéric Panni<br /> 934responsable du service</span></span><br /> 935<big><span style="font-size:0.9em"><span style="color:#727272">[email protected]</span></span></big></p> 936 937<p><span style="font-size:1.1em"><span style="color:#000000">Maxime Potier<br /> 938attaché de conservation<br /> 939collections – expositions temporaires</span></span><br /> 940<span style="font-size:0.9em"><big><span style="color:#727272">[email protected]</span></big></span></p> 941 942<p><span style="color:#000000"><span style="font-size:1.1em"><strong>Service des publics</strong></span></span></p> 943 944<p><span style="font-size:1.1em"><span style="color:#000000">Maxime Dequecker<br /> 945responsable du service</span></span><br /> 946<span style="color:#727272"><span style="font-size:0.9em"><big>[email protected]</big></span></span><br /> 947<br /> 948<span style="font-size:1.1em">Héloïse Dumez</span><br /> 949<span style="font-size:1.1em"><span style="color:#000000">chargée du spectacle vivant</span></span><br /> 950<span style="color:#696969"><span style="font-size:0.9em"><big>[email protected]</big></span></span><br /> 951<br /> 952<span style="font-size:1.1em"><span style="color:#000000">Sylvain Navaux<br /> 953Chargé de communication</span></span><br /> 954<span style="color:#727272"><span style="font-size:0.9em"><big>[email protected]</big></span></span></p> 955 956<p> </p> 957 958<h3><span style="color:#000000"><span style="font-size:1.1em">Régie du Familistère</span></span></h3> 959 960<p><span style="font-size:1.1em"><span style="color:#000000"><strong>Direction</strong><br /> 961Amélie Godbert<br /> 962<span style="line-height:1.1em">Directrice</span></span></span><br /> 963<span style="color:#727272"><big><span style="font-size:0.9em">[email protected]</span></big></span><br /> 964<br /> 965<span style="color:#000000"><span style="font-size:1.1em"><strong>Administration</strong></span></span><br /> 966<big><span style="font-size:0.9em"><span style="color:#727272">[email protected]</span></span></big></p> 967 968<p><span style="font-size:1.1em"><span style="color:#000000"><strong>Service réservations et commercialisation</strong></span></span><br /> 969<span style="font-size:0.9em"><big><span style="color:#727272">[email protected]</span></big></span></p> 970 971<p><span style="font-size:1.1em"><span style="color:#000000">Ludivine Lenglet<br /> 972assistante commerciale / facturation</span></span><br /> 973<span style="font-size:0.9em"><big>
973[email protected]</big></span></p> 974 975<p><span style="font-size:1.1em"><span style="color:#000000">Nathan Brebion<br /> 976Conseiller séjours et séminaires </span></span><br /> 977<span style="font-size:0.9em"><big>[email protected]</big></span></p> 978 979<p><span style="font-size:1.1em"><span style="color:#000000"><strong>Séminaires, événementiel</strong></span></span><br /> 980<span style="font-size:0.9em"><big><span style="color:#727272">[email protected]</span></big></span></p> 981 982<p><span style="color:#000000"><span style="font-size:1.1em"><strong>Médiation culturelle et promotion</strong></span></span><br /> 983<span style="font-size:1.1em"><span style="color:#000000">Jérôme Caron<br /> 984responsable de la médiation</span></span><br /> 985<span style="font-size:0.9em"><big>[email protected]</big></span></p> 986 987<p><span style="color:#000000"><span style="font-size:1.1em"><strong>Service éducatif</strong></span></span><br /> 988<span style="font-size:0.9em"><big><span style="color:#727272">[email protected]</span></big></span></p> 989 990<p><span style="font-size:1.1em"><span style="color:#000000"><strong>Accueil et renseignements</strong></span></span><br /> 991<span style="color:#727272"><span style="font-size:0.9em"><big>[email protected]</big></span></span></p> 992 993<p><span style="font-size:1.1em"><span style="color:#000000"><strong>Boutique</strong></span></span><br /> 994<span style="font-size:0.9em"><big><span style="color:#727272">[email protected]</span></big></span></p> 995 996<p> </p> 997</div>
998<script> 999 $(document).ready(function(){ 1000 $('.text-pp').find('img').each(function(){ 1001 if($(this).parent().get(0).tagName.toLowerCase() != 'figure' && !$(this).hasClass('email')){ 1002 var style = $(this).attr('style'); 1003 $(this).removeAttr('style'); 1004 var html = $(this).get(0).outerHTML; 1005 var figure = '<figure class="image-pp" role="group" style="'+ style +'">'+ html + '<noscript>' + html +'</noscript><figcaption><span>' + $(this).attr('alt') + '</span></figcaption></figure>'; 1006 $(this).replaceWith(figure); 1007 } 1008 1009 }); 1010 }); 1011</script>
1011
1011<script type="text/javascript" src="/bundles/familisterefrontend/js/slider.js?v1"></script>
1011 1012<div class="slider-photo-pp"> 1013 <div id="sliderPhotoModal" class="modal fade slider-photo-modal" tabindex="-1" role="dialog" aria-labelledby="sliderPhotoModal" aria-hidden="true"> 1014 <div class="modal-dialog modal-lg" role="document"> 1015 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1016 <img src="/bundles/familisterefrontend/images/cross_popup.svg?v1" title="Fermer le popup" alt="Fermer le popup"> 1017 </button> 1018 <div class="modal-content"> 1019 <div id="slider-photo" class="carousel slide"> 1020 <!-- Indicators --> 1021 <ol class="carousel-indicators"></ol> 1022 1023 <!-- Wrapper for slides --> 1024 <div class="carousel-inner"></div> 1025 1026 <!-- Left and right controls --> 1027 <button class="left carousel-control" type="button" data-slide="prev"> 1028 <img src="/bundles/familisterefrontend/images/arrow-popup.svg?v1" title="Image précédente" alt="Image précédente"> 1029 </button> 1030 <button class="right carousel-control" type="button" data-slide="next"> 1031 <img src="/bundles/familisterefrontend/images/arrow-popup.svg?v1" title="Image suivante" alt="Image suivante"> 1032 </button> 1033 </div> 1034 </div> 1035 </div> 1036 </div> 1037</div> 1038 1039 </div> 1040 <div class="span2 col-md-2 span-right"> 1041
1041<script type="text/javascript" src="/bundles/familisterefrontend/js/jssocials.min.js?v1"></script>
vendor: 1 bytes, line 1041
1041
1042<script> 1043 (function($){ 1044 $( document ).ready(function() { 1045 var url = window.location.href; 1046 var title = $('meta[property="og:title"]').attr('content'); 1047 var description = $('meta[property="og:description"]').attr('content'); 1048 var image = $('meta[property="og:image"]').attr('content'); 1049 var twitterDescription; 1050 var twitterTitle; 1051 if($('meta[name="twitter:description"]').length > 0){ 1052 twitterDescription = $('meta[name="twitter:description"]').attr('content'); 1053 }else{ 1054 twitterDescription = $('meta[property="og:description"]').attr('content'); 1055 } 1056 if($('meta[name="twitter:title"]').length > 0){ 1057 twitterTitle = $('meta[name="twitter:title"]').attr('content'); 1058 }else{ 1059 twitterTitle = $('meta[property="og:title"]').attr('content'); 1060 } 1061 1062 $(".social-share-pp .share-sociaux").jsSocials({ 1063 shares: [{ 1064 share: 'facebook', 1065 shareUrl: "https://www.facebook.com/sharer/sharer.php?u={url}", 1066 logo: "fab fa-facebook", 1067 }, 1068 { 1069 share: 'twitter', 1070 text: twitterDescription, 1071 title: twitterTitle, 1072 logo: "fab fa-x-twitter", 1073 }, 1074 { 1075 share: 'googleplus', 1076 logo: "fab fa-google-plus-g", 1077 }, 1078 'email' 1079 ], 1080 url: url, 1081 title: title, 1082 text: description, 1083 showLabel: false, 1084 showCount: false, 1085 shareIn: "popup" 1086 }); 1087 1088 setTimeout(function(){ 1089 $(".social-share-pp .share-sociaux").jsSocials("refresh"); 1090 },200); 1091 1092 $('.button-open').on('click tap', function(){ 1093 if($('.share-sociaux').is(':visible')){ 1094 $('.share-sociaux').fadeOut(400); 1095 $(this).removeAttr('style'); 1096 }else{ 1097 $('.share-sociaux').fadeIn('slow').css('display', 'inline-block'); 1098 $(this).css({'background': '#727272', 'color': '#fff'}); 1099 } 1100 1101 }); 1102 }); 1103 })(jQuery); 1104</script>
1104 1105<div class="social-share-pp"> 1106 <div class="share jssocials-shares"> 1107 <div class="jssocials-share"> 1108 <button class="button-open jssocials-share-link" type="button"> 1109 <i class="fa-solid fa-share-nodes jssocials-share-logo"></i><span>Partager</span> 1110 </button> 1111 </div> 1112 </div> 1113 <div class="share-sociaux"></div> 1114 <div class="print jssocials-shares"> 1115 <div class="jssocials-share"> 1116 <a href="/pdf/create?url=https%3A//familistere.com/fr/visiter/qui-sommes-nous-contacts" class="button-print jssocials-share-link" target="_blank"> 1117 <i class="fa fa-print jssocials-share-logo"></i><span>Imprimer</span> 1118 </a> 1119 </div> 1120 </div> 1121</div> 1122 </div> 1123</div> 1124 1125 </main> 1126 1127 <footer role="contentinfo" class="footer"> 1128 <div class="footer__nav"><div class="footer-nav-item"> <p>Le Familistère</p> 1129 1130<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> 1131 1132</li><li class="list_submenu"> <a href="/fr/le-familistere/le-familistere-recrute" class="" >Le Familistère recrute</a> 1133 1134</li><li class="list_submenu"> <a href="/fr/visiter/qui-sommes-nous-contacts" class="" >Qui sommes-nous ? Contacts</a> 1135 1136</li><li class="list_submenu"> <a href="/fr/le-familistere/rapport-dactivites" class="" >Rapport d'activités</a> 1137 1138</li></ul></div></div><div class="footer-nav-item"> <p>Espace professionnel</p> 1139 1140<div id="submenu-0-6"><ul><li class="list_submenu"> <a href="/fr/espace-professionnel/presse" class="" >Presse</a> 1141 1142</li><li class="list_submenu"> <a href="/fr/espace-professionnel/evenements-dentreprises" class="" >Ãvénements d'entreprises</a> 1143 1144</li><li class="list_submenu"> <a href="/fr/espace-professionnel/marches-publics" class="" >Marchés publics</a> 1145 1146</li><li class="list_submenu"> <a href="/fr/espace-professionnel/comptes-rendus-du-conseil-dadministration" class="" target="_blank">Comptes rendus du comité syndical</a> 1147 1148</li></ul></div></div><div class="footer-nav-item"> <p>Applications</p> 1149 1150<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> 1151 1152</li><li class="list_submenu"> <a href="https://fabrique-des-utopies.familistere.com/intranet.php/D4" class="" target="_blank">Fabrique des utopies</a> 1153 1154</li></ul></div></div></div> 1155 <div class="newsletter"> 1156 <div> 1157 <div class="newsletter_content"> 1158
1158<script> 1159 $(document).ready(function(){ 1160 var form = $('#newsletter-site'); 1161 form.submit(function (e) { 1162 e.preventDefault(); 1163 var formData = form.serialize(); 1164 1165 $.ajax({ 1166 type: 'POST', 1167 url: $(form).attr('action'), 1168 data: formData 1169 }).done(function(data){ 1170 $('.newsletter_content').html(data); 1171 console.log(data) 1172 }).fail(function (data) { 1173 $('.newsletter_content').html(data); 1174 console.log(data) 1175 }) 1176 }); 1177 }); 1178</script>
1178 1179<p class="newsletter_title">Inscription à la newsletter</p> 1180<div class="newsletter_text"> 1181 <p>Mensuelle, collecte de brèves.</p> 1182</div> 1183<div id="newsletter-messages"></div> 1184<form id="newsletter-site" action="/newsletter/" class="newsletter_form"> 1185 <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"> 1186 <button type="submit" class="btn btn--secondary newsletter_form_btn" title="Sâinscrire">Ok</button> 1187</form> </div> 1188 <div class="familistere_info_sociaux"> 1189 <a class="footer-sociaux" href="/fr/reseaux-sociaux">Réseaux sociaux</a> 1190 </div> 1191 </div> 1192 </div> 1193 <div class="sub-footer col-md-12"> 1194 <div class="container-fluid"> 1195 <div class="sub-footer__inner"> 1196 <div class="familistere_info"> 1197 <span class="foot-fam">LE FAMILISTÃRE DE GUISE</span><span class="separation"> | </span> 1198 <address class="address">Place du Familistère 02120 Guise</address><span class="separation"> | </span> 1199 <span class="foot-number">+33 (0)3 23 61 35 36</span><span class="separation"> | </span> 1200 <button type="button" class="contact-button" data-toggle="modal" data-target="#contactModal">Contactez-nous</button> 1201 </div> 1202 <div class="familistere_footer_mentions"> 1203 <p id="copyright">© 2026</p><span> | </span> 1204 <a href="/fr/cgv">CGV</a><span> | </span> 1205 <a href="/fr/mentions-legales">Mentions légales</a><span> | </span> 1206 <a href="/fr/politique-de-confidentialite">Politique de confidentialité</a> 1207 </div> 1208 </div> 1209 </div> 1210 </div> 1211 1212
1212<script> 1213 $(document).ready(function(){ 1214 var modalContact = $('#contactModal'); 1215 modalContact.on('hidden.bs.modal', function (e) { 1216 $(this).find('.flash-notice').remove(); 1217 }); 1218 $.ajax({ 1219 type: 'GET', 1220 url: "/contact/ajax/contact", 1221 data: '' 1222 }).done(function(data){ 1223 modalContact.find('.modal-body').html(data); 1224 }).fail(function (data) { 1225 modalContact.find('.modal-body').html(data); 1226 }); 1227 }); 1228 </script>
1228 1229 1230 <div id="contactModal" class="modal fade contact-modal" tabindex="-1" role="dialog" aria-labelledby="contactModal" aria-hidden="true"> 1231 <div class="modal-dialog" role="document"> 1232 <div class="modal-content"> 1233 <div class="modal-header"> 1234 <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> 1235 <h4 class="modal-title" id="exampleModalLabel">Contactez-nous</h4> 1236 </div> 1237 <div class="modal-body"> 1238 </div> 1239 </div> 1240 </div> 1241 </div> 1242 1243 <div class="modal fade" id="marchePublicModal" tabindex="-1" role="dialog" aria-labelledby="marchePublicModalLabel"> 1244 <div class="modal-dialog" role="document"> 1245 <div class="modal-content"> 1246 <div class="modal-header"> 1247 <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> 1248 <h3 class="modal-title marchepublic_title" id="marchePublicModalLabel"></h3> 1249 <h5 class="marchepublic_text">Veuillez remplir le formulaire afin de pouvoir télécharger le marché public</h5> 1250 </div> 1251 <div class="modal-body marchepublic_popup_content"></div> 1252 </div> 1253 </div> 1254 </div> 1255 1256</footer> 1257 1258 </div> 1259 1260
1260<script> 1261 $(document).ready(function(){ 1262 $('#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'))); 1263 $(window).on('resize', function(){ 1264 setTimeout(function(){ 1265 $('#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'))); 1266 },200); 1267 }); 1268 }); 1269</script>
1269 1270<div id="cookie-bar" class="cookie-bar"> 1271 <p> 1272 Ce site web utilise des cookies pour faciliter votre navigation. 1273 </p> 1274 <button type="button" id="cookie-bar__consent-btn" class="btn cookie-bar__btn">Ok</button> 1275</div> 1276 1277
1277<script src="/bundles/familisterefrontend/js/bootstrap.min.js?v1"></script>
vendor: 1 bytes, line 1277
1277
1278<script src="/bundles/familisterefrontend/js/owl.carousel.min.js?v1"></script>
1278 1279 1280
1281<script src="/bundles/familisterefrontend/js/imagesloaded.pkgd.min.js?v1"></script>
1281 1282 1283 1284</body> 1285</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.