 <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <style type="text/css"> #divUpControl{position:absolute; width:320; left:10; top:10; z-index:1; text-align: right} #divDownControl{position:absolute; width:320; left:10; top:270; z-index:1; text-align: right} #divContainer{position:absolute; width:320; height:240; overflow:hidden; top:30; left:10; clip:rect(0,320,240,0); visibility:hidden} #divContent{position:absolute; top:0; left:0} </style> <script language="JavaScript">// begin absolutely positioned scrollable area object scripts // Extension developed by David G. Miles // Original Scrollable Area code developed by Thomas Brattli function verifyCompatibleBrowser(){     this.ver=navigator.appVersion     this.dom=document.getElementById?1:0     this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;     this.ie4=(document.all && !this.dom)?1:0;     this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;      this.ns4=(document.layers && !this.dom)?1:0;     this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)     return this } bw=new verifyCompatibleBrowser()   var speed=120  var loop, timer  function ConstructObject(obj,nest){     nest=(!nest) ? '':'document.'+nest+'.'     this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;     this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;     this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight     this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight     this.up=MoveAreaUp;this.down=MoveAreaDown;     this.MoveArea=MoveArea; this.x; this.y;     this.obj = obj + "Object"     eval(this.obj + "=this")     return this } function MoveArea(x,y){     this.x=x;this.y=y     this.css.left=this.x     this.css.top=this.y }  function MoveAreaDown(move){ 	if(this.y>-this.scrollHeight+objContainer.clipHeight){     this.MoveArea(0,this.y-move)     if(loop) setTimeout(this.obj+".down("+move+")",speed) 	} } function MoveAreaUp(move){ 	if(this.y<0){     this.MoveArea(0,this.y-move)     if(loop) setTimeout(this.obj+".up("+move+")",speed) 	} }  function PerformScroll(speed){ 	if(initialised){ 		loop=true; 		if(speed>0) objScroller.down(speed) 		else objScroller.up(speed) 	} }  function CeaseScroll(){     loop=false     if(timer) clearTimeout(timer) } var initialised; function InitialiseScrollableArea(){     objContainer=new ConstructObject('divContainer')     objScroller=new ConstructObject('divContent','divContainer')     objScroller.MoveArea(0,0)     objContainer.css.visibility='visible'     initialised=true; } // end absolutely positioned scrollable area object scripts </script> <script language="JavaScript"> <!-- function MM_reloadPage(init) {  //reloads the window if Nav4 resized   if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {     document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}   else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // --> </script> </HEAD> <BODY BGCOLOR=#FFFFFF onLoad="InitialiseScrollableArea()"> <table width="780" border="1" cellspacing="0" cellpadding="0" bordercolor="#993399">   <tr>     <td>       <table width=780 border=0 cellpadding=0 cellspacing=0>         <tr>            <td rowspan=10> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="77" height="437">               <param name=movie value="img_sp/menuspe.swf">               <param name=quality value=high>               <embed src="img_sp/menuspe.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="77" height="437">               </embed>              </object></td>           <td colspan=6> <img src="img_sp/sp02.gif" width=703 height=16></td>           <td> <img src="img_sp/espaceur.gif" width=1 height=16></td>         </tr>         <tr>            <td rowspan=9> <img src="img_sp/sp03.gif" width=41 height=424></td>           <td rowspan=5 background="img_sp/sp04.gif"><br>             <br>           </td>           <td colspan=2 rowspan=5> <img src="img_sp/danse.gif" width=96 height=330></td>           <td>              <div align="center"><font face="Arial, Helvetica, sans-serif"><b></b></font></div>           </td>           <td rowspan=4> <img src="img_sp/sp07.gif" width=14 height=187></td>           <td> <img src="img_sp/espaceur.gif" width=1 height=67></td>         </tr>         <tr>            <td> <img src="img_sp/sp08.gif" width=294 height=17></td>           <td> <img src="img_sp/espaceur.gif" width=1 height=17></td>         </tr>         <tr>            <td>              <div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><b></b></font></div>           </td>           <td> <img src="img_sp/espaceur.gif" width=1 height=72></td>         </tr>         <tr>            <td> <img src="img_sp/sp10.gif" width=294 height=31></td>           <td> <img src="img_sp/espaceur.gif" width=1 height=31></td>         </tr>         <tr>            <td colspan=2 rowspan=5><img src="_img/cendrillon.jpg" width="308" height="227">            </td>           <td> <img src="img_sp/espaceur.gif" width=1 height=143></td>         </tr>         <tr>            <td colspan=3> <img src="img_sp/sp12.gif" width=354 height=20></td>           <td> <img src="img_sp/espaceur.gif" width=1 height=20></td>         </tr>         <tr>            <td background="img_sp/sp13.gif">              <div align="center"> <font size="2" face="Arial, Helvetica, sans-serif"><b></b></font></div>           </td>           <td rowspan=2> <a href="abo.pdf" target="_blank"><img src="img_sp/sp14.gif" width=66 height=59 border="0"></a></td>           <td rowspan=3> <img src="img_sp/sp15.gif" width=30 height=74></td>           <td> <img src="img_sp/espaceur.gif" width=1 height=52></td>         </tr>         <tr>            <td rowspan=2> <img src="img_sp/sp16.gif" width=258 height=22></td>           <td> <img src="img_sp/espaceur.gif" width=1 height=7></td>         </tr>         <tr>            <td> <img src="img_sp/sp17.gif" width=66 height=15></td>           <td> <img src="img_sp/espaceur.gif" width=1 height=15></td>         </tr>       </table>     </td>   </tr> </table> <br> <!--<Rsum>--> <div id="divUpControl" style="left: 373px; top: 29px; z-index: 1; width: 9; height: 11">   <a href="javascript:;" onMouseOver="PerformScroll(-2)" onMouseOut="CeaseScroll()"><img src="_interf/accueil/up.gif" width="9" height="11" border="0"></a></div> <div id="divDownControl" style="left: 373px; top: 344px; width: 9; height: 11; z-index: 1">   <a href="javascript:;" onMouseOver="PerformScroll(2)" onMouseOut="CeaseScroll()"><img src="_interf/accueil/down.gif" width="9" height="11" border="0"></a></div> <div id="divContainer" style="left: 127px; top: 28px; width: 240; clip: rect(0 240 328 0); height: 328; overflow: hidden; visibility: hidden">   <div id="divContent">     <div align="justify"><font size="2" face="Arial, Helvetica, sans-serif" color="#993399">Cendrillon<BR> <BR> Cendrillon cre par Maguy Marin en 1985 pour l&#8217;Opra de Lyon, ovationne dans le monde entier, s&#8217;est impose depuis comme un modle du genre, car l&#8217;imagination de la chorgraphe remonte jusqu&#8217; nos enfances.<BR> <BR>  Le trait de gnie  de Maguy Marin : chorgraphier l&#8217;histoire de l&#8217;hrone  la pantoufle de vaire, dans un univers d&#8217;enfants o se ctoient poupes, robots, jouets miniatures, masques et costumes  bibendum , perruques&#8230; Tout est ravissant et se droule dans une atmosphre onirique qui rappelle une certaine vision de l&#8217;enfance perdue.<BR> <BR>  Magique Cendrillon, sur un conte de Perrault, Maguy Marin a chorgraphi un petit miracle .<BR> Raphal de Gubernatis, Le Nouvel Observateur.  </font></div>   </div> </div> <!--</Rsum>--> <div id="Layer1" style="position:absolute; left:127px; top:378px; width:256px; height:50px; visibility:visible">   <div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><b><font color="#993399" size="1">TARIF     A CATEGORIE</font><font size="2" face="Arial, Helvetica, sans-serif"><b><font color="#993399" size="1">     I</font></b></font><font color="#993399" size="1"><br>     <font color="#FF6633" size="3">Exclusivit en le-de-France </font></font></b></font></div> </div> <div id="Layer2" style="position:absolute; width:292px; height:65px; z-index:3; left: 481px; top: 28px; visibility: visible">   <div align="center"><font face="Arial, Helvetica, sans-serif"><b><font color="#993399">Cendrillon<br>     </font><font size="2" face="Arial, Helvetica, sans-serif"><b><font color="#993399">Chorgraphie de Maguy Marin</font></b></font><font color="#993399">     </font></b></font></div> </div> <div id="Layer3" style="position:absolute; width:292px; height:70px; z-index:4; top: 112px; left: 481px; visibility: visible">   <div align="center">     <table width="100%" border="0" cellspacing="0" cellpadding="0">       <tr>         <td height="70">           <div align="center"><b><font color="#993399" face="Arial, Helvetica, sans-serif">Mercredi 26 Mars  20H30<br>Jeudi 27 Mars  20H30<br> </font></b></div>         </td>       </tr>     </table>        </div> </div> </BODY> </HTML>      
