#html, body {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width:1024px;
height: 100%;
margin: auto;
}
#main {
position:absolute;
width:1024px;
height:1459px;
z-index:1;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
body {
background-color: #000000;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #426029;
text-decoration: none;
}
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/masterlogoAbbaye.png);
}
#modemag {
position:absolute;
width:255px;
height:20px;
z-index:43;
margin-left: 700px;
margin-top: 140px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align:right;
}
#ph1 {
position:absolute;
width:240px;
height:243px;
z-index:15;
margin-left: 300px;
margin-top: 260px;
box-shadow: 1px 1px 1px #000000;
filter: dropshadow(color=#000000, offx=1, offy=1);
background-image: url(images/ph1.jpg);
}
#atxt {
position:absolute;
width:576px;
height:29px;
z-index:46;
margin-left: 300px;
margin-top: 220px;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
text-align:justify;
font-style:normal;
color:#FFFFFF;
}
#atxt2 {
position:absolute;
width:426px;
height:114px;
z-index:46;
margin-left: 550px;
margin-top: 260px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:justify;
font-style:normal;
color:#FFFFFF;
}
#ph2 {
position:absolute;
width:240px;
height:243px;
z-index:17;
margin-left: 700px;
margin-top: 460px;
}
#btxt {
position:absolute;
width:426px;
height:114px;
z-index:47;
margin-left: 550px;
margin-top: 385px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:justify;
font-style:normal;
color:#FFFFFF;
}
#btxt2 {
position:absolute;
width:675px;
height:41px;
z-index:47;
margin-left: 300px;
margin-top: 520px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:justify;
font-style:normal;
color:#FFFFFF;
top: 2px;
}
#btxt2b {
position:absolute;
width:675px;
height:60px;
z-index:47;
margin-left: 300px;
margin-top: 590px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:justify;
font-style:normal;
color:#FFFFFF;
}
#btxt2bb {
position:absolute;
width:675px;
height:60px;
z-index:47;
margin-left: 300px;
margin-top: 670px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:justify;
font-style:normal;
color:#FFFFFF;
}
#btxt2bbb {
position:absolute;
width:675px;
height:75px;
z-index:47;
margin-left: 300px;
margin-top: 745px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:justify;
font-style:normal;
color:#FFFFFF;
}
#btxt2c {
position:absolute;
width:252px;
height:102px;
z-index:47;
margin-left: 300px;
margin-top: 840px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:justify;
font-style:normal;
color:#FFFFFF;
}
#btxt2d {
position:absolute;
width:252px;
height:79px;
z-index:47;
margin-left: 300px;
margin-top: 955px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:justify;
font-style:normal;
color:#FFFFFF;
}
#btxt2e {
position:absolute;
width:252px;
height:110px;
z-index:47;
margin-left: 300px;
margin-top: 1055px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:justify;
font-style:normal;
color:#FFFFFF;
}
#scroll {
position:absolute;
width:303px;
height:317px;
z-index:10;
margin-left: 620px;
margin-top: 830px;
overflow: auto;
}
#ph4 {
position:absolute;
width:240px;
height:240px;
z-index:10;
margin-left: 0px;
margin-top: 20px;
}
#ph5 {
position:absolute;
width:240px;
height:240px;
z-index:10;
margin-left: 0px;
margin-top: 280px;
}
#ph6 {
position:absolute;
width:240px;
height:240px;
z-index:10;
margin-left: 0px;
margin-top: 540px;
}
#ph7 {
position:absolute;
width:240px;
height:240px;
z-index:10;
margin-left: 0px;
margin-top: 800px;
}
#ph8 {
position:absolute;
width:240px;
height:240px;
z-index:10;
margin-left: 0px;
margin-top: 1060px;
}
#ph9 {
position:absolute;
width:240px;
height:240px;
z-index:10;
margin-left: 0px;
margin-top: 1320px;
}
#ph10 {
position:absolute;
width:240px;
height:240px;
z-index:10;
margin-left: 0px;
margin-top: 1580px;
}
#ph11 {
position:absolute;
width:240px;
height:240px;
z-index:10;
margin-left: 0px;
margin-top: 1840px;
}
#ph12 {
position:absolute;
width:240px;
height:240px;
z-index:10;
margin-left: 0px;
margin-top: 2100px;
}
#ph13 {
position:absolute;
width:240px;
height:240px;
z-index:10;
margin-left: 0px;
margin-top: 2360px;
}
#ph14 {
position:absolute;
width:240px;
height:240px;
z-index:10;
margin-left: 0px;
margin-top: 2620px;
}
#ph15 {
position:absolute;
width:240px;
height:240px;
z-index:10;
margin-left: 0px;
margin-top: 2880px;
}
#ph16 {
position:absolute;
width:240px;
height:240px;
z-index:10;
margin-left: 0px;
margin-top: 3140px;
}
#ph17 {
position:absolute;
width:240px;
height:240px;
z-index:10;
margin-left: 0px;
margin-top: 3400px;
}
#ctxt {
position:absolute;
width:582px;
height:475px;
z-index:10;
margin-left: 90px;
margin-top: 190px;
}
#son {
position:absolute;
width:489px;
height:43px;
z-index:11;
margin-left: 100px;
margin-top: 1240px;
}
#sondesc {
position:absolute;
width:292px;
height:27px;
z-index:11;
margin-left: 110px;
margin-top: 1200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:left;
font-style:normal;
color:#FFFFFF;
}
#lien {
position:absolute;
width:292px;
height:27px;
z-index:11;
margin-left: 110px;
margin-top: 1300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-align:left;
font-style:normal;
color:#FFFFFF;
}
#retour {
position:absolute;
width:240px;
height:23px;
z-index:48;
margin-left: 650px;
margin-top: 1220px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-align:left;
font-style:normal;
color:#963264;
}
#retour2 {
position:absolute;
width:240px;
height:23px;
z-index:49;
margin-left: 650px;
margin-top: 1260px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-align:left;
font-style:normal;
color:#963264;
}
#keybot {
position:absolute;
width:1024px;
height:23px;
z-index:25;
margin-left: 0px;
margin-top: 1400px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:center;
color:#FFFFFF;
}
#keytop {
position:absolute;
width:422px;
height:21px;
z-index:45;
margin-left: 300px;
margin-top: 140px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align:right;
font-style:normal;
color:#FFFFFF;
}
img{border:0}
img
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
img:hover
{
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}