Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
cours:jpc:stic:trx:lescaphandreetlepapillon [22/01/2012 19:22] – lilymcours:jpc:stic:trx:lescaphandreetlepapillon [01/06/2026 14:20] (Version actuelle) – changement de plugin de fontcolor vers color jpc
Ligne 1: Ligne 1:
 <WRAP classes info> <WRAP classes info>
-//** Page créée par : <fc #FF00FF>Maï</fc> (mnour) et <fc #00FFFF>Elicia</fc> (lilym)+//** Page créée par : <color #FF00FF>Maï</color> (mnour) et <color #00FFFF>Elicia</color> (lilym)
  **//  **//
 </WRAP> </WRAP>
Ligne 15: Ligne 15:
  
 ===== EXTRAIT DU LIVRE ===== ===== EXTRAIT DU LIVRE =====
-(début de l'avant-dernier chapitre)+<color #808080>(début de l'avant-dernier chapitre)</color>
  
                               "A day in the life"                               "A day in the life"
  
-//Nous voilà presque arrivés au bout du chemin, et il me reste  à évoquer ce vendredi 8 décembre 1995 de funeste mémoire. Depuis le début j’ai envie de raconter mes derniers moments de Terrien en parfait état de marche, mais j’ai tant différé que maintenant le vertige me saisit à l’instant d’effectuer ce saut à l’élastique dans mon passé. Je ne sais plus par quel bout les prendre, ces heures lourdes et vaines, insaisissables comme les gouttes de mercure d’un thermomètre cassé en deux. Les mots se dérobent. Comment dire le corps souple et tiède de grande fille brune contre lequel on se réveille pour la dernière fois sans y prêter attention, presque en maugréant. Tout était gris, pâteux et résigné : le ciel, les gens, la ville harassée par plusieurs jours de grève des transports publics. A l’image de millions de Parisiens, Florence et moi entamions comme des zombies, l’œil vide et le teint las, cette nouvelle journée de descente dans un bordel inextricable. Je faisais machinalement tous ces gestes simples qui me semblent aujourd’hui miraculeux : se raser, s’habiller, avaler un bol de chocolat. +<color #008080>//Nous voilà presque arrivés au bout du chemin, et il me reste  à évoquer ce vendredi 8 décembre 1995 de funeste mémoire. Depuis le début j’ai envie de raconter mes derniers moments de Terrien en parfait état de marche, mais j’ai tant différé que maintenant le vertige me saisit à l’instant d’effectuer ce saut à l’élastique dans mon passé. Je ne sais plus par quel bout les prendre, ces heures lourdes et vaines, insaisissables comme les gouttes de mercure d’un thermomètre cassé en deux. Les mots se dérobent. Comment dire le corps souple et tiède de grande fille brune contre lequel on se réveille pour la dernière fois sans y prêter attention, presque en maugréant. Tout était gris, pâteux et résigné : le ciel, les gens, la ville harassée par plusieurs jours de grève des transports publics. A l’image de millions de Parisiens, Florence et moi entamions comme des zombies, l’œil vide et le teint las, cette nouvelle journée de descente dans un bordel inextricable. Je faisais machinalement tous ces gestes simples qui me semblent aujourd’hui miraculeux : se raser, s’habiller, avaler un bol de chocolat. 
 // //
 +</color>
  
 ==== La chasse aux intrus et aux synonymes ==== ==== La chasse aux intrus et aux synonymes ====
Ligne 28: Ligne 29:
 ==== Vocabulaire ==== ==== Vocabulaire ====
  
-Complétez ces mots croisés avec des mots du texte : {{:cours:jpc:stic:trx:vocabulaire.htm|Définitions}}+<color #800080>__Complétez ces mots croisés avec des mots du texte__ :</color> {{:cours:jpc:stic:trx:vocabulaire.htm|Définitions}}
  
 ==== Comparaisons ==== ==== Comparaisons ====
Ligne 36: Ligne 37:
 ===== CIVILISATION ===== ===== CIVILISATION =====
  
