/*-----Définitions générales, balises-----*/
body {
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 1px;
}

img {
	border: 0;
}

/*-----Div global-----*/
#conteneur {
/*Taille*/
	width: 800px;
/*Positionnement*/
	position: absolute;
	left: 50%;
	margin-left: -400px;
/*BackGround*/

	background-repeat: repeat-y;
/*Contenu*/
	padding-left: 0;
	padding-right: 0;

}

/*-----Header-----*/
#header {
	margin-bottom: 100px;
/*Taille*/
	width: 800px;
	height: 88px;
/*BackGround*/
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

/*-----Logo----*/
#logo {
/*Taille*/
	width: 518px;
	height: 54px;
/*Positonnement*/
	position: absolute;
	top: 12px;
	left: 290px;
}

/*-----Playlist----*/
#playlist {
/*Taille*/
	width: 31px;
	height: 22px;
/*Positonnement*/
	position: absolute;
	top: 3px;
	left: -60px;
}

/*-----Menu----*/
#menu {
/*Taille*/
	width: 518px;
	height: 28px;
	
/*Positonnement*/
	position: absolute;
	top: 80px;
	left: 281px;
	margin: 0px;
	
	
/*BackGround*/
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
/*Contenu*/
	padding-top: 3px;
	text-align: center;
	color: White;	
	background-color : inherit;
	font-family : Verdana, Arial, "MS Sans Serif", sans-serif;
	text-decoration : none;
	font-weight : bold;
}

/*-----Paragraphes du div#principal-----*/
#main p {
	margin: 10px 10px 10px 10px;

}

/*-----Encart-----*/
p#encart {
	margin: -10px 10px 10px 10px; 
/*Taille*/
	width: auto;
	height: auto; 
/*Positonnement*/
	float: left;
}

/*-----Encart pour galerie photos-----*/
p#encart2 {
	margin: -10px 10px 10px 10px; 
/*Taille*/
	width: auto;
	height: auto; 
/*Positonnement*/
	float: left;
}

/*-----Footer-----*/
#footer {
	/*Contenu*/
	padding-top: 15px;
	margin-top: -45px;
	text-align: center; /*BackGround*/
	background-image: url(images/footer.jpg);
	background-position: -1px;
	background-repeat: no-repeat;
}
a{text-decoration:none;
	color : black;

	
} 
#HORIZON_INDEX {
color : white;

text-align : center;
position : absolute;
top : 0px;
left : 0;
width : 100%;
height : 1px;
overflow : visible;
visibility : visible;
display : block;
}
#CONTENT_INDEX {
color : white;

margin-left : -380px;
position : absolute;
top : 0px;
left : 48%;
width : 250px;
height : 70px;
visibility : visible;
}

h4
{
   height: 0px;
   padding-left: 0px;

   color: #B3B3B3;
   text-align: left;

   margin-left : 220px;
   font-size: 10pt;
   text-decoration : none;

   }

h3
{
   height: 0px;
   padding-left: 0px;

   color: #B3B3B3;
   text-align: center;

   margin-left : 178px;
   font-size: 10pt;
   text-decoration : none;

   }


h5
{
   height: 0px;
   padding-left: 0px;

   color: #B3B3B3;
   text-align: left;
   margin-left : 220px;
   font-weight :bold ;
   letter-spacing: 0px;
   font-size: 7pt;
   text-decoration : none;

}

h1
{
   color: #B3B3B3;
   text-align: center;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 18pt;
}


/*Marque pages*/
#fastback
{
   float: left;
   
}

.element_fastback
{
   background-color: #FFF;
   background-repeat: repeat-x;



}
/* Quelques effets sur le marque pages */
.element_fastback a
{
  float: left;
  margin-left: 280px;
  margin-top : 9px;
  padding: 25px;
  padding-top:10px;
  padding-bottom: 8px; 
  background: #fff url("nav/fast_back.jpg") no-repeat scroll bottom left;
}

.element_fastback a:hover
{
 background: #fff url("nav/fast_back_over.jpg") no-repeat scroll bottom left;
}

#back
{
   float: left;
   
}

