<?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 Viv."></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="Viv" />
<meta name="DC:Creator" content="Oefeningen-frans-leren-vivienne-stringa" />
<meta name="DC:Title" content="&#x003C;ul id=&quot;menu-bar&quot;&#x003E;
&#x003C;li&#x003E;&#x003C;a href=&quot;http://www.viviennestringa.com/pages/oefeningen-viviennestringa.html&quot;&#x003E;&#x003C;img src=&quot;http://www.viviennestringa.com/medias/images/1.png&quot; alt=&quot;Oefeningen Grammatica&quot; /&#x003E; Oefeningen Grammatica&#x003C;/a&#x003E;&#x003C;/li&#x003E;
&#x003C;li&#x003E;&#x003C;a href=&quot;http://www.viviennestringa.com/pages/vocabulaire-oefeningen.html&quot;&#x003E;&#x003C;img src=&quot;http://www.viviennestringa.com/medias/images/1.png&quot; alt=&quot; Oefeningen Vocabulaire en Tekstbegrip&quot; /&#x003E; Oefeningen Vocabulaire en Tekstbegrip&#x003C;/a&#x003E;&#x003C;/li&#x003E;
&#x003C;li&#x003E;&#x003C;a href=&quot;http://www.viviennestringa.com/&quot;&#x003E;&#x003C;img src=&quot;http://www.viviennestringa.com/medias/images/1.png&quot; alt=&quot;Oefeningen - Exercices de fran&#x00E7;ais&quot; /&#x003E; Accueil Frans Leren&#x003C;/a&#x003E;&#x003C;/li&#x003E;
&#x003C;/ul&#x003E;
&#x003C;/li&#x003E;&#x003C;a id=&quot;topright&quot; href=&quot;http://www.viviennestringa.com/pages/oefeningen-viviennestringa.html&quot; title=&quot;Oefeningen - Exercices de fran&#x00E7;ais&quot;&#x003E;&#x003C;/a&#x003E;" />


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 

<title>
 Oefeningen Grammatica Oefeningen Vocabulaire en Tekstbegrip Accueil Frans Leren
</title>

<!-- Made with executable version 6.3 Release 0 Build 5 -->

<!-- The following insertion allows you to add your own code directly to this head tag from the configuration screen -->

<style type="text/css">.box6{
margin: 25px;
width: 95%;
min-height: 150px;
padding: 0 0 10px 0;
position:relative;
background:#fff;
background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff),
to(#f3f3f3), color-stop(.1,#fff));
background: -moz-linear-gradient(0 0 270deg, #fff, #fff 10%, #ECE8E1);
border-top: 1px solid #D2C9B9;
border-right: 1px solid #D2C9B9;
border-left: 1px solid #D2C9B9;
-webkit-border-top-left-radius: 60px 5px;
-webkit-border-top-right-radius: 60px 5px;
-webkit-border-bottom-right-radius: 60px 60px;
-moz-border-radius-topleft: 60px 5px;
-moz-border-radius-topright: 60px 5px;
-moz-border-radius-bottomright: 60px 60px;
border-top-left-radius: 60px 5px;
border-top-right-radius: 60px 5px;
border-bottom-right-radius: 60px 60px;
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3) ;
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3) ;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3) ;
}
.box6:before{
content:''; width: 25px;
height: 20px;
position: absolute;
bottom:0;
right:0;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-bottomright: 30px;
border-bottom-right-radius: 30px;
-webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
-webkit-transform: rotate(-20deg)
skew(-40deg,-3deg)
translate(-13px,-13px);
-moz-transform: rotate(-20deg)
skew(-40deg,-3deg)
translate(-13px,-13px); -o-transform: rotate(-20deg)
skew(-40deg,-3deg)
translate(-13px,-13px); transform: rotate(-20deg)
skew(-40deg,-3deg)
translate(-13px,-13px); }
.box6:after{
content: '';
z-index: -10;
width: 100px;
height: 100px;
position:absolute;
bottom:0;
right:0;
background: rgba(0, 0, 0, 0.2);
display: inline-block;
-webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
-webkit-transform: rotate(0deg)
translate(-45px,-20px)
skew(20deg);
-moz-transform: rotate(0deg)
translate(-45px,-20px)
skew(20deg);
-o-transform: rotate(0deg)
translate(-45px,-20px)
skew(20deg);
transform: rotate(0deg)
translate(-45px,-20px)
skew(20deg); }
.box6_corner_lf{
width: 100px;
height: 100px;
top:0; left:0;
position:absolute;
z-index:-6;
display: inline-block;
-webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
box-shadow: -10px -10px 20px rgba(0, 0, 0, 0.2);
-webkit-transform: rotate(2deg)
translate(20px,25px)
skew(20deg);
-moz-transform: rotate(2deg)
translate(20px,20px)
skew(20deg);
-o-transform: rotate(2deg)
translate(20px,20px)
skew(20deg);
transform: rotate(2deg)
translate(20px,20px)
skew(20deg); }
.box6_corner_rt{
content: '';
width: 50px;
height: 50px;
top:0; right:0;
position:absolute;
display: inline-block;
z-index:-6;
-webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 10px -10px 18px rgba(0, 0, 0, 0.2);
box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
-webkit-transform: rotate(2deg)
translate(-14px,20px)
skew(-20deg);
-moz-transform: rotate(2deg)
translate(-14px,15px)
skew(-20deg);
-o-transform: rotate(2deg)
translate(-14px,15px)
skew(-20deg);
transform: rotate(2deg)
translate(-14px,15px)
skew(-20deg); }
</style>
<style type="text/css">
.imgbas2 {
background-image : url("");
background-repeat : no-repeat;
width : 411px;
height :125px;
position : fixed;
bottom : 0px;
right : 20px;
}
  </style><style>
