/*  a:link { text-decoration:none; font-weight:bold; color:navy }
 a:visited { text-decoration:none; font-weight:bold; color:red; }
 a:hover { text-decoration:none; font-weight:bold; }
 a:active { text-decoration:none; font-weight:bold;  }
 */ 
 a:link { text-decoration:none;color:black }
 a:visited { text-decoration:none;color:black }
 a:hover { text-decoration:none; font-weight:bold;color:black }
 a:active { text-decoration:none;color:black  }

body
{
font-family: arial, verdana, sans-serif ; font-size : 8pt ; color:red ; 
background-image: url("../communs/fond_stats.jpg") ; 
background-attachment: fixed ;
width:600;
  margin : 0px;
  padding : 0px;
}

  .p4{font-family:Comic Sans MS;font-size:4pt;color:red}
  .p8{font-family:Comic Sans MS;font-size:8pt;color:red}

  .p8bl{font-family:Comic Sans MS;font-size:8pt; font-weight:bold;color:blue}

  .p10{font-family:Comic Sans MS;font-size:10pt;color:white}
  .p10b{font-family:Comic Sans MS;font-size:10pt; font-weight:bold;color:black}
  .p10bl{font-family:Comic Sans MS;font-size:10pt; font-weight:bold;color:blue;background: linear-gradient(to bottom right, #C6B058, white);}
  .p8b{font-family:Comic Sans MS;font-size:8pt; font-weight:bold;color:blue;background: linear-gradient(to bottom right, #C6B058, white);}
  
  .p12b{font-family:Comic Sans MS;font-size:12pt;color:red}
  .p12{font-family:Comic Sans MS;font-size:12pt;color:blue;background: linear-gradient(to bottom right, #c7c3b2, white);    margin-left : 50px;}
  .p12n{font-family:Comic Sans MS;font-size:12pt;color:white;}
  .p12noir{font-family:Comic Sans MS;font-size:12pt;color:black;}
  .p12bl{font-family:Comic Sans MS;font-size:12pt;color:blue;background: linear-gradient(to bottom right, #C6B058, white);}

  .p8be{font-family:Comic Sans MS;font-size:8pt;font-weight:bold;color:blue;background: linear-gradient(to bottom left, #9C8B45, white);}  
  .p10ble{font-family:Comic Sans MS;font-size:10pt; font-weight:bold;color:blue;background: linear-gradient(to bottom left, #9C8B45, white);}
  .p12e{font-family:Comic Sans MS;font-size:12pt;color:blue;background: linear-gradient(to bottom left, #9C8B45, white);}  
  .p12ble{font-family:Comic Sans MS;font-size:12pt;color:blue;background: linear-gradient(to bottom left, #9C8B45, white);}
  

  .p14{font-family:Comic Sans MS;font-size:14pt;color:black}
  .p14b{font-family:Comic Sans MS;font-size:14pt;color:black;font-weight:bold}
  .p14bl{font-family:Comic Sans MS;font-size:14pt;color:blue;font-weight:bold}
  
  .p16{font-family:Comic Sans MS;font-size:16pt;color:blue}
  
  .p18{font-family:Comic Sans MS;font-size:18pt;color:black}
  
  .coiff{font-family:Courier New;font-size:12pt;color:black}

.table { 
  font-family:Comic Sans MS;font-size:12pt;color:white;
  text-align: left; 
}
#titre { 
  font-family:Comic Sans MS;font-size:16pt;color:black;
  text-align: center; 
  font-weight:bold;
}
.tout { 
  font-family:Comic Sans MS;font-size:16pt;color:white;
  text-align: center; 
}
.charb1516t { 
  font-family:Comic Sans MS;font-size:24pt;color:white;
  text-align: center; 
}
.charb1516c { 
  font-family:Comic Sans MS;font-size:16pt;color:white;
  text-align: center; 
}
.atc { 
  font-family:Comic Sans MS;font-size:16pt;color:white;
  text-align: center; 
}
.Bouton16 {
	height:30px; 
    margin-left : 10px;
	border-radius:10px;
background: linear-gradient(to bottom right, #C6B058, white);
	font-size:16px;
	font-family:comic sans ms;
	text-align:center;
	box-shadow: 6px 6px 6px #8B8B7A;
	}
.Bouton {
	height:30px; 
    margin-left : 10px;
	border-radius:10px;
background: linear-gradient(to bottom right, #C6B058, white);
	font-size:12px;
	font-family:comic sans ms;
	text-align:center;
	box-shadow: 6px 6px 6px #8B8B7A;
	}
.Bx_xG {
	height:30px; 
    margin-left : 10px;
	border-radius:10px;
background: linear-gradient(to bottom right, #C6B058, white);
	font-size:12px;
	font-family:comic sans ms;
	text-align:center;
	font-weight:bold;
	box-shadow: 6px 6px 6px #8B8B7A;
	}
.Bouton:hover {
	box-shadow: -6px -6px 16px #8B8B7A;
	background-color:#9BCD9B  ;
	}
.L500 {
	width:550px; 	
	}
.L300 {
	width:300px; 	
	}
.L200 {
	width:200px; 	
	}
.L100 {
	width:100px; 	
	}
.L50 {
	width:50px; 	
	}

#Info {
	position:fixed;
	border-radius:10px;
	border:groove;
	top: 5px;
    left: 5px;
    	text-align:left;
	font-size:18px;
	font-family:comic sans ms;
    padding:10px;
	visibility: hidden;
    background:#cccccc;
    color:black;
	}
#I_Info {
	position:fixed;
	top: 1px;
    left: 1px;
	font-size:18px;
	font-family:comic sans ms;
	}

.texteatc
{
    border:3px solid #333333;
    background:#effffe;
    padding:10px;
    color:#355555;
}
.texte
{
    border:1px solid #333333;
    background:#eeeeee;
    padding:10px;
    color:#333333;
	position:absolute;
    top: 63px;
    left: 175px;
}
.recap
{
    border:1px solid #333333;
    background:#eeeeee;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;    color:#333333;
	position:relative;
	font-size:16px;
	font-family:Courier New;
	right:20px;
	width:210px;
    left: 10px;
}
.texte:hover
{
    border:1px solid #000000;
    background:#cccccc;
    color:#000000;
}
.ppartition{background: linear-gradient(to bottom left, #9C8B45, white);}

.partition 
{
	overflow:auto;
	overflow-y:auto;
	height:800px;
	width: 800px;
	resize: both;
	visibility: hidden;
	position:fixed;
	border-radius:10px;
	border:groove;
    padding:10px;
	top: 15px;
    left:600px;
	background: linear-gradient(to bottom right, #C6B058, white);
    color:black;

	}
	
.pparoles{background: linear-gradient(to bottom left, #9C8B45, white);}

.paroles 
{
	overflow:auto;
	overflow-y:auto;
	height:800px;
	position:fixed;
	border-radius:10px;
	border:groove;
    padding:10px;
	top: 15px;
    left: 600px;
	visibility: hidden;
	background: linear-gradient(to bottom right, #C6B058, white);
    color:black;

	}
/* .morceau  */
	/* { */
	/* border:3px solid #ff00ff; */
		/* }	 */
.retour 
{
	position:fixed;
	border-radius:10px;
	border:groove;
    padding:5px;
	top: 15px;
    left: 5px;
    font-size:12px;
	border-color:green;	
	}

	
.audio {
   position: relative;
   margin: 0 auto;
   width: 360px;
   height: 15px;
   border: 0px solid #000;
   background-color: transparent;
   border-radius: 4px
   	font-size:8px;
	font-family:comic sans ms;

}
.audio audio {
   width: 360px;
   height: 15px;
   padding-top: 0px;
   margin-left: 0px;
	font-size:6px;
	font-family:comic sans ms;
	background: linear-gradient(to bottom right, #C6B058, white)

}

.morceau {
   position: relative;
   margin: 0 auto;
   width: 150px;
   height: 15px;
   border: 0px solid #000;
   background-color: transparent;
   border-radius: 4px
   	font-size:8px;
	font-family:comic sans ms;
	background: linear-gradient(to bottom right, #C6B058, white)

}
.morceau audio {
   width: 200px;
   height: 15px;
   padding-top: 0px;
   margin-left: 0px;
	font-size:6px;
	font-family:comic sans ms;

}



.commentaire {
    margin-left : 10px;
	border-radius:10px;
	background-color:C1FFC1  ;
	font-size:12px;
	font-family:comic sans ms;
	text-align:left;
	padding:10px;

	box-shadow: 6px 6px 6px #8B8B7A;
	}
tr { 
 border-width:0px;
 border-style:solid; 
 border-color:red;
 }
 td { 
 border-width:0px;
 border-style:solid; 
 border-color:red;
 }