@charset "UTF-8";

/*
 CSS created with CSE HTML Validator
*/
 
body {
margin: 0px;
padding: 0px;
background: url('../images/fond_eti_1.jpg');
background-color: yellow;
font-family: arial, verdana, sans-serif;
color: #D8B77A;
}

div.fondcentre

{

   background-image: url('../images/fond-site.jpg');
   position: relative;
   width: 785px;
   height: 3790px;
   margin-left: auto;
   margin-right: auto;
   top: 60px;

}

div.fondtexte

{

   position: relative;
	width: 667px;
	height: 3780px;
	text-align: center;
	background-color: #2C2C2C;
	margin-left: auto;
    margin-right: auto;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-top: 0px;
	background-image: url('../images/fond-fond.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
}

a:link {
	background: transparent;
	color: #01CB68;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
}

a:visited {
	background: transparent;
	color: #F4A460;
	font-family: arial, verdana, sans-serif;
	text-decoration: none;
}

a:hover {
	background: #00FF00;
	color: #FF0000;
	font-family: arial, verdana, sans-serif;
}

ul.menu {list-style-type: none;
position: relative;
float: left;
font-size: 18px;
 padding: 0;
 margin-left: 50px;
 margin-bottom: 0px;
 margin-top: 0px;
} 
ul.menucentre {list-style-type: none;
position: relative;
float: left;
font-size: 18px;
 padding: 0;
 margin-left: 50px;
 margin-bottom: 0px;
 margin-top: 0px;
 text-align: center;
} 

li {margin-bottom: 15px;}
li.mp3 {background: black;
color: white;
text-align: center;
 border: 1px solid gray;
 margin: 0 2px;
 width: 250px; 
 height: 20px;
 margin-bottom: 5px;
}
li.size {
text-align: center;
 border: 1px solid gray;
 margin: 0 2px;
 width: 120px; 
 height: 20px;
 margin-bottom: 5px;
 color: #000;
 background: #fff;
}

.menu a {
     margin: 0 2px;
     width: 250px; 
     display: block;
     text-align: center;
     border: 1px solid gray;
     text-decoration: none;
 background: #ccc;
	  color: #ff6347;
	 }
	.menu a:visited {
     background: #ff6347;
	  color: #ccc;
     border: 1px solid gray; 
     }	 
	 
.menu a:hover {
     background: yellow;
	  color: Black;
     border: 1px solid gray; 
     }

.menu a:active {
     background: red;
     border: 1px solid gray; 
     color: yellow;
     }
	ul.navigation a {
 padding: 0;
 margin: 0;
 list-style-type: none;
     width: 180px; 
     height: 20px;
     display: block;
     text-align: center;
     border: 1px solid gray;
     text-decoration: none;
     color: white;
	  background-color: Black;
	 }  
	 

	.navigation a:visited {
     background: #ccc;
	  color: #ff6347;
     border: 1px solid gray; 
     }
.navigation a:active {
     background: red;
     border: 1px solid gray; 
     color: yellow;
     } 
		.navigation a {
     width: 180px; 
     height: 20px;
     display: block;
     text-align: center;
     border: 1px solid gray;
     text-decoration: none;
     color: #000;
	 }
	 	.navigation a:hover {
     background: red;
	  color: Yellow;
     border: 1px solid gray; 
     }
		ul.navigation {
		position: relative;
		left: 10px;
		width: 180px;
 padding: 0;
 margin: 0;
 list-style-type: none;
 background-color: Black;
	 }
	 
	   div.fond p.transparent {
	background-color: transparent;
	float: left;
	height: 21px;
	margin: 0px;
	position: relative;
	width: 100%;
}
h3 {
clear:both;
padding-top: 20px;
}