h1 {
   text-shadow: 5px 5px 5px #7C5F36;
}
h2 {
    text-shadow: 5px 5px 5px #93702F;
}
h3 {
   text-shadow: 5px 5px 5px #7C5F36;
}
</style><style type="text/css">
.fixed {
position: fixed;
bottom: 50px;
right: 20px;
width: 20px;
background-color: #;
}

</style>
<link rel="shortcut icon" href="http://s3.e-monsite.com/2010/11/16/584184221289872364-ico.ico" />   <style type="text/css">#menu-bar {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 6px 6px 6px 6px;
height: 27px;
line-height: 100%;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
box-shadow: 2px 2px 3px #453C2E;
-webkit-box-shadow: 2px 2px 3px #453C2E;
-moz-box-shadow: 2px 2px 3px #453C2E;
background: #DCD2C5;
background: linear-gradient(top, #F7F3F0, #DCD2C5);
background: -ms-linear-gradient(top, #F7F3F0, #DCD2C5);
background: -webkit-gradient(linear, left top, left bottom, from(#F7F3F0), to(#DCD2C5));
background: -moz-linear-gradient(top, #F7F3F0, #DCD2C5);
border: solid 1px #C8BAAE;
position:relative;
z-index:999;
}
#menu-bar li {
margin: 0px 0px 6px 0px;
padding: 0px 6px 0px 6px;
float: left;
position: relative;
list-style: none;
}
#menu-bar a {
font-weight: bolder;
font-family: georgia;
font-style: normal;
font-size: 16px;
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 6px 6px 6px 6px;
margin: 0;
margin-bottom: 6px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
text-shadow: 2px 2px 3px #3C3428;
}
#menu-bar li ul li a {
margin: 0;
}
#menu-bar .active a, #menu-bar li:hover > a {
background: #0399D4;
background: linear-gradient(top, #C8BAAE, #ECE8E3);
background: -ms-linear-gradient(top, #C8BAAE, #ECE8E3);
background: -webkit-gradient(linear, left top, left bottom, from(#C8BAAE), to(#ECE8E3));
background: -moz-linear-gradient(top, #C8BAAE, #ECE8E3);
color: #827055;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul li:hover a, #menu-bar li:hover li a {
background: none;
border: none;
color: #666;
-box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
#menu-bar ul a:hover {
background: #0A0A0A !important;
background: linear-gradient(top, #0A0A0A, #0186BA) !important;
background: -ms-linear-gradient(top, #0A0A0A, #0186BA) !important;
background: -webkit-gradient(linear, left top, left bottom, from(#0A0A0A), to(#0186BA)) !important;
background: -moz-linear-gradient(top, #0A0A0A, #0186BA) !important;
color: #DCCF38 !important;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul {
background: #FFFFFF;
background: linear-gradient(top, #0A0A0A, #CFCFCF);
background: -ms-linear-gradient(top, #0A0A0A, #CFCFCF);
background: -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#CFCFCF));
background: -moz-linear-gradient(top, #0A0A0A, #CFCFCF);
display: none;
margin: 0;
padding: 0;
width: 185px;
position: absolute;
top: 27px;
left: 0;
border: solid 1px #B4B4B4;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: 2px 2px 3px #222222;
-moz-box-shadow: 2px 2px 3px #222222;
box-shadow: 2px 2px 3px #222222;
}
#menu-bar li:hover > ul {
display: block;
}
#menu-bar ul li {
float: none;
margin: 0;
padding: 0;
}
#menu-bar ul a {
padding:10px 0px 10px 15px;
color:#D14375 !important;
font-size:12px;
font-style:normal;
font-family:georgia;
font-weight: normal;
text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul li:first-child > a {
border-top-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
}
#menu-bar ul li:last-child > a {
border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
}
#menu-bar:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#menu-bar {
display: inline-block;
}
html[xmlns] #menu-bar {
display: block;
}
* html #menu-bar {
height: 1%;
}</style><style type="text/css">
.shadow
{
	padding:3px;
	-moz-box-shadow:6px 6px 8px #888888; 
	-webkit-box-shadow:6px 6px 8px #888888; 
	box-shadow:6px 6px 8px #888888; 
}
</style> 

<style type="text/css">
.shadow
{
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=135, Strength=8);
}
</style> <style type="text/css">select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #CDC1B6, 0 -1px #987E67 inset;
    -moz-box-shadow: 0 3px 0 #CDC1B6, 0 -1px #987E67inset;
    box-shadow: 0 3px 0 #CDC1B6, 0 -1px #987E67 inset;
    background: #F2EFEC;
    color:#453C2E;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}


 (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after {
    content:'<>';
    font:11px "Georgia", monospace;
    color:#ec263a;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #EC263A;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#EC263A;
    position:absolute;
    pointer-events:none;
    display:block;
}</style>
<style type="text/css">
.tooltip
{
  text-decoration:none;
  position:relative;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #B00000;
}
 
 
.tooltip span
{
  display:none;
 
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:#251212;
  background:#FFFFF9;
}
 
 
.tooltip span img
{
  float:left;
  margin:0px 8px 8px 0;
}
 
 
.tooltip:hover span
{
  display:block;
  position:absolute;<br>  top:0;<br>  left:0;
  z-index:1000;
  width:auto;
  max-width:320px;
  min-height:128px;
  border:1px solid #251212;
  margin-top:12px;
  margin-left:32px;
  overflow:hidden;
  padding:8px;
}
</style>
<style type="text/css">
#topright {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 125px;
    width: 125px;
    background: url(http://www.viviennestringa.com/medias/images/oefeningen-v-stringa-image-1.gif

) no-repeat;
    text-indent: -999em;
    text-decoration: none;
}
</style>

<style type="text/css">
.myButton {
    background-color:#D6CDC0;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    border:1px solid #AC9A80;
    display:inline-block;
    cursor:pointer;
    color:#453C2E;
    font-family:Georgia;
    font-size:15px;
    padding:4px 15px;
    text-decoration:none;
    text-shadow:0px 1px 0px #FFFFFF;
}
.myButton:hover {
    background-color:#cdba9e;
}
.myButton:active {
    position:center;
    top:1px;
}

<style type="text/css">.box4{
margin: 25px;
min-height: 100px;
width: 95%;
padding: 5px 0 ;
position:relative;
background: #FDFCFB;
background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#fff),
to(#fff), color-stop(.2, #E4DCD3));
background: -moz-linear-gradient(0% 0% 360deg, #fff, #E4DCD310%, #fff
);
border: 1px solid #D5CBC4;
-webkit-box-shadow: 0px 0px 10px rgba(126, 102, 75, 0.2);
-moz-box-shadow: 0px 0px 10px rgba(126, 102,75, 0.2);
box-shadow: 0px 0px 10px rgba(126, 102,75, 0.2);
}
.box4:before{
content: '';
width: 50px;
height: 50px;
top:0; right:0;
position:absolute;
z-index: -1;
-webkit-box-shadow: 10px -10px 8px rgba(126, 102, 75, 0.1);
-moz-box-shadow: 10px -10px 8px rgba(126, 102, 75, 0.1);
box-shadow: 10px -10px 8px rgba(126, 102, 75, 0.1);
-webkit-transform: rotate(2deg)
translate(-14px,20px)
skew(-20deg);
-moz-transform: rotate(2deg)
translate(-14px,20px)
skew(-20deg); -o-transform: rotate(2deg)
translate(-14px,20px)
skew(-20deg);
transform: rotate(2deg)
translate(-14px,20px)
skew(-20deg); }
.box4:after{
content: '';
width: 50px;
height: 50px;
top:0; left:0;
position:absolute;
z-index:-1;
display: inline-block;
-webkit-box-shadow: -10px -10px 10px rgba(126, 102, 75, 0.1);
-moz-box-shadow: -10px -10px 10px rgba(126, 102, 75, 0.1);
box-shadow: -10px -10px 10px rgba(126, 102, 75, 0.1);
-webkit-transform: rotate(2deg)
translate(12px,25px)
skew(20deg);
-moz-transform: rotate(2deg)
translate(12px,25px)
skew(20deg); -o-transform: rotate(2deg)
translate(12px,25px)
skew(20deg);
transform: rotate(2deg)
translate(12px,25px)
skew(20deg); }
.shr_box4{
width: 100px;
height: 100px;
bottom:0; right:0;
position:absolute;
z-index: -1;
-webkit-box-shadow: 10px 10px 10px rgba(126, 102, 75, 0.1);
-moz-box-shadow: 10px 10px 10px rgba(126, 102, 75, 0.1);
box-shadow: 10px 10px 10px rgba(126, 102, 75, 0.1);
-webkit-transform: rotate(0deg)
translate(-20px,-15px)
skew(20deg);
-moz-transform: rotate(0deg)
translate(-20px,-15px)
skew(20deg);
-o-transform: rotate(0deg)
translate(-20px,-15px)
skew(20deg); transform: rotate(0deg)
translate(-20px,-15px)
skew(20deg); }
.shl_box4{
content: '';
width: 100px;
height: 100px;
bottom:0; left:0;
position:absolute;
z-index: -1;
-webkit-box-shadow: -10px 10px 10px rgba(126, 102, 75, 0.1);
-moz-box-shadow: -10px 10px 10px rgba(126, 102, 75, 0.1);
box-shadow: -10px 10px 10px rgba(126, 102, 75,0.1);
-webkit-transform: rotate(0deg)
translate(20px,-15px)
skew(-20deg);
-moz-transform: rotate(0deg)
translate(20px,-15px)
skew(-20deg);
-o-transform: rotate(0deg)
translate(20px,-15px)
skew(-20deg);
transform: rotate(0deg)
translate(20px,-15px)
skew(-20deg); }
</style>

<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 5 */


/* Hack to hide a nested Quicktime player from IE, which can't handle it. */
* html object.MediaPlayerNotForIE {
	display: none;
}

body{
	font-family: Georgia,arial;
	background-color: #FDFCFB;
	color: #514539;
	background-image: url(http://www.viviennestringa.com/medias/images/bg-dark.gif); 
	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: #514539;
}

div.Titles{
	padding: 0.5em;;
	text-align: center;
	color: #4B4132A;
}

button{
	font-family: Georgia,arial;
	font-size: 100%;
	display: inline;
}

.ExerciseTitle{
	font-size: 140%;
	color: #4B4132A;
}

.ExerciseSubtitle{
	font-size: 120%;
	color: #4B4132A;
}

div.StdDiv{
	background-color: #FDFCFB;
	text-align: center;
	font-size: 100%;
	color: #514539;
	padding: 0.5em;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #514539;
	margin-bottom: 1px;
}

/* EndCorePageCSS */

.RTLText{
	text-align: right;
	font-size: 150%;
	direction: rtl;
	font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Georgia,arial; 
}

.CentredRTLText{
	text-align: center;
	font-size: 150%;
	direction: rtl;
	font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Georgia,arial; 
}

button p.RTLText{
	text-align: center;
}

.RTLGapBox{
	text-align: right;
	font-size: 150%;
	direction: rtl;
	font-family: "Times New Roman", Georgia,arial;
}

.Guess{
	font-weight: bold;
}

.CorrectAnswer{
	font-weight: bold;
}

div#Timer{
	padding: 0.25em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #4B4132A;
}

span#TimerText{
	padding: 0.25em;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	display: none;
	color: #4B4132A;
}

span.Instructions{

}

div.ExerciseText{

}

.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
	color: #4B4132A;
}

.LeftItem{
	font-size: 100%;
	color: #514539;
	text-align: left;
}

.RightItem{
	font-weight: bold;
	font-size: 100%;
	color: #514539;
}

span.CorrectMark{

}

input, textarea{
	font-family: Georgia,arial;
	font-size: 120%;
}

select{
	font-size: 100%;
}

div.Feedback {
	background-color: #FDFCFB;
	left: 33%;
	width: 34%;
	top: 33%;
	z-index: 1;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	text-align: center;
	color: #4B4132A;
	position: absolute;
	display: none;
	font-size: 100%;
}




div.ExerciseDiv{
	color: #514539;
}

/* JMatch flashcard styles */
table.FlashcardTable{
	background-color: transparent;
	color: #514539;
	border-color: #514539;
	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: #FDFCFB;
}

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: #514539;
	background-color: #FDFCFB;
}

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: #514539;
}

span.RemainingWordList{
	font-style: italic;
}

div.DropLine {
	position: absolute;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #4B4132A;
	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: Georgia,arial;
	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: Georgia,arial;
}

.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: #4B4132A;
}

.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: #fefdfd;
	border-top-color: #fefdfd;
	border-right-color: #7e7e7d;
	border-bottom-color: #7e7e7d;
	color: #514539;
	background-color: #FDFCFB;

	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.FuncButtonUp {
	color: #FDFCFB;
	text-align: center;
	border-style: solid;

	border-left-color: #fefdfd;
	border-top-color: #fefdfd;
	border-right-color: #7e7e7d;
	border-bottom-color: #7e7e7d;

	background-color: #514539;
	color: #FDFCFB;
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.FuncButtonDown {
	color: #FDFCFB;
	text-align: center;
	border-style: solid;

	border-left-color: #7e7e7d;
	border-top-color: #7e7e7d;
	border-right-color: #fefdfd;
	border-bottom-color: #fefdfd;
	background-color: #514539;
	color: #FDFCFB;

	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

/*BeginNavBarStyle*/

div.NavButtonBar{
	background-color: #D7CEC1;
	text-align: center;
	margin: 2px 0px 2px 0px;
	clear: both;
	font-size: 100%;
}

.NavButton {
	border-style: solid;
	
	border-left-color: #ebe6e0;
	border-top-color: #ebe6e0;
	border-right-color: #6b6760;
	border-bottom-color: #6b6760;
	background-color: #D7CEC1;
	color: #000000;

	border-width: 2px;
	cursor: pointer;	
}

.NavButtonUp {
	border-style: solid;

	border-left-color: #ebe6e0;
	border-top-color: #ebe6e0;
	border-right-color: #6b6760;
	border-bottom-color: #6b6760;
	color: #D7CEC1;
	background-color: #000000;

	border-width: 2px;
	cursor: pointer;	
}

.NavButtonDown {
	border-style: solid;

	border-left-color: #6b6760;
	border-top-color: #6b6760;
	border-right-color: #ebe6e0;
	border-bottom-color: #ebe6e0;
	color: #D7CEC1;
	background-color: #000000;

	border-width: 2px;
	cursor: pointer;	
}

/*EndNavBarStyle*/

a{
	color: #B00000;
}

a:visited{
	color: #B00000;
}

a:hover{
	color: #B00000;
}

div.CardStyle {
	position: absolute;
	font-family: Georgia,arial;
	font-size: 100%;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	color: #514539;
	background-color: #FDFCFB;
	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);
	
//
//	RefreshImages();
//
}

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;

	RefreshImages();

}



Imgs = new Array();

function PreloadImages(){
	var a = PreloadImages.arguments;
	for (var i=0; i<a.length; i++){
		Imgs[i] = new Image();
		Imgs[i].src = a[i];
	}
}

function RefreshImages(){
	for (var i=0; i<document.images.length; i++){
		if (document.images[i].name.substring(0,6) != 'NavBar'){
			document.images[i].src = document.images[i].src;
		}
	}
}


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();
	}
}





