body {
	background-color: #edebeb ; font-family: "Century Gothic"; text-align:center; 
	margin-top: 0em; margin-right:0em;
	scrollbar-base-color:#edebeb; scrollbar-track-color:#edebeb; scrollbar-darkshadow-color: #edebeb; scrollbar-3dlight-color:#d4d2d2;
	scrollbar-highlight-color:#edebeb;
}
h1{font-family: "Lucida Console" ; font-size:16pt; text-align:center;}
h2{font-family: "Lucida Console" ; font-size:14pt; text-align:left;}
h3{font-family: "Lucida Console" ; font-size:12pt; }
h4 {font-family: "Lucida Console" ; padding: 10 0 0 0; font-weight: bold; margin:0 1em 0 0; font-size:12pt; font-weight:bold;}
P.presse {font-family: "Lucida Console" ; padding: 0 0 10 0; margin:0 1em 0 0;}
p.h4 {font-family: "Lucida Console" ; padding: 10 0 0 0; font-weight: bold; margin:0 1em 0 0; font-size:12pt; }
p.hlink {font-family: "Lucida Console" ; padding: 10 0 0 0; margin:0 1em 0 0; font-size:12pt; }
#conteneur { font-family:"Century Gothic"; text-align:justify ; font-size:10pt ; color:black ; background-color:#FFFFFF ; width:95% ; padding:15px ; } 

/*main structure*/
div.container
{
width:715px; 
margin:auto;
line-height:150%;
}
div.footer
{
padding:1em;
text-align:right;
}

div.left
{
float:left;
/*width:120px;*/
/*margin:0;
padding-top:0;
padding:0;*/
border:none;
}

div.content_self{
text-align:left; /*MOZ*/
border:none;
/*margin-top:-0.5em;*/ /*MOZ*/
clear: right;
}

div.text {/*padding-right:14%; padding-left:7%;*/ /*margin-right:14%;*/ margin-left:10%; text-align: left; overflow:auto; height:500px; 
			font-family:"Century Gothic"; border:none; scrollbar-base-color:#edebeb; scrollbar-track-color:#edebeb; font-size:10pt; clear:right;
			}

div.txt {text-align:left; padding-right:14%; text-align:justify; font-size:10pt; font-family:"Century Gothic"; border:none; 
			scrollbar-base-color:#edebeb; scrollbar-track-color:#edebeb; /*clear:right;*/
			}
div.txt_clr {text-align:left; padding-right:14%; text-align:justify; font-size:10pt; font-family:"Century Gothic"; border:none; 
			scrollbar-base-color:#edebeb; scrollbar-track-color:#edebeb; clear:right;
			}			
.flottante {
  margin: 2px;
  float: left;
 /* width: 100px;*/
  text-align: center;
}
.jaune{float:left; /*width:100px:*/ margin:0; /*border-style:solid;*/}
<!-- TOP -->
div.rowascd {
 	text-align:center; 
	width:100%; 
	
}
div.rowascd span.piano {
	text-align:left;
	width: 100%;	
}
div.rowascd span.picto {
	float:right; 
	text-align:right; 
	width: 100px; height: 100px; 
	margin-top:-0.5em;
}
.piano_img{
	width:80%; /*MOZ 100*/
	border:none;
}

/*LIVRES*/
div.row {
 	/*clear: both;*/ /*commenter for Firefox*/
	padding-bottom: 70px;
	text-align:center;
	width: 100%;
}
div.row span.label {
 	float: left;
  	width: 20%;
 	text-align: right;
	margin-top:1em;	
 }

div.row span.formw {
	float: right;
 	width: 70%;
 	text-align: left;
 }
 
 div.cd {
 	clear: both;
	text-align:center; 
	padding-left:20%;
	width:75%;	
}
 div.cd span.song {
	float: right;
 	width: 85%;
 	text-align: left;
	padding: 0 0 0 0; 
 }
 
div.cd span.note {
 	float: left;
 	width: 10%; max-width:10%;
	height: 4%; max-height:4%;
 	text-align: right;
	padding: 0 0 0 0; 	
 }
 
 div.row_thin {
 	/*clear: both;*/ /*commenter for Firefox*/
	padding-bottom: 40px;
	text-align:center;
	width:100%;
	/*width: 120%; /*stupid but work for Firefox*/
 	}
div.row_thin span.label {
 	float: left;
 	width: 20%; 
	text-align: right;
	margin-top:10px;	
 	}

div.row_thin span.formw {
	float: right;
	width: 75%;
	text-align: left; 
	margin-top:10px;
	}
p.link {
	float:left;
	padding-right: 1em;
	margin: 0 0 0 0;
	}
 /*for TITLE*/
/*div.row_t {
	text-align:center;
	width: 100%;border:solid;		
 }
 div.row_t span.label {
 	float: left;
 	width: 25%;
 	text-align: right;
	padding-right:0.1em; border:solid;
 }

div.row_t span.formw {
	float: right;
	width: 55%;
 	text-align: left;
	margin: 1em 0 0 0;
 }*/
 /* END for TITLE */
 
 /*classes for admin forms*/
div.main{
text-align:left;margin-top:0.5em; padding-top:-1em;width:100%;
}
.label{
width: 100%; font-weight:600; 
}
.righ{
text-align:right;
}

.style{
width: 100%; border:none; margin-bottom:-3em; margin 0px auto;
}
 p.logo{
font-family: "Lucida Console" ; font-size:10;
}
p.ptit{
font-family: "Lucida Console" ; font-size:12; padding: 0 0 0 0; margin:0 0 0 0; text-align:left; line-height:14px;
}
/*for music part*/
p.ptit_center{
font-family: "Lucida Console" ; font-size:12; padding: 0 0 0 0; margin:0 0 0 0; text-align:center; line-height:14px;
}
/*<!-- IMAGES -->
<!-- margin here define distance from photo: top right bottom left -->
<!-- max is needed for Firefox -->*/

.img_menu{ max-width:65px; width:65px; height:65px; max-height:65px; border:none; }
.img_right{ max-width:75px; width:75px; height:75px; max-height:75px; border:none; float:right	; /*margin-right:-6em; */margin-top:-4.2em; }
.img_picto{ max-width:40px; width:40px; height:40px; max-height:40px; border:none; margin:0 1em 0 0;}
.img_note{ max-width:20px; width:20px; height:20px; max-height:20px; border:none; margin:0 1em 0 0; padding: 0 0 0 0;}

.img_menu_picto{max-width:35px; width:35px; height:35px; max-height:35px; border:none;}
.img_photo{max-width:150px; width:150px; height:160px; max-height:160px; border:none; margin:1em 1em 0 1em;}
.img_cov{max-width:160px; width:160px; height:240px; max-height:240px; border-style:groove; margin:1em 1em 0 1em;}

.img_cov_cd{max-width:140px; width:140px; height:140px; max-height:140px; border-style:groove ; margin:0 1em 0 0; }
.img_cov_alg{max-width:160px; width:160px; height:300px; max-height:300px; border-style:groove; margin:1em 1em 0 1em;}

/*<!-- LINKS -->*/

a{ 
	color: black; 
	font-weight: normal ;
	text-decoration:none ;
}

a:visited { 
	color:black ; 
	font-weight: normal ;
	text-decoration:none;
} 

a:hover { 
	color: black ;
	font-weight: normal ;
	text-decoration:none;
} 
a:active { 
	color: black ;
	font-weight: normal ;
	text-decoration:none;
	}
/*bouton commander*/
.command{
text-align:right;
/*margin-top:-2em;*/
}