https://www.le357.org/fr/a-propos.html

1<!DOCTYPE html>
2<html lang="fr">
3<head>
4<!-- Global site tag (gtag.js) - Google Analytics GA4 2022/05 -->

4
5<script async src="https://www.googletagmanager.com/gtag/js?id=

5G-1TMB59J5C8

5"></script>

6<script>
7  

7window.dataLayer = window.dataLayer || [];
8  function gtag(){dataLayer.push(arguments);}
9  gtag('js', new Date());
10  gtag('config', '

10G-1TMB59J5C8

10');

11</script>

11
12<title>Le 357 de la Commune - A propos</title>
13
14<meta charset="UTF-8">
15<meta name="robots" content="index, follow" />
16<meta name="description" content="La reconstruction du 357 de la Commune Ouest à Montréal" />
17<meta name="keywords" content="Le 357 de la commune ouest, montreal, quebec, canada, fdl, fondation, foundation, daniel langlois, art, science, technologie, technology" />
18
19<link rel="canonical" href="https://www.le357.org/fr/a-propos.html" />
20<link rel="apple-touch-icon" sizes="180x180" href="../images/icons/apple-touch-icon.png">
21<link rel="icon" type="image/png" sizes="32x32" href="../images/icons/favicon-32x32.png">
22<link rel="icon" type="image/png" sizes="16x16" href="../images/icons/favicon-16x16.png">
23<link rel="manifest" href="../images/icons/site.webmanifest">
24<link rel="mask-icon" href="../images/icons/safari-pinned-tab.svg" color="#5bbad5">
25<link rel="shortcut icon" href="../images/icons/favicon.ico">
26<meta name="msapplication-TileColor" content="#000000">
27<meta name="msapplication-config" content="../images/icons/browserconfig.xml">
28<meta name="theme-color" content="#ffffff">
29
30<link rel="stylesheet" href="../css/ubuntu.css" />
31<link rel="stylesheet" href="../css/style.54.css" />
32<link rel="stylesheet" href="../css/leaflet.1.7.1.css" />
33<link rel="stylesheet" href="../css/glowCookies.3.1.7.css" />
34

35<script src="../js/jquery.3.5.1.min.js"></script>

35

36<script src="../js/waitforimage.2.4.0.js"></script>

36

37<script src="../js/leaflet.1.7.1.js"></script>

37

38<script src="../js/glowCookies.3.1.7.js"></script>

38
39

40<script language="JavaScript" type="text/javascript">
41glowCookies.start('fr', { 
42  style: 2, 
43  analytics: 'G-1TMB59J5C8', 
44  position: 'right',
45  bannerHeading: 'Utilisation de cookies',
46  hideAfterClick: true,
47  policyLink: '/fr/politique-de-confidentialite.html'
48});
49</script>

49
50
51<style>	
52<!--
53.titre:hover {
54	cursor: pointer; 
55}
56.paragraphe {
57	clear:both;
58	margin: 0; 
59	padding: 10px 60px 0 60px; /* top right bottom left */
60	opacity:0; 
61}
62.bloc {
63	text-align: left;	
64	display:inline-block;
65	background-color: rgba(40,40,40,0.9);
66	padding: 5px;
67}
68-->
69</style>
70
71</head>
72
73<body>
74	
75<div class="contenant">
76
77  <div class="contenu">   
78  
79<!-- entete -->
80
81	  <header class="entete">
82	
83		<div class="logo">		
84		  <span class="logoFdl invisible"><a href="https://www.fondation-langlois.org/html/f/page.php?NumPage=513" target="_blank"><img src="../images/FDL_Logo_2020.gif" width="169" height="75" title="Fondation Daniel Langlois" alt="Fondation Daniel Langlois" /></a></span>
85		  <span class="logo357 invisible"><a href="index.html"><img src="../images/357_Coupole.png" width="75" height="75" title="Retour" alt="Retour" /></a></span>
86		</div>	  
87  
88		<div class="menu invisible">
89		  <ul>
90		    <li><a href="#" class="active">À propos</a></li>  
91		    <li><span id="langue"><a href="#">English</a></span></li>
92		  </ul>
93		</div>
94	  
95	  </header>
96	
97<!-- titre -->
98
99	  <div class="titre invisible" id="clicTitre">
100		<h2>La reconstruction du</h2>
101		<h1>357 de la Commune</h1>
102		<h2>dans le Vieux-Montréal</h2>
103	  </div>
104	  
105<!-- paragraphe 1 -->
106	  
107	  <div class="paragraphe invisible" id="paragraphe1">
108	  
109		<div class="bloc">
110
111		  <div class="aproposTitre">
112			  <div style="float:left;"><h3>La reconstruction du 357 de la Commune Ouest</h3></div>
113			  <div style="float:right;" class="fermeBouton"><img src="../images/close_white_512x512.png" width="30" height="30" title="Retour page principale" alt="Retour page principale" /></div>
114		  </div>
115		  <div class="aproposTexte">
116			<p>Comme beaucoup de Montréalais, <a href="https://www.fondation-langlois.org/html/f/page.php?NumPage=302" target="_blank">Daniel Langlois</a> a toujours été fasciné par l'édifice situé au 357 rue de la Commune Ouest à cause de son architecture, de son rôle historique et de sa situation stratégique à l'ouest du Vieux-Port de Montréal.</p>
117			<p>Bien que les activités de Daniel Langlois se situent souvent dans des domaines associés au développement de nouvelles technologies, sa vision d'une ville comme Montréal implique un maintien de la diversité architecturale, autant historique que culturelle, en parallèle avec un soutien à l'évolution et à la recherche architecturale.</p>
118			<p>Pour Langlois, les immeubles ayant joué un rôle important dans l'évolution vers la ville moderne doivent être conservés et intégrés aux activités contemporaines pour maintenir la diversité et éviter l'uniformisation de la texture architecturale urbaine.</p>
119			<p>Compte tenu de ses caractéristiques uniques, il était déconcertant et navrant de voir un immeuble comme le 357 de la Commune Ouest, soit l'ancien édifice des Commissaires du Port de Montréal, abandonné pendant de nombreuses années et laissé dans un niveau de détérioration avancée présageant sa disparition inévitable si aucune intervention de sauvegarde n'était mise en place.</p>
120			<p>Langlois décide donc d'en faire l'acquisition afin de le restaurer pour qu'il retrouve sa place dans le tissu urbain du Vieux-Montréal, un projet d'achat qui devient possible en mai 1997.</p>
121			<p>Suite à l'acquisition, Langlois amorce rapidement un projet de restauration complète de l'immeuble, un projet qui s'avère absolument nécessaire non seulement pour stopper la détérioration visible du bâtiment mais aussi pour éviter son effondrement possible; en effet, l'examen initial révèle que les fondations originelles datant de 1875 ont aussi été affectées par le temps.</p>
122			<p>Malheureusement, dès le début de la restauration, les travaux exécutés par un entrepreneur provoquent un incendie majeur le 18 décembre 1997. L'incendie détruit des portions importantes de l'immeuble, incluant la tour avec sa coupole, les 4<sup>e</sup> et 5<sup>e</sup> étages, en plus de complètement brûler ou endommager l'intérieur de l'édifice pour ne laisser qu'une enveloppe de pierre noircie.</p>
123			<p>Considérant l'étendue des dommages causés par l'incendie, Langlois fait alors face à un dilemme : doit-on remplacer les restes du bâtiment originel des Commissaires du Port par une toute nouvelle construction, qui serait plus simple et plus rapide à construire, ou essayer de sauvegarder les ruines du bâtiment afin de reconstruire l'enveloppe du bâtiment originel ?</p>
124			<p>Langlois opte pour la reconstruction à neuf. Le projet initial de restauration est donc devenu par la force des choses un projet de reconstruction d'une ampleur beaucoup plus importante que prévu, incluant non seulement la remise en place de l'enveloppe extérieure détruite mais aussi la reconstruction des étages disparus et celle de tout l'intérieur du bâtiment des étages inférieurs, complètement ou sérieusement endommagés par l'incendie.</p>
125			<p>Les principaux travaux de reconstruction de l'immeuble sont achevés vers la fin de l'année 2000. Depuis, le 357 de la Commune Ouest jouit non seulement d'une façade extérieure méticuleusement reconstruite et solidifiée mais aussi de nouveaux espaces intérieurs modernes et d'un nouveau pavillon composé d'une tourelle revêtue de moellons et d'une grande verrière offrant un espace versatile et lumineux, connectant l'histoire du lieu avec un regard vers le futur.</p>
126			<p>De septembre 2002 à mai 2019, cet édifice a hébergé le club privé « Le 357c » (<a href="communique-de-presse.html" target="_blank">communiqué de presse</a>).</p>
127		  </div>
128		</div>
129		
130	  </div>
131	  
132<!-- paragraphe 2 -->
133	  
134	  <div class="paragraphe invisible" id="paragraphe2">
135	  
136		<div class="bloc" style="float:left;width:538px;

136height:320px;">
137		  <div class="texte">
138			<h3>Contact</h3>
139			<p><i>La fondation Daniel Langlois pour l'art, la science et la technologie</i><br />
140			100-255 rue Saint-Jacques,
141			Montréal (Québec) H2Y 1M6 Canada<br />
142			<a href="https://www.fondation-langlois.org/html/f/" target="_blank">www.fondation-langlois.org</a><br />
143			info @ fondation-langlois.org</p>
144			<h3>Site Web</h3>
145			<p>Conception : La fondation Daniel Langlois<br />
146			Webmestre : Ludovic Carpentier<br />
147			<a href="politique-de-confidentialite.html">Politique de confidentialité</a></p>
148		  </div>
149		</div>
150		
151		<div class="bloc" style="float:right;width:532px;height:320px;">		
152	      <div id="mapid" style="width:512px;height:300px;margin:5px;"></div>			
153		</div>		
154		
155	  </div>
156	  
157<!-- baspage -->
158	  
159	  <div class="paragraphe invisible" id="paragraphe3">	  
160		<div class="bloc" style="width:100%;height:40px;">
161		  <div class="copyright">
162		    <p>&copy; 2026 La fondation Daniel Langlois</p>
163		  </div>
164		</div>		
165	  </div>
166	    
167<!-- -->
168	
169  </div>	
170
171</div>
172
173<!-- javascript -->
174

175<script>
176						
177/*	Affichage page */
178
179  $('body').css('background-image', 'linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1)), url(../images/fond-2000x2000-clair.jpg)').waitForImages(function() {
180	$('.logoFdl').delay(0).fadeTo(1500,0.70);
181	$('.logo357').delay(100).fadeTo(1500,0.70);
182	$('.menu').delay(250).fadeTo(1500,1.0);
183	$('.titre').delay(500).fadeTo(1500,1.0);		
184	$('#paragraphe1').delay(1000).fadeTo(1500,1.0);
185	$('#paragraphe2').delay(1000).fadeTo(1500,1.0);
186	$('#paragraphe3').delay(1000).fadeTo(1500,1.0);
187  }, $.noop, true); 
188
189/*	Gestion clics */
190	
191  $(document).ready(function(){   	
192  
193	$('#langue a').click(function(){ window.location.href = '../en/about.html'; });	
194	$('.titre').click(function(){ window.location.href = 'index.html'; });	
195	$('.aproposTitre').click(function(){ window.location.href = 'index.html'; });	
196	$('.logoFdl').mouseover(function(){ $('.logoFdl').css('opacity', '1.0'); });	
197	$('.logoFdl').mouseout(function(){ $('.logoFdl').css('opacity', '.70'); });	
198	$('.logo357').mouseover(function(){ $('.logo357').css('opacity', '1.0'); });	
199	$('.logo357').mouseout(function(){ $('.logo357').css('opacity', '.70'); });	
200  
201/*	Gestion Open Street Map Leaflet Mapbox */
202
203	var mymap = L.map('mapid').setView([45.49970,-73.55308], 13); // 45.49970,-73.55308
204
205	L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
206		maxZoom: 20,
207		attribution: 'Mapbox | <a href="https://www.openstreetmap.org/?mlat=45.49966&mlon=-73.55327#map=17/45.49967/-73.55328" target="_blank">OpenStreetMap</a>',
208		id: 'mapbox/satellite-streets-v11',
209		tileSize: 512,
210		zoomOffset: -1,
211		accessToken: 'pk.eyJ1IjoiZmRsd2VibWFzdGVyIiwiYSI6ImNrazV3bHZ6MjFneTEyb3J6a2twb3cxczQifQ.azH6yylEcQsvEawCrXc0XA' // private token valid for le357.org domain only
212	}).addTo(mymap);
213	
214	L.marker([45.49971,-73.55302]).addTo(mymap).bindPopup('357 rue de la Commune<br />Ouest, Montréal').openPopup();
215	
216  });
217	
218/*	Gestion scroll */
219
220  $(window).scroll( function(){
221    $('.invisible').each( function(i){
222      var bottom_of_object = $(this).offset().top + $(this).outerHeight();
223      var bottom_of_window = $(window).scrollTop() + $(window).height();
224      if( bottom_of_window > bottom_of_object ){ $(this).fadeTo(500,1.0); }
225    }); 
226  });
227	
228</script>

228	
229

230<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"4a3c18d0872345d8a14225e6f59a1cb5","r":1,"spa":2}' crossorigin="anonymous"></script>

230
231</body>
232</html>