//JCLOZE CORE JAVASCRIPT CODE

function ItemState(){
	this.ClueGiven = false;
	this.HintsAndChecks = 0;
	this.MatchedAnswerLength = 0;
	this.ItemScore = 0;
	this.AnsweredCorrectly = false;
	this.Guesses = new Array();
	return this;
}

var Feedback = '';
var Correct = '<div class="text_shadow" style="text-align: center;"><img title="Oefeningen - Exercices de fran&#x00E7;ais" src="http://www.viviennestringa.com/medias/images/1.png" alt="Oefeningen - Exercices de fran&#x00E7;ais" width="11" height="11" /><span style="color: #663333;"><small> Goed antwoord</small></span></div>';
var Incorrect = '<div class="text_shadow" style="text-align: center;"><img title="Oefeningen - Exercices de fran&#x00E7;ais" src="http://www.viviennestringa.com/medias/images/1.png" alt="Oefeningen - Exercices de fran&#x00E7;ais" width="11" height="11" /><span style="color: #663333;"><small> Fout antwoord. Probeer het nog eens.</small></span></div>'; 
var GiveHint = '';
var CaseSensitive = false;
var YourScoreIs = '';
var Finished = false;
var Locked = false;
var Score = 0;
var CurrentWord = 0;
var Guesses = '';
var TimeOver = false;

