#html, body {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:1024px;
  height: 100%;
  margin: auto;
}
#main {
	position:absolute;
	width:1024px;
	height:1148px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align:left;
}
body {
	background-color: #000000;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #006666;
	text-decoration: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -o-transition: 0.5;
    -moz-opacity: 0.5; 
    opacity: 0.5;
    -webkit-opacity: 0.5;
    display:inline-block;
    padding-bottom: 0;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}	
#facebook {
	position:absolute;
	width:55px;
	height:55px;
	z-index:39;
	margin-left: 685px;
	margin-top: 10px;
}
#twitter {
	position:absolute;
	width:55px;
	height:55px;
	z-index:40;
	margin-left: 740px;
	margin-top: 10px;
}
#googleplus {
	position:absolute;
	width:55px;
	height:55px;
	z-index:41;
	margin-left: 795px;
	margin-top: 10px;
	
}
#logomag {
	position:absolute;
	width:790px;
	height:110px;
	z-index:16;
	margin-left: 200px;
	margin-top: 50px;
	background-image: url(images/master-logo-arts-et-spectacles-2.png);
}
#modemag {
	position:absolute;
	width:173px;
	height:75px;
	z-index:43;
	margin-left: 580px;
	margin-top: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align:right;
}
#a {
	position:absolute;
	width:173px;
	height:75px;
	z-index:15;
	margin-left: 770px;
	margin-top: 110px;
	visibility: visible;
	text-decoration: none;
	color:#000000;
}
#b {
	position:absolute;
	width:100px;
	height:75px;
	z-index:17;
	margin-left: 600px;
	margin-top: 240px;
}
#btxt {
	position:absolute;
	width:375px;
	height:64px;
	z-index:10;
	margin-left: 600px;
	margin-top: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-align:justify;
}
#c {
	position:absolute;
	width:375px;
	height:90px;
	z-index:10;
	margin-left: 600px;
	margin-top: 250px;
}
#ctxt {
	position:absolute;
	width:375px;
	height:59px;
	z-index:10;
	margin-left: 600px;
	margin-top: 425px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-align:justify;
}
#d {
	position:absolute;
	width:100px;
	height:75px;
	z-index:11;
	margin-left: 600px;
	margin-top: 480px;
}
#dtxt {
	position:absolute;
	width:375px;
	height:58px;
	z-index:10;
	margin-left: 600px;
	margin-top: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-align:justify;
}
#e {
	position:absolute;
	width:100px;
	height:75px;
	z-index:10;
	margin-left: 600px;
	margin-top: 600px;
}
#etxt {
	position:absolute;
	width:375px;
	height:81px;
	z-index:10;
	margin-left: 600px;
	margin-top: 580px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-align:justify;
}
#f {
	position:absolute;
	width:100px;
	height:75px;
	z-index:10;
	margin-left: 300px;
	margin-top: 720px;
}
#ftxt {
	position:absolute;
	width:375px;
	height:76px;
	z-index:12;
	margin-left: 600px;
	margin-top: 680px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-align:justify;
}
#g {
	position:absolute;
	width:100px;
	height:75px;
	z-index:10;
	margin-left: 600px;
	margin-top: 840px;
}
#gtxt {
	position:absolute;
	width:375px;
	height:30px;
	z-index:10;
	margin-left: 600px;
	margin-top: 765px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	text-align:right;
}
#h {
	position:absolute;
	width:100px;
	height:75px;
	z-index:13;
	margin-left: 600px;
	margin-top: 960px;
}
#htxt {
	position:absolute;
	width:400px;
	height:23px;
	z-index:42;
	margin-left: 600px;
	margin-top: 1040px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align:0;
}
#i {
	position:absolute;
	width:100px;
	height:75px;
	z-index:10;
	margin-left: 600px;
	margin-top: 1080px;
}
#itxt {
	position:absolute;
	width:400px;
	height:23px;
	z-index:19;
	margin-left: 600px;
	margin-top: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align:left;
}
#j {
	position:absolute;
	width:100px;
	height:75px;
	z-index:20;
	margin-left: 600px;
	margin-top: 1200px;
}
#jtxt {
	position:absolute;
	width:400px;
	height:23px;
	z-index:21;
	margin-left: 600px;
	margin-top: 950px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align:left;
}
#k {
	position:absolute;
	width:100px;
	height:75px;
	z-index:18;
	margin-left: 600px;
	margin-top: 1400px;
}
#ktxt {
	position:absolute;
	width:375px;
	height:23px;
	z-index:44;
	margin-left: 600px;
	margin-top: 950px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align:right;
}
#purpleref {
	position:absolute;
	width:375px;
	height:23px;
	z-index:22;
	margin-left: 600px;
	margin-top: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:right;
	font-style:normal;
	color:#FFFFFF;
}
#votremag {
	position:absolute;
	width:266px;
	height:23px;
	z-index:24;
	margin-left: 600px;
	margin-top: 1620px;
}
#keybot {
	position:absolute;
	width:1024px;
	height:23px;
	z-index:25;
	margin-left: 0px;
	margin-top: 1100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	color:#006666;
}
#keytop {
	position:absolute;
	width:444px;
	height:21px;
	z-index:45;
	margin-left: 200px;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:center;
	font-style:normal;
	color:#006666;
}

	img{border:0}