/* BARRE DE PROGRESSION*/
 
 #Cadre{    width:500px;
            height:8px;
            border:1px black solid;
            background-color:silver;
            
            }
            
            #Regle{
            width:503px;
            height:8px;
            border:none;			 
            background: url(images/regle.gif) no-repeat 0% 0% ; ;
            }
            
            #Graduation{
			float:left;
			
            
            height:8px;
			border:none;		
           	background: url(images/grad.gif) no-repeat 0% 0% ;
		   
		   }
		   
		   #Graduation_finale{
			float:left;			
            width:3px;
            height:8px;
			border:none;		
           	background: url(images/grad.gif) no-repeat 0% 0% ;
		   
		   }

            #Progress{
            width:0px;
            height:8px;
            background-color:#990000;

            }
            #Pourcent{
            width:500px;
            height:25px;
            background-color:#DFDFDF;
            text-align:center;
            }


#notification{

background-color:silver;
border:1px black solid;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:15px;
color: #990000;
font-weight:bold;
text-align: center;
}



input {
border:1px solid black;
background-color:#D3D3D3;
font-family:"trebuchet ms",sans-serif;
font-size:90%;
color:black;
font-weight:normal;
width:auto;
}

input[type=submit]{
border:1px solid black;
background-color:grey;
font-family:"trebuchet ms",sans-serif;
color:white;width: 40px ; } 

input[type=reset]{border:1px solid black;
background-color:grey;
font-family:"trebuchet ms",sans-serif;
color:white;width: 40px ; } 

input[type=button]{border:1px solid black;
background-color:grey;
font-family:"trebuchet ms",sans-serif;
font-size:150%;
color:white;
font-weight:bold;
width:auto;}