I = new Array();

I[0] = new Array();
I[0][1] = new Array();
I[0][1][0] = new Array();
I[0][1][0][0] = '\u0069\u006E\u0064\u0069\u0063\u0061\u0074\u0069\u0066';
I[0][2]='';

I[1] = new Array();
I[1][1] = new Array();
I[1][1][0] = new Array();
I[1][1][0][0] = '\u0073\u0075\u0062\u006A\u006F\u006E\u0063\u0074\u0069\u0066';
I[1][2]='';

I[2] = new Array();
I[2][1] = new Array();
I[2][1][0] = new Array();
I[2][1][0][0] = '\u0069\u006E\u0064\u0069\u0063\u0061\u0074\u0069\u0066';
I[2][2]='';

I[3] = new Array();
I[3][1] = new Array();
I[3][1][0] = new Array();
I[3][1][0][0] = '\u0073\u0075\u0062\u006A\u006F\u006E\u0063\u0074\u0069\u0066';
I[3][2]='';

I[4] = new Array();
I[4][1] = new Array();
I[4][1][0] = new Array();
I[4][1][0][0] = '\u0069\u006E\u0064\u0069\u0063\u0061\u0074\u0069\u0066';
I[4][2]='';

I[5] = new Array();
I[5][1] = new Array();
I[5][1][0] = new Array();
I[5][1][0][0] = '\u0073\u0075\u0062\u006A\u006F\u006E\u0063\u0074\u0069\u0066';
I[5][2]='';