.element_back
{
   background-color: #FFF;
   background-repeat: repeat-x;



}
/* Quelques effets sur le marque pages */
.element_back a
{
  float: left;
  margin-left: -30px;
  margin-top : 9px;
  padding: 25px;
  padding-top:10px;
  padding-bottom: 8px; 
  background: #fff url("nav/back.jpg") no-repeat scroll bottom left;
}

.element_back a:hover
{
 background: #fff url("nav/back_over.jpg") no-repeat scroll bottom left;
}


#end
{
   float: left;
   
}

.element_end
{
   background-color: #FFF;
   background-repeat: repeat-x;



}
/* Quelques effets sur le marque pages */
.element_end a
{
  float: left;
  margin-left: -30px;
  margin-top : 9px;
  padding: 25px;
  padding-top:10px;
  padding-bottom: 8px; 
  background: #fff url("nav/end.jpg") no-repeat scroll bottom left;
}

.element_end a:hover
{
 background: #fff url("nav/end_over.jpg") no-repeat scroll bottom left;
}

#fastend
{
   float: left;
   
}

.element_fastend
{
   background-color: #FFF;
   background-repeat: repeat-x;



}
/* Quelques effets sur le marque pages */
.element_fastend a
{
  float: left;
  margin-left: -30px;
  margin-top : 9px;
  padding: 25px;
  padding-top:10px;
  padding-bottom: 8px; 
  background: #fff url("nav/fast_end.jpg") no-repeat scroll bottom left;
}

.element_fastend a:hover
{
 background: #fff url("nav/fast_end_over.jpg") no-repeat scroll bottom left;
}

/*Barre pages*/
#barre
{
font: normal 9px verdana, arial, sans-serif;
margin-left: center;
padding: 25px;
float: left;
padding-top: 10px;
padding-bottom: 8px;
background: #fff url("images/barrepages.gif") no-repeat scroll bottom left;
}

/*Partie Grise*/

#fastback2
{
   float: left;
   
}

.element_fastback2
{
   background-color: #FFF;
   background-repeat: repeat-x;



}
/* Quelques effets sur le marque pages */
.element_fastback2 a
{
  float: left;
  margin-left: 280px;
  margin-top : 9px;
  padding: 25px;
  padding-top:10px;
  padding-bottom: 8px; 
  background: #fff url("nav/fast_back.jpg") no-repeat scroll bottom left;
}

.element_fastback2 a:hover
{
 background: #fff url("nav/fast_back_over_2.jpg") no-repeat scroll bottom left;
}

#back2
{
   float: left;
   
}

.element_back2
{
   background-color: #FFF;
   background-repeat: repeat-x;



}
/* Quelques effets sur le marque pages */
.element_back2 a
{
  float: left;
  margin-left: -30px;
  margin-top : 9px;
  padding: 25px;
  padding-top:10px;
  padding-bottom: 8px; 
  background: #fff url("nav/back.jpg") no-repeat scroll bottom left;
}

.element_back2 a:hover
{
 background: #fff url("nav/back_over_2.jpg") no-repeat scroll bottom left;
}


#end2
{
   float: left;
   
}

.element_end2
{
   background-color: #FFF;
   background-repeat: repeat-x;



}
/* Quelques effets sur le marque pages */
.element_end2 a
{
  float: left;
  margin-left: -30px;
  margin-top : 9px;
  padding: 25px;
  padding-top:10px;
  padding-bottom: 8px; 
  background: #fff url("nav/end.jpg") no-repeat scroll bottom left;
}

.element_end2 a:hover
{
 background: #fff url("nav/end_over_2.jpg") no-repeat scroll bottom left;
}

#fastend2
{
   float: left;
   
}

.element_fastend2
{
   background-color: #FFF;
   background-repeat: repeat-x;



}
/* Quelques effets sur le marque pages */
.element_fastend2 a
{
  float: left;
  margin-left: -30px;
  margin-top : 9px;
  padding: 25px;
  padding-top:10px;
  padding-bottom: 8px; 
  background: #fff url("nav/fast_end.jpg") no-repeat scroll bottom left;
}

.element_fastend2 a:hover
{
 background: #fff url("nav/fast_end_over_2.jpg") no-repeat scroll bottom left;
}