body{
   background-image: url(images/fond_MBR_ByAewni.jpg);
   background-color: #DADADA;
   background-position: center top;
   background-repeat: no-repeat;
   font-family: 'Monospace', sans-serif;
 
}
.stat1{
   margin-top: 100px;
   width: 1000px;
   height: 400px;
   background-color: #D7D7D7;
   margin: auto;
   border-radius: 10px;
   border: solid 4px #1F1F1F;
   box-shadow: 1px 1px 12px black;
}
.content{
   margin-top: 100px;
   width: 1000px;
   min-height: 250px;
   background-color: #D7D7D7;
   margin: auto;
   border-radius: 10px;
   border: solid 4px #1F1F1F;
   box-shadow: 1px 1px 12px black;
}
.login-form{
   margin-top: 100px;
   width: 400px;
   height: 280px;
   background-color: #D7D7D7;
   margin: auto;
   border-radius: 10px;
   border: solid 2px #1F1F1F;
   box-shadow: 1px 1px 10px black;
}
.footy{
   text-align: center;
   margin-top: 20px;
   width: 400px;
   height: 38px;
   background-color: #D7D7D7;
   margin: auto;
   border-radius: 10px;
   border: solid 2px #1F1F1F;
   box-shadow: 1px 1px 10px black;
   text-align: center;
}
.footer{
   text-align: center;
   margin-top: 20px;
   width: 1000px;
   height: 40px;
   background-color: #D7D7D7;
   margin: auto;
   border-radius: 10px;
   border: solid 4px #1F1F1F;
   box-shadow: 1px 1px 12px black;
   text-align: center;
   font-size: 24px;
}
.in{
   width: 1000px;
   margin: auto;
   clear: both;
   overflow: hidden;
}
.right{
   background-color: #D7D7D7;
   width: 480px;
   float: right;
   height: 200px;
   margin: auto;
   border-radius: 10px;
   border: solid 4px #1F1F1F;
}
.left{
   background-color: #D7D7D7;
   width: 480px;
   float: left;
   height: 200px;
   margin: auto;
   border-radius: 10px;
   border: solid 4px #1F1F1F;

}
.bar{
   width: 1000px;
   height: 60px;
   background-color: #D7D7D7;
   margin: auto;
   border-radius: 10px;
   border: solid 4px #1F1F1F;
   box-shadow: 1px 1px 5px black;
   oveflow: hidden;
   clear: both;
}
.classname {
    box-shadow: 1px 1px 12px black;
	-moz-box-shadow:inset 0px 0px 1px 0px #1c1b1c;
	-webkit-box-shadow:inset 0px 0px 1px 0px #1c1b1c;
	box-shadow:inset 0px 0px 1px 0px #1c1b1c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:24px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.classname:active {
	position:relative;
	top:1px;
}
.all{
    min-height:500px;
}
.logo2{
    float: right;
}
.inside{
    float: left;
}
.histo{
    height: 180px; 
	padding: 10px;
	line-height:25px; 
}
.choose2 {
    cursor: pointer;
    margin-top: 6px;
    box-shadow: 1px 1px 12px black;
	-moz-box-shadow:inset 0px 0px 1px 0px #1c1b1c;
	-webkit-box-shadow:inset 0px 0px 1px 0px #1c1b1c;
	box-shadow:inset 0px 0px 1px 0px #1c1b1c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	width: 62px;
	height: 24px;
	text-align: center;
}.choose2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.choose2:active {
	position:relative;
	top:1px;
}
.choose {
    cursor: pointer;
    margin-top: 6px;
    box-shadow: 1px 1px 12px black;
	-moz-box-shadow:inset 0px 0px 1px 0px #1c1b1c;
	-webkit-box-shadow:inset 0px 0px 1px 0px #1c1b1c;
	box-shadow:inset 0px 0px 1px 0px #1c1b1c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	width: 410px;
	height: 24px;
	text-align: center;
}.choose:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.choose:active {
	position:relative;
	top:1px;
}
.box{
   width: 250px;
   height: 23px;
   border-radius: 7px;
   border: solid 2px grey;
   padding: 9px;
   font-size: 18px;
}
.boxi{
   background-color: #F2F2F2;
   width: 250px;
   height: 38px;
   border-radius: 5px;
   border: solid 2px grey;
   padding: 5px;
   font-size: 18px;
   margin-top: -14px;
}
.box:hover{
   box-shadow: 1px 1px 10px grey;
}
.top{
   margin: auto;
   width: 1100px;
}
.now{
   box-shadow: 1px 1px 4px black;
   background-color: #D7D7D7;
   width: 410px;
   height: 75px;
   border-radius: 7px;
   border: solid 4px #1F1F1F;
   padding: 9px;
   float: right;
   margin-top: 60px;
   margin-right: 48px;
   font-size: 25px;
   text-align: center;
}
#userLogged
{
   font-weight: bold;
   font-size: 35px;
}
#nowAudience
{
   text-align: center;
   margin-top: 5px;
}
.tl{
   min-height: 100px;
   width: 100%;
   clear : both;
   overflow: hidden;
}
.flex{
   height: 300px;
   width: 920px;
   background-color: #F2F2F2;
   border: solid 2px grey;
   margin-left: 20px;
   margin-right: 20px;
   line-height: 28px;
}
.note{
   height: 210px;
   float: right;
   width: 350px;
}
.faible{
   border: solid 2px grey;
   background-color: #FF4F4F;
   border-radius: 7px;
   font-weight: bold;
   font-size: 35px;
   min-height: 5px;
   width: 160px;
   padding: 10px;
   text-align: center;
   margin-left: 22px;
}
.passable{
   border: solid 2px grey;
   background-color: #FF9E3E;
   border-radius: 7px;
   font-weight: bold;
   font-size: 35px;
   min-height: 5px;
   width: 180px;
   padding: 10px;
   text-align: center;
   margin-left: 22px;
}
.bonne{
   border: solid 2px grey;
   background-color: #3EFF6F;
   border-radius: 7px;
   font-weight: bold;
   font-size: 35px;
   min-height: 5px;
   width: 160px;
   padding: 10px;
   text-align: center;
   margin-left: 22px;
}