I[6] = new Array();
I[6][1] = new Array();
I[6][1][0] = new Array();
I[6][1][0][0] = '\u0069\u006E\u0064\u0069\u0063\u0061\u0074\u0069\u0066';
I[6][2]='';

I[7] = new Array();
I[7][1] = new Array();
I[7][1][0] = new Array();
I[7][1][0][0] = '\u0073\u0075\u0062\u006A\u006F\u006E\u0063\u0074\u0069\u0066';
I[7][2]='';

I[8] = new Array();
I[8][1] = new Array();
I[8][1][0] = new Array();
I[8][1][0][0] = '\u0069\u006E\u0064\u0069\u0063\u0061\u0074\u0069\u0066';
I[8][2]='';

I[9] = new Array();
I[9][1] = new Array();
I[9][1][0] = new Array();
I[9][1][0][0] = '\u0073\u0075\u0062\u006A\u006F\u006E\u0063\u0074\u0069\u0066';
I[9][2]='';

I[10] = new Array();
I[10][1] = new Array();
I[10][1][0] = new Array();
I[10][1][0][0] = '\u0069\u006E\u0064\u0069\u0063\u0061\u0074\u0069\u0066';
I[10][2]='';

I[11] = new Array();
I[11][1] = new Array();
I[11][1][0] = new Array();
I[11][1][0][0] = '\u0069\u006E\u0064\u0069\u0063\u0061\u0074\u0069\u0066';
I[11][2]='';

I[12] = new Array();
I[12][1] = new Array();
I[12][1][0] = new Array();
I[12][1][0][0] = '\u0073\u0075\u0062\u006A\u006F\u006E\u0063\u0074\u0069\u0066';
I[12][2]='';

I[13] = new Array();
I[13][1] = new Array();
I[13][1][0] = new Array();
I[13][1][0][0] = '\u0069\u006E\u0064\u0069\u0063\u0061\u0074\u0069\u0066';
I[13][2]='';

I[14] = new Array();
I[14][1] = new Array();
I[14][1][0] = new Array();
I[14][1][0][0] = '\u0073\u0075\u0062\u006A\u006F\u006E\u0063\u0074\u0069\u0066';
I[14][2]='';

I[15] = new Array();
I[15][1] = new Array();
I[15][1][0] = new Array();
I[15][1][0][0] = '\u0069\u006E\u0064\u0069\u0063\u0061\u0074\u0069\u0066';
I[15][2]='';

I[16] = new Array();
I[16][1] = new Array();
I[16][1][0] = new Array();
I[16][1][0][0] = '\u0073\u0075\u0062\u006A\u006F\u006E\u0063\u0074\u0069\u0066';
I[16][2]='';

I[17] = new Array();
I[17][1] = new Array();
I[17][1][0] = new Array();
I[17][1][0][0] = '\u0073\u0075\u0062\u006A\u006F\u006E\u0063\u0074\u0069\u0066';
I[17][2]='';

I[18] = new Array();
I[18][1] = new Array();
I[18][1][0] = new Array();
I[18][1][0][0] = '\u0069\u006E\u0064\u0069\u0063\u0061\u0074\u0069\u0066';
I[18][2]='';

I[19] = new Array();
I[19][1] = new Array();
I[19][1][0] = new Array();
I[19][1][0][0] = '\u0069\u006E\u0064\u0069\u0063\u0061\u0074\u0069\u0066';
I[19][2]='';

I[20] = new Array();
I[20][1] = new Array();
I[20][1][0] = new Array();
I[20][1][0][0] = '\u0073\u0075\u0062\u006A\u006F\u006E\u0063\u0074\u0069\u0066';
I[20][2]='';


State = new Array();

function StartUp(){
	RemoveBottomNavBarForIE();
//Show a keypad if there is one	(added bugfix for 6.0.4.12)
	if (document.getElementById('CharacterKeypad') != null){
		document.getElementById('CharacterKeypad').style.display = 'block';
	}
	





	PreloadImages('http://www.viviennestringa.com/medias/images/1.png','http://www.viviennestringa.com/medias/images/oefeningen-v-stringa-redon-page.jpg');


	var i = 0;

	State.length = 0;
	for (i=0; i<I.length; i++){
		State[i] = new ItemState();
	}
	
	ClearTextBoxes();
	


}

