PageSourceSearch

https://theatredelaclarte.com/theatre/contact.cfm

html theatredelaclarte.com collected 2026-10-04 20:07:24 UTC 45,159 bytes, 733 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html xmlns="http://www.w3.org/1999/xhtml">
5    <head>
6    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7    <meta name="description" content="Site officiel du Th&eacute;&acirc;tre de la Clart&eacute;, 74 avenue du g&eacute;n&eacute;ral Leclerc Boulogne, Spectacles tout public, enfants. Cours de Th&eacute;&acirc;tre. Location de salle">
8    <meta name="keywords" content="theatre, th&eacute;&acirc;tre, clart&eacute;, clarte, site officiel theatre de la clart&eacute;, site officiel le Clart&eacute;, site officiel theatre, Boulogne, paris, france, europe, th&eacute;atral, cours de th&eacute;&acirc;tre, rideau de theatre, th&eacute;&acirc;tre de la clart&eacute;, showcase, projection, lecture, premi&egrave;re, 1&egrave;re, couturi&egrave;re, g&eacute;n&eacute;rale, italienne, g&eacute;n&eacute;rale, pr&eacute;sentation officielle, pr&eacute;sentations, billetterie, Arlequin et la Sorci&egrave;re Puisati&egrave;re, l'enfant Roi, th&eacute;&acirc;tre, humour, partenaire,  rire, com&eacute;di&eacute;, caf&eacute; th&eacute;&acirc;tre,  La nuit juste avant les for&ecirc;ts de Bernard-Marie Kolt&eacute;s, La menagerie de verre de Tennesse Williams,  Projets p&eacute;dagogiques, Franck Lesne, theatre, th&eacute;&acirc;tre, clart&eacute;, clarte, site officiel theatre de la clart&eacute;, site officiel le Clart&eacute;, site officiel theatre, Boulogne, paris, france, europe, th&eacute;atral, cours de th&eacute;&acirc;tre, rideau de theatre, th&eacute;&acirc;tre de la clart&eacute;, showcase, projection, lecture, premi&egrave;re, 1&egrave;re, couturi&egrave;re, g&eacute;n&eacute;rale, italienne, g&eacute;n&eacute;rale, pr&eacute;sentation officielle, pr&eacute;sentations, billetterie, Arlequin et la Sorci&egrave;re Puisati&egrave;re, l'enfant Roi, th&eacute;&acirc;tre, humour, partenaire,  rire, com&eacute;di&eacute;, caf&eacute; th&eacute;&acirc;tre,  La nuit juste avant les for&ecirc;ts de Bernard-Marie Kolt&eacute;s, La menagerie de verre de Tennesse Williams,  Projets p&eacute;dagogiques, Franck Lesne, Stephane Guillon, Cours th&eacute;&acirc;tre boulogne, cours amateur, cours th&eacute;&acirc;tre, th&eacute;&acirc;tre Boulogne-Billancourt, cours th&eacute;&acirc;tre enfants, cours de th&eacute;&acirc;tre adolescents, cours de th&eacute;&acirc;tre Boulogne-Billancourt, spectacles tout public, spectacles enfants, spectacles jeune public, location de salle, location de salle Boulogne-Billancourt, location de salle Boulogne">
9    <META NAME="Identifier-URL" CONTENT="http://www.theatredelaclarte.com">
10    <META NAME="Date-Creation-yyyymmdd" content="20141023">
11    <META NAME="Reply-to" CONTENT="">
12    <META NAME="revisit-after" CONTENT="15 days">
13    <META NAME="Category" CONTENT="Internet">
14    <META NAME="Publisher" CONTENT="cc.communication">
15    <META NAME="Copyright" CONTENT="Th&eacute;&acirc;tre de la clart&eacute;">
16    <META NAME="Generator" CONTENT="dreamweaver CS3, photoshop">
17    <link rel="shortcut icon" href="/theatredelaclarte.ico">
18    <title>Th&eacute;&acirc;tre de la Clart&eacute; | Contact</title>
19        
20    
21    
22    <link href="/css/tdc.css" rel="stylesheet" type="text/css" />
23    
24    
25    
25<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
25
26    
27    
28    
29    <link media="screen" rel="stylesheet" href="/css/colorbox.css" />
30    
30<script src="/js/jquery.colorbox.js"></script>
30
31    
31<script>
32        $(document).ready(function(){
33            //Examples of how to assign the ColorBox event to elements
34            $("a[rel='photos']").colorbox();
35            
36            //Example of preserving a JavaScript event for inline calls.
37            $("#click").click(function(){ 
38                $('#click').css({"background-color":"#f00", "color":"#000000", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
39                return false;
40            });
41        });
42    </script>
42
43    
44    
44<script src="https://commun.cccommunication.biz/js/ajax_jquery.js" type="text/javascript"></script>
44
45
46	
46<script type="text/javascript">
47
48	<!--
49	function getWindowHeight() {
50		var windowHeight = 0;
51		if (typeof(window.innerHeight) == 'number') {
52			windowHeight = window.innerHeight;
53		}
54		else {
55			if (document.documentElement && document.documentElement.clientHeight) {
56				windowHeight = document.documentElement.clientHeight;
57			}
58			else {
59				if (document.body && document.body.clientHeight) {
60					windowHeight = document.body.clientHeight;
61				}
62			}
63		}
64		return windowHeight;
65	}
66	function setFooter() {
67		if (document.getElementById) {
68			var windowHeight = getWindowHeight();
69			if (windowHeight > 0) {
70				var contentHeight = document.getElementById('content').offsetHeight;
71				var footerElement = document.getElementById('footer');
72				var footerHeight  = footerElement.offsetHeight;
73				if (windowHeight - (contentHeight + footerHeight) >= 0) {
74					footerElement.style.position = 'relative';
75					footerElement.style.top = (windowHeight - (contentHeight + footerHeight)) + 'px';
76				}
77				else {
78					footerElement.style.position = 'static';
79				}
80			}
81		}
82	}
83	window.onload = function() {
84		setFooter();
85	}
86	window.onresize = function() {
87		setFooter();
88	}
89	//-->
90	</script>
90
91
92    
93    
94    
94<script type="text/javascript" src="https://commun.cccommunication.biz/js/jwplayer.js"></script>
94
95
96    
96<script src="https://use.typekit.net/dkt5qyw.js"></script>
96
97	
97<script>try{Typekit.load();}catch(e){}</script>
97
98	
99    
100    <link rel="Stylesheet" type="text/css" href="/css/smoothDivScroll.css" />
101    <style type="text/css">
102
103		#makeMeScrollable
104		{
105			width:500px;
106			height: 350px;
107			float:left;
108			position: relative;
109		}
110		
111		/* Replace the last selector for the type of element you have in
112		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
113		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
114		#makeMeScrollable div.scrollableArea img
115		{
116			position: relative;
117			float: left;
118			margin: 0;
119			padding: 0;
120			/* If you don't want the images in the scroller to be selectable, try the following
121			   block of code. It's just a nice feature that prevent the images from
122			   accidentally becoming selected/inverted when the user interacts with the scroller. */
123			-webkit-user-select: none;
124			-khtml-user-select: none;
125			-moz-user-select: none;
126			-o-user-select: none;
127			user-select: none;
128		}
129		
130		#makeMeScrollable2
131		{
132			width:500px;
133			height: 350px;
134			float:left;
135			position: relative;
136		}
137		
138		/* Replace the last selector for the type of element you have in
139		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
140		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
141		#makeMeScrollable2 div.scrollableArea img
142		{
143			position: relative;
144			float: left;
145			margin: 0;
146			padding: 0;
147			/* If you don't want the images in the scroller to be selectable, try the following
148			   block of code. It's just a nice feature that prevent the images from
149			   accidentally becoming selected/inverted when the user interacts with the scroller. */
150			-webkit-user-select: none;
151			-khtml-user-select: none;
152			-moz-user-select: none;
153			-o-user-select: none;
154			user-select: none;
155		}
156		
157		#makeMeScrollable3
158		{
159			width:1000px;
160			height: 200px;
161			float:left;
162			position: relative;
163		}
164		
165		/* Replace the last selector for the type of element you have in
166		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
167		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
168		#makeMeScrollable3 div.scrollableArea img
169		{
170			position: relative;
171			float: left;
172			margin: 0;
173			padding: 0;
174			/* If you don't want the images in the scroller to be selectable, try the following
175			   block of code. It's just a nice feature that prevent the images from
176			   accidentally becoming selected/inverted when the user interacts with the scroller. */
177			-webkit-user-select: none;
178			-khtml-user-select: none;
179			-moz-user-select: none;
180			-o-user-select: none;
181			user-select: none;
182		}
183	</style>
184    
185    
186
187	<!-- jQuery UI Widget and Effects Core (custom download)
188	     You can make your own at: http://jqueryui.com/download -->
189	
189<script src="/js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
189
190	
191	<!-- Latest version (3.0.6) of jQuery Mouse Wheel by Brandon Aaron
192	     You will find it here: http://brandonaaron.net/code/mousewheel/demos -->
193	
193<script src="/js/jquery.mousewheel.min.js" type="text/javascript"></script>
193
194
195	<!-- jQuery Kinectic (1.5) used for touch scrolling -->
196	
196<script src="/js/jquery.kinetic.js" type="text/javascript"></script>
196
197
198	<!-- Smooth Div Scroll 1.3 minified-->
199	
199<script src="/js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>
199
200
201	<!-- If you want to look at the uncompressed version you find it at
202	     js/jquery.smoothDivScroll-1.3.js -->
203
204	<!-- Plugin initialization -->
205	
205<script type="text/javascript">
206		// Initialize the plugin with no custom options
207		$(document).ready(function () {
208			// None of the options are set
209			$("div#makeMeScrollable").smoothDivScroll({
210				autoScrollingMode: "onStart",
211				hotSpotScrolling: false,
212				visibleHotSpotBackgrounds: "",
213				autoScrollingDirection: "endlessLoopRight",
214				autoScrollingStep: 1, 
215				autoScrollingInterval: 15
216			});
217			$("div#makeMeScrollable2").smoothDivScroll({
218				autoScrollingMode: "onStart",
219				hotSpotScrolling: false,
220				visibleHotSpotBackgrounds: "",
221				autoScrollingDirection: "endlessLoopRight",
222				autoScrollingStep: 1, 
223				autoScrollingInterval: 15
224			});
225			$("div#makeMeScrollable3").smoothDivScroll({
226				autoScrollingMode: "onStart",
227				hotSpotScrolling: false,
228				visibleHotSpotBackgrounds: "",
229				autoScrollingDirection: "endlessLoopRight",
230				autoScrollingStep: 1, 
231				autoScrollingInterval: 15
232			});
233		});
234	</script>
234
235    
236    
237    <link rel="stylesheet" href="/css/validationEngine.jquery.css" type="text/css" media="screen" title="no title" charset="utf-8" />
238            
239    
239<script src="/js/jquery.validationEngine-fr.js" type="text/javascript"></script>
239  
240    
240<script src="/js/jquery.validationEngine.js" type="text/javascript"></script>
vendor: 72 bytes, lines 240-241
240
241    <script src="https://www.google.com/recaptcha/enterprise.js?render=
2416LdF6PErAAAAADbC8joyyjTLPFTcuieMzFfFgi7r
vendor: 16 bytes, lines 241-242
241"></script>
242    
242<script type="text/javascript">
243        function submitNewsletter() {
244            jQuery('#email').validationEngine('validate');
245            if (jQuery('#form_nwl').validationEngine('validate') != '1') {
246                return false;
247            }
248            var email = jQuery('#email').val();
249            if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
250                alert('Veuillez entrer une adresse email valide.');
251                return false;
252            }
253            grecaptcha.enterprise.ready(function () {
254                grecaptcha.enterprise.execute('6LdF6PErAAAAADbC8joyyjTLPFTcuieMzFfFgi7r', { action: 'newsletter' }).then(function (token) {
255                    document.getElementById('newsletter_recaptcha_response').value = token;
256                    document.form_nwl.submit();
257                });
258            });
259            return false;
260        }
261    </script>
261
262    
263    
264    
265    </head>
266    
267    <body>
268    	
269        <div style="width:100%; height:auto; float:left;" id="content">
270            
271            <div style="width:100%; height:140px; float:left; position:relative;" class="bg_noir blanc">
272                <div style="width:530px; height:140px; position:absolute; background:transparent url('/media/img/logo_theatre_clarte.png') 17px center no-repeat;">
273                    <div style="width:auto; height:auto; float:right; margin-top:96px;"><a href="/index.cfm" class="blanc"><h1 class="upp">Th&eacute;&acirc;tre de la Clart&eacute;</h1></a></div>
274                </div>
275                <div style="width:570px; height:auto; float:right; margin-right:37px; margin-top:30px; white-space:nowrap;">
276                    <div style="width:570px; height:auto; float:left;">
277                        <form name="form_nwl" id="form_nwl" action="" method="post">
278                        <input type="hidden" id="newsletter_recaptcha_response" name="newsletter_recaptcha_response" value="">
279                        <div style="width:auto; height:auto; float:left; margin-top:4px;" class="T20 upp proximaExtraCn_bold">newsletter</div>
280                        <div style="width:1px; height:30px; float:left; margin:0 10px 0 7px;" class="bg_blanc opac_50"></div>
281                        <div style="width:auto; height:auto; float:left; margin-top:6px; position:relative;">
282                        	
283                            <input type="text" name="email" id="email" maxlength="254" style="width:135px; height:20px; border:none; background:none;" class="blanc opac_50 arial T14 validate[custom[email]] text-input" value="Entrez votre email" onClick="if(this.value='Entrez votre email'){this.value=''}" />
284                        </div>
285                        <div style="width:1px; height:30px; float:left; margin:0 10px 0 10px;" class="bg_blanc opac_50"></div>
286                        <div style="width:auto; height:auto; float:left; margin-top:2px;">
287                            <a href="javascript:void(0);" onClick="submitNewsletter();return false;" class="blanc50_blanc T20 proximaExtraCn_light">OK</a>
288                        </div>
289                        <div style="width:1px; height:30px; float:left; margin-left:10px;" class="bg_blanc opac_50"></div>
290                        </form>
291                        
292                        <div style="width:auto; height:auto; float:right;">
293                            <div style="width:auto; height:auto; float:left; margin-top:4px;" class="T20 upp proximaExtraCn_light"><span class="proximaExtraCn_bold">suivez</span>-nous sur</div>
294                            <div style="width:1px; height:30px; float:left; margin:0 10px 0 10px;" class="bg_blanc opac_50"></div>
295                            
296                                <div style="width:auto; height:auto; float:left; margin-top:4px;">
297                                    <a href="https://www.facebook.com/letheatredelaclarte" target="_blank"><img src="/media/img/facebook.png" onMouseOver="this.src='/media/img/facebook_over.png'" onMouseOut="this.src='/media/img/facebook.png'" /></a>
298                                </div>
299                                <div style="width:1px; height:30px; float:left; margin:0 10px 0 10px;" class="bg_blanc opac_50"></div>
300                            
301                            <div style="width:auto; height:auto; float:left; margin-top:2px;">
302                                <a href="https://www.instagram.com/theatredelaclarte/" target="_blank"><img src="/media/img/insta2.png" onMouseOver="this.src='/media/img/insta.png'" onMouseOut="this.src='/media/img/insta2.png'" /></a>
303                            </div>
304                            <div style="width:1px; height:30px; float:left; margin:0 10px 0 10px;" class="bg_blanc opac_50"></div>
305                          
306                                <div style="width:auto; height:auto; float:left; margin-top:6px;">
307                                    <a href="https://twitter.com/TheatreClarte" target="_blank"><img src="/media/img/X20.png" onMouseOver="this.src='/media/img/X20.png'" onMouseOut="this.src='/media/img/X20.png'" /></a>
308                                </div>
309                                <div style="width:1px; height:30px; float:left; margin:0 10px 0 10px;" class="bg_blanc opac_50"></div>
310                            
311                            
312                            <div style="width:auto; height:auto; float:left; margin-top:2px;">
313                                <a href="http://www.youtube.com/channel/UChIlpshyGscT0lGVMOlDVRg" target="_blank"><img src="/media/img/youtube.png" onMouseOver="this.src='/media/img/youtube_over.png'" onMouseOut="this.src='/media/img/youtube.png'" /></a>
314                            </div>
315                        </div>
316                    </div>
317                    <div style="width:540px; height:auto; float:left; margin-top:20px;">
318                        <div style="width:auto; height:auto; float:right;">
319                            <form name="form_recherche" id="form_recherche" action="/spectacles/recherche.cfm" method="post">
320                            <div style="width:22px; height:30px; float:left; background:transparent url('/media/img/picto_recherche.png') left center no-repeat;"></div>
321                            <div style="width:1px; height:30px; float:left; margin:0 10px 0 7px;" class="bg_blanc opac_50"></div>
322                            <div style="width:auto; height:auto; float:left; margin-top:6px;">
323                                <input type="text" name="rech" id="rech" maxlength="100" style="width:142px; height:20px; border:none; background:none;" class="blanc opac_50 arial T14" value="Spectacles, artistes..." onClick="if(this.value='Spectacles, artistes...'){this.value=''}" />
324                            </div>
325                            <div style="width:1px; height:30px; float:left; margin:0 10px 0 10px;" class="bg_blanc opac_50"></div>
326                            <div style="width:auto; height:auto; float:right; margin-right:6px; margin-top:2px;">
327                                <a href="javascript:void(0);" onClick="document.form_recherche.submit();" class="blanc50_blanc T20 proximaExtraCn_light">OK</a>
328                            </div>
329                            </form>
330                        </div>
331                    </div>
332                </div>
333            </div>
334            
335            <div style="width:100%; height:auto; float:left;">
336                <div style="width:1000px; margin-left:auto; margin-right:auto;">
337                    <div style="width:1000px; height:110px; float:left;">
338                        <div style="width:auto; height:auto; float:left; margin-top:20px;">
339                            
340<link rel="Stylesheet" type="text/css" href="/css/menu.css" />
341
342<ul id="menu" class="menu proximaExtraCn_light upp">    	
343    <li id="menu_1" class="menu ">
344        <img src="/media/img/pointe_menu.png" class="pointe" style="left:30px;" />
345        <a href="/spectacles/index.cfm">spectacles</a>
346		
347        <ul class="ssMenu">
348            <li class="">
349                <a href="/spectacles/index.cfm">Notre programmation</a>
350            </li>
351            <li class="">
352                <a href="/spectacles/index.cfm?idmc=4363">Jeune public</a>
353            </li>
354            <li class="">
355                <a href="/spectacles/index.cfm?idmc=4655">Tout public</a>
356            </li>
357            <li class="">
358                <a href="/spectacles/archives.cfm">Archives</a>
359            </li>
360        </ul>
361    </li>
362        
363    <li id="menu_2" class="selected_menu menu">
364        <img src="/media/img/pointe_menu.png" class="pointe" style="left:110px" />
365        <a href="/theatre/bar.cfm">le th&eacute;&acirc;tre</a>
366		
367        <ul class="ssMenu" id="ss_menu_2">
368            <li class="">
369                <a href="/theatre/bar.cfm">Bar</a>
370            </li>
371            <li class="">
372                <a href="/theatre/equipe.cfm">&Eacute;quipe</a>
373            </li>
374            <li class="">
375                <a href="/theatre/photos.cfm">Photos</a>
376            </li>
377            <li class="">
378                <a href="/theatre/revue_presse.cfm">Revue de presse</a>
379            </li>
380            <li class="selected_menu">
381                <a href="/theatre/contact.cfm">Contact</a>
382            </li>
383            <li class="">
384                <a href="/theatre/plan_acces.cfm">Plan d'acc&egrave;s</a>
385            </li>
386            <li class="">
387                <a href="/theatre/accessibilite.cfm">Accessibilit&eacute;</a>
388            </li>
389            <li class="">
390                <a href="/theatre/donnees_techniques.cfm">Donn&eacute;es techniques</a>
391            </li>
392        </ul>
393    </li>
394            
395    <li id="menu_3" class="menu ">
396        <img src="/media/img/pointe_menu.png" class="pointe" style="left:195px;" />
397        <a href="/ateliers/index.cfm/7506_adultes.html">les ateliers</a>
398		
399        <ul class="ssMenu" id="ss_menu_3">
400            
401                <li class="">
402                    <a href="/ateliers/index.cfm/7506_adultes.html">Adultes</a>
403                </li>
404            
405                <li class="">
406                    <a href="/ateliers/index.cfm/7507_enfants.html">Enfants</a>
407                </li>
408            
409        </ul>  
410    </li>
411    <li id="menu_4" class="menu "> 	
412        <img src="/media/img/pointe_menu.png" class="pointe" style="left:322px;" />
413        <a href="/prestation/index.cfm/196835_7492_projet_pedagogique_sur__la_langue_francaise.html">th&eacute;&acirc;tre en &eacute;cole</a>
414		
415        <ul class="ssMenu" id="ss_menu_4">
416            
417                <li class="">
418                    <a href="/prestation/index.cfm/196835_7492_projet_pedagogique_sur__la_langue_francaise.html">Projet pédagogique sur  la langue française</a>
419                </li>
420            
421                <li class="">
422                    <a href="/prestation/index.cfm/196832_7492_formation_des_enseignants.html">Formation des enseignants</a>
423                </li>
424            
425                <li class="">
426                    <a href="/prestation/index.cfm/196853_7492_ateliers_organises_en_ecoles.html">ateliers organisés en écoles</a>
427                </li>
428            
429                <li class="">
430                    <a href="/prestation/index.cfm/196854_7492_spectacles_en_ecoles.html">spectacles en écoles</a>
431                </li>
432            
433        </ul>
434    </li>
435    <li id="menu_5" class="menu ">
436        <img src="/media/img/pointe_menu.png" class="pointe" style="left:455px;" />
437        <a href="/prestation/index.cfm/196719_342_improvisation.html">Pour les entreprises</a>
438		
439        <ul class="ssMenu" id="ss_menu_5">
440            
441                <li class="">
442                    <a href="/prestation/index.cfm/196719_342_improvisation.html">Improvisation</a>
443                </li>
444            
445                <li class="">
446                    <a href="/prestation/index.cfm/196833_342_des_soirees_sur_mesure.html">des soirées sur mesure</a>
447                </li>
448            
449                <li class="">
450                    <a href="/prestation/index.cfm/196856_342_atelier_theatre.html">Atelier théâtre</a>
451                </li>
452            
453                <li class="">
454                    <a href="/prestation/index.cfm/196857_342_arbre_de_noel.html">Arbre de noël</a>
455                </li>
456            
457                <li class="">
458                    <a href="/prestation/index.cfm/196858_342_formation_des_equipes.html">Formation des équipes</a>
459                </li>
460            
461                <li class="">
462                    <a href="/prestation/index.cfm/196859_342_billetterie.html">Billetterie</a>
463                </li>
464            
465                <li class="">
466                    <a href="/prestation/index.cfm/196860_342_location.html">Location</a>
467                </li>
468            
469        </ul>
470    </li>
471    <li id="menu_6" class="menu ">
472        <img src="/media/img/pointe_menu.png" class="pointe" style="left:627px;" />
473        <a href="/prestation/index.cfm/196852_733_spectacle__gouter_danniversaire.html">privatisation et &eacute;v&eacute;nementiel</a>
474		
475        <ul class="ssMenu" id="ss_menu_6">
476            
477                <li class="">
478                    <a href="/prestation/index.cfm/196852_733_spectacle__gouter_danniversaire.html">Spectacle + Gouter d‘anniversaire</a>
479                </li>
480            
481                <li class="">
482                    <a href="/prestation/index.cfm/196855_733_location_de_la_salle.html">Location de la salle</a>
483                </li>
484            
485                <li class="">
486                    <a href="/prestation/index.cfm/236100_733_location_association.html">Location association</a>
487                </li>
488            
489        </ul>
490    </li>
491</ul>
492
493                        </div>
494                        <div style="width:auto; height:auto; float:right;" class="proximaExtraCn_light upp">
495                            
496                            <div style="width:auto; height:auto; line-height:20px; float:left; margin-top:4px; text-align:center;">
497                                <a href="/calendrier.cfm" class="T20 opac_50">
498                                <img src="/media/img/picto_calendrier.png" /><br />
499                                calendrier
500                                </a>
501                            </div>
502                        </div>          
503                    </div>
504                </div>
505            </div>
506
507            <div style="width:100%; height:auto; float:left;">   	              
508                <div style="width:1000px; margin-left:auto; margin-right:auto;">
509                    <div style="width:1000px; height:auto; float:left; position:relative;">
510                        <div style="width:1000px; height:auto; float:left;">
511                        	<h2 class="proximaExtraCn_light upp">Contact</h2>
512                        </div>
513                        <div style="width:1000px; height:auto; float:left; margin-top:34px;">
514                        	<div style="width:790px; margin-left:auto; margin-right:auto;">
515                    			<div style="width:790px; height:auto; float:left; position:relative;">
516                                	<div style="width:790px; height:auto; float:left; position:relative;">
517										
518                                            <span class="T16 proxima_light">
519                                                74, av du Général Leclerc &bull; 92100 Boulogne-Billancourt<br /><br />
520                                                <p><span class="proximaExtraCn_bold">Administration</span>&nbsp;<span class="proximaExtraCn_bold">:&nbsp;</span>T&eacute;l. : 01 46 05 61 01<br />Mail : <a class="T16 gris_noir" href="mailto:[email protected]">[email protected]</a></p>
521<p><span class="proximaExtraCn_bold">Billetterie :</span> 01 46 05 18 40</p>
522<p><span class="proximaExtraCn_bold">Privatisation et &eacute;v&eacute;nementiel :</span> 01 46 05 61 01<br />Mail : <a class="T16 gris_noir" href="mailto:[email protected]">[email protected]</a></p>
523<p><span class="proximaExtraCn_bold"><br /></span></p>
524<p><span class="proximaExtraCn_bold">Par mail :</span></p> 
525                                            </span>
526                                        
527                                    </div>
528                                    <div style="width:790px;float:left; display:inline; margin-top:15px;" class=" T16 proxima_light">
529                                        <form name="formContact" id="formContact" action="" method="post">
530                                            <label style="display:inline; float:left; width:200px;">
531                                                Votre adresse email<br />
532                                                <input type="text" name="emailContact" id="emailContact" style="width:190px" class=" T16 proxima_light validate[required,custom[email]] text-input" />
533                                            </label>
534                                            <label style="display:inline; float:left; width:200px;">
535                                                Sujet<br />
536                                                <input type="text" name="sujet" id="sujet" style="width:190px" class=" T16 proxima_light validate[required] text-input" />
537                                            </label>
538                                            <div style="display:inline; float:left; width:580px; margin-top:10px;">
539                                                <div style="width:390px; height:auto; float:left; display:inline; margin-left:2px;">    
540                                                    Votre message<br />
541                                                    <textarea name="message" id="message" style="display:inline; float:left; width:390px; height:100px;" class=" proximaExtraCn_light T20 validate[required] text-input"></textarea>
542                                                </div>
543                                                <div style="width:390px; height:auto; float:left; display:inline; margin-top:20px; text-align:right;">
544                                                	<a href="javascript:void(0);" onclick="jQuery('#emailContact').validationEngine('validate');if(jQuery('#formContact').validationEngine('validate') == '1'){document.formContact.submit();return false;}" class="opac_75 T16 proxima_light">OK</a>
545                                                </div>
546                                            </div>
547                                        </form>
548                                        
549                                    </div>
550                        		</div>
551                            </div>
552                        </div>
553                    </div>                  
554                </div>
555            </div>
556            
557
558			<div style="width:100%; height:40px; float:left;">&nbsp;</div>             
559        </div>
560        <div style="width:100%; height:auto; float:left;" id="footer">
561        	
562        	<div style="width:100%; height:120px; float:left;" class="opac_10_noir">
563                <div style="width:1000px; margin-left:auto; margin-right:auto;">
564                    <div style="width:1000px; height:120px; float:left; background:transparent url('/media/img/pt_logo_theatre_clarte.png') left 20px no-repeat;">
565                    	<div style="width:970px; height:120px; line-height:120px; float:right;">
566                        	<div class="alignVert">
567                                <div style="width:100%; height:auto; line-height:30px; float:left;
567" class="T30 proximaExtraCn_extrabold">Th&eacute;&acirc;tre de la Clart&eacute;</div>
568                                <div style="width:100%; height:auto; float:left; margin-top:20px;" class="T18 proximaExtraCn_light">
569                                    <div style="width:auto; height:auto; line-height:18px; float:left;">
570                                    	74, av du Général Leclerc &bull; 92100 Boulogne-Billancourt<br />
571                                        <img src="/media/img/metro.png" align="absmiddle" /> <img src="/media/img/9.png" align="absmiddle" /> Billancourt &bull; <a href="/theatre/plan_acces.cfm" class="gris_noir">voir sur la carte</a>
572                                        
573                                    </div>
574                                    <div style="width:1px; height:40px; float:left; margin:0 10px 0 10px;" class="opac_30_noir"></div>
575                                    <div style="width:auto; height:auto; line-height:18px; float:left;">
576                                    	
577                                        Tel./Fax : 01 46 05 61 01 &bull; R&eacute;servations : <span class="proximaExtraCn_bold">01 46 05 18 40</span><br />
578                                        Email : <a href="mailto:[email protected]" class="gris_noir">[email protected]</a>
579                                        
580                                    </div>
581                                    <div style="width:1px; height:40px; float:left; margin:0 10px 0 10px;" class="opac_30_noir"></div>
582                                    
583                                        <div style="width:auto; height:auto; float:left; margin-top:7px;">
584                                            <a href="https://www.facebook.com/letheatredelaclarte" target="_blank"><img src="/media/img/facebook2.png" onMouseOver="this.src='/media/img/facebook_over.png'" onMouseOut="this.src='/media/img/facebook2.png'" /></a>
585                                        </div>
586                                    
587                                     <div style="width:auto; height:auto; float:left; margin-left:10px; margin-top:6px;">
588                                        <a href="https://www.instagram.com/theatredelaclarte/" target="_blank"><img src="/media/img/insta2.png" onMouseOver="this.src='/media/img/insta.png'" onMouseOut="this.src='/media/img/insta2.png'" /></a>
589                                    </div>
590                                    
591                                        <div style="width:auto; height:auto; float:left; margin-left:10px; margin-top:8px;">
592                                            <a href="https://twitter.com/TheatreClarte" target="_blank"><img src="/media/img/X.png" onMouseOver="this.src='/media/img/X_over.png'" onMouseOut="this.src='/media/img/X.png'" /></a>
593                                        </div>
594                                    
595                                    
596                                    <div style="width:auto; height:auto; float:left; margin-left:10px; margin-top:6px;">
597                                        <a href="http://www.youtube.com/channel/UChIlpshyGscT0lGVMOlDVRg" target="_blank"><img src="/media/img/youtube2.png" onMouseOver="this.src='/media/img/youtube_over2.png'" onMouseOut="this.src='/media/img/youtube2.png'" /></a>
598                                    </div>
599                                   
600
601                                    <div style="width:1px; height:40px; float:left; margin:0 10px 0 10px;" class="opac_30_noir"></div>
602                                    <div style="width:auto; height:auto; float:left;" class="T14">
603                                        <div style="width:36px; height:40px; float:left; background:transparent url('/media/img/picto_clim.png') left center no-repeat;"></div>
604                                        <div style="width:auto; height:auto; line-height:14px; float:left; margin-top:6px;">salle<br />climatis&eacute;e</div>
605                                    </div>
606                                    <div style="width:auto; height:auto; float:left; margin-left:10px;" class="T14">
607                                        <div style="width:26px; height:40px; float:left; background:transparent url('/media/img/picto_handicape.png') left center no-repeat;"></div>
608                                        <div style="width:auto; height:auto; line-height:14px; float:left; margin-top:6px;">acc&egrave;s<br />handicap&eacute;s</div>
609                                    </div>
610                                </div>
611                        	</div>
612                        </div>
613                    </div>
614                </div>
615        	</div>
616            
617        	<div style="width:100%; min-height:200px; float:left;
617" class="opac_60_noir">
618                <div style="width:1000px; margin-left:auto; margin-right:auto;">
619                    <div style="width:1000px; min-height:200px; float:left;">
620                    	<div style="width:970px; min-height:200px; float:right; margin-top:16px;" class="upp proximaExtraCn_light">
621                        	<div class="alignVert">
622                            	<div style="width:100%; height:auto; float:left;">
623                                	<div style="width:126px; height:auto; float:left;">
624                                        <div style="width:126px; height:auto; line-height:18px; float:left;" class="T16">
625                                            <a href="/spectacles/index.cfm" class="blanc T20">spectacles</a><br />
626                                            <a href="/spectacles/index.cfm" class="blanc opac_60 T16">notre programmation</a><br />
627                                            <a href="/spectacles/index.cfm?idmc=4363" class="blanc opac_60 T16">Jeune public</a><br />
628                                            <a href="/spectacles/index.cfm?idmc=4655" class="blanc opac_60 T16">Tout public</a><br />
629                                            <a href="/spectacles/archives.cfm" class="blanc opac_60 T16">Archives</a>
630                                        </div>
631                                        <div style="width:126px; height:auto; float:left; margin-top:15px;">
632                                        	
633                                            <a href="/calendrier.cfm" class="opac_60 T20"><img src="/media/img/picto_calendrier2.png" align="absmiddle" /> calendrier</a><br />
634                                        </div>
635                               		</div>
636                                    <div style="width:122px; height:auto; float:left;">
637                                        <div style="width:122px; height:auto; line-height:18px; float:left;" class="T16">
638                                            <a href="/theatre/bar.cfm" class="T20 blanc">le th&eacute;&acirc;tre</a><br />
639                                            <a href="/theatre/bar.cfm" class="blanc opac_60 T16">bar</a><br />
640                                            <a href="/theatre/equipe.cfm" class="blanc opac_60 T16">&eacute;quipe</a><br />
641                                            <a href="/theatre/photos.cfm" class="blanc opac_60 T16">photos</a><br />
642                                            <a href="/theatre/revue_presse.cfm" class="blanc opac_60 T16">revue de presse</a><br />
643                                            <a href="/theatre/contact.cfm" class="blanc opac_60 T16">contact</a><br />
644                                            <a href="/theatre/plan_acces.cfm" class="blanc opac_60 T16">plan d'acc&egrave;s</a><br />
645                                            <a href="/theatre/accessibilite.cfm" class="blanc opac_60 T16">accessibilit&eacute;</a><br />
646                                            <a href="/theatre/donnees_techniques.cfm" class="blanc opac_60 T16">donn&eacute;es techniques</a>
647                                        </div>
648                               		</div>
649                                    <div style="width:136px; height:auto; float:left;">
650                                        <div style="width:136px; height:auto; line-height:18px; float:left;" class="T16">
651                                            <a href="/ateliers/index.cfm/7506_adultes.html" class="T20 blanc">les ateliers</a><br />
652                                            <a href="/ateliers/index.cfm/7506_adultes.html" class="blanc opac_60 T16">adultes</a><br />
653                                            <a href="/ateliers/index.cfm/7507_enfants.html" class="blanc opac_60 T16">enfants</a><br />
654                                            <a href="/ateliers/index.cfm/7508_stages.html" class="blanc opac_60 T16">stages</a><br />
655                                            <a href="/ateliers/index.cfm/7509_cours_professionnels.html" class="blanc opac_60 T16">cours professionnels</a>
656                                        </div>
657                               		</div>
658                                    <div style="width:156px; height:auto; float:left;">
659                                        <div style="width:156px; height:auto; line-height:18px; float:left;
659" class="T16">
660                                            <a href="/prestation/index.cfm/196835_7492_projet_pedagogique_sur__la_langue_francaise.html" class="T20 blanc">th&eacute;&acirc;tre<br />en &eacute;cole</a><br />
661											
662                                            <a href="/prestation/index.cfm/196835_7492_projet_pedagogique_sur__la_langue_francaise.html" class="blanc opac_60 T16">Projet pédagogique sur  la langue française</a><br />
663                                            
664                                            <a href="/prestation/index.cfm/196832_7492_formation_des_enseignants.html" class="blanc opac_60 T16">Formation des enseignants</a><br />
665                                            
666                                            <a href="/prestation/index.cfm/196853_7492_ateliers_organises_en_ecoles.html" class="blanc opac_60 T16">ateliers organisés en écoles</a><br />
667                                            
668                                            <a href="/prestation/index.cfm/196854_7492_spectacles_en_ecoles.html" class="blanc opac_60 T16">spectacles en écoles</a><br />
669                                            
670                                        </div>
671                               		</div>
672                                    <div style="width:136px; height:auto; float:left;">
673                                        <div style="width:136px; height:auto; line-height:18px; float:left;" class="T16">
674                                            <a href="/prestation/index.cfm/196719_342_improvisation.html" class="T20 blanc">pour les<br />entreprises</a><br />
675                                            
676                                            <a href="/prestation/index.cfm/196719_342_improvisation.html" class="blanc opac_60 T16">Improvisation</a><br />
677                                            
678                                            <a href="/prestation/index.cfm/196833_342_des_soirees_sur_mesure.html" class="blanc opac_60 T16">des soirées sur mesure</a><br />
679                                            
680                                            <a href="/prestation/index.cfm/196856_342_atelier_theatre.html" class="blanc opac_60 T16">Atelier théâtre</a><br />
681                                            
682                                            <a href="/prestation/index.cfm/196857_342_arbre_de_noel.html" class="blanc opac_60 T16">Arbre de noël</a><br />
683                                            
684                                            <a href="/prestation/index.cfm/196858_342_formation_des_equipes.html" class="blanc opac_60 T16">Formation des équipes</a><br />
685                                            
686                                            <a href="/prestation/index.cfm/196859_342_billetterie.html" class="blanc opac_60 T16">Billetterie</a><br />
687                                            
688                                            <a href="/prestation/index.cfm/196860_342_location.html" class="blanc opac_60 T16">Location</a><br />
689                                            
690
691                                        </div>
692                               		</div>
693                                    <div style="width:265px; height:auto; float:left;">
694                                        <div style="width:265px; height:auto; line-height:18px; float:left;" class="T16">
695                                            <a href="/prestation/index.cfm/196852_733_spectacle__gouter_danniversaire.html" class="T20 blanc">privatisation<br />et &eacute;v&eacute;nementiel</a><br />
696                                            
697                                            <a href="/prestation/index.cfm/196852_733_spectacle__gouter_danniversaire.html" class="blanc opac_60 T16">Spectacle + Gouter d‘anniversaire</a><br />
698                                            
699                                            <a href="/prestation/index.cfm/196855_733_location_de_la_salle.html" class="blanc opac_60 T16">Location de la salle</a><br />
700                                            
701                                            <a href="/prestation/index.cfm/236100_733_location_association.html" class="blanc opac_60 T16">Location association</a><br />
702                                            
703                                        </div>
704                                        <div style="width:auto; height:auto; float:right; margin-top:12px;">
705                                            <div style="width:52px; height:auto; line-height:12px; float:left; text-align:right; margin-top:18px; text-transform:lowercase;" class="proximaExtraCn">en<br />partenariat<br />avec</div>
706                                            <div style="width:62px; height:60px; float:left; text-align:right;"><a href="http://aflproduction.com/" target="_blank"><img src="/media/img/logo_AFL_over.png" onMouseOver="this.src='/media/img/logo_AFL.png'" onMouseOut="this.src='/media/img/logo_AFL_over.png'" /></a></div>
707                                        </div>
708                               		</div>
709                                    
710                            	</div>
711                        	</div>
712                        </div>
713                    </div>
714                </div>
715        	</div>
716        </div>
717 
718              
719     </body>
720  
720<script>
vendor: 339 bytes, lines 720-726
720
721  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
722  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
723  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
724  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
725
726  ga('create', '
726UA-56329947-1
vendor: 39 bytes, lines 726-728
726', 'auto');
727  ga('send', 'pageview');
728
729</script>
729     	 
730	 
731	 
732</html>                   
733					

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.