/* CSS Document */


body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:150%;
	background:url(../design/degrade.png) repeat-x top left #1D1D1D;

}

a {
	color:#61c17e;
	text-decoration:none;

}

a:hover {

	color:#E4E4E4;

}

img{

border:1px solid #434343;


}

textarea,input, select, #Envoyer {

	background:#262626;
	border:1px solid #434343;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:5px;
	color:#E4E4E4;

}

form{

	color:#61c17e;
}

#Envoyer {

	color:#FFFFFF;
}


hr {

	color:#434343;
}

/* Mise en page */

#conteneur{

	position:absolute;
    left: 50%; 
    top: 50%;
    width: 1020px;
    height: 670px;
    margin-top: -335px; /* moitié de la hauteur */
    margin-left: -510px; /* moitié de la largeur */
	 
	background:url(../design/background.png) no-repeat top left;

}

#titrepage{

	position:relative;
	width:340px;
	height:50px;
	overflow:hidden;
	left:490px;
	top:-30px;


}
#support{

	position:relative;
	width:340px;
	 height:530px; /* normalement 530px; mais changé pour offline */
	overflow:hidden;
	left:490px;
	top:-30px;
}

#contenu {
	position:absolute;
	width:340px;
	left:0;
	top:0;
	color:#E4E4E4;

}

#footer {

	position:absolute;
	margin-top:530px;
	margin-left:50px;
	width:350px;
	text-align:center;
	color: #1D1D1D;
	

}

#footer:hover,#footer:hover a {
	color:#333333;

}
#footer:hover {
	color:#333333;
}
#footer a {
	color: #1D1D1D;
}

#footer a:hover {
	color: #61c17e;
}

/* contrôles musique */

#musique {

	position:absolute;
	margin-top:-50px;
	margin-left:912px;
}






/* --------------infobulles --------------------------------*/

a.info {
   position: relative;
   text-decoration: none;
   font-weight:normal;
   color:#767676;

}
a.info span {
   display: none; /* on masque l'infobulle */

}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   font-size:10px;

 /*  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   width:300px;
   top: 42px; /* on positionne notre infobulle */
   left: 0px;

	border:1px dotted #767676;

   padding: 3px;

 }


/* scroller */

#scroller{

	position:relative;
	left:860px;
	top:540px;
	width:11px;
	height:36px;

}

/* menu */

#menu {
	position:relative;
	padding:0;
	left:20px;
	top:305px;
	width:350px;
	height:50px;
	color:#767676;
	text-transform: uppercase;	
	text-align:right;


}

#menu a {

	color:#767676;

}


#menu a:hover {

	color:#E4E4E4;

}



#sousmenu, #sousmenu a{
	text-transform: uppercase;	
	color:#767676;

}

#sousmenu a:hover{


	color:#E4E4E4;
}

/* Mise en forme */


.titre {

	color:#61c17e;
	font-size:14px;
	text-transform: uppercase;	
	font-weight:100;
	letter-spacing:1px;


}

.soustitre {

	color:#61c17e;
	font-size:12px;
	text-transform: uppercase;	
	font-weight:100;
	letter-spacing:1px;


}
.gris {

    color:#767676;

}

.gris a {

    color:#767676;

}

.vert{

color:#61c17e;

}