/* CSS Document */
/* règles pour les conteneurs*/
* {margin: 0px; padding: 0px; border-width: 0px;}
body {background: #2C2A2B; margin: 0px; padding: 0px}

#principal {background: #2C2A2B; margin: 0px auto 0px; width: 955px; height: 600px; font-family: Arial, Helvetica, sans-serif; font-size: .9em; color: #78736D;}
#principal ul {position:relative; bottom:0; margin-top:15px; height: 35px; width: 100%; border-bottom: 1px solid #78736D; clear:left;}
#principal ul li {margin-right: 24px; margin-left: 24px; display: inline; font-weight: bold;}
#principal p { margin-top:7px; font-size:1.0em;}

/* règles pour le contenu*/
#bouton1 {width:120px; height:25px; background-color: #000;  position: relative; float:left; text-align:center; cursor: pointer;}
#bouton2 {width:120px; height:25px; background-color: #929292;  position: relative; float:left; text-align:center; cursor: pointer;}
#bouton3 {width:120px; height:25px; background-color: #CCC;  position: relative; float:left; text-align:center; cursor: pointer;}
#bouton1a {width:180px; height:25px; background-color: #FFF;  position: relative; float:left; text-align:center; cursor: pointer;}
#fenetre1{width:955px; height:500px; background-image:url(../images/Adam%20Harvey02.png); position: absolute; text-align:justify; z-index:3;}
#fenetre2{width:955px; height:500px; background-image: url(../images/Mireault%20Loic.png); position: absolute; text-align:justify; z-index:2;}
#fenetre3{width:955px; height:500px; background-image:url(../images/Grid3DWhite_2.png); position: absolute; text-align:justify; z-index:1; overflow:auto;}

#fenetre1 p {font-size:0.9em; font-weight: bold; color: #78736D; margin-top: 70px; margin-right: 25px; margin-bottom: 25px; margin-left: 275px;}
#fenetre2 p { margin: 20px; font-size:0.93em; font-weight: bold; color: #333;}	
#fenetre3 p { margin-top: 60px; margin-right: 20px; margin-left: 20px; font-size:1.0em; font-weight: bold; color: #000; }	

#bouton4 {width:180px; height:25px; background-color: #000;  position: relative; float:left; text-align:center;  cursor: pointer;}
#bouton5 {width:180px; height:25px; background-color: #FFF;  position: relative; float:left; text-align:center;cursor: pointer; }
#fenetre4{width:955px; height:500px; background-image:url(../images/Latendresse-Larocque%20Dominic02.png); position: absolute; text-align:justify; z-index:3;}
#fenetre5{width:955px; height:500px; position: absolute; text-align:justify; z-index:2;}
#fenetre4 p {font-size:.95em;  color: #78736D; margin-top: 25px; margin-right: 25px; margin-bottom: 25px; margin-left: 450px;}
#fenetre5 p {font-size:1.0em; font-weight: bold; color: #333;}

#bouton6 {width:200px; height:25px; background-color: #000; position: relative; float: left; text-align: center; cursor: pointer; }
#fenetre6{width:955px; height:500px; background-image:url(../images/Grille3D_Black.png); position: absolute; text-align:justify; z-index:12;}
table {width:900px; margin-left:35px; margin-top:40px;}
table td {padding-left:0px; padding-top:15px;}

#fenetre7{width:955px; height:500px; background-image:url(../images/Grille3D_Black.png); position: absolute; text-align:justify; z-index:11;}
#Arrow1{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}
#Arrow2{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}

#fenetre8{width:955px; height:500px; background-image:url(../images/Grille3D_Black.png); position: absolute; text-align:justify; z-index:10;}
#Arrow3{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}
#Arrow4{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}

#fenetre9{width:955px; height:500px; background-image:url(../images/Grille3D_Black.png); position: absolute; text-align:justify; z-index:9;}
#Arrow5{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}
#Arrow6{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}

#fenetre10{width:955px; height:500px; background-image:url(../images/Grille3D_Black.png); position: absolute; text-align:justify; z-index:8;}
#Arrow7{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}
#Arrow8{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}

#fenetre11{width:955px; height:500px; background-image:url(../images/Grille3D_Black.png); position: absolute; text-align:justify; z-index:7;}
#Arrow9{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}
#Arrow10{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center;cursor: pointer;}

#fenetre12{width:955px; height:500px; background-image:url(../images/Grille3D_Black.png); position: absolute; text-align:justify; z-index:6;}
#Arrow11{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}
#Arrow12{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}

#fenetre13{width:955px; height:500px; background-image:url(../images/Grille3D_Black.png); position: absolute; text-align:justify; z-index:5;}
#Arrow13{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}
#Arrow14{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}

#fenetre14{width:955px; height:500px; background-image:url(../images/Grille3D_Black.png); position: absolute; text-align:justify; z-index:4;}
#Arrow15{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}
#Arrow16{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}

#fenetre15{width:955px; height:500px; background-image:url(../images/Grille3D_Black.png); position: absolute; text-align:justify; z-index:3;}
#Arrow17{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}
#Arrow18{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}

#fenetre16{width:955px; height:500px; background-image:url(../images/Grille3D_Black.png); position: absolute; text-align:justify; z-index:2;}
#Arrow19{ width:120px; height:20px; position: relative; float: right; color:#0F0;  font-weight: bold; font-size:16px; text-align: center; cursor: pointer;}

#fenetre7 p {font-size:1.0em;  color: #78736D; margin-top: 60px; margin-right: 40px; margin-left: 275px;}
.JMartin { margin-top: 60px; margin-left:40px;}
#fenetre8 p {font-size:1.0em;  color: #78736D; margin-top: 92px; margin-right: 40px; margin-left: 400px;}
.Marie { margin-top: 60px; margin-left:60px;}
#fenetre9 p {font-size:1.0em;  color: #78736D; margin-top: 44px; margin-right: 40px; margin-left: 400px;}
.Laurent { margin-top: 50px; margin-right:40px; }
#fenetre10 p {font-size:1.0em;  color: #78736D; margin-top: 102px; margin-right: 40px; margin-left: 500px;}
.MAHottote { margin-top: 60px; margin-left:35px; margin-right:15px;}
#fenetre11 p {font-size:1.0em;  color: #78736D; margin-top: 46px; margin-right: 40px; margin-left: 350px;}
.JLaflamme { margin-top: 40px; margin-left:35px; margin-right:15px;}
#fenetre12 p {font-size:1.0em;  color: #78736D; margin-top: 28px; margin-right: 30px; margin-left: 475px;}
.FLechenet { margin-top: 65px; margin-left:30px;}
#fenetre13 p {font-size:1.0em;  color: #78736D; text-align: justify;}
#fenetre14 p {font-size:1.0em;  color: #78736D; margin-top: 38px; margin-right: 480px; margin-left: 40px;}
#fenetre15 p {font-size:1.0em;  color: #78736D; margin-top: 46px; margin-right: 400px; margin-left: 40px;}
.Michel { margin-top: 200px; margin-right:40px; }
#fenetre16 p {font-size:1.0em;  color: #78736D; margin-top: 76px; margin-right: 350px; margin-left: 40px;}
.trudeau { margin-top: 40px; margin-right:40px; }

#bouton7 {width:300px; height:25px; background-color: #000;  position: relative; float:left; text-align:center;}
#demos {width:955px; height:500px; background-image:url(../images/Grille3D_Black.png); position: absolute; text-align:justify;}

#FLVPlayer {position:relative; float:left;  margin-top: 80px; margin-left: 100px; cursor: pointer;}
.icari2006 {position:relative; float:left; margin-top: 10px; margin-left: 215px; font-size:15px; color: #CCC; text-align:center; font-weight: bold; }
.demobdeb2010 {position:relative; float:right; margin-top: 62px; margin-right: 60px; width:465px; height:262px; background-color: #171717; color: #CCC; font-size:15px; text-align: center; font-weight: bold;}
.bdeb2010 {position:relative; float:right; margin-top: 10px; margin-right: 250px; font-size:15px; color: #CCC; text-align:center; font-weight: bold; }

.spacer{clear:both;}
.footer{padding-top:6px; font-family: Arial, Helvetica, sans-serif; font-size: .9em; color: #78736D; text-align:center;}


/* hyperliens*/
a { text-decoration:none; }
    a:link { color: #0F0; }
    a:visited { color: #78736D; }
    a:hover { color: #CCC; }