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;}
strong{font-weight:bold;}
em{font-style:italic;}
.clear{clear:both;}
html,body{background:url('../images/body_bg.jpg') top center;color:#3b3a36;font-family:Arial,sans-serif;font-size:14px;height:100%;}
#wrap{min-height:100%;min-width:980px;}
#container{overflow:auto;padding-bottom:76px;}
header.oai{background:#f8f8f8 url('../images/oai_header.png') no-repeat top center;border-top:5px solid #000;padding-top:107px;position:relative;}header.oai a.oai{display:block;height:107px;left:50%;margin-left:-480px;position:absolute;top:0;width:250px;}
header.oai a.tfo{display:block;height:60px;margin-right:-490px;position:absolute;width:100px;top:40px;right:50%;}
header.oai a.uottawa{display:block;height:60px;margin-right:-300px;position:absolute;width:190px;top:40px;right:50%;}
header.oai nav{background:url('../images/oai_header_menu_bg.gif');height:37px;position:relative;}header.oai nav ul{height:37px;left:50%;margin:0 0 0 -490px;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;}
#dessin header{background:url('../images/header_bg2.jpg') repeat-x top center;padding:113px 0 0 0;}#dessin header ul{background:url('../images/menu_bg.jpg');height:77px;margin:0 auto;padding:0 15px 0 14px;width:951px;}#dessin header ul li{display:block;float:left;}#dessin header ul li a{display:block;overflow:hidden;text-indent:-1000px;background:url('../images/menu_bg.jpg');float:left;height:77px;}#dessin header ul li a.ligne{background-position:-14px 0px;width:98px;}#dessin header ul li a.ligne:hover,#dessin header ul li a.ligne.active{background-position:-14px -77px;}
#dessin header ul li a.forme{background-position:-112px 0px;width:95px;}#dessin header ul li a.forme:hover,#dessin header ul li a.forme.active{background-position:-112px -77px;}
#dessin header ul li a.motifs{background-position:-207px 0px;width:105px;}#dessin header ul li a.motifs:hover,#dessin header ul li a.motifs.active{background-position:-207px -77px;}
#dessin header ul li a.textures{background-position:-312px 0px;width:105px;}#dessin header ul li a.textures:hover,#dessin header ul li a.textures.active{background-position:-312px -77px;}
#dessin header ul li a.perspectives{background-position:-417px 0px;width:110px;}#dessin header ul li a.perspectives:hover,#dessin header ul li a.perspectives.active{background-position:-417px -77px;}
#dessin header ul li a.proportions{background-position:-527px 0px;width:105px;}#dessin header ul li a.proportions:hover,#dessin header ul li a.proportions.active{background-position:-527px -77px;}
#dessin header ul li a.volume{background-position:-632px 0px;width:120px;}#dessin header ul li a.volume:hover,#dessin header ul li a.volume.active{background-position:-632px -77px;}
#dessin header ul li a.regle{background-position:-752px 0px;width:105px;}#dessin header ul li a.regle:hover,#dessin header ul li a.regle.active{background-position:-752px -77px;}
#dessin header ul li a.espaces{background-position:-857px 0px;width:108px;}#dessin header ul li a.espaces:hover,#dessin header ul li a.espaces.active{background-position:-857px -77px;}
#dessin div.content{margin:0 auto;width:963px;}
#dessin div.info{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:2px 2px 2px #e4e1cd;-moz-box-shadow:2px 2px 2px #e4e1cd;box-shadow:2px 2px 2px #e4e1cd;background:#fff;margin:15px 6px;float:left;height:74px;padding:0 10px;width:800px;}#dessin div.info p{display:table-cell;height:74px;vertical-align:middle;}
#dessin div.video{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:2px 2px 2px #e4e1cd;-moz-box-shadow:2px 2px 2px #e4e1cd;box-shadow:2px 2px 2px #e4e1cd;background:#fff;margin:15px 6px;border:1px solid #777;float:right;height:72px;padding:0;width:107px;}#dessin div.video a{background:url('../images/video_play_btn.png') no-repeat;color:#3b3a36;display:block;font-weight:bold;padding:72px 0 0 0;text-align:center;text-decoration:none;width:107px;}
#dessin div.instructions{clear:both;font-weight:bold;padding:10px;}
#dessin div.canvas{background:url('../images/dessin_bg.jpg') no-repeat;clear:both;height:510px;margin:0 auto;position:relative;width:966px;}#dessin div.canvas div.no_flash{height:270px;padding:240px 9px 0px 8px;text-align:center;}#dessin div.canvas div.no_flash h1{font-size:18px;padding:0 170px;}
#dessin a.btn{display:block;overflow:hidden;text-indent:-1000px;background:url('../images/btns.png');height:36px;}#dessin a.btn.btn_retour{background-position:-162px 0px;width:69px;}#dessin a.btn.btn_retour:hover{background-position:-231px 0px;}
#dessin a.btn.btn_reponse{background-position:0px 0px;width:81px;}#dessin a.btn.btn_reponse:hover{background-position:-81px 0px;}
#dessin a.btn.btn_exemples{background-position:0px -36px;width:139px;}#dessin a.btn.btn_exemples:hover{background-position:-139px -36px;}
#dessin a.btn.btn_dessin_precedent{background-position:0px -108px;width:154px;}#dessin a.btn.btn_dessin_precedent:hover{background-position:-154px -108px;}
#dessin a.btn.btn_dessin_suivant{background-position:0px -72px;width:134px;}#dessin a.btn.btn_dessin_suivant:hover{background-position:-134px -72px;}
#dessin a.btn.btn_images_suivantes{background-position:0px -144px;width:147px;}#dessin a.btn.btn_images_suivantes:hover{background-position:-147px -144px;}
#dessin a.btn.btn_images_precedentes{background-position:0px -180px;width:161px;}#dessin a.btn.btn_images_precedentes:hover{background-position:-161px -180px;}
#dessin div.multiple_canvas{height:566px;position:relative;}
#espaces div.video{background-image:url('../images/video/espaces.jpg');}
#espaces img.original{border:1px solid #8e8e8e;display:none;left:495px;position:absolute;top:100px;}
#espaces img.negatif{border:1px solid #8e8e8e;position:absolute;top:100px;right:495px;}
#espaces div.answer{display:none;left:495px;position:absolute;top:50px;}
#espaces div.form{left:500px;position:absolute;top:200px;}#espaces div.form input{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#ffffff url('../images/input_bg.gif') repeat-x top center;border:2px solid #83a5b7;margin:0 0 10px 0;padding:2px 5px;width:147px;}#espaces div.form input.error{border-color:#e00;}
#espaces a.btn_dessin_suivant{bottom:50px;display:none;position:absolute;right:40px;}
#espaces a.btn_dessin_precedent{bottom:50px;display:none;left:40px;position:absolute;}
#espaces div.dessin{display:none;}#espaces div.dessin.active{display:block;}
#regle div.info p{font-size:11px;}
#regle div.video{background-image:url('../images/video/regle.jpg');}
#regle div.canvas{height:509px;padding-top:1px;}
#regle div.img{border:1px solid #8e8e8e;cursor:pointer;margin:0 auto;position:relative;}#regle div.img img{display:none;left:0;position:absolute;top:0;}
#regle div.img span.solution{display:block;height:30px;position:absolute;width:30px;}
#regle #regle_1 div.img{background:url('../images/regle/img1.jpg');height:405px;margin-top:50px;width:299px;}
#regle #regle_1 span#img1_solution{left:107px;top:123px;}
#regle #regle_2{display:none;}#regle #regle_2 div.img{background:url('../images/regle/img2.jpg');height:416px;margin-top:40px;width:491px;}
#regle #regle_2 span#img2_solution{left:211px;top:134px;}
#regle #regle_2 span#img2_solution2{left:308px;top:105px;}
#regle a.btn_dessin_suivant{bottom:50px;position:absolute;right:30px;}
#regle a.btn_dessin_precedent{bottom:50px;left:30px;position:absolute;}
#ligne div.module_dessin a.btn_exemples,#forme div.module_dessin a.btn_exemples,#motifs div.module_dessin a.btn_exemples,#textures div.module_dessin a.btn_exemples{float:right;margin:10px 0;}
#ligne div.exemples,#forme div.exemples,#motifs div.exemples,#textures div.exemples{display:none;left:0px;position:absolute;top:0px;}#ligne div.exemples div.canvas,#forme div.exemples div.canvas,#motifs div.exemples div.canvas,#textures div.exemples div.canvas{height:380px;padding-top:130px;}#ligne div.exemples div.canvas img,#forme div.exemples div.canvas img,#motifs div.exemples div.canvas img,#textures div.exemples div.canvas img{display:block;margin:0 auto;}
#ligne div.exemples a.btn_retour,#forme div.exemples a.btn_retour,#motifs div.exemples a.btn_retour,#textures div.exemples a.btn_retour{float:right;margin:10px 0;}
#ligne div.video{background-image:url('../images/video/ligne.jpg');}
#forme div.video{background-image:url('../images/video/forme.jpg');}
#motifs div.video{background-image:url('../images/video/motifs.jpg');}
#textures div.video{background-image:url('../images/video/textures.jpg');}
#textures div.canvas div.no_flash{padding:1px;}
#textures div.zone{background:url('../images/textures/zone_frottage.png') no-repeat;height:401px;margin:57px 0 0 37px;width:429px;}#textures div.zone.pince{background:url('../images/textures/pince.png');}
#textures div.zone.fil1{background:url('../images/textures/fil1.png');}
#textures div.zone.monnaie{background:url('../images/textures/monnaie.png');}
#textures div.zone.de{background:url('../images/textures/de.png');}
#textures div.zone.rape{background:url('../images/textures/rape.png');}
#textures div.zone.cotontige{background:url('../images/textures/cotontige.png');}
#textures div.zone.aiguisoir{background:url('../images/textures/aiguisoir.png');}
#textures div.zone.tel{background:url('../images/textures/tel.png');}
#textures div.zone.fil2{background:url('../images/textures/fil2.png');}
#textures div.items{cursor:pointer;height:428px;position:absolute;right:20px;top:40px;width:476px;}#textures div.items img.items2{display:none;}
#textures a.btn_images_precedentes{bottom:0px;left:10px;position:absolute;display:none;}
#textures a.btn_images_suivantes{bottom:0px;position:absolute;right:10px;}
#volume div.video{background-image:url('../images/video/volume.jpg');}
#volume div.canvas{height:509px;padding-top:1px;}
#volume div.oeufs{height:334px;margin:90px auto 0 auto;position:relative;width:415px;}#volume div.oeufs img{border:1px solid #8e8e8e;display:block;}
#volume div.oeufs div.soleil{background:url('../images/volume/soleil.png');cursor:pointer;height:68px;position:absolute;width:67px;}#volume div.oeufs div.soleil.active{background-position:-67px 0px;}
#volume div.oeufs div.soleil#oeufs_1{left:15px;top:300px;}
#volume div.oeufs div.soleil#oeufs_2{left:-25px;top:5px;}
#volume div.oeufs div.soleil#oeufs_3{left:130px;top:-36px;}
#volume div.oeufs div.soleil#oeufs_4{left:375px;top:240px;}
#perspectives div.video{background-image:url('../images/video/perspectives.jpg');}
#perspectives div.canvas{height:509px;padding-top:1px;}
#perspectives div.pont{height:382px;margin:60px auto 0 auto;position:relative;width:512px;}#perspectives div.pont img{border:1px solid #8e8e8e;display:block;}
#perspectives div.pont div.oeil{background:url('../images/perspectives/oeil.png');cursor:pointer;height:69px;position:absolute;width:67px;}#perspectives div.pont div.oeil.active{background-position:-67px 0px;}
#perspectives div.pont.pont_1 #pont_1,#perspectives div.pont.pont_1 div.oeil.active{background:url('../images/perspectives/fleche_1.png') no-repeat 0 0;height:43px;left:412px;top:91px;width:76px;}
#perspectives div.pont.pont_1 #pont_2{left:-46px;top:86px;}
#perspectives div.pont.pont_1 #pont_3{left:-46px;top:190px;}
#perspectives div.pont.pont_2 #pont_1{left:525px;top:185px;}
#perspectives div.pont.pont_2 #pont_2,#perspectives div.pont.pont_2 div.oeil.active{background:url('../images/perspectives/fleche_2.png') no-repeat 0 0;height:64px;left:224px;top:175px;width:65px;}
#perspectives div.pont.pont_2 #pont_3{left:222px;top:352px;}
#perspectives div.pont.pont_3 #pont_1{left:560px;top:50px;}
#perspectives div.pont.pont_3 #pont_2{left:222px;top:50px;}
#perspectives div.pont.pont_3 #pont_3,#perspectives div.pont.pont_3 div.oeil.active{background:url('../images/perspectives/fleche_3.png') no-repeat 0 0;height:29px;left:224px;top:236px;width:44px;}
#proportions div.video{background-image:url('../images/video/proportions.jpg');}
#proportions div.canvas{height:480px;padding-top:30px;}
#proportions div.homme,#proportions div.femme,#proportions div.bebe{display:block;float:left;height:471px;position:relative;}#proportions div.homme div.answer,#proportions div.femme div.answer,#proportions div.bebe div.answer{bottom:135px;position:absolute;right:-10px;width:95px;}#proportions div.homme div.answer label,#proportions div.femme div.answer label,#proportions div.bebe div.answer label{display:block;float:left;font-size:10px;width:39px;}#proportions div.homme div.answer label+label,#proportions div.femme div.answer label+label,#proportions div.bebe div.answer label+label{margin-left:5px;width:50px;}
#proportions div.homme div.answer input,#proportions div.femme div.answer input,#proportions div.bebe div.answer input{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#ffffff url('../images/input_bg.gif') repeat-x top center;border:2px solid #83a5b7;float:left;margin-bottom:5px;padding:2px 5px;width:25px;}#proportions div.homme div.answer input+input,#proportions div.femme div.answer input+input,#proportions div.bebe div.answer input+input{margin-left:5px;}
#proportions div.homme div.answer input.error,#proportions div.femme div.answer input.error,#proportions div.bebe div.answer input.error{border-color:#e00;}
#proportions div.homme div.answer a.btn_reponse,#proportions div.femme div.answer a.btn_reponse,#proportions div.bebe div.answer a.btn_reponse{margin:7px 0 0 0;}
#proportions div.homme{background:url('../images/proportions/homme.png') no-repeat 0 184px;margin:0 0 0 74px;width:284px;}#proportions div.homme div.retroaction{background:url('../images/proportions/homme_tete.png') repeat-y;bottom:44px;display:none;height:227px;left:64px;position:absolute;width:48px;}
#proportions div.bebe{background:url('../images/proportions/bebe.png') no-repeat 0 222px;margin:0 0 0 55px;width:181px;}#proportions div.bebe div.retroaction{background:url('../images/proportions/bebe_tete.png') repeat-y;bottom:40px;display:none;height:193px;left:0px;position:absolute;width:44px;}
#proportions div.femme{background:url('../images/proportions/femme.png') no-repeat 0 48px;margin:0 0 0 45px;width:224px;}#proportions div.femme div.retroaction{background:url('../images/proportions/femme_tete.png') repeat-y;bottom:36px;display:none;height:381px;left:18px;position:absolute;width:39px;}
#proportions div.tete_homme,#proportions div.tete_bebe,#proportions div.tete_femme{cursor:pointer;position:absolute;z-index:100;}
#proportions div.tete_homme{background:url('../images/proportions/homme_tete.png') no-repeat;left:110px;height:65px;top:134px;width:48px;}
#proportions div.tete_bebe{background:url('../images/proportions/bebe_tete.png') no-repeat;left:27px;height:46px;top:189px;width:44px;}
#proportions div.tete_femme{background:url('../images/proportions/femme_tete.png') no-repeat;left:50px;height:52px;top:2px;width:39px;}
footer{background:url('../images/footer_bg.jpg') repeat-x bottom center;clear:both;height:76px;margin-top:-76px;position:relative;}footer p{font-weight:bold;margin:0 auto;padding:25px 0 0 0;text-align:center;width:500px;}
html.ie7 #dessin div.info p{display:block;height:auto;}
.fancybox-title-inside{text-align:left!important;}