/*   les éléménts typographiques margin top right bottom left*****/

body {
color:#000; 
font-size:small;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
}

h1{
font-size:x-large;
font-weight:bold;
line-height:1em;
color:#000;
text-transform:uppercase;
padding:0;
margin:0;
}

h2{
font-size:x-small;
font-weight:normal;
line-height:0.3em;
}

h3{
font-size:small;
line-height:3em;
color:#FF1313;
text-transform:uppercase;
padding:0;
margin:0;
}

.centre{
text-align:center;}

/******** Les liens ******/
a {
font-size:normal;
line-height:1em;
COLOR: #000; TEXT-DECORATION: none;
}

a:hover {
color: #000;
background:#000;
}

#anime {
margin:50px 50px 50px 30px;
position:absolute;
height:375px;
width:500px;
background: url('../fonds/Kaffee.gif') #FFF no-repeat;
}
#menu {
margin:10px 50px 50px 30px;
position:absolute;
height: 40px;
width: 500px;
}
#contain {
margin:60px 50px 50px 30px;
position:absolute;
height: 40px;
width: 500px;
}
#bottom {
margin:430px 50px 50px 30px;
position:absolute;
height: 50px;
width: 500px;
}


/******** Le Menu rolloveurs ******/

a.info {
position:absolute;
margin-top:12px;
display:block;
height: 28px;
width: 61px;
background:url('../fonds/m1.gif');
}
a.info:hover {
background:url('../fonds/menu8.gif');
}
a.info2 {
position:absolute;
margin-top:12px;
display:block;
height: 28px;
width: 61px;
background:url('../fonds/m1r.gif');
}
a.info2:hover {
background:url('../fonds/m1.gif');
}

/*******************************************/

a.arbeit {
position:absolute;
margin-top:12px;
margin-left:61px;
display:block;
height: 28px;
width: 79px;
background:url('../fonds/m2.gif');
}
a.arbeit:hover {
z-index:5;
display:block;
margin-top:-5px;
margin-left:53px;
height: 60px;
width: 95px;
background:url('../fonds/m2b.gif');
}
a.arbeit2 {
position:absolute;
margin-top:12px;
margin-left:61px;
display:block;
height: 28px;
width: 79px;
background:url('../fonds/m2r.gif');
}
a.arbeit2:hover {
background:url('../fonds/m2.gif');
}

/*******************************************/

a.illu {
position:absolute;
margin-top:12px;
margin-left:140px;
display:block;
height: 28px;
width: 70px;
background:url('../fonds/m3.gif');
}
a.illu:hover {
background:url('../fonds/menu8.gif');
}
a.illu2 {
position:absolute;
margin-top:12px;
margin-left:140px;
display:block;
height: 28px;
width: 70px;
background:url('../fonds/m3r.gif');
}
a.illu2:hover {
background:url('../fonds/m3.gif');
}

/*******************************************/

a.animes {
position:absolute;
margin-top:12px;
margin-left:210px;
display:block;
height: 28px;
width: 63px;
background:url('../fonds/m4.gif');
}
a.animes:hover {
background:url('../fonds/m4b.gif');
}
a.animes2 {
position:absolute;
margin-top:12px;
margin-left:210px;
display:block;
height: 28px;
width: 63px;
background:url('../fonds/m4r.gif');
}
a.animes2:hover {
background:url('../fonds/m4.gif');
}

/*******************************************/

a.photo {
position:absolute;
margin-top:12px;
margin-left:273px;
display:block;
height: 28px;
width: 66px;
background:url('../fonds/m5.gif');
}
a.photo:hover {
background:url('../fonds/m5b.gif');
}
a.photo2 {
position:absolute;
margin-top:12px;
margin-left:273px;
display:block;
height: 28px;
width: 66px;
background:url('../fonds/m5r.gif');
}
a.photo2:hover {
background:url('../fonds/m5.gif');
}

/*******************************************/

a.musik {
position:absolute;
margin-top:12px;
margin-left:339px;
display:block;
height: 28px;
width: 85px;
background:url('../fonds/m6.gif');
}
a.musik:hover {
background:url('../fonds/menu8.gif');
}

/*******************************************/

a.lien {
position:absolute;
margin-top:12px;
margin-left:424px;
display:block;
height: 28px;
width: 76px;
background:url('../fonds/m7.gif');
}
a.lien:hover {
background:url('../fonds/menu8.gif');
}
a.lien2 {
position:absolute;
margin-top:12px;
margin-left:424px;
display:block;
height: 28px;
width: 76px;
background:url('../fonds/m7r.gif');
}
a.lien2:hover {
background:url('../fonds/m7.gif');
}
/****************navigation***************************/

a.back {
position:absolute;
display:block;
height: 28px;
width: 80px;
background:url('../fonds/back.gif');
}
a.back:hover {
background:url('../fonds/back2.gif');
}

a.next {
position:relative;
margin-left:420px;
display:block;
height: 28px;
width: 80px;
background:url('../fonds/next.gif');
}
a.next:hover {
background:url('../fonds/next2.gif');
}