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éâtre de la Clarté, 74 avenue du général Leclerc Boulogne, Spectacles tout public, enfants. Cours de Théâtre. Location de salle"> 8 <meta name="keywords" content="theatre, théâtre, clarté, clarte, site officiel theatre de la clarté, site officiel le Clarté, site officiel theatre, Boulogne, paris, france, europe, théatral, cours de théâtre, rideau de theatre, théâtre de la clarté, showcase, projection, lecture, première, 1ère, couturière, générale, italienne, générale, présentation officielle, présentations, billetterie, Arlequin et la Sorcière Puisatière, l'enfant Roi, théâtre, humour, partenaire, rire, comédié, café théâtre, La nuit juste avant les forêts de Bernard-Marie Koltés, La menagerie de verre de Tennesse Williams, Projets pédagogiques, Franck Lesne, theatre, théâtre, clarté, clarte, site officiel theatre de la clarté, site officiel le Clarté, site officiel theatre, Boulogne, paris, france, europe, théatral, cours de théâtre, rideau de theatre, théâtre de la clarté, showcase, projection, lecture, première, 1ère, couturière, générale, italienne, générale, présentation officielle, présentations, billetterie, Arlequin et la Sorcière Puisatière, l'enfant Roi, théâtre, humour, partenaire, rire, comédié, café théâtre, La nuit juste avant les forêts de Bernard-Marie Koltés, La menagerie de verre de Tennesse Williams, Projets pédagogiques, Franck Lesne, Stephane Guillon, Cours théâtre boulogne, cours amateur, cours théâtre, théâtre Boulogne-Billancourt, cours théâtre enfants, cours de théâtre adolescents, cours de théâ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éâtre de la clarté"> 16 <META NAME="Generator" CONTENT="dreamweaver CS3, photoshop"> 17 <link rel="shortcut icon" href="/theatredelaclarte.ico"> 18 <title>Théâtre de la Clarté | 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éâtre de la Clarté</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éâ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">É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ès</a> 385 </li> 386 <li class=""> 387 <a href="/theatre/accessibilite.cfm">Accessibilité</a> 388 </li> 389 <li class=""> 390 <a href="/theatre/donnees_techniques.cfm">Donné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éâtre en é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 évé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 • 92100 Boulogne-Billancourt<br /><br /> 520 <p><span class="proximaExtraCn_bold">Administration</span> <span class="proximaExtraCn_bold">: </span>Té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 évé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;"> </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éâtre de la Clarté</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 • 92100 Boulogne-Billancourt<br /> 571 <img src="/media/img/metro.png" align="absmiddle" /> <img src="/media/img/9.png" align="absmiddle" /> Billancourt • <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 • Ré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é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ès<br />handicapé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éâ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">é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ès</a><br /> 645 <a href="/theatre/accessibilite.cfm" class="blanc opac_60 T16">accessibilité</a><br /> 646 <a href="/theatre/donnees_techniques.cfm" class="blanc opac_60 T16">donné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éâtre<br />en é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 évé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.