#html, body {
top : 0;
right : 0;
bottom : 0;
left : 0;
width : 1024px;
height : 100%;
margin : auto;
}
#main {
position : absolute;
width : 1024px;
height : 2160px;
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;
opacity : 0.5;
display : inline-block;
padding-bottom : 0;
}
a:active {
color : #FFFFFF;
text-decoration : none;
}
#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;
}
#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);
}
#arts {
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;
}
#spectacles {
position : absolute;
width : 173px;
height : 75px;
z-index : 15;
margin-left : 770px;
margin-top : 110px;
visibility : visible;
text-decoration : none;
color : #000000;
}
#p10 {
position : absolute;
width : 100px;
height : 75px;
z-index : 17;
margin-left : 600px;
bottom : 1520px;
}
#p11 {
position : absolute;
width : 100px;
height : 75px;
z-index : 17;
margin-left : 600px;
bottom : 1660px;
}
#t11 {
position : absolute;
width : 400px;
height : 23px;
z-index : 10;
margin-left : 600px;
bottom : 1620px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #FFFFFF;
text-align : left;
}
#t10 {
position : absolute;
width : 400px;
height : 23px;
z-index : 10;
margin-left : 600px;
bottom : 1480px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #FFFFFF;
text-align : left;
}
#p9 {
position : absolute;
width : 100px;
height : 75px;
z-index : 17;
margin-left : 600px;
bottom : 1380px;
}
#t9 {
position : absolute;
width : 400px;
height : 23px;
z-index : 10;
margin-left : 600px;
bottom : 1340px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #FFFFFF;
text-align : left;
}
#p8 {
position : absolute;
width : 100px;
height : 75px;
z-index : 10;
margin-left : 600px;
bottom : 1240px;
}
#t8 {
position : absolute;
width : 400px;
height : 23px;
z-index : 10;
margin-left : 600px;
bottom : 1200px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #FFFFFF;
text-align : left;
}
#p7 {
position : absolute;
width : 100px;
height : 75px;
z-index : 11;
margin-left : 600px;
bottom : 1100px;
}
#t7 {
position : absolute;
width : 400px;
height : 23px;
z-index : 10;
margin-left : 600px;
bottom : 1060px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #FFFFFF;
text-align : left;
}
#p6 {
position : absolute;
width : 100px;
height : 75px;
z-index : 10;
margin-left : 600px;
bottom : 960px;
}
#t6 {
position : absolute;
width : 400px;
height : 23px;
z-index : 10;
margin-left : 600px;
bottom : 920px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #FFFFFF;
text-align : left;
}
#p5 {
position : absolute;
width : 100px;
height : 75px;
z-index : 10;
margin-left : 600px;
bottom : 820px;
}
#t5 {
position : absolute;
width : 400px;
height : 23px;
z-index : 12;
margin-left : 600px;
bottom : 780px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #FFFFFF;
text-align : left;
}
#p4 {
position : absolute;
width : 100px;
height : 75px;
z-index : 10;
margin-left : 600px;
bottom : 680px;
}
#t4 {
position : absolute;
width : 400px;
height : 23px;
z-index : 10;
margin-left : 600px;
bottom : 640px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #FFFFFF;
text-align : left;
}
#p3 {
position : absolute;
width : 100px;
height : 75px;
z-index : 13;
margin-left : 600px;
bottom : 540px;
}
#t3 {
position : absolute;
width : 400px;
height : 23px;
z-index : 42;
margin-left : 600px;
bottom : 500px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #FFFFFF;
text-align : left;
}
#p2 {
position : absolute;
width : 100px;
height : 75px;
z-index : 10;
margin-left : 600px;
bottom : 400px;
}
#t2 {
position : absolute;
width : 400px;
height : 23px;
z-index : 19;
margin-left : 600px;
bottom : 360px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #FFFFFF;
text-align : left;
}
#p1 {
position : absolute;
width : 100px;
height : 75px;
z-index : 20;
margin-left : 600px;
bottom : 260px;
}
#t1 {
position : absolute;
width : 400px;
height : 23px;
z-index : 21;
margin-left : 600px;
bottom : 220px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #FFFFFF;
text-align : left;
}
#chroniques {
position : absolute;
width : 400px;
height : 23px;
z-index : 44;
margin-left : 600px;
bottom : 140px;
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
color : #FFFFFF;
text-align : left;
}
#accueil {
position : absolute;
width : 400px;
height : 23px;
z-index : 22;
margin-left : 600px;
bottom : 100px;
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
text-align : justify;
font-style : normal;
color : #FFFFFF;
}
#keybot {
position : absolute;
width : 1024px;
height : 23px;
z-index : 25;
margin-left : 0;
bottom : 40px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
text-align : center;
color : #006666;
}
img {
border : 0;
}