function ShowClue(ItemNum){
	if (Locked == true){return;}
	State[ItemNum].ClueGiven = true;
	ShowMessage(I[ItemNum][2]);
}

function SaveCurrentAnswers(){
	var Ans = '';
	for (var i=0; i<I.length; i++){
		Ans = GetGapValue(i);
		if ((Ans.length > 0)&&(Ans != State[i].Guesses[State[i].Guesses.length-1])){
			State[i].Guesses[State[i].Guesses.length] = Ans;
		}
	}
}

function CompileGuesses(){
	var F = document.getElementById('store');
	if (F != null){
		var Temp = '<?xml version="1.0"?><hpnetresult><fields>';
		var GapLabel = '';
		for (var i=0; i<State.length; i++){
			GapLabel = 'Gap ' + (i+1).toString();
			Temp += '<field><fieldname>' + GapLabel + '</fieldname>';
			Temp += '<fieldtype>student-responses</fieldtype><fieldlabel>' + GapLabel + '</fieldlabel>';
			Temp += '<fieldlabelid>JClozeStudentResponses</fieldlabelid><fielddata>';
			for (var j=0; j<State[i].Guesses.length; j++){
				if (j>0){Temp += '| ';}
				Temp += State[i].Guesses[j] + ' ';	
			}	
  		Temp += '</fielddata></field>';
		}
		Temp += '</fields></hpnetresult>';
		Detail = Temp;
	}
}

function CheckAnswers(){
	if (Locked == true){return;}
	SaveCurrentAnswers();
	var AllCorrect = true;

//Check each answer
	for (var i = 0; i<I.length; i++){

		if (State[i].AnsweredCorrectly == false){
//If it's right, calculate its score
			if (CheckAnswer(i, true) > -1){
				var TotalChars = GetGapValue(i).length;
				State[i].ItemScore = (TotalChars-State[i].HintsAndChecks)/TotalChars;
				if (State[i].ClueGiven == true){State[i].ItemScore /= 2;}
				if (State[i].ItemScore <0 ){State[i].ItemScore = 0;}
				State[i].AnsweredCorrectly = true;
//Drop the correct answer into the page, replacing the text box
				SetCorrectAnswer(i, GetGapValue(i));
			}
			else{
//Otherwise, increment the hints for this item, as a penalty
				State[i].HintsAndChecks++;

//then set the flag
				AllCorrect = false;
			}
		}
	}

//Calculate the total score
	var TotalScore = 0;
	for (i=0; i<State.length; i++){
		TotalScore += State[i].ItemScore;
	}
	TotalScore = Math.floor((TotalScore * 100)/I.length);

//Compile the output
	Output = '';

	if (AllCorrect == true){
		Output = Correct + '<br />';
	}

	Output += YourScoreIs + ' ' + TotalScore + '%.<br />';
	if (AllCorrect == false){
		Output += Incorrect;
	}
	ShowMessage(Output);
	setTimeout('WriteToInstructions(Output)', 50);
	
	Score = TotalScore;
	CompileGuesses();
	
	if ((AllCorrect == true)||(Finished == true)){
	


		TimeOver = true;
		Locked = true;
		Finished = true;
		setTimeout('Finish()', SubmissionTimeout);
	}

}

function TrackFocus(BoxNumber){
	CurrentWord = BoxNumber;
	InTextBox = true;
}

function LeaveGap(){
	InTextBox = false;
}

function CheckBeginning(Guess, Answer){
	var OutString = '';
	var i = 0;
	var UpperGuess = '';
	var UpperAnswer = '';

	if (CaseSensitive == false) {
		UpperGuess = Guess.toUpperCase();
		UpperAnswer = Answer.toUpperCase();
	}
	else {
		UpperGuess = Guess;
		UpperAnswer = Answer;
	}

	while (UpperGuess.charAt(i) == UpperAnswer.charAt(i)) {
		OutString += Guess.charAt(i);
		i++;
	}
	OutString += Answer.charAt(i);
	return OutString;
}

function GetGapValue(GNum){
	var RetVal = '';
	if ((GNum<0)||(GNum>=I.length)){return RetVal;}
	if (document.getElementById('Gap' + GNum) != null){
		RetVal = document.getElementById('Gap' + GNum).value;
		RetVal = TrimString(RetVal);
	}
	else{
		RetVal = State[GNum].Guesses[State[GNum].Guesses.length-1];
	}
	return RetVal;
}

function SetGapValue(GNum, Val){
	if ((GNum<0)||(GNum>=I.length)){return;}
	if (document.getElementById('Gap' + GNum) != null){
		document.getElementById('Gap' + GNum).value = Val;
		document.getElementById('Gap' + GNum).focus();
	}
}

function SetCorrectAnswer(GNum, Val){
	if ((GNum<0)||(GNum>=I.length)){return;}
	if (document.getElementById('GapSpan' + GNum) != null){
		document.getElementById('GapSpan' + GNum).innerHTML = Val;
	}
}

function FindCurrent() {
	var x = 0;
	FoundCurrent = -1;

//Test the current word:
//If its state is not set to already correct, check the word.
	if (State[CurrentWord].AnsweredCorrectly == false){
		if (CheckAnswer(CurrentWord, false) < 0){
			return CurrentWord;
		}
	}
	
	x=CurrentWord + 1;
	while (x<I.length){
		if (State[x].AnsweredCorrectly == false){
			if (CheckAnswer(x, false) < 0){
				return x;
			}
		}
	x++;	
	}

	x = 0;
	while (x<CurrentWord){
		if (State[x].AnsweredCorrectly == false){
			if (CheckAnswer(x, false) < 0){
				return x;
			}
		}
	x++;	
	}
	return FoundCurrent;
}

