@import "reset.css";
@import "navigation.css";
html * { font-size: 100.01% }
body { font-size: 62.5%;  /*(0.625 * 16px = 10px)*/
	font-family: arial, 'lucida console', sans-serif; 
	color: #000000; }
a:link, a:visited {color:#0079ab;text-decoration:underline;}
a:hover, a:active {text-decoration:none;}
h1 {text-indent: -3000px}
h2 {font-size: 3em; color: #0079AB; margin: 1.2em 0;}
h3 {font-size: 1.8em; font-weight:bold; color: #0079AB; margin: 1.2em 0;}
strong {color:#0079ab;}
p {font-size: 1.4em; line-height: 1.4em; margin: 1.4em 0; text-align: justify;}
ul {margin: 15px 0 15px 40px;}
input {position:relative; top: 2px;}
.float_left {float: left;margin-top: 5px; }
.first {margin-top: 0; padding-top: 0;}
.hide {display: none;}
.messagecontent {float: left; margin-left: 20px; width: 600px;}
.homecontent {float: left; margin: 20px 0 20px 20px; width: 540px;}


h2#h2-niveau-prim-en {display: none;height:38px; width:153px;background:url(../images/h2-niveau-prim-en.gif) no-repeat left top; text-indent: -3000px;}
h2#h2-niveau-sec-en {display: none;height:31px; width:169px;background:url(../images/h2-niveau-sec-en.gif) no-repeat left top; text-indent: -3000px;}
h2#h2-niveau-prim-fr {display: none;height:32px; width:160px;background:url(../images/h2-niveau-prim-fr.gif) no-repeat left top; text-indent: -3000px;}
h2#h2-niveau-sec-fr {display: none;height:48px; width:151px;background:url(../images/h2-niveau-sec-fr.gif) no-repeat left top; text-indent: -3000px;}

h2#h2-niveau-prim-sec-en {display: none;height:38px; width:153px;background:url(../images/h2-niveau-prim-en.gif) no-repeat left top; text-indent: -3000px;}
h2#h2-niveau-post-en {display: none;height:31px; width:169px;background:url(../images/h2-niveau-sec-en.gif) no-repeat left top; text-indent: -3000px;}
h2#h2-niveau-prim-sec-fr {display: none;height:32px; width:160px;background:url(../images/h2-niveau-prim-fr.gif) no-repeat left top; text-indent: -3000px;}
h2#h2-niveau-post-fr {display: none;height:48px; width:151px;background:url(../images/h2-niveau-sec-fr.gif) no-repeat left top; text-indent: -3000px;}


#quizurl {text-indent: -3000px;}
#quizurl a {text-decoration: none;display: block; width: 72px; height:47px; background:url(../images/bouton-quiz.gif) no-repeat left top; }

body.fr #quizurl a {text-decoration: none;display: block; width: 165px; height:36px; background:url(../images/bouton-quiz-fr.gif) no-repeat left top; }


#accueil img, #home img {padding-top: 20px;}
#container {width:120em;margin:0;background: #FFFFFF url(../images/bordure.gif) repeat-y left top; }

#header {background: url(../images/entete.jpg) no-repeat left top; 
	height: 149px;position: relative;}
.en #header {background: url(../images/entete-en.jpg) no-repeat left top; }
#header p {text-indent: -3000px;}
#header h1 {margin: 0; padding:0;}
#header h1 a {display: block; position: absolute;  
	height:100px; width: 390px; top:50px; left: 65px;}

#wrapper {}
#content {min-height: 800px;padding: 0 14em 0 18.7em;
	background: transparent url(../images/contenu-fond.gif) no-repeat bottom right;}


#films #content ul, 
#films-en #content ul, 
#outils #content ul, 
#tools #content ul { margin-left: 0; padding-left: 8px;}
#films #content ul li, 
#films-en #content ul li, 
#outils #content ul li, 
#tools #content ul li { margin-bottom: 10px;}
#films #content ul li a, 
#films-en #content ul li a, 
#outils #content ul li a, 
#tools #content ul li a { font-size: 13px; text-transform: uppercase;}

#content ul li.filmdisponible a { padding-right: 30px; background:url(../images/filmdisponible.gif) no-repeat right top; }

.fr #film1 {text-indent: -3000px; height: 36px;background:url(../images/films-nav-nprimaire.gif) no-repeat left top; }
.fr #film2 {text-indent: -3000px; height: 36px;background:url(../images/films-nav-nprimaire-secondaire.gif) no-repeat left top; }
.fr #film3 {text-indent: -3000px; height: 36px;background:url(../images/films-nav-nsecondaire.gif) no-repeat left top; }
.fr #film4 {text-indent: -3000px; height: 36px;background:url(../images/films-nav-npostsecondaire.gif) no-repeat left top; }

.en #film1 {text-indent: -3000px; height: 36px;background:url(../images/films-nav-nprimaire-en.gif) no-repeat left top; }
.en #film2 {text-indent: -3000px; height: 36px;background:url(../images/films-nav-nprimaire-secondaire-en.gif) no-repeat left top; }
.en #film3 {text-indent: -3000px; height: 36px;background:url(../images/films-nav-nsecondaire-en.gif) no-repeat left top; }
.en #film4 {text-indent: -3000px; height: 36px;background:url(../images/films-nav-npostsecondaire-en.gif) no-repeat left top; }

#footer {width:100%; background: #333333 url(../images/pied-fond.gif) no-repeat left top; 
	color: white;padding: 150px 14em 5em 13.8em; width: 92.2em; position: relative;clear:both;}
#footer a {color: white; text-decoration: none;}
#footer h3 {font-size: 1.8em; line-height: 1.8em; color: #FFFFFF; margin-bottom: 0;}
#footer h4 {font-size: 1.4em;}
#footer dt {text-indent: -3000px;}
#footer dt a {display: block;background: url(../images/logo-onf.gif) no-repeat left top; 
	height:37px; width:78px; float: left; margin-right: 15px;} /* logo onf */
#footer ul {margin: 10px;}
#footer li {display: inline; font-size: 12px}
#footer dd {font-size: 12px;}
#footer p#logoCanada {text-indent:-3000px; width: 100px; height: 33px;
	background: url(../images/logo-canada.gif) no-repeat left top; position: absolute; 
	left: 1000px; top: 240px; }
	
#quiz fieldset#score {margin-top: 20px; padding-top: 20px; border-top: 1px solid #CCC; width: 500px;}
#quiz .bgclr { background: #EFEFEF;}
#quiz input {border: 1px solid #CCC; font-size: 12px; padding: 3px 5px;  color: #000; }
#quiz textarea { font-size: 12px; color: #000; border: 1px solid #CCC; width: 500px; height: 100px;}	
#quiz p {margin: 5px 0; line-height: normal;}