-Pour mieux comprendre les expressions idiomatiques en français (regardez le contexte qui est une explication) : {{http://www.ccdmd.qc.ca/ri/expressions/repertoire_fr.php|Expressions Idiomatiques}}+<color #800080>__Pour mieux comprendre les expressions idiomatiques en français__ :</color> 
  
-Puis, faites l'exercice suivant : {{:cours:jpc:stic:trx:exercice.htm|Exercice}}+{{http://www.ccdmd.qc.ca/ri/expressions/repertoire_fr.php|Expressions Idiomatiques}} <color #800080>(regardez le **contexte** qui est une explication)</color>  
 + 
 +<color #800080>__Puis, faites l'exercice suivant__ :</color> {{:cours:jpc:stic:trx:exercice.htm|Exercice}}
  
 ===== BANDE ANNONCE DU FILM ===== ===== BANDE ANNONCE DU FILM =====
  
-<html><div id="watch-player" class="flash-player"> +{{youtube>1yhXcjaz1E0?large}} 
-          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" id="movie_player" height="390"><param name="movie" value="http://s.ytimg.com/yt/swfbin/watch_as3-vflZram0O.swf"><param name="flashvars" value="fexp=900064&amp;enablecsi=1&amp;allow_embed=1&amp;rvs=view_count%3D91%2B627%26author%3DGFJRTGG%26length_seconds%3D261%26id%3DqTwjSppZC4s%26title%3DTHE%2BDIVING%2BBELL%2BAND%2BTHE%2BBUTTERFLY%25E3%2583%25BCDon%2527t%2Bkiss%2Bme%2Bgoodbye%2Cview_count%3D223%2B045%26author%3Dpeanutspowa%26length_seconds%3D136%26id%3DjaKyv06NHDg%26title%3DNe%2Ble%2Bdis%2B%25C3%25A0%2BPersonne%2B-%2BBande%2BAnnonce%2BOfficielle%2Cview_count%3D205%2B487%26author%3Dyannkerbec%26length_seconds%3D97%26id%3D42qLwz1lVNw%26title%3DLe%2Bpremier%2Bjour%2Bdu%2Breste%2Bde%2Bta%2Bvie%2B-%2Bbande%2Bannonce%2Cview_count%3D63%2B478%26author%3Dhungduytran90%26length_seconds%3D250%26id%3D-x_rbZ5VwBc%26title%3DExplosions%2BIn%2BThe%2BSky%2B-%2BYour%2BHand%2BIn%2BMine%2B%2528with%2Bstrings%2529%2B%2528The%2BDiving%2BBell%2BAnd%2BThe%2BButterfly%2529%2Cview_count%3D219%2B142%26author%3DEuropaFilmes%26length_seconds%3D129%26id%3DN4yY1yedPEc%26title%3DTrailer%2Bde%2BO%2BESCAFANDRO%2BE%2BA%2BBORBOLETA%2B-%2BNos%2Bcinemas%2521%2Cview_count%3D43%2B081%26author%3Djustjilian%26length_seconds%3D36%26id%3D9IJJis5VV9k%26title%3DMarie%2BHumbert%252C%2Bl%2527amour%2Bd%2527une%2Bm%25C3%25A8re%2Cview_count%3D12%2B554%26author%3DTranseuropaFilms%26length_seconds%3D129%26id%3DypSZAaXYR9k%26title%3DLA%2BESCAFANDRA%2BY%2BLA%2BMARIPOSA%2B%2528Le%2Bscaphandre%2Bet%2Ble%2Bpapillon%2529%2Cview_count%3D21%2B989%26author%3Dmatnsas%26length_seconds%3D193%26id%3DOAb16oMxmbE%26title%3DThe%2BDiving%2BBell%2Band%2Bthe%2BButterfly%2Cview_count%3D53%2B651%26author%3DStevePinch%26length_seconds%3D66%26id%3DJwXg_vxpaXU%26title%3DL%2527%25C3%25A2ge%2Bdes%2Bt%25C3%25A9n%25C3%25A8bres%2B-%2Btrailer%2Cview_count%3D8%2B605%26author%3DMenetheris%26length_seconds%3D199%26id%3Dsc9qJ1Mt3EY%26title%3DThe%2BDiving%2BBell%2Band%2BButterfly%2BMusic%2BVideo-Monochrome%2Cview_count%3D207%2B201%26author%3Dlonglivechinese%26length_seconds%3D190%26id%3Di42u_gsm95U%26title%3DLe%2BPapillon%2BMTV%2Cview_count%3D15%2B340%26author%3Dxtratrash%26length_seconds%3D123%26id%3D3q307mJlwm0%26title%3DThe%2BDiving%2BBell%2Band%2Bthe%2BButterfly&amp;vq=auto&amp;account_playback_token=&amp;autohide=2&amp;csi_page_type=watch5&amp;keywords=cannes2007%2Ccrrav&amp;cr=FR&amp;p_s=R4D7GV84otRcB4xmYcwEisTy0xCVlCpKhfHrndbL2A5R9-VM_fJ8tdWQX89zRbPXnsCJhcPIQnQ%3D&amp;sk=EL-fsOiMBbuY6qGMvDlpiCdrsw3UYdOnC&amp;fmt_list=43%2F640x360%2F99%2F0%2F0%2C34%2F640x360%2F9%2F0%2F115%2C18%2F640x360%2F9%2F0%2F115%2C5%2F320x240%2F7%2F0%2F0&amp;length_seconds=127&amp;enablejsapi=1&amp;theme=tlb&amp;tk=oj7hplgJaJI21Pi0tGlJaqCn8C5VFLcSkQy2OZxVlyOaZJHGJjKnbw%3D%3D&amp;supersizefeatured=1&amp;tmi=1&amp;watch_xlb=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fxlb%2Fwatch%2Fstrings-fr_FR-vfl_Lao0y.xlb&amp;url_encoded_fmt_stream_map=url%3Dhttp%253A%252F%252Fo-o.preferred.orange-mrs1.v11.lscache8.c.youtube.com%252Fvideoplayback%253Fsparams%253Did%25252Cexpire%25252Cip%25252Cipbits%25252Citag%25252Csource%25252Cratebypass%25252Ccp%2526fexp%253D900064%2526itag%253D43%2526ip%253D86.0.0.0%2526signature%253D5BB1E68F06F6AA355E76F4986B0A2C224BC993B4.8D058BE12C031CAA47D638B3F182E2CB529C4597%2526sver%253D3%2526ratebypass%253Dyes%2526source%253Dyoutube%2526expire%253D1327276474%2526key%253Dyt1%2526ipbits%253D8%2526cp%253DU0hRTFJSVF9MTkNOMV9KTFhFOld2ZzdoUkd0WkNV%2526id%253Dd728577236b3d44d%26quality%3Dmedium%26fallback_host%3Dtc.v11.cache8.c.youtube.com%26type%3Dvideo%252Fwebm%253B%2Bcodecs%253D%2522vp8.0%252C%2Bvorbis%2522%26itag%3D43%2Curl%3Dhttp%253A%252F%252Fo-o.preferred.orange-mrs1.v10.lscache6.c.youtube.com%252Fvideoplayback%253Fsparams%253Did%25252Cexpire%25252Cip%25252Cipbits%25252Citag%25252Csource%25252Calgorithm%25252Cburst%25252Cfactor%25252Ccp%2526fexp%253D900064%2526algorithm%253Dthrottle-factor%2526itag%253D34%2526ip%253D86.0.0.0%2526burst%253D40%2526sver%253D3%2526signature%253D71230B6DD7591A6D119DF9FA026170D538E2ED39.2875BE13F0FDA881C31542F3BBA02BDCB635D9EC%2526source%253Dyoutube%2526expire%253D1327276474%2526key%253Dyt1%2526ipbits%253D8%2526factor%253D1.25%2526cp%253DU0hRTFJSVF9MTkNOMV9KTFhFOld2ZzdoUkd0WkNV%2526id%253Dd728577236b3d44d%26quality%3Dmedium%26fallback_host%3Dtc.v10.cache6.c.youtube.com%26type%3Dvideo%252Fx-flv%26itag%3D34%2Curl%3Dhttp%253A%252F%252Fo-o.preferred.orange-mrs1.v19.lscache3.c.youtube.com%252Fvideoplayback%253Fsparams%253Did%25252Cexpire%25252Cip%25252Cipbits%25252Citag%25252Csource%25252Cratebypass%25252Ccp%2526fexp%253D900064%2526itag%253D18%2526ip%253D86.0.0.0%2526signature%253D432710BAC4803892B356B9FE30A1BCA79669475C.2B4B6623796300557DB3FF2C8B0F1877073F7EEF%2526sver%253D3%2526ratebypass%253Dyes%2526source%253Dyoutube%2526expire%253D1327276474%2526key%253Dyt1%2526ipbits%253D8%2526cp%253DU0hRTFJSVF9MTkNOMV9KTFhFOld2ZzdoUkd0WkNV%2526id%253Dd728577236b3d44d%26quality%3Dmedium%26fallback_host%3Dtc.v19.cache3.c.youtube.com%26type%3Dvideo%252Fmp4%253B%2Bcodecs%253D%2522avc1.42001E%252C%2Bmp4a.40.2%2522%26itag%3D18%2Curl%3Dhttp%253A%252F%252Fo-o.preferred.orange-mrs1.v8.lscache3.c.youtube.com%252Fvideoplayback%253Fsparams%253Did%25252Cexpire%25252Cip%25252Cipbits%25252Citag%25252Csource%25252Calgorithm%25252Cburst%25252Cfactor%25252Ccp%2526fexp%253D900064%2526algorithm%253Dthrottle-factor%2526itag%253D5%2526ip%253D86.0.0.0%2526burst%253D40%2526sver%253D3%2526signature%253D3A0E8C6130B00233F5DEE8E9F34123DDA912F10A.271F83058C19D94A3C95D58A13829BF807BFE2BB%2526source%253Dyoutube%2526expire%253D1327276474%2526key%253Dyt1%2526ipbits%253D8%2526factor%253D1.25%2526cp%253DU0hRTFJSVF9MTkNOMV9KTFhFOld2ZzdoUkd0WkNV%2526id%253Dd728577236b3d44d%26quality%3Dsmall%26fallback_host%3Dtc.v8.cache3.c.youtube.com%26type%3Dvideo%252Fx-flv%26itag%3D5&amp;watermark=%2Chttp%3A%2F%2Fs.ytimg.com%2Fyt%2Fimg%2Fwatermark%2Fyoutube_watermark-vflHX6b6E.png%2Chttp%3A%2F%2Fs.ytimg.com%2Fyt%2Fimg%2Fwatermark%2Fyoutube_hd_watermark-vflAzLcD6.png&amp;sourceid=ys&amp;timestamp=1327254225&amp;plid=AAS3IXSddI6iyCbw&amp;showpopout=1&amp;hl=fr_FR&amp;no_get_video_log=1&amp;endscreen_module=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fendscreen-vfl_nBoHp.swf&amp;referrer=http%3A%2F%2Fwww.youtube.com%2Fresults%3Fsearch_query%3Dle%2Bscaphandre%2Bet%2Ble%2Bpapillon%2Bbande%2Bannonce%26oq%3Dle%2Bscaphandre%2Bet%2Ble%2Bpapillon%26aq%3D1%26aqi%3Dg10%26aql%3D%26gs_sm%3Dc%26gs_upl%3D6156l11219l0l13828l23l16l0l5l5l1l719l1328l5-1.1l2l0&amp;video_id=1yhXcjaz1E0&amp;sendtmp=1&amp;q=le+scaphandre+et+le+papillon+bande+annonce&amp;t=vjVQa1PpcFNecUq7JXWHqQVs7Ir6lqBNKXiWU_KyztE%3D"><param name="allowscriptaccess" value="always"><param name="allowfullscreen" value="true"><param name="bgcolor" value="#000000"><div  class="yt-alert yt-alert-error yt-alert-player yt-rounded "><span class="yt-alert-icon"><img src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" class="icon master-sprite" alt="Icône d'alerte"></span><div  class="yt-alert-content">        Pour regarder cette vidéo, vous devez disposer d'Adobe Flash Player. <br> <a href="http://get.adobe.com/flashplayer/">Télécharger le lecteur sur le site d'Adobe</a> + 
-</div></div></object></html>+<html><?xml version="1.0"?> 
 +       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd"> 
 +       <html xmlns="http://www.w3.org/1999/xhtml" 
 +             xml:lang="en"><head><meta name="author" content="Created with Hot Potatoes by Half-Baked Software, registered to Molinié Guillaume."></meta><meta name="keywords" content="Hot Potatoes, Hot Potatoes, Half-Baked Software, Windows, University of Victoria"></meta> 
 + 
 +<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" /> 
 +<meta name="DC:Creator" content="Molinié Guillaume" /> 
 +<meta name="DC:Title" content="Recomposer les phrases. Un exemple vous est donn&#x00E9;." /> 
 + 
 + 
 +<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
 + 
 +<title> 
 +Recomposer les phrases. Un exemple vous est donn&#x00E9;. 
 +</title> 
 + 
 +<!-- Made with executable version 6.3 Release 0 Build 4 --> 
 + 
 +<!-- The following insertion allows you to add your own code directly to this head tag from the configuration screen --> 
 + 
 + 
 + 
 +<style type="text/css"> 
 + 
 + 
 +/* This is the CSS stylesheet used in the exercise. */ 
 +/* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */ 
 + 
 +/* BeginCorePageCSS */ 
 + 
 +/* Made with executable version 6.3 Release 0 Build 4 */ 
 + 
 + 
 +/* Hack to hide a nested Quicktime player from IE, which can't handle it. */ 
 +* html object.MediaPlayerNotForIE { 
 + display: none; 
 +} 
 + 
 +body{ 
 + font-family: Geneva,Arial,sans-serif; 
 + background-color: #C0C0C0; 
 + color: #004080; 
 +  
 + margin-right: 5%; 
 + margin-left: 5%; 
 + font-size: small; 
 +} 
 + 
 +p{ 
 + text-align: left; 
 + margin: 0px; 
 + font-size: 100%; 
 +} 
 + 
 +table,div,span,td{ 
 + font-size: 100%; 
 + color: #004080; 
 +} 
 + 
 +div.Titles{ 
 + padding: 0.5em;; 
 + text-align: center; 
 + color: #ff0080; 
 +} 
 + 
 +button{ 
 + font-family: Geneva,Arial,sans-serif; 
 + font-size: 100%; 
 + display: inline; 
 +} 
 + 
 +.ExerciseTitle{ 
 + font-size: 140%; 
 + color: #ff0080; 
 +} 
 + 
 +.ExerciseSubtitle{ 
 + font-size: 120%; 
 + color: #ff0080; 
 +} 
 + 
 +div.StdDiv{ 
 + background-color: #ff8040; 
 + text-align: center; 
 + font-size: 100%; 
 + color: #004080; 
 + padding: 0.5em; 
 + border-style: solid; 
 + border-width: 1px 1px 1px 1px; 
 + border-color: #004080; 
 + margin-bottom: 1px; 
 +} 
 + 
 +/* EndCorePageCSS */ 
 + 
 +.RTLText{ 
 + text-align: right; 
 + font-size: 150%; 
 + direction: rtl; 
 + font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif;  
 +} 
 + 
 +.CentredRTLText{ 
 + text-align: center; 
 + font-size: 150%; 
 + direction: rtl; 
 + font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif;  
 +} 
 + 
 +button p.RTLText{ 
 + text-align: center; 
 +} 
 + 
 +.RTLGapBox{ 
 + text-align: right; 
 + font-size: 150%; 
 + direction: rtl; 
 + font-family: "Times New Roman", Geneva,Arial,sans-serif; 
 +} 
 + 
 +.Guess{ 
 + font-weight: bold; 
 +} 
 + 
 +.CorrectAnswer{ 
 + font-weight: bold; 
 +} 
 + 
 +div#Timer{ 
 + padding: 0.25em; 
 + margin-left: auto; 
 + margin-right: auto; 
 + text-align: center; 
 + color: #ff0080; 
 +} 
 + 
 +span#TimerText{ 
 + padding: 0.25em; 
 + border-width: 1px; 
 + border-style: solid; 
 + font-weight: bold; 
 + display: none; 
 + color: #ff0080; 
 +} 
 + 
 +span.Instructions{ 
 + 
 +} 
 + 
 +div.ExerciseText{ 
 + 
 +} 
 + 
 +.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{ 
 + color: #ff0080; 
 +} 
 + 
 +.LeftItem{ 
 + font-size: 100%; 
 + color: #004080; 
 + text-align: left; 
 +} 
 + 
 +.RightItem{ 
 + font-weight: bold; 
 + font-size: 100%; 
 + color: #004080; 
 +} 
 + 
 +span.CorrectMark{ 
 + 
 +} 
 + 
 +input, textarea{ 
 + font-family: Geneva,Arial,sans-serif; 
 + font-size: 120%; 
 +} 
 + 
 +select{ 
 + font-size: 100%; 
 +} 
 + 
 +div.Feedback { 
 + background-color: #C0C0C0; 
 + left: 33%; 
 + width: 34%; 
 + top: 33%; 
 + z-index: 1; 
 + border-style: solid; 
 + border-width: 1px; 
 + padding: 5px; 
 + text-align: center; 
 + color: #ff0080; 
 + position: absolute; 
 + display: none; 
 + font-size: 100%; 
 +} 
 + 
 + 
 + 
 + 
 +div.ExerciseDiv{ 
 + color: #004080; 
 +} 
 + 
 +/* JMatch flashcard styles */ 
 +table.FlashcardTable{ 
 + background-color: transparent; 
 + color: #004080; 
 + border-color: #004080; 
 + margin-left: 5%; 
 + margin-right: 5%; 
 + margin-top: 2em; 
 + margin-bottom: 2em; 
 + width: 90%; 
 + position: relative; 
 + text-align: center; 
 + padding: 0px; 
 +} 
 + 
 +table.FlashcardTable tr{ 
 + border-style: none; 
 + margin: 0px; 
 + padding: 0px; 
 + background-color: #ff8040; 
 +} 
 + 
 +table.FlashcardTable td.Showing{ 
 + font-size: 140%; 
 + text-align: center; 
 + width: 50%; 
 + display: table-cell; 
 + padding: 2em; 
 + margin: 0px; 
 + border-style: solid; 
 + border-width: 1px; 
 + color: #004080; 
 + background-color: #ff8040; 
 +} 
 + 
 +table.FlashcardTable td.Hidden{ 
 + display: none; 
 +} 
 + 
 +/* JMix styles */ 
 +div#SegmentDiv{ 
 + margin-top: 2em; 
 + margin-bottom: 2em; 
 + text-align: center; 
 +} 
 + 
 +a.ExSegment{ 
 + font-size: 120%; 
 + font-weight: bold; 
 + text-decoration: none; 
 + color: #004080; 
 +} 
 + 
 +span.RemainingWordList{ 
 + font-style: italic; 
 +} 
 + 
 +div.DropLine { 
 + position: absolute; 
 + text-align: center; 
 + border-bottom-style: solid; 
 + border-bottom-width: 1px; 
 + border-bottom-color: #ff0080; 
 + width: 80%; 
 +} 
 + 
 +/* JCloze styles */ 
 + 
 +.ClozeWordList{ 
 + text-align: center; 
 + font-weight: bold; 
 +} 
 + 
 +div.ClozeBody{ 
 + text-align: left; 
 + margin-top: 2em; 
 + margin-bottom: 2em; 
 + line-height: 2.0 
 +} 
 + 
 +span.GapSpan{ 
 + font-weight: bold; 
 +} 
 + 
 +/* JCross styles */ 
 + 
 +table.CrosswordGrid{ 
 + margin: auto auto 1em auto; 
 + border-collapse: collapse; 
 + padding: 0px; 
 + background-color: #000000; 
 +} 
 + 
 +table.CrosswordGrid tbody tr td{ 
 + width: 1.5em; 
 + height: 1.5em; 
 + text-align: center; 
 + vertical-align: middle; 
 + font-size: 140%; 
 + padding: 1px; 
 + margin: 0px; 
 + border-style: solid; 
 + border-width: 1px; 
 + border-color: #000000; 
 + color: #000000; 
 +} 
 + 
 +table.CrosswordGrid span{ 
 + color: #000000; 
 +} 
 + 
 +table.CrosswordGrid td.BlankCell{ 
 + background-color: #000000; 
 + color: #000000; 
 +} 
 + 
 +table.CrosswordGrid td.LetterOnlyCell{ 
 + text-align: center; 
 + vertical-align: middle; 
 + background-color: #ffffff; 
 + color: #000000; 
 + font-weight: bold; 
 +} 
 + 
 +table.CrosswordGrid td.NumLetterCell{ 
 + text-align: left; 
 + vertical-align: top; 
 + background-color: #ffffff; 
 + color: #000000; 
 + padding: 1px; 
 + font-weight: bold; 
 +} 
 + 
 +.NumLetterCellText{ 
 + cursor: pointer; 
 + color: #000000; 
 +} 
 + 
 +.GridNum{ 
 + vertical-align: super; 
 + font-size: 66%; 
 + font-weight: bold; 
 + text-decoration: none; 
 + color: #000000; 
 +} 
 + 
 +.GridNum:hover, .GridNum:visited{ 
 + color: #000000; 
 +} 
 + 
 +table#Clues{ 
 + margin: auto; 
 + vertical-align: top; 
 +} 
 + 
 +table#Clues td{ 
 + vertical-align: top; 
 +} 
 + 
 +table.ClueList{ 
 +  margin: auto; 
 +} 
 + 
 +td.ClueNum{ 
 + text-align: right; 
 + font-weight: bold; 
 + vertical-align: top; 
 +} 
 + 
 +td.Clue{ 
 + text-align: left; 
 +} 
 + 
 +div#ClueEntry{ 
 + text-align: left; 
 + margin-bottom: 1em; 
 +} 
 + 
 +/* Keypad styles */ 
 + 
 +div.Keypad{ 
 + text-align: center; 
 + display: none; /* initially hidden, shown if needed */ 
 + margin-bottom: 0.5em; 
 +} 
 + 
 +div.Keypad button{ 
 + font-family: Geneva,Arial,sans-serif; 
 + font-size: 120%; 
 + background-color: #ffffff; 
 + color: #000000; 
 + width: 2em; 
 +} 
 + 
 +/* JQuiz styles */ 
 + 
 +div.QuestionNavigation{ 
 + text-align: center; 
 +} 
 + 
 +.QNum{ 
 + margin: 0em 1em 0.5em 1em; 
 + font-weight: bold; 
 + vertical-align: middle; 
 +} 
 + 
 +textarea{ 
 + font-family: Geneva,Arial,sans-serif; 
 +} 
 + 
 +.QuestionText{ 
 + text-align: left; 
 + margin: 0px; 
 + font-size: 100%; 
 +} 
 + 
 +.Answer{ 
 + font-size: 120%; 
 + letter-spacing: 0.1em; 
 +} 
 + 
 +.PartialAnswer{ 
 + font-size: 120%; 
 + letter-spacing: 0.1em; 
 + color: #ff0080; 
 +} 
 + 
 +.Highlight{ 
 + color: #000000; 
 + background-color: #ffff00; 
 + font-weight: bold; 
 + font-size: 120%; 
 +} 
 + 
 +ol.QuizQuestions{ 
 + text-align: left; 
 + list-style-type: none; 
 +} 
 + 
 +li.QuizQuestion{ 
 + padding: 1em; 
 + border-style: solid; 
 + border-width: 0px 0px 1px 0px; 
 +} 
 + 
 +ol.MCAnswers{ 
 + text-align: left; 
 + list-style-type: upper-alpha; 
 + padding: 1em; 
 +} 
 + 
 +ol.MCAnswers li{ 
 + margin-bottom: 1em; 
 +} 
 + 
 +ol.MSelAnswers{ 
 + text-align: left; 
 + list-style-type: lower-alpha; 
 + padding: 1em; 
 +} 
 + 
 +div.ShortAnswer{ 
 + padding: 1em; 
 +} 
 + 
 +.FuncButton { 
 + text-align: center; 
 + border-style: solid; 
 + 
 + border-left-color: #ffbf9f; 
 + border-top-color: #ffbf9f; 
 + border-right-color: #7f4020; 
 + border-bottom-color: #7f4020; 
 + color: #004080; 
 + background-color: #ff8040; 
 + 
 + border-width: 2px; 
 + padding: 3px 6px 3px 6px; 
 + cursor: pointer; 
 +} 
 + 
 +.FuncButtonUp { 
 + color: #ff8040; 
 + text-align: center; 
 + border-style: solid; 
 + 
 + border-left-color: #ffbf9f; 
 + border-top-color: #ffbf9f; 
 + border-right-color: #7f4020; 
 + border-bottom-color: #7f4020; 
 + 
 + background-color: #004080; 
 + color: #ff8040; 
 + border-width: 2px; 
 + padding: 3px 6px 3px 6px; 
 + cursor: pointer; 
 +} 
 + 
 +.FuncButtonDown { 
 + color: #ff8040; 
 + text-align: center; 
 + border-style: solid; 
 + 
 + border-left-color: #7f4020; 
 + border-top-color: #7f4020; 
 + border-right-color: #ffbf9f; 
 + border-bottom-color: #ffbf9f; 
 + background-color: #004080; 
 + color: #ff8040; 
 + 
 + border-width: 2px; 
 + padding: 3px 6px 3px 6px; 
 + cursor: pointer; 
 +} 
 + 
 +/*BeginNavBarStyle*/ 
 + 
 +div.NavButtonBar{ 
 + background-color: #ffff00; 
 + text-align: center; 
 + margin: 2px 0px 2px 0px; 
 + clear: both; 
 + font-size: 100%; 
 +} 
 + 
 +.NavButton { 
 + border-style: solid; 
 +  
 + border-left-color: #ffff7f; 
 + border-top-color: #ffff7f; 
 + border-right-color: #7f7f00; 
 + border-bottom-color: #7f7f00; 
 + background-color: #ffff00; 
 + color: #000000; 
 + 
 + border-width: 2px; 
 + cursor: pointer;  
 +} 
 + 
 +.NavButtonUp { 
 + border-style: solid; 
 + 
 + border-left-color: #ffff7f; 
 + border-top-color: #ffff7f; 
 + border-right-color: #7f7f00; 
 + border-bottom-color: #7f7f00; 
 + color: #ffff00; 
 + background-color: #000000; 
 + 
 + border-width: 2px; 
 + cursor: pointer;  
 +} 
 + 
 +.NavButtonDown { 
 + border-style: solid; 
 + 
 + border-left-color: #7f7f00; 
 + border-top-color: #7f7f00; 
 + border-right-color: #ffff7f; 
 + border-bottom-color: #ffff7f; 
 + color: #ffff00; 
 + background-color: #000000; 
 + 
 + border-width: 2px; 
 + cursor: pointer;  
 +} 
 + 
 +/*EndNavBarStyle*/ 
 + 
 +a{ 
 + color: #0000FF; 
 +} 
 + 
 +a:visited{ 
 + color: #0000CC; 
 +} 
 + 
 +a:hover{ 
 + color: #0000FF; 
 +} 
 + 
 +div.CardStyle { 
 + position: absolute; 
 + font-family: Geneva,Arial,sans-serif; 
 + font-size: 100%; 
 + padding: 5px; 
 + border-style: solid; 
 + border-width: 1px; 
 + color: #004080; 
 + background-color: #ff8040; 
 + left: -50px; 
 + top: -50px; 
 + overflow: visible; 
 +} 
 + 
 +.rtl{ 
 + text-align: right; 
 + font-size: 140%; 
 +} 
 + 
 + 
 +</style> 
 + 
 +<script type="text/javascript"> 
 + 
 +//<![CDATA[ 
 + 
 +<!-- 
 + 
 + 
 + 
 + 
 +function Client(){ 
 +//if not a DOM browser, hopeless 
 + this.min = false; if (document.getElementById){this.min = true;}; 
 + 
 + this.ua = navigator.userAgent; 
 + this.name = navigator.appName; 
 + this.ver = navigator.appVersion;   
 + 
 +//Get data about the browser 
 + this.mac = (this.ver.indexOf('Mac') != -1); 
 + this.win = (this.ver.indexOf('Windows') != -1); 
 + 
 +//Look for Gecko 
 + this.gecko = (this.ua.indexOf('Gecko') > 1); 
 + if (this.gecko){ 
 + this.geckoVer = parseInt(this.ua.substring(this.ua.indexOf('Gecko')+6, this.ua.length)); 
 + if (this.geckoVer < 20020000){this.min = false;} 
 + } 
 +  
 +//Look for Firebird 
 + this.firebird = (this.ua.indexOf('Firebird') > 1); 
 +  
 +//Look for Safari 
 + this.safari = (this.ua.indexOf('Safari') > 1); 
 + if (this.safari){ 
 + this.gecko = false; 
 + } 
 +  
 +//Look for IE 
 + this.ie = (this.ua.indexOf('MSIE') > 0); 
 + if (this.ie){ 
 + this.ieVer = parseFloat(this.ua.substring(this.ua.indexOf('MSIE')+5, this.ua.length)); 
 + if (this.ieVer < 5.5){this.min = false;} 
 + } 
 +  
 +//Look for Opera 
 + this.opera = (this.ua.indexOf('Opera') > 0); 
 + if (this.opera){ 
 + this.operaVer = parseFloat(this.ua.substring(this.ua.indexOf('Opera')+6, this.ua.length)); 
 + if (this.operaVer < 7.04){this.min = false;} 
 + } 
 + if (this.min == false){ 
 + alert('Your browser may not be able to handle this page.'); 
 + } 
 +  
 +//Special case for the horrible ie5mac 
 + this.ie5mac = (this.ie&&this.mac&&(this.ieVer<6)); 
 +} 
 + 
 +var C = new Client(); 
 + 
 +//for (prop in C){ 
 +// alert(prop + ': ' + C[prop]); 
 +//} 
 + 
 + 
 + 
 +//CODE FOR HANDLING NAV BUTTONS AND FUNCTION BUTTONS 
 + 
 +//[strNavBarJS] 
 +function NavBtnOver(Btn){ 
 + if (Btn.className != 'NavButtonDown'){Btn.className = 'NavButtonUp';} 
 +} 
 + 
 +function NavBtnOut(Btn){ 
 + Btn.className = 'NavButton'; 
 +} 
 + 
 +function NavBtnDown(Btn){ 
 + Btn.className = 'NavButtonDown'; 
 +} 
 +//[/strNavBarJS] 
 + 
 +function FuncBtnOver(Btn){ 
 + if (Btn.className != 'FuncButtonDown'){Btn.className = 'FuncButtonUp';} 
 +} 
 + 
 +function FuncBtnOut(Btn){ 
 + Btn.className = 'FuncButton'; 
 +} 
 + 
 +function FuncBtnDown(Btn){ 
 + Btn.className = 'FuncButtonDown'; 
 +} 
 + 
 +function FocusAButton(){ 
 + if (document.getElementById('CheckButton1') != null){ 
 + document.getElementById('CheckButton1').focus(); 
 + } 
 + else{ 
 + if (document.getElementById('CheckButton2') != null){ 
 + document.getElementById('CheckButton2').focus(); 
 + } 
 + else{ 
 + document.getElementsByTagName('button')[0].focus(); 
 + } 
 + } 
 +} 
 + 
 + 
 + 
 + 
 +//CODE FOR HANDLING DISPLAY OF POPUP FEEDBACK BOX 
 + 
 +var topZ = 1000; 
 + 
 +function ShowMessage(Feedback){ 
 + var Output = Feedback + '<br /><br />'; 
 + document.getElementById('FeedbackContent').innerHTML = Output; 
 + var FDiv = document.getElementById('FeedbackDiv'); 
 + topZ++; 
 + FDiv.style.zIndex = topZ; 
 + FDiv.style.top = TopSettingWithScrollOffset(30) + 'px'; 
 + 
 + FDiv.style.display = 'block'; 
 + 
 + ShowElements(false, 'input'); 
 + ShowElements(false, 'select'); 
 + ShowElements(false, 'object'); 
 + ShowElements(true, 'object', 'FeedbackContent'); 
 + 
 +//Focus the OK button 
 + setTimeout("document.getElementById('FeedbackOKButton').focus()", 50); 
 +  
 +// 
 +} 
 + 
 +function ShowElements(Show, TagName, ContainerToReverse){ 
 +// added third argument to allow objects in the feedback box to appear 
 +//IE bug -- hide all the form elements that will show through the popup 
 +//FF on Mac bug : doesn't redisplay objects whose visibility is set to visible 
 +//unless the object's display property is changed 
 + 
 + //get container object (by Id passed in, or use document otherwise) 
 + TopNode = document.getElementById(ContainerToReverse); 
 + var Els; 
 + if (TopNode != null) { 
 + Els = TopNode.getElementsByTagName(TagName); 
 + } else { 
 + Els = document.getElementsByTagName(TagName); 
 + } 
 + 
 + for (var i=0; i<Els.length; i++){ 
 + if (TagName == "object") { 
 + //manipulate object elements in all browsers 
 + if (Show == true){ 
 + Els[i].style.visibility = 'visible'; 
 + //get Mac FireFox to manipulate display, to force screen redraw 
 + if (C.mac && C.gecko) {Els[i].style.display = '';} 
 + } 
 + else{ 
 + Els[i].style.visibility = 'hidden'; 
 + if (C.mac && C.gecko) {Els[i].style.display = 'none';} 
 + } 
 + }  
 + else { 
 + // tagName is either input or select (that is, Form Elements) 
 + // ie6 has a problem with Form elements, so manipulate those 
 + if (C.ie) { 
 + if (C.ieVer < 7) { 
 + if (Show == true){ 
 + Els[i].style.visibility = 'visible'; 
 + } 
 + else{ 
 + Els[i].style.visibility = 'hidden'; 
 + } 
 + } 
 + } 
 + } 
 + } 
 +} 
 + 
 + 
 + 
 +function HideFeedback(){ 
 + document.getElementById('FeedbackDiv').style.display = 'none'; 
 + ShowElements(true, 'input'); 
 + ShowElements(true, 'select'); 
 + ShowElements(true, 'object'); 
 + if (Finished == true){ 
 + Finish(); 
 + } 
 +} 
 + 
 + 
 +//GENERAL UTILITY FUNCTIONS AND VARIABLES 
 + 
 +//PAGE DIMENSION FUNCTIONS 
 +function PageDim(){ 
 +//Get the page width and height 
 + this.W = 600; 
 + this.H = 400; 
 + this.W = document.getElementsByTagName('body')[0].clientWidth; 
 + this.H = document.getElementsByTagName('body')[0].clientHeight; 
 +} 
 + 
 +var pg = null; 
 + 
 +function GetPageXY(El) { 
 + var XY = {x: 0, y: 0}; 
 + while(El){ 
 + XY.x += El.offsetLeft; 
 + XY.y += El.offsetTop; 
 + El = El.offsetParent; 
 + } 
 + return XY; 
 +} 
 + 
 +function GetScrollTop(){ 
 + if (typeof(window.pageYOffset) == 'number'){ 
 + return window.pageYOffset; 
 + } 
 + else{ 
 + if ((document.body)&&(document.body.scrollTop)){ 
 + return document.body.scrollTop; 
 + } 
 + else{ 
 + if ((document.documentElement)&&(document.documentElement.scrollTop)){ 
 + return document.documentElement.scrollTop; 
 + } 
 + else{ 
 + return 0; 
 + } 
 + } 
 + } 
 +} 
 + 
 +function GetViewportHeight(){ 
 + if (typeof window.innerHeight != 'undefined'){ 
 + return window.innerHeight; 
 + } 
 + else{ 
 + if (((typeof document.documentElement != 'undefined')&&(typeof document.documentElement.clientHeight != 
 +     'undefined'))&&(document.documentElement.clientHeight != 0)){ 
 + return document.documentElement.clientHeight; 
 + } 
 + else{ 
 + return document.getElementsByTagName('body')[0].clientHeight; 
 + } 
 + } 
 +} 
 + 
 +function TopSettingWithScrollOffset(TopPercent){ 
 + var T = Math.floor(GetViewportHeight() * (TopPercent/100)); 
 + return GetScrollTop() + T;  
 +} 
 + 
 +//CODE FOR AVOIDING LOSS OF DATA WHEN BACKSPACE KEY INVOKES history.back() 
 +var InTextBox = false; 
 + 
 +function SuppressBackspace(e){  
 + if (InTextBox == true){return;} 
 + if (C.ie) { 
 + thisKey = window.event.keyCode; 
 + } 
 + else { 
 + thisKey = e.keyCode; 
 + } 
 + 
 + var Suppress = false; 
 + 
 + if (thisKey == 8) { 
 + Suppress = true; 
 + } 
 + 
 + if (Suppress == true){ 
 + if (C.ie){ 
 + window.event.returnValue = false;  
 + window.event.cancelBubble = true; 
 + } 
 + else{ 
 + e.preventDefault(); 
 + } 
 + } 
 +} 
 + 
 +if (C.ie){ 
 + document.attachEvent('onkeydown',SuppressBackspace); 
 + window.attachEvent('onkeydown',SuppressBackspace); 
 +} 
 +else{ 
 + if (window.addEventListener){ 
 + window.addEventListener('keypress',SuppressBackspace,false); 
 + } 
 +} 
 + 
 +function ReduceItems(InArray, ReduceToSize){ 
 + var ItemToDump=0; 
 + var j=0; 
 + while (InArray.length > ReduceToSize){ 
 + ItemToDump = Math.floor(InArray.length*Math.random()); 
 + InArray.splice(ItemToDump, 1); 
 + } 
 +} 
 + 
 +function Shuffle(InArray){ 
 + var Num; 
 + var Temp = new Array(); 
 + var Len = InArray.length; 
 + 
 + var j = Len; 
 + 
 + for (var i=0; i<Len; i++){ 
 + Temp[i] = InArray[i]; 
 + } 
 + 
 + for (i=0; i<Len; i++){ 
 + Num = Math.floor(j  *  Math.random()); 
 + InArray[i] = Temp[Num]; 
 + 
 + for (var k=Num; k < (j-1); k++) { 
 + Temp[k] = Temp[k+1]; 
 + } 
 + j--; 
 + } 
 + return InArray; 
 +} 
 + 
 +function WriteToInstructions(Feedback) { 
 + document.getElementById('InstructionsDiv').innerHTML = Feedback; 
 + 
 +} 
 + 
 + 
 + 
 + 
 +function EscapeDoubleQuotes(InString){ 
 + return InString.replace(/"/g, '&quot;') 
 +} 
 + 
 +function TrimString(InString){ 
 +        var x = 0; 
 + 
 +        if (InString.length != 0) { 
 +                while ((InString.charAt(InString.length - 1) == '\u0020') || (InString.charAt(InString.length - 1) == '\u000A') || (InString.charAt(InString.length - 1) == '\u000D')){ 
 +                        InString = InString.substring(0, InString.length - 1) 
 +                } 
 + 
 +                while ((InString.charAt(0) == '\u0020') || (InString.charAt(0) == '\u000A') || (InString.charAt(0) == '\u000D')){ 
 +                        InString = InString.substring(1, InString.length) 
 +                } 
 + 
 +                while (InString.indexOf('  ') != -1) { 
 +                        x = InString.indexOf('  ') 
 +                        InString = InString.substring(0, x) + InString.substring(x+1, InString.length) 
 +                 } 
 + 
 +                return InString; 
 +        } 
 + 
 +        else { 
 +                return ''; 
 +        } 
 +} 
 + 
 +function FindLongest(InArray){ 
 + if (InArray.length < 1){return -1;} 
 + 
 + var Longest = 0; 
 + for (var i=1; i<InArray.length; i++){ 
 + if (InArray[i].length > InArray[Longest].length){ 
 + Longest = i; 
 + } 
 + } 
 + return Longest; 
 +} 
 + 
 +//UNICODE CHARACTER FUNCTIONS 
 +function IsCombiningDiacritic(CharNum){ 
 + var Result = (((CharNum >= 0x0300)&&(CharNum <= 0x370))||((CharNum >= 0x20d0)&&(CharNum <= 0x20ff))); 
 + Result = Result || (((CharNum >= 0x3099)&&(CharNum <= 0x309a))||((CharNum >= 0xfe20)&&(CharNum <= 0xfe23))); 
 + return Result; 
 +} 
 + 
 +function IsCJK(CharNum){ 
 + return ((CharNum >= 0x3000)&&(CharNum < 0xd800)); 
 +} 
 + 
 +//SETUP FUNCTIONS 
 +//BROWSER WILL REFILL TEXT BOXES FROM CACHE IF NOT PREVENTED 
 +function ClearTextBoxes(){ 
 + var NList = document.getElementsByTagName('input'); 
 + for (var i=0; i<NList.length; i++){ 
 + if ((NList[i].id.indexOf('Guess') > -1)||(NList[i].id.indexOf('Gap') > -1)){ 
 + NList[i].value = ''; 
 + } 
 + if (NList[i].id.indexOf('Chk') > -1){ 
 + NList[i].checked = ''; 
 + } 
 + } 
 +} 
 + 
 +//EXTENSION TO ARRAY OBJECT 
 +function Array_IndexOf(Input){ 
 + var Result = -1; 
 + for (var i=0; i<this.length; i++){ 
 + if (this[i] == Input){ 
 + Result = i; 
 + } 
 + } 
 + return Result; 
 +} 
 +Array.prototype.indexOf = Array_IndexOf; 
 + 
 +//IE HAS RENDERING BUG WITH BOTTOM NAVBAR 
 +function RemoveBottomNavBarForIE(){ 
 + if ((C.ie)&&(document.getElementById('Reading') != null)){ 
 + if (document.getElementById('BottomNavBar') != null){ 
 + document.getElementById('TheBody').removeChild(document.getElementById('BottomNavBar')); 
 + } 
 + } 
 +} 
 + 
 + 
 + 
 + 
 +//HOTPOTNET-RELATED CODE 
 + 
 +var HPNStartTime = (new Date()).getTime(); 
 +var SubmissionTimeout = 30000; 
 +var Detail = ''; //Global that is used to submit tracking data 
 + 
 +function Finish(){ 
 +//If there's a form, fill it out and submit it 
 + if (document.store != null){ 
 + Frm = document.store; 
 + Frm.starttime.value = HPNStartTime; 
 + Frm.endtime.value = (new Date()).getTime(); 
 + Frm.mark.value = Score; 
 + Frm.detail.value = Detail; 
 + Frm.submit(); 
 + } 
 +} 
 + 
 + 
 + 
 +function Card(ID, OverlapTolerance){ 
 + this.elm=document.getElementById(ID); 
 + this.name=ID; 
 + this.css=this.elm.style; 
 + this.elm.style.left = 0 +'px'; 
 + this.elm.style.top = 0 +'px'; 
 + this.HomeL = 0; 
 + this.HomeT = 0; 
 + this.tag=-1; 
 + this.index=-1; 
 + this.OverlapTolerance = OverlapTolerance; 
 +} 
 + 
 +function CardGetL(){return parseInt(this.css.left)} 
 +Card.prototype.GetL=CardGetL; 
 + 
 +function CardGetT(){return parseInt(this.css.top)} 
 +Card.prototype.GetT=CardGetT; 
 + 
 +function CardGetW(){return parseInt(this.elm.offsetWidth)} 
 +Card.prototype.GetW=CardGetW; 
 + 
 +function CardGetH(){return parseInt(this.elm.offsetHeight)} 
 +Card.prototype.GetH=CardGetH; 
 + 
 +function CardGetB(){return this.GetT()+this.GetH()} 
 +Card.prototype.GetB=CardGetB; 
 + 
 +function CardGetR(){return this.GetL()+this.GetW()} 
 +Card.prototype.GetR=CardGetR; 
 + 
 +function CardSetL(NewL){this.css.left = NewL+'px'} 
 +Card.prototype.SetL=CardSetL; 
 + 
 +function CardSetT(NewT){this.css.top = NewT+'px'} 
 +Card.prototype.SetT=CardSetT; 
 + 
 +function CardSetW(NewW){this.css.width = NewW+'px'} 
 +Card.prototype.SetW=CardSetW; 
 + 
 +function CardSetH(NewH){this.css.height = NewH+'px'} 
 +Card.prototype.SetH=CardSetH; 
 + 
 +function CardInside(X,Y){ 
 + var Result=false; 
 + if(X>=this.GetL()){if(X<=this.GetR()){if(Y>=this.GetT()){if(Y<=this.GetB()){Result=true;}}}} 
 + return Result; 
 +} 
 +Card.prototype.Inside=CardInside; 
 + 
 +function CardSwapColours(){ 
 + var c=this.css.backgroundColor; 
 + this.css.backgroundColor=this.css.color; 
 + this.css.color=c; 
 +} 
 +Card.prototype.SwapColours=CardSwapColours; 
 + 
 +function CardHighlight(){ 
 + this.css.backgroundColor='#004080'; 
 + this.css.color='#ff8040'; 
 +} 
 +Card.prototype.Highlight=CardHighlight; 
 + 
 +function CardUnhighlight(){ 
 + this.css.backgroundColor='#ff8040'; 
 + this.css.color='#004080'; 
 +} 
 +Card.prototype.Unhighlight=CardUnhighlight; 
 + 
 +function CardOverlap(OtherCard){ 
 + var smR=(this.GetR()<(OtherCard.GetR()+this.OverlapTolerance))? this.GetR(): (OtherCard.GetR()+this.OverlapTolerance); 
 + var lgL=(this.GetL()>OtherCard.GetL())? this.GetL(): OtherCard.GetL(); 
 + var HDim=smR-lgL; 
 + if (HDim<1){return 0;} 
 + var smB=(this.GetB()<OtherCard.GetB())? this.GetB(): OtherCard.GetB(); 
 + var lgT=(this.GetT()>OtherCard.GetT())? this.GetT(): OtherCard.GetT(); 
 + var VDim=smB-lgT; 
 + if (VDim<1){return 0;} 
 + return (HDim*VDim);  
 +} 
 +Card.prototype.Overlap=CardOverlap; 
 + 
 +function CardDockToR(OtherCard){ 
 + this.SetL(OtherCard.GetR() + 5); 
 + this.SetT(OtherCard.GetT()); 
 +} 
 + 
 +Card.prototype.DockToR=CardDockToR; 
 + 
 +function CardSetHome(){ 
 + this.HomeL=this.GetL(); 
 + this.HomeT=this.GetT(); 
 +} 
 +Card.prototype.SetHome=CardSetHome; 
 + 
 +function CardGoHome(){ 
 + this.SetL(this.HomeL); 
 + this.SetT(this.HomeT); 
 +} 
 + 
 +Card.prototype.GoHome=CardGoHome; 
 + 
 +//Fix for 6.2.5.2: avoid image dragging problem in draggable cards 
 +function CardSetHTML(HTML){ 
 + this.elm.innerHTML = HTML; 
 + var DragImgs = this.elm.getElementsByTagName('img'); 
 + if (DragImgs.length > 0){ 
 + for (var i=0; i<DragImgs.length; i++){ 
 + DragImgs[i]. onmousedown = function(){return false;} 
 + } 
 + } 
 +} 
 + 
 +Card.prototype.SetHTML = CardSetHTML; 
 + 
 +function doDrag(e) { 
 + if (CurrDrag == -1) {return}; 
 + if (C.ie){var Ev = window.event}else{var Ev = e} 
 + var difX = Ev.clientX-window.lastX;  
 + var difY = Ev.clientY-window.lastY;  
 + var newX = DC[CurrDrag].GetL()+difX;  
 + var newY = DC[CurrDrag].GetT()+difY;  
 + DC[CurrDrag].SetL(newX);  
 + DC[CurrDrag].SetT(newY); 
 + window.lastX = Ev.clientX;  
 + window.lastY = Ev.clientY;  
 + return false; 
 +}  
 + 
 +function beginDrag(e, DragNum) {  
 + CurrDrag = DragNum; 
 + if (C.ie){ 
 + var Ev = window.event; 
 + document.onmousemove=doDrag; 
 + document.onmouseup=endDrag; 
 + } 
 + else{ 
 + var Ev = e; 
 + window.onmousemove=doDrag;  
 + window.onmouseup=endDrag; 
 + }  
 + DC[CurrDrag].Highlight(); 
 + topZ++; 
 + DC[CurrDrag].css.zIndex = topZ; 
 + window.lastX=Ev.clientX;  
 + window.lastY=Ev.clientY; 
 + return false;   
 +}  
 + 
 +function endDrag(e) {  
 + if (CurrDrag == -1) {return}; 
 + DC[CurrDrag].Unhighlight(); 
 + if (C.ie){document.onmousemove=null}else{window.onmousemove=null;} 
 + onEndDrag();  
 + CurrDrag = -1; 
 +//Need a bugfix for Opera focus problem here 
 + if (C.opera){FocusAButton();} 
 + return true; 
 +}  
 + 
 +var CurrDrag = -1; 
 +var topZ = 100; 
 + 
 + 
 + 
 + 
 + 
 + 
 +//JMATCH-SPECIFIC CORE JAVASCRIPT CODE 
 + 
 +var CorrectResponse = 'Correct! Bien jou&#x00E9;.'; 
 +var IncorrectResponse = 'D&#x00E9;sol&#x00E9;. Essaie encore.'; 
 +var YourScoreIs = 'Votre score est de'; 
 +var DivWidth = 600; //default value 
 +var FeedbackWidth = 200; //default 
 +var ExBGColor = '#ff8040'; 
 +var PageBGColor = '#C0C0C0'; 
 +var TextColor = '#004080'; 
 +var TitleColor = '#ff0080'; 
 +var Penalties = 0; 
 +var Score = 0; 
 +var TimeOver = false; 
 +var Locked = false; 
 +var ShuffleQs = false; 
 +var QsToShow = 8; 
 + 
 +var DragWidth = 200; 
 +var LeftColPos = 100; 
 +var RightColPos = 500; 
 +var DragTop = 120; 
 +var Finished = false; 
 +var AnswersTried = ''; 
 + 
 +//Fixed and draggable card arrays 
 +FC = new Array(); 
 +DC = new Array(); 
 + 
 +function onEndDrag(){  
 +//Is it dropped on any of the fixed cards? 
 + var Docked = false; 
 + var DropTarget = DroppedOnFixed(CurrDrag); 
 + if (DropTarget > -1){ 
 +//If so, send home any card that is currently docked there 
 + for (var i=0; i<DC.length; i++){ 
 + if (DC[i].tag == DropTarget+1){ 
 + DC[i].GoHome(); 
 + DC[i].tag = 0; 
 + D[i][2] = 0; 
 + } 
 + } 
 +//Dock the dropped card 
 + DC[CurrDrag].DockToR(FC[DropTarget]); 
 + D[CurrDrag][2] = F[DropTarget][1]; 
 + DC[CurrDrag].tag = DropTarget+1; 
 + Docked = true; 
 + } 
 + 
 + if (Docked == false){ 
 + DC[CurrDrag].GoHome(); 
 + DC[CurrDrag].tag = 0; 
 + D[CurrDrag][2] = 0; 
 + } 
 +}  
 + 
 +function DroppedOnFixed(DNum){ 
 + var Result = -1; 
 + var OverlapArea = 0; 
 + var Temp = 0; 
 + for (var i=0; i<FC.length; i++){ 
 + Temp = DC[DNum].Overlap(FC[i]); 
 + if (Temp > OverlapArea){ 
 + OverlapArea = Temp; 
 + Result = i; 
 + } 
 + } 
 + return Result; 
 +} 
 + 
 + 
 +function StartUp(){ 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 +//Calculate page dimensions and positions 
 + pg = new PageDim(); 
 + DivWidth = Math.floor((pg.W*4)/5); 
 + DragWidth = Math.floor((DivWidth*3)/10); 
 + LeftColPos = Math.floor(pg.W/15); 
 + RightColPos = pg.W - (DragWidth + LeftColPos); 
 + DragTop = parseInt(document.getElementById('CheckButtonDiv').offsetHeight) + parseInt(document.getElementById('CheckButtonDiv').offsetTop) + 10; 
 + 
 + if (C.ie){ 
 + DragTop += 15; 
 + } 
 +  
 +//Reduce array if required 
 + if (QsToShow < F.length){ 
 + ReduceItems2(); 
 + } 
 +  
 +//Shuffle the left items if required 
 + if (ShuffleQs == true){ 
 + F = Shuffle(F); 
 + } 
 + 
 +//Shuffle the items on the right 
 + D = Shuffle(D); 
 + 
 + var CurrTop = DragTop; 
 + var TempInt = 0; 
 + var DropHome = 0; 
 + var Widest = 0; 
 + var CardContent = ''; 
 + for (var i=0; i<F.length; i++){ 
 + CardContent = F[i][0]; 
 + FC[i] = new Card('F' + i, 10); 
 + FC[i].elm.innerHTML = CardContent;  
 + if (FC[i].GetW() > Widest){ 
 + Widest = FC[i].GetW(); 
 + } 
 + } 
 + if (Widest > DragWidth){Widest = DragWidth;} 
 + 
 + CurrTop = DragTop; 
 + 
 + DragWidth = Math.floor((DivWidth-Widest)/2) - 24; 
 + RightColPos = DivWidth + LeftColPos - (DragWidth + 14); 
 + var Highest = 0; 
 + var WidestRight = 0; 
 + 
 + for (i=0; i<D.length; i++){ 
 + DC[i] = new Card('D' + i, 10); 
 + CardContent = D[i][0]; 
 +  
 +//Fix for 6.2.5.2 problem with dragging images. 
 + DC[i].SetHTML(CardContent); 
 + //DC[i].elm.innerHTML = CardContent;  //old version 
 + if (DC[i].GetW() > DragWidth){DC[i].SetW(DragWidth);} 
 + DC[i].css.cursor = 'move'; 
 + DC[i].css.backgroundColor = '#ff8040'; 
 + DC[i].css.color = '#004080'; 
 + TempInt = DC[i].GetH(); 
 + if (TempInt > Highest){Highest = TempInt;} 
 + TempInt = DC[i].GetW(); 
 + if (TempInt > WidestRight){WidestRight = TempInt;} 
 + } 
 + 
 +//Fix for 6.2: the reduction by 12 seems to be required -- no idea why! 
 + var HeightToSet = Highest-12; 
 + var WidthToSet = WidestRight-12; 
 + 
 + for (i=0; i<D.length; i++){ 
 + DC[i].SetT(CurrTop); 
 + DC[i].SetL(RightColPos); 
 + if (DC[i].GetH() < Highest){ 
 + DC[i].SetH(HeightToSet); 
 + } 
 + if (DC[i].GetW() < WidestRight){ 
 + DC[i].SetW(WidthToSet); 
 + } 
 + DC[i].SetHome(); 
 + DC[i].tag = -1; 
 + CurrTop = CurrTop + DC[i].GetH() + 5; 
 + } 
 + 
 + CurrTop = DragTop; 
 + 
 + for (var i=0; i<F.length; i++){ 
 + FC[i].SetW(Widest); 
 + if (FC[i].GetH() < Highest){ 
 + FC[i].SetH(HeightToSet); 
 + } 
 + FC[i].SetT(CurrTop); 
 + FC[i].SetL(LeftColPos); 
 + FC[i].SetHome(); 
 + TempInt = FC[i].GetH(); 
 + CurrTop = CurrTop + TempInt + 5; 
 + } 
 + 
 + 
 +//Slide any elements that should be in position over 
 + for (i=0; i<D.length; i++){ 
 + if (D[i][2] > 0){ 
 + DC[i].tag = D[i][1]; 
 + D[i][2] = D[i][1]; 
 + var TopChange = 0; 
 +//Find the right target element 
 + var TargItem = -1; 
 + for (var j=0; j<F.length; j++){ 
 + if (F[j][1] == D[i][1]){ 
 + TargItem = j; 
 + } 
 + } 
 + var TargetLeft = FC[TargItem].GetR() + 5; 
 + var TargetTop = FC[TargItem].GetT(); 
 + 
 + if (TargetTop < DC[i].GetT()){ 
 + TopChange = -1; 
 + } 
 + else { 
 + if (TargetTop > DC[i].GetT()){ 
 + TopChange = 1; 
 + } 
 + } 
 + Slide(i, TargetLeft, TargetTop, TopChange); 
 + D[i][2] = F[TargItem][1]; 
 + DC[i].tag = TargItem+1; 
 + } 
 + } 
 + 
 + 
 +} 
 + 
 + 
 +function Slide(MoverNum, TargL, TargT, TopChange){ 
 + var TempInt = DC[MoverNum].GetL(); 
 + if (TempInt > TargL){ 
 + DC[MoverNum].SetL(TempInt - 5); 
 + } 
 + TempInt = DC[MoverNum].GetT(); 
 + if (TempInt != TargT){ 
 + DC[MoverNum].SetT(TempInt + TopChange); 
 + } 
 + if ((DC[MoverNum].GetL() > TargL)||(DC[MoverNum].GetT() != TargT)){ 
 + setTimeout('Slide('+MoverNum+','+TargL+','+TargT+','+TopChange+')', 1); 
 + } 
 + else{ 
 + DC[MoverNum].SetL(TargL); 
 + } 
 +} 
 + 
 + 
 +F = new Array(); 
 +F[0] = new Array(); 
 +F[0][0]='Le livre '; 
 +F[0][1] = 1; 
 +F[1] = new Array(); 
 +F[1][0]='Le papillon repr&#x00E9;sente'; 
 +F[1][1] = 2; 
 +F[2] = new Array(); 
 +F[2][0]='Le locked-in syndrome'; 
 +F[2][1] = 3; 
 +F[3] = new Array(); 
 +F[3][0]='Une personne atteinte du locked-in syndrome'; 
 +F[3][1] = 4; 
 +F[4] = new Array(); 
 +F[4][0]='Le scaphandre repr&#x00E9;sente'; 
 +F[4][1] = 5; 
 +F[5] = new Array(); 
 +F[5][0]='Un clignement de paupi&#x00E8;re'; 
 +F[5][1] = 6; 
 +F[6] = new Array(); 
 +F[6][0]='Deux clignements de paupi&#x00E8;re '; 
 +F[6][1] = 7; 
 +F[7] = new Array(); 
 +F[7][0]='Le panneau avec les lettres pr&#x00E9;sente les lettres dans le d&#x00E9;sordre'; 
 +F[7][1] = 8; 
 + 
 + 
 +D = new Array(); 
 +D[0] = new Array(); 
 +D[0][0]='est tir&#x00E9; d&#x2019;une histoire vraie.'; 
 +D[0][1] = 1; 
 +D[0][2] = 1; 
 +D[1] = new Array(); 
 +D[1][0]='l&#x2019;esprit/l&#x2019;imagination du malade.'; 
 +D[1][1] = 2; 
 +D[1][2] = 0; 
 +D[2] = new Array(); 
 +D[2][0]='est une maladie.'; 
 +D[2][1] = 3; 
 +D[2][2] = 0; 
 +D[3] = new Array(); 
 +D[3][0]='est paralys&#x00E9; de la t&#x00EA;te aux pieds.'; 
 +D[3][1] = 4; 
 +D[3][2] = 0; 
 +D[4] = new Array(); 
 +D[4][0]='le corps paralys&#x00E9; duquel le malade est prisonnier.'; 
 +D[4][1] = 5; 
 +D[4][2] = 0; 
 +D[5] = new Array(); 
 +D[5][0]='signifie oui.'; 
 +D[5][1] = 6; 
 +D[5][2] = 0; 
 +D[6] = new Array(); 
 +D[6][0]='signifient non.'; 
 +D[6][1] = 7; 
 +D[6][2] = 0; 
 +D[7] = new Array(); 
 +D[7][0]='car elles sont class&#x00E9;es de la plus fr&#x00E9;quente &#x00E0; la moins fr&#x00E9;quente dans la langue fran&#x00E7;aise.'; 
 +D[7][1] = 8; 
 +D[7][2] = 0; 
 + 
 + 
 +function ReduceItems2(){ 
 + var ItemToDump=0; 
 + var j=0; 
 + while (F.length > QsToShow){ 
 + ItemToDump = Math.floor(F.length*Math.random()); 
 + for (j=ItemToDump; j<(F.length-1); j++){ 
 + F[j] = F[j+1]; 
 + } 
 + for (j=ItemToDump; j<(D.length-1); j++){ 
 + D[j] = D[j+1]; 
 + }  
 + F.length = F.length-1; 
 + D.length = D.length-1; 
 + } 
 +} 
 + 
 +function TimerStartUp(){ 
 + setTimeout('StartUp()', 300); 
 +} 
 + 
 +function CheckAnswers(){ 
 + if (Locked == true){return;} 
 +//Set the default score and response 
 + var TotalCorrect = 0; 
 + Score = 0; 
 + var Feedback = ''; 
 + 
 +//for each fixed, check to see if the tag value for the draggable is the same as the fixed 
 + if (AnswersTried.length > 0){AnswersTried += ' | ';} 
 + var i, j; 
 + for (i=0; i<D.length; i++){ 
 + if (i>0){AnswersTried += ',';} 
 + AnswersTried += D[i][1] + '.' + D[i][2] + ''; 
 + if ((D[i][2] == D[i][1])&&(D[i][2] > 0)){ 
 + TotalCorrect++; 
 + } 
 + else{ 
 +//Change made for version 6.0.3.41: don't send wrong items home,  
 +//show them in a more conspicuous way. 
 +// DC[i].GoHome(); 
 + DC[i].SetL(DC[i].GetL() + 10); 
 + DC[i].Highlight(); 
 + } 
 + } 
 + 
 + Score = Math.floor((100*(TotalCorrect-Penalties))/F.length); 
 + 
 + var AllDone = false; 
 + 
 + if (TotalCorrect == F.length) { 
 + AllDone = true; 
 + } 
 + 
 + if (AllDone == true){ 
 + Feedback = YourScoreIs + ' ' + Score + '%.'; 
 + ShowMessage(Feedback + '<br />' + CorrectResponse); 
 + } 
 + else { 
 + Feedback = YourScoreIs + ' ' + Score + '%.' + '<br />' + IncorrectResponse; 
 + ShowMessage(Feedback); 
 + Penalties++; // Penalty for inaccurate check 
 + } 
 +//If the exercise is over, deal with that 
 + if ((AllDone == true)||(TimeOver == true)){ 
 + 
 + 
 + TimeOver = true; 
 + Locked = true; 
 + Finished = true; 
 + setTimeout('Finish()', SubmissionTimeout); 
 + WriteToInstructions(Feedback); 
 + } 
 + 
 +} 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 +//--> 
 + 
 +//]]> 
 + 
 +</script> 
 + 
 +</head>  
 + 
 +<body onload="TimerStartUp()" id="TheBody" >  
 +<!-- BeginTopNavButtons --> 
 + 
 + 
 +<div class="NavButtonBar" id="TopNavBar"> 
 + 
 + 
 + 
 +<button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)"  onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='contents.htm'; return false;"> Index </button> 
 + 
 + 
 + 
 +<button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='nextpage.htm'; return false;">=&gt;</button> 
 + 
 + 
 +</div> 
 + 
 + 
 + 
 +<!-- EndTopNavButtons --> 
 + 
 +<div class="Titles"> 
 + <h2 class="ExerciseTitle">Recomposer les phrases. Un exemple vous est donn&#x00E9;.</h2> 
 + 
 + 
 + 
 +</div> 
 + 
 +<div id="InstructionsDiv" class="StdDiv"> 
 + <div id="Instructions"></div> 
 +</div> 
 + 
 +<div class="StdDiv" id="CheckButtonDiv"> 
 +<button id="CheckButton1" class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="CheckAnswers()">&nbsp;V&#x00E9;rifier&nbsp;</button> 
 +</div> 
 + 
 +<script type="text/javascript"> 
 + 
 +//<![CDATA[ 
 + 
 +<!-- 
 + 
 + 
 +for (var i=0; i<F.length; i++){ 
 + document.write('<div id="F' + i + '" class="CardStyle"></div>'); 
 +} 
 + 
 +for (var i=0; i<D.length; i++){ 
 + document.write('<div id="D' + i + '" class="CardStyle" onmousedown="beginDrag(event, ' + i + ')"></div>'); 
 +} 
 + 
 +//--> 
 + 
 +//]]> 
 +</script> 
 + 
 +<div class="Feedback" id="FeedbackDiv"> 
 +<div class="FeedbackText" id="FeedbackContent"></div> 
 +<button id="FeedbackOKButton" class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="HideFeedback(); return false;">&nbsp;OK&nbsp;</button> 
 +</div> 
 + 
 +<!-- BeginBottomNavButtons --> 
 + 
 +<!-- EndBottomNavButtons --> 
 + 
 +<!-- BeginSubmissionForm --> 
 + 
 +<!-- EndSubmissionForm -->
  
-==== Compréhension Orale ====+</body> 
 +</html>