/*   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-style: normal;
margin: auto;
font-size: 12px;
font-weight: normal;
line-height: 1em;
color:#000;
}

h2{
margin-left: auto;
margin-bottom: 6px;
margin-right: auto;
margin-top: 6px;
font-size: 10px;
font-weight:normal;
line-height: 0;
}

h3{
text-decoration: none;
font-style: normal;
font-weight: normal;
color: black;
font-size: 8px;
line-height: 1em;
text-transform: none;
padding:0;
margin:0;
}

.centre{
text-align:center;}

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

a:hover {
margin: auto;
color: #000;
background:red;
}

.prop {
font-size: 10px;
font-weight:normal;
line-height: 0,3em;
}

#anime {
position:absolute;
height:375px;
width:500px;
background: url('../fonds/Kaffee.gif') #FFF no-repeat;
}
#menu {
margin-bottom: 10px;
position:relative;
height: 40px;
width: 500px;
}
#contain {
margin-left: 30px;
position:absolute;
width: 500px;
}
#containanime {
margin:60px 50px 50px 30px;
position:absolute;
height: 40px;
width: 1000px;
}
#bottom {
margin-left: 0px;
margin-bottom: 0px;
margin-top: 390px;
position:relative;
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/m1r.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.home{
position:absolute;
margin-top:12px;
display:block;
height: 28px;
width: 70px;
background:url('../fonds/home1.gif');
}
a.home:hover {
background:url('../fonds/home2.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.buro{
position:absolute;
margin-top:12px;
margin-left:140px;
display:block;
height: 28px;
width: 85px;
background:url('../fonds/buro1.gif');
}
a.buro:hover {
background:url('../fonds/buro2.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');
}