html{color:#000;background:#ffffff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000000;}
section,header,footer,article{display:block;}
div.clear{clear:both;}
html{background:url('../images/body_bg.gif') top center;}
body{background:url('../images/gradient_bg.png') repeat-y top center;color:#414141;font-family:'Cabin',Arial,sans-serif;font-size:14px;min-width:960px;}
#main_wrapper{background:url('../images/body_bg.gif') top center;border:1px solid #fff;border-top:0;margin:0 auto;width:1022px;}
header.oai{background:#f8f8f8 url('../../../img/header.jpg') no-repeat top center;border-bottom:10px solid #00b5ee;border-top:5px solid #000;position:relative;}header.oai a.oai{display:block;height:107px;width:250px;}
header.oai a.tfo{display:block;height:50px;position:absolute;width:190px;top:50px;right:10px;}
header.oai a.uottawa{display:block;height:60px;position:absolute;width:190px;top:40px;right:200px;}
header.oai nav{background:#000;height:37px;position:relative;}header.oai nav ul{height:37px;left:50%;margin:0 0 0 -480px;padding:6px 0;position:absolute;top:0;}header.oai nav ul li{float:left;line-height:25px;padding:0 20px;}header.oai nav ul li a{color:#fff;font-size:12px;text-decoration:none;}
header.oai nav ul li.oai{border-right:1px solid #686868;}
footer.oai{background:#fff;clear:both;color:#888;padding:20px 0 10px 0;text-align:center;}
#container{position:relative; background:url("../../img/design/oai_bg.jpg") repeat-x scroll 0 0 transparent}#container header{margin:0 auto;width:960px;}#container header h1{font-size:35px;font-weight:bold;padding:20px 0 10px 0;}
#container header nav{background:url('../images/btn_shadow.png') repeat-x 0px 47px;height:82px;}#container header nav ul li{float:left;width:306px;}#container header nav ul li+li{margin-left:21px;}
#container header nav ul li a{background:#00b5ee;border:1px solid #fff;color:#fff;display:block;text-decoration:none;font-size:22px;line-height:45px;padding:0 10px;}#container header nav ul li a.active{background:#ebebeb;border-color:#414141;color:#414141;}
#container header nav ul li ul{display:none;}#container header nav ul li ul li{margin:0 0 0 10px;width:138px;}#container header nav ul li ul li a{border-top:0;font-size:16px;line-height:normal;padding:15px 10px 5px 10px;}
#container footer{background:#000;}#container footer p{text-align:right;}#container footer p a{color:#00b5ee;font-size:22px;margin-left:20px;text-decoration:none;}
#container div.content{margin:0 auto;width:960px;}
#container div.info{background:url('../images/pixel_000000_08.png');clear:both;margin:15px 0;padding:5px 0;}#container div.info p{background:url('../images/info_icon.png') no-repeat left center;font-weight:bold;padding:5px 0 5px 40px;}
#container strong{font-weight:bold;}
#container li.ui-draggable-dragging{background-position:center center;background-repeat:no-repeat;display:block;float:left;height:100px;padding:0 7px;width:100px;z-index:2;}#container li.ui-draggable-dragging.ui-draggable-dragging{z-index:2;}
#container li.ui-draggable-dragging span{background:#fff;border:1px solid #000;display:none;margin:-20px 0 0 0;position:relative;text-align:center;}
#container li.ui-draggable-dragging span{display:block;}
#scroller_container{background:url('../images/pixel_000000_08.png');clear:both;height:100px;margin:15px 0;}#scroller_container #scroller{float:right;margin:0 40px 0 0;position:relative;width:690px;}#scroller_container #scroller div.mask{background:url('../images/scroller_mask.png') repeat-y;height:100px;position:absolute;top:0;width:9px;z-index:1;}#scroller_container #scroller div.mask.left{background-position:-9px 0;left:0;}
#scroller_container #scroller div.mask.right{background-position:0 0;right:0;}
#scroller_container #scroller a{display:block;height:100px;outline:0;position:absolute;top:0;width:40px;}#scroller_container #scroller a.right{background:url('../images/scroller_arrow_right.png') no-repeat center center;right:-40px;}
#scroller_container #scroller a.left{background:url('../images/scroller_arrow_left.png') no-repeat center center;left:-40px;}
#scroller_container #scroller ul.item_list{height:100px;list-style:none;margin:0;padding:0 3px;width:684px;}#scroller_container #scroller ul.item_list li{background-position:center center;background-repeat:no-repeat;display:block;float:left;height:100px;padding:0 7px;width:100px;}#scroller_container #scroller ul.item_list li.ui-draggable-dragging{z-index:2;}
#scroller_container #scroller ul.item_list li span{background:#fff;border:1px solid #000;display:none;margin:-20px 0 0 0;position:relative;text-align:center;}
#scroller_container #scroller div.wrap{height:100px;overflow:hidden;position:relative;width:690px;}#scroller_container #scroller div.wrap ul.item_list{left:0;position:absolute;top:0;}
#scroller_container #category_list{float:left;padding:12px 0;width:120px;}#scroller_container #category_list li a{background:#00b5ee;border:1px solid #fff;color:#fff;display:block;text-decoration:none;font-size:18px;line-height:30px;padding:0 10px;}#scroller_container #category_list li a:hover,#scroller_container #category_list li a.active{background:#ebebeb;border-color:#414141;color:#414141;}
#scroller_container #category_list li+li{margin-top:12px;}
#person_list{background:url('../images/pixel_000000_08.png');float:left;width:230px;}#person_list ul{background:url('../images/person_bg.png') no-repeat bottom right;float:right;padding:0 0 11px 0;width:100%;}#person_list ul li{display:block;height:110px;}#person_list ul li span{background-repeat:no-repeat;cursor:pointer;display:block;float:right;height:110px;width:150px;}#person_list ul li span.enfant{background-image:url('../images/personnages/voir/small/enfant.png');}
#person_list ul li span.ado{background-image:url('../images/personnages/voir/small/ado.png');}
#person_list ul li span.femme{background-image:url('../images/personnages/voir/small/femme.png');}
#person_list ul li span.homme{background-image:url('../images/personnages/voir/small/homme.png');}
#person_list ul li span.vieux{background-image:url('../images/personnages/voir/small/vieux.png');}
#person_list ul li span.legros{background-image:url('../images/personnages/reconnaitre/small/legros.png');}
#person_list ul li span.fille{background-image:url('../images/personnages/reconnaitre/small/fille.png');}
#person_list ul li span.hockey{background-image:url('../images/personnages/reconnaitre/small/hockey.png');}
#person_list ul li span.ado_ecouteurs{background-image:url('../images/personnages/reconnaitre/small/ado_ecouteurs.png');}
#person_list ul li span.homme2{background-image:url('../images/personnages/reconnaitre/small/homme.png');}
#person_list ul li span.enceinte{background-image:url('../images/personnages/reconnaitre/small/enceinte.png');}
#person_list ul li+li{background:url('../images/person_bg.png') no-repeat top right;}
#person_detail{background:#fff;float:left;height:358px;margin:0 0 0 30px;padding:30px;position:relative;width:443px;}#person_detail #test_subject{float:right;height:320px;width:350px;}
#person_detail #gage{background:url('../images/gage_empty.jpg');float:left;height:320px;overflow:hidden;position:relative;width:63px;}#person_detail #gage span{background:url('../images/gage_full.jpg') center bottom;bottom:0;display:block;height:0;left:0;position:absolute;width:63px;}
#person_detail div.person_info{left:125px;position:absolute;top:360px;}#person_detail div.person_info p.name{font-size:22px;font-weight:bold;}
#person_detail ul{position:absolute;}#person_detail ul li a{background:#00b5ee;border:1px solid #fff;color:#fff;display:block;text-decoration:none;font-size:18px;line-height:30px;padding:0 10px;width:145px;}#person_detail ul li a:hover,#person_detail ul li a.active{background:#ebebeb;border-color:#414141;color:#414141;}
#person_detail ul.finish{top:438px;left:80px;}#person_detail ul.finish li{float:left;}#person_detail ul.finish li+li{margin:0 0 0 10px;}
#person_detail ul.more{left:533px;top:0;}#person_detail ul.more li+li{margin-top:10px;}
#definition_container{background:#fff;border:1px solid #000;font-size:12px;left:0;max-width:300px;min-width:150px;padding:5px;position:absolute;top:0;z-index:9999;}#definition_container strong{font-weight:bold;}
#popin_container{display:none;}
#gage_retroaction{padding:20px 0;}#gage_retroaction p{margin:10px 0;padding:0 20px;}
#gage_retroaction h5{font-size:22px;padding:0 20px;}
#savais_tu_que{padding:20px 0;}#savais_tu_que p{margin:10px 0;padding:0 20px;}
#savais_tu_que h5{font-size:22px;padding:0 20px;}
span.definition{color:blue;cursor:help;text-decoration:underline;}
#alcool_palier1,#alcool_palier2,#alcool_palier3{padding:20px 0;}#alcool_palier1 p,#alcool_palier2 p,#alcool_palier3 p{margin:10px 0;padding:0 20px;}
#alcool_palier1 h5,#alcool_palier2 h5,#alcool_palier3 h5{font-size:22px;padding:0 20px;}
#quiz_effets_cafeine_alcool{padding:20px 0;height:250px;}#quiz_effets_cafeine_alcool p{margin:10px 0;padding:0 20px;}
#quiz_effets_cafeine_alcool h5{font-size:22px;padding:0 20px;}
#quiz_effets_cafeine_alcool div.explication{background:#dedede;display:none;padding:1px 0;}
#quiz_effets_cafeine_alcool div.question{display:none;}#quiz_effets_cafeine_alcool div.question table{background:#dedede;margin:10px 0;width:100%;}#quiz_effets_cafeine_alcool div.question table th{padding-left:20px;padding-right:20px;}#quiz_effets_cafeine_alcool div.question table th span.num{color:#00b5ee;font-size:18px;font-weight:bold;}
#quiz_effets_cafeine_alcool div.question table td{text-align:right;vertical-align:top;width:100px;}#quiz_effets_cafeine_alcool div.question table td span{cursor:pointer;line-height:23px;padding-right:18px;margin-right:2px;}#quiz_effets_cafeine_alcool div.question table td span.win{background:url('../images/win_icon.png') no-repeat top right;color:#00b5ee;}
#quiz_effets_cafeine_alcool div.question table td span.fail{background:url('../images/fail_icon.png') no-repeat top right;color:#be2626;}
#quiz_effets_cafeine_alcool div.question.active{display:block;}
#quiz_effets_cafeine_alcool span.next{border-left:10px solid #000;border-top:10px solid transparent;border-bottom:10px solid transparent;cursor:pointer;display:none;float:right;height:0;margin:10px 10px 10px 0;width:0;}#quiz_effets_cafeine_alcool span.next.active{display:block;}
#quiz_effets_cafeine_alcool div.resultat{background:#00b5ee;color:#fff;float:right;font-size:16px;margin:10px 10px 10px 0;padding:0 10px;}
#quiz_effets_cafeine_alcool div.result_msg{background:#dedede;display:none;margin:10px 0;padding:1px 0;}
#quiz{float:right;padding-bottom:20px;width:700px;}#quiz.legros div.description{background-image:url('../images/personnages/reconnaitre/large/legros.png');}
#quiz.fille div.description{background-image:url('../images/personnages/reconnaitre/large/fille.png');}
#quiz.homme div.description{background-image:url('../images/personnages/reconnaitre/large/homme.png');}
#quiz.ado_ecouteurs div.description{background-image:url('../images/personnages/reconnaitre/large/ado_ecouteurs.png');}
#quiz.enceinte div.description{background-image:url('../images/personnages/reconnaitre/large/enceinte.png');}
#quiz.hockey div.description{background-image:url('../images/personnages/reconnaitre/large/hockey.png');}
#quiz div.description{background-repeat:no-repeat;min-height:201px;padding:100px 0 0 200px;}
#quiz div.question span.number{color:#00b5ee;font-size:22px;margin-right:5px;}
#quiz ul.reponses{margin-bottom:10px;}#quiz ul.reponses li{cursor:pointer;padding:5px 10px 5px 30px;}#quiz ul.reponses li+li{margin:3px 0 0 0;}
#quiz ul.reponses li.selected{background:#00b5ee;color:#fff;}
#quiz ul.reponses li.fail span.cbox{background-color:#be2626;background-position:0px 0px;}
#quiz ul.reponses li.win span.cbox{background-color:#00b5ee;background-position:-20px 0;}
#quiz ul.reponses li span.cbox{-webkit-border-radius:5px;-moz-border-raidus:5px;border-radius:5px;background:#00b5ee url('../images/answer_icons.png') no-repeat 100px 100px;display:block;float:left;height:20px;margin:-1px 0 0 -25px;width:20px;}
#quiz div.retroaction{float:left;width:300px;}#quiz div.retroaction p{padding:5px 10px;}
#quiz div.retroaction.selected{background:#00b5ee;color:#fff;}
#quiz div.retroaction.fail{background:#be2626;}
#quiz div.counter,#quiz div.result{-webkit-border-radius:5px;-moz-border-raidus:5px;border-radius:5px;background:#00b5ee;color:#fff;padding:2px 10px;}
#quiz div.counter{float:right;}
#quiz div.result{float:right;display:none;}
#quiz div.next{border-left:10px solid #000;border-top:10px solid transparent;border-bottom:10px solid transparent;clear:both;cursor:pointer;float:right;height:0;margin-left:10px;width:0;}
#quiz_retroaction{padding:20px 0;}#quiz_retroaction p{margin:10px 0;padding:0 20px;}
#quiz_retroaction h5{font-size:22px;padding:0 20px;}
#quiz_retroaction h5 span.number{margin-right:10px;}
#quiz_retroaction h6{font-weight:bold;margin-top:10px;padding:0 20px;}
#anatomie,#enigme{float:right;padding-bottom:20px;width:700px;position:relative;}#anatomie h2,#enigme h2{font-size:22px;margin-bottom:10px;}
#video_list{float:left;width:207px;}#video_list ul li{background:url('../images/video_list_shadow.png') no-repeat center bottom;cursor:pointer;font-size:18px;padding-bottom:20px;}#video_list ul li img{display:block;}
#video_list ul li+li{margin-top:5px;}
#video_list a.enigme{background:#00b5ee;border:1px solid #fff;color:#fff;display:block;text-decoration:none;display:block;font-size:18px;margin-top:30px;padding:5px 10px 5px 40px;position:relative;}#video_list a.enigme:hover,#video_list a.enigme.active{background:#ebebeb;border-color:#414141;color:#414141;}
#video_list a.enigme span.icon{background:url('../images/icon_enigme.png') no-repeat;display:block;height:52px;left:5px;position:absolute;top:-10px;width:30px;}
#video_list a.enigme:hover span.icon{background-position:-30px 0px;}
#enigme{display:none;}#enigme p{margin:10px 0;}
#enigme a.validate{background:#00b5ee;border:1px solid #fff;color:#fff;display:block;text-decoration:none;float:right;margin:10px 0;padding:2px 10px;}#enigme a.validate:hover,#enigme a.validate.active{background:#ebebeb;border-color:#414141;color:#414141;}
#enigme div.area_container{background:url('../images/pixel_000000_08.png');border:1px solid #fff;padding:10px;}#enigme div.area_container textarea{background:transparent;border:0;height:130px;resize:none;width:680px;}
#write_answer,#bonne_reponse{padding:20px 0;}#write_answer p,#bonne_reponse p{margin:10px 0;padding:0 20px;}
#write_answer h5,#bonne_reponse h5{font-size:22px;padding:0 20px;}
#write_answer p{text-align:center;}
#confirm_finish{padding:20px 0;}#confirm_finish p{margin:10px 0;padding:0 20px;}
#confirm_finish h5{font-size:22px;padding:0 20px;}
#confirm_finish p.links{margin:0 auto;width:144px;}#confirm_finish p.links span{background:#00b5ee;border:1px solid #fff;color:#fff;display:block;text-decoration:none;cursor:pointer;float:left;margin:0 10px;text-align:center;width:50px;}#confirm_finish p.links span:hover,#confirm_finish p.links span.active{background:#ebebeb;border-color:#414141;color:#414141;}
#confirm_finish table{margin:0 20px;width:660px;}#confirm_finish table td{vertical-align:top;}
#confirm_finish table td+td{padding-left:10px;}
#confirm_finish div.alcool table td{padding-bottom:10px;}
#glossary_container{margin:20px;}#glossary_container div{margin:10px 0;}
#warning{padding:20px 0;}#warning p{margin:10px 0;padding:0 20px;}
#warning h5{font-size:22px;padding:0 20px;}
#drag_tooltip{background:#fff;border:1px solid #000;display:none;margin:-20px 0 0 0;position:relative;text-align:center;position:absolute;width:98px;}
#avertissement,#glossaire{background:url("../../img/design/content_bg.jpg") repeat-x scroll 0 0 transparent;border-radius:10px 10px 10px 10px;box-shadow:0 0 15px 0 #000000;display:none;font-size:16px;height:460px;left:0;line-height:1.5em;margin:20px;padding:0;position:absolute;top:150px;width:984px;z-index:1000;}#avertissement div.fermer,#glossaire div.fermer{background:url('../../img/design/close.gif') no-repeat center center;cursor:pointer;float:right;height:24px;padding:5px;width:24px;}
#avertissement div.inner,#glossaire div.inner{clear:both;padding:50px;}
#glossaire{line-height:normal;}#glossaire div.inner{padding:6px 40px 40px 40px;}#glossaire div.inner div{margin:0 0 20px 0;}
#glossaire div.inner div.page{display:none;}#glossaire div.inner div.page.active{display:block;}
#glossaire div.next,#glossaire div.prev{bottom:15px;color:#00B5EE;cursor:pointer;font-size:12px;position:absolute;text-decoration:underline;}
#glossaire div.next{right:40px;}
#glossaire div.prev{left:40px;}
#flash_warning{background:#f1a2a2;color:#000;display:none;font-weight:bold;margin:0 0 50px 0;padding:10px;}#flash_warning a{color:#000;}#flash_warning a:hover{color:#6b1d1d;}
p.quiz_answer_retroaction{padding:20px;text-align:center;}
p.quiz_answer_retroaction_close{background:#00b5ee;border:1px solid #fff;color:#fff;display:block;text-decoration:none;cursor:pointer;margin:0 auto 10px auto;text-align:center;width:50px;}p.quiz_answer_retroaction_close:hover,p.quiz_answer_retroaction_close.active{background:#ebebeb;border-color:#414141;color:#414141;}