function CheckAnswer(GapNum, MarkAnswer){
	var Guess = GetGapValue(GapNum);
	var UpperGuess = '';
	var UpperAnswer = '';
	if (CaseSensitive == false){
		UpperGuess = Guess.toUpperCase();
	}
	else{
		UpperGuess = Guess;
	}
	var Match = -1;
	for (var i = 0; i<I[GapNum][1].length; i++){
		if (CaseSensitive == false){
			UpperAnswer = I[GapNum][1][i][0].toUpperCase();
		}
		else{
			UpperAnswer = I[GapNum][1][i][0];
		}
		if (TrimString(UpperGuess) == UpperAnswer){
			Match = i;
			if (MarkAnswer == true){
				State[GapNum].AnsweredCorrectly = true;
			}
		}
	}
	return Match;
}

function GetHint(GapNum){
	Guess = GetGapValue(GapNum);

	if (CheckAnswer(GapNum, false) > -1){return ''}
	RightBits = new Array();
	for (var i=0; i<I[GapNum][1].length; i++){
		RightBits[i] = CheckBeginning(Guess, I[GapNum][1][i][0]);
	}
	var RightOne = FindLongest(RightBits);
	var Result = I[GapNum][1][RightOne][0].substring(0,RightBits[RightOne].length);
//Add another char if the last one is a space
	if (Result.charAt(Result.length-1) == ' '){
		Result = I[GapNum][1][RightOne][0].substring(0,RightBits[RightOne].length+1);
	}
	return Result;
}

function ShowHint(){
	if (document.getElementById('FeedbackDiv').style.display == 'block'){return;}
	if (Locked == true){return;}
	var CurrGap = FindCurrent();
	if (CurrGap < 0){return;}

	var HintString = GetHint(CurrGap);

	if (HintString.length > 0){
		SetGapValue(CurrGap, HintString);
		State[CurrGap].HintsAndChecks += 1;
	}
	ShowMessage(GiveHint);
}

function TypeChars(Chars){
	var CurrGap = FindCurrent();
	if (CurrGap < 0){return;}
	if (document.getElementById('Gap' + CurrGap) != null){
		SetGapValue(CurrGap, document.getElementById('Gap' + CurrGap).value + Chars);
	}
}








//-->

//]]>

</script>


</head>

<body onload="StartUp()" id="TheBody" >

<!-- BeginTopNavButtons -->



<!-- EndTopNavButtons -->

<div class="Titles">
	<h2 class="ExerciseTitle"><ul id="menu-bar"><li><a href="http://www.viviennestringa.com/pages/oefeningen-viviennestringa.html"><img src="http://www.viviennestringa.com/medias/images/1.png" alt="Oefeningen Grammatica" /> Oefeningen Grammatica</a></li><li><a href="http://www.viviennestringa.com/pages/vocabulaire-oefeningen.html"><img src="http://www.viviennestringa.com/medias/images/1.png" alt=" Oefeningen Vocabulaire en Tekstbegrip" /> Oefeningen Vocabulaire en Tekstbegrip</a></li><li><a href="http://www.viviennestringa.com/"><img src="http://www.viviennestringa.com/medias/images/1.png" alt="Oefeningen - Exercices de fran&#x00E7;ais" /> Accueil Frans Leren</a></li></ul></li><a id="topright" href="http://www.viviennestringa.com/pages/oefeningen-viviennestringa.html" title="Oefeningen - Exercices de fran&#x00E7;ais"></a></h2>

	<h3 class="ExerciseSubtitle"><div class="fixed"><button onclick="TypeChars('\u00E0'); return false;">&#x00E0;</button><br /><button onclick="TypeChars('\u00E2'); return false;">&#x00E2;</button><br /><button onclick="TypeChars('\u00E7'); return false;">&#x00E7;</button><br /><button onclick="TypeChars('\u00E9'); return false;">&#x00E9;</button><br /><button onclick="TypeChars('\u00E8'); return false;">&#x00E8;</button><br /><button onclick="TypeChars('\u00EA'); return false;">&#x00EA;</button><br /><button onclick="TypeChars('\u00EE'); return false;">&#x00EE;</button><br /><button onclick="TypeChars('\u00F4'); return false;">&#x00F4;</button><br /><button onclick="TypeChars('\u00F9'); return false;">&#x00F9;</button></div></h3>



</div>

<div id="InstructionsDiv" class="StdDiv">
	<div id="Instructions"><br /></div>
</div>





<div id="MainDiv" class="StdDiv">

<!-- These top buttons hidden; reveal if required -->
<!--
<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;<a class="myButton">Controle</a>&nbsp;</button>



 -->
 
