<!--
/* CSS issu des tutoriels css.alsacreations.com */
body {
margin: 5;
padding: 0;
align:center;
background-color: #000000; /*couleur de fond noire*/
 scrollbar-face-color: #9E9C77;
 scrollbar-shadow-color:#000000;
 scrollbar-highlight-color: #832935;
 scrollbar-3dlight-color: #832935; 
 scrollbar-darkshadow-color:#832935;
 scrollbar-track-color: #832935; 
 scrollbar-arrow-color: #000000;
 overflow: hidden;


}
.conteneur { /*le conteneur global du site, qui sera centré */
width: 771px;
position: absolute;
left: 50%;
margin-left: -385px;

}

.logo {
height: 72px;
width: 771px;
background-color: #99CCCC;
background: url(logo.jpg);
position:center;
left:0px ;
top: 0px ;
border-width : 1px;
	border-style : solid;
	border-color:white;

}
.header {
height: 72px;
width: 771px;
background-color: #99CCCC;
background: url(toit.jpg);
}

.left {
width: 100px;
height: 330px;
position:relative;
left: 50px ;
top: 0px ;
right:0;
background: url(dragond.jpg);
}
.right {
position:relative;
left: 620px ;
top: -330px ;
right:-30px;
width: 100px;
height: 330px;
background: url(dragong.jpg);
}

 .defilement
 {
position:relative;
left: -50px ;
top: -660px ;
right:10px;
width: 100px;
height: 330px;
background-color: black;
}


.frame {
position:relative;
left: 5px ;
top: -990px ;
margin-left: 150px;
width: 460px;
height: 330px;
background-color:#9E9C77;
overflow: auto;
border-width : 1px;
	border-style : solid;
	border-color:black;
}

 .menu{

position:relative;
left:-15px ;
top: -985px ;
background-color:#9E9C77;

 }
 
 
.footer {
position:relative;
left:-15px ;
top: -990px ;
background-color: black;
border-width : 1px;
	border-style : solid;
	border-color:white;
height: 72px;
width: 798px;
 }




 p {
	font-family: verdana, sans-serif;
	font-size: 80%;
	color: #ffffff;
	text-align: justify;
	font-style: normal;
	font: fantasy;
	padding-top:10px;
        padding-left:10px;
	top: 0px;
	padding-right : 10px;
	padding-right : 10px;

}

h5 {
	text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: Normal;
font-size: 80%;
text-decoration: none ;
color: white;


}

a.lien1
{
color:#832935;
text-decoration:none;
font-size:16px;
font-weight:bold;
}
a.lien1:hover
{
color:#ffffff;
text-decoration:underline;
font-weight:bold;
font-size:16px;
}

h1 {
font-family:verdana, sans-serif;
font-size:80%;
color:#ffffff;
background-color:transparent;


}

h3 {
font-family:verdana, sans-serif;
font-size:150%;
color:#4C8D79;
text-align: center;
}




h2 {
font-family:verdana, sans-serif;
font-size:100%;
color:#832935;
background-color:transparent;

margin-left:5px;
margin-right:5px;
}

h4 {
font-family:verdana, sans-serif;
font-size:50%;
color:white;
background-color:transparent;

margin-left:5px;
margin-right:5px;

h5 {
	font-family: verdana, sans-serif;
	font-size: 80%;
	font-color:white;
	text-align: left;
	font-style: normal;
	text-align: left;
}

-->
</style>
