body {
   background:#26333B url('./design/degrade.jpg') repeat-y scroll left center;
      color:#D3ECF7; /*Couleur du texte*/
   font-family:Verdana, Arial, Helvetica, sans-serif; /*Polices d’écriture*/
   font-size:12px; /*Taille d’écriture*/
   padding:0; /*Pour que la page n’ai aucune marge*/
   margin:0; /*Pour que la page n’ai aucune marge*/
   }
   
div#contenu {
   width:840px; /*Largeur du design*/
   margin:0 auto 0 -420px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
   position:relative;
   top:25px; /*25px entre le coin supérieur de l’écran et le design*/
   left:50%;/*50% de marge ( cela centrera le design )*/
      }
        
 #piano{
	float:  right;
	

}
#photoCommentaires{
	float: right;
	margin-top: 60px;
	margin-right: 20px;
}
#header{
	margin-top: 70px;
}

div#hdp {
	float: right;
	}
#logo{
	clear: both;
	width: 79px;
	margin: auto;
}
#haut_de_page{
	clear:  both;
	color: white;
	text-align: center;
}



ul , li { margin:0; padding:0; list-style-type:none; }

#menu{
	width: 520px;
	margin-top: 50px;
	
}

#menu img{
	display: inline;
	margin: 0px;
	padding: 0px;
}


#menu a { 
	font-size: 15px;
	color:#64A2EC; 
	text-decoration:none; 
	margin: 0px;
	padding: 0px;
	margin-left: 25px;
	}
#menu a:hover {
	color: #BAD6F9; 
	}
	
a { 
	color:#64A2EC; 
	text-decoration:none;}
	
.cadre{
	clear: both;
	
}
.cadreHaut{

	
	}
.cadreCotes{
	background-image: url('./design/cadreCotes.png');
	background-repeat: y;
	padding: 20px;
}
.cadreBas{
	clear: right;
}
.espace{
	height: 30px;
}
h1 { 	text-align:center; margin:0; 
			}/*Le texte des balises h1 est centré ( car il est souvent utilisé pour les titres), et cette balise n’a plus de marge automatique */
#ref{
	font-size: 10px;
}
p { margin:0; padding:0; }/*Pas de marges automatiques sur les <p> */

div.clear { clear:both; }/*Nous verrons ceci un peu plus tard. */
img { display:block ; border:0; }/*Aucune bordure sur les <img>*/


#partage {
	text-align: center;
	margin: 45px;
}
#partage img{
	width: 85px;
	margin: 20px auto;
}
#songs{
	
	margin-top: 10px;
	//float: right;
	margin-right:5px;
	margin-left: 45%;
	//border:  1px solid white;
}
#songs td{
	text-align: left;
	vertical-align: middle;
	
}
#coteDroit{
	
	text-align: right;
	
}
#songs .tdImg{
	vertical-align: top;
}
#songs table.tableauInt tr .tdFin{
	//width: 50%;
	vertical-align: middle;
	text-align: left;	
}
.player ul{
	margin: 0;
	padding: 0;
	list-style-image: url("./design/iconeHP.png");
	display: inline;
	}
.player span{
	padding-top: 5px;
	 }
	

#presentationCommentaires{
	
	margin-top: 10px;
	//float: right;
	margin-right:5px;
	margin-left: 15%;
	//border:  1px solid white;
}
#presentationCommentaires td{
	text-align: left;
	vertical-align: middle;
	
}

#presentationCommentaires .tdImg{
	vertical-align: top;
}
#presentationCommentaires table.tableauInt tr td.tdFin{
	//width: 50%;
	vertical-align: middle;
	
}


.nameSong{
	font-size: 15px;
	color: white;
	font-style: italic;
	vertical-align: bottom;
	
}
.espaceSongs{
	height: 50px;
}
.jaquette{
	//float: left;
	margin-right: 10px;
	
}
.accueilTelechargements{
	font-size: 10px;
	margin-top: 8px;
	font-style: italic;
}
#coteGauche{
	max-width: 35%;
	text-align: center;
	float: left;
	margin-right: 5%;
}
#intro{
	text-align: justify !important;
	text-indent: 1em;
}
#partage{
	margin-top: 60px;
}
#traduction{
position: absolute;
top: 10px;
left: 10px;
	margin: 0 auto 20px 30px;
	padding: 0;
	text-align: left;
	margin-left: 30px;
}
#logoBas{
	width: 79px;
	margin: auto;
	
}
#cc{
	margin-left: 0;
}
#cc img{
	margin: auto;
}
#footer{
	width: 250px;
	margin: auto;
}
#partenaires a{
	display: inline;
	margin-left: 20px;
}
#partenaires img{
	
	border: none;
	display: inline;
}
#w3cValid img{
	position: relative;
	widht:90px;
	margin: 0 auto;
		}

#imageDons{
	float: left;
	margin: 30px;
}
#texteDons{
	text-indent: 4em;
	margin-left:30px;
	margin-top: 20px;
	width: 80%;
;
}

label{
	display: block;
	width: 200px;
	float: left;
	font-weight: bold;
	margin-left: 5%;
}
fieldset{
	width: 70%;
	margin: auto;
	border:  none;
}
fieldset p{
	line-height: 50px;
}

/* page VIDEO */
#videos{
	text-align: center;
}
#videos .fen{
	 width: 425px;
	 height: 344px;
	 text-align: center;
	 margin: 10px auto;
	
}