<div id="ClozeDiv">
<form id="Cloze" method="post" action="" onsubmit="return false;">
<div class="ClozeBody">
<div class="box6"><h2 class="text_shadow" style="text-align: left; padding-left: 200px;"><span style="color: #433a2c; font-size: medium; font-family: georgia,palatino;"><small><span style="font-size: small;">Oefeningen frans leren, werkwoord, subjonctif herkennen.<br /> </span></small></span></h2><table style="width: 98%;" border="0" cellspacing="10" align="center"><tbody><tr><td style="border: 1px solid #D9D0C4; background-color: #fffff9; padding-left: 90px;"><p><span style="font-size: large; font-family: georgia,palatino;"><br /> </span></p><p> </p><p><span style="font-size: large; font-family: georgia,palatino;">De subjonctif.<br />De subjonctif wordt bijna altijd in ondergeschikte bijzinnen gebruikt. </span></p><p><span style="font-size: large; font-family: georgia,palatino;">Een uitzondering is bijvoorbeeld : <span style="color: #ae0000;"><em>&#x00AB; Que Dieu te garde ! &#x00BB; (God zegene je) </em></span>. Hier wordt de subjonctif gebruikt om een wens uit te drukken. In de volgende oefening is de opdracht om het werkwoord dat in de subjonctif staat, te herkennen. Als het niet de subjonctif is, kies dan de indicatif. </span></p><p><span style="font-size: large; font-family: georgia,palatino;"><span style="color: #ae0000;">Je veux (indicatif) [que tu fasses</span> (subjonctif pr&#x00E9;sent)<span style="color: #ae0000;"> tes devoirs]. </span></span></p><p><span style="font-size: large; font-family: georgia,palatino;"> <span style="color: #54412e;"><span style="color: #ae0000;"> </span></span><span style="color: #ae0000;"> avant midi].</span></span></p></td></tr><tr><td style="border: 0px solid #d2d2d2; background-color: #fffff9;"> </td></tr><tr><td style="border: 0px solid #d2d2d2; background-color: #; padding-left: 20px;"><br /><p style="padding-left: 60px;"><span style="color: #2e1f0e; font-family: georgia,palatino;"><span style="font-size: large;"> Geef aan of het werkwoord in de indicatif of de subjonctif staat. </span></span></p><br /><p><span style="font-family: georgia,palatino; font-size: large;"><br /> <img style="float: left; margin: 10px;" src="http://www.viviennestringa.com/medias/images/oefeningen-v-stringa-redon-page.jpg" alt="" width="317" height="448" /><br /> <br /> <br /> <br /> - Je souhaite (<span class="GapSpan" id="GapSpan0"><select id="Gap0"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) que tu ne reviennes (<span class="GapSpan" id="GapSpan1"><select id="Gap1"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) plus avec ton ami.<br /> <br /> <br /> <br /> - Je supporte (<span class="GapSpan" id="GapSpan2"><select id="Gap2"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) qu&#x2019;il neige (<span class="GapSpan" id="GapSpan3"><select id="Gap3"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>), mais je ne supporte (<span class="GapSpan" id="GapSpan4"><select id="Gap4"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>)<br /> pas que les jours soient (<span class="GapSpan" id="GapSpan5"><select id="Gap5"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) si courts. <br /> <br /> <br /> <br /> - Marguerite ne tol&#x00E8;re (<span class="GapSpan" id="GapSpan6"><select id="Gap6"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) pas que vous soyez arriv&#x00E9;s (<span class="GapSpan" id="GapSpan7"><select id="Gap7"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) les premiers. <br /> <br /> <br /> <br /> - Il ne dit ((<span class="GapSpan" id="GapSpan8"><select id="Gap8"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) jamais rien qui puisse (<span class="GapSpan" id="GapSpan9"><select id="Gap9"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) nous blesser. <br /> <br /> <br /> <br /> - On s&#x2019;attend (<span class="GapSpan" id="GapSpan10"><select id="Gap10"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) &#x00E0; ce que la tornade qui vient (<span class="GapSpan" id="GapSpan11"><select id="Gap11"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) soit (<span class="GapSpan" id="GapSpan12"><select id="Gap12"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) plus d&#x00E9;vastatrice que la pr&#x00E9;c&#x00E9;dente. <br /> <br /> <br /> <br /> - Tu es (<span class="GapSpan" id="GapSpan13"><select id="Gap13"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) le seul qui ne m&#x2019;ait (<span class="GapSpan" id="GapSpan14"><select id="Gap14"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) pas trahi . <br /> <br /> <br /> <br /> - J&#x2019;aimerais (<span class="GapSpan" id="GapSpan15"><select id="Gap15"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) que tu fermes (<span class="GapSpan" id="GapSpan16"><select id="Gap16"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) la fen&#x00EA;tre avant de partir. <br /> <br /> <br /> <br /> - Quoi que vous ayez (<span class="GapSpan" id="GapSpan17"><select id="Gap17"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) fait, personne ne l&#x2019;a (<span class="GapSpan" id="GapSpan18"><select id="Gap18"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) remarqu&#x00E9; . <br /> <br /> <br /> <br /> - Tout le monde rit (<span class="GapSpan" id="GapSpan19"><select id="Gap19"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>) quoi qu&#x2019;il dise (<span class="GapSpan" id="GapSpan20"><select id="Gap20"><option value=""></option><option value="indicatif">indicatif</option><option value="subjonctif">subjonctif</option></select></span>).<br /> <br /> </span></p><br /><h3 class="text_shadow" style="text-align: left; padding-left: 110px;"><span style="color: #433a2c; font-size: medium; font-family: georgia,palatino;"><small><span style="font-size: small;">Oefeningen frans leren, werkwoord : Conjugaison. Concordance des temps. Les temps du subjonctif (pr&#x00E9;sent / pass&#x00E9;).<br /> </span></small></span></h3></td></tr></tbody></table></div><br /><br />(indicatif)<br />(subjonctif)<br />
</div>
</form>
</div>



<button id="CheckButton2" class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="CheckAnswers()">&nbsp;<a class="myButton">Controle</a>&nbsp;</button>



</div>



<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;<a class="myButton">OK</a>&nbsp;</button>
</div>

<!-- BeginBottomNavButtons -->



<!-- EndBottomNavButtons -->

<!-- BeginSubmissionForm -->

<!-- EndSubmissionForm -->

</body>

</html>
