body{
margin: 0;
text-align: center;
font-family: Arial;
font-size: 10px;
background-image:url(back.jpg);
overflow:auto;
scrollbar-face-color:#F4E0B5;
scrollbar-arrow-color:#627455;
scrollbar-track-color:#F4E0B5;
scrollbar-shadow-color:#A8A7AC;
scrollbar-highlight-color:#A8A7AC;
scrollbar-3dlight-color:#F4E0B5;
scrollbar-darkshadow-Color:#A8A7AC;
}

.conteneur{
position: relative;
top: 5;
margin-left: auto;
margin-right: auto;
width: 702px;
height: 918px;
border: 1 solid;
text-align: left;
margin: 0;
background-color:EFB67F;
}

.head{
position: relative;
height: 89px;
width: 696px;
top: 1;
right: 2;
left: 2;
border: 1 solid;
background-image:url(haut2.jpg);
}

.mid{
height: 800px;
width: 700px;
}

.left{
position: absolute;
height: 800px;
width: 96px;
top: 92;
left: 2;
border: 1 solid;
background-image:url(left2.jpg)
}

.mid2{
position: absolute;
text-align: center;
height: 800px;
width: 498px;
top: 92;
margin-left: 101px;
background-image:url(mid2.jpg);
background-repeat:no-repeat;
background-position:0px 75px;
}

.right{
position: absolute;
height: 800px;
width: 96px;
top: 92;
right: 2;
border: 1 solid;
background-image:url(right2.jpg)
}

.bas{
position: absolute;
width: 696px;
height: 20px;
top: 894;
right: 2;
left: 2;
border: 1 solid;
text-align: center;
padding: 2;
}

.midtab{
width: 488px;
height: 728px;
text-align: center;
font-family: Bradley Hand ITC;
font-size: 14px;
border-style: outset;
border-width: 1;
background-image:url(toile2.jpg);
overflow:auto;
}

.midtabcharte{
width: 488px;
height: 764px;
text-align: center;
font-family: Bradley Hand ITC;
font-size: 14px;
border-style: outset;
border-width: 1;
background-image:url(toile2.jpg);
overflow:auto;
}

a{
text-decoration: underline;
color: #000000;
}

a:hover{
text-decoration: none;
color: #000000;
}

a.presentation{
display: block;
width: 200px;
height: 30px;
background-image:url(boutons/presentation1.jpg);
background-repeat: no-repeat;
}

a.presentation:hover{
background-image:url(boutons/presentation2.jpg);
}

a.charte{
display: block;
width: 200px;
height: 30px;
background-image:url(boutons/charte1.jpg);
background-repeat: no-repeat;
}

a.charte:hover{
background-image:url(boutons/charte2.jpg);
}

a.histoires{
display: block;
width: 200px;
height: 30px;
background-image:url(boutons/histoires1.jpg);
background-repeat: no-repeat;
}

a.histoires:hover{
background-image:url(boutons/histoires2.jpg);
}

a.forum{
display: block;
width: 200px;
height: 30px;
background-image:url(boutons/forum1.jpg);
background-repeat: no-repeat;
}

a.forum:hover{
background-image:url(boutons/forum2.jpg);
}

a.precedent{
display: block;
width: 200px;
height: 30px;
background-image:url(boutons/precedent1.jpg);
background-repeat: no-repeat;
}

a.precedent:hover{
background-image:url(boutons/precedent2.jpg);
}

a.suivant{
display: block;
width: 200px;
height: 30px;
background-image:url(boutons/suivant1.jpg);
background-repeat: no-repeat;
}

a.suivant:hover{
background-image:url(boutons/suivant2.jpg);
}

a.haut{
text-decoration: underline;
color: #FFFFFF;
}

a.haut:hover{
text-decoration: none;
color: #FFFFFF;
}

a.polices{
color: red;
text-decoration: underline;
}

a.polices:hover{
color: red;
text-decoration: none;
}

.mida{
text-align: center;
font-family: arial;
font-size: 10px;
}

.midm{
text-align: center;
font-family: mistral;
font-size: 8px;
}

.hautm{
text-align: center;
font-family: mistral;
font-size: 18px;
}

td{
text-align: center;
font-family: Bradley Hand ITC;
font-size: 14px;
color: #000000;
}

p{
font-family: arial;
font-size: 10px
}

.title{
font-size: 14px;
text-decoration: underline;
}

.sub{
font-size: 12px;
text-decoration: underline;
}