/* add your css Here */

pblanc{
     font-family: Arial,sans-serif;
     font-size: 1.6em;
     width: 200px;
     height: 43px;
     padding-top: 10px; /*permet le centrage vertical*/
  	 padding-bottom: 10px; /*permet le centrage vertical*/  
  	 padding-left: 20px; /*permet le centrage vertical*/
     padding-right: 20px; /*permet le centrage vertical*/
     text-align: center;
     color: #000;
     background: #FFF;
  /*background: linear-gradient( #555, #2C2C2C);*/
  border-radius: 8px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
pblanc:active{
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}
pblanc:hover{
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

pblack{
     font-family: Arial,sans-serif;
     font-size: 1.6em;
     width: 200px;
     height: 43px;
     padding-top: 10px; /*permet le centrage vertical*/
  	 padding-bottom: 10px; /*permet le centrage vertical*/  
  	 padding-left: 20px; /*permet le centrage vertical*/
     padding-right: 20px; /*permet le centrage vertical*/
     text-align: center;
     color: #FFF;
     background: #000;
  /*background: linear-gradient( #555, #2C2C2C);*/
  border-radius: 8px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
pblack:active{
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}
pblack:hover{
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

pbleu{
     font-family: Arial,sans-serif;
     font-size: 1.6em;
     width: 200px;
     height: 43px;
     padding-top: 10px; /*permet le centrage vertical*/
  	 padding-bottom: 10px; /*permet le centrage vertical*/  
  	 padding-left: 20px; /*permet le centrage vertical*/
     padding-right: 20px; /*permet le centrage vertical*/
     text-align: center;
     color: #FFF;
     background: #00F;
  border-radius: 8px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
pbleu:active{
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}
pbleu:hover{
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

pvert{
     font-family: Arial,sans-serif;
     font-size: 1.6em;
     width: 200px;
     height: 43px;
     padding-top: 10px; /*permet le centrage vertical*/
  	 padding-bottom: 10px; /*permet le centrage vertical*/  
  	 padding-left: 20px; /*permet le centrage vertical*/
     padding-right: 20px; /*permet le centrage vertical*/
     text-align: center;
     color: #FFF;
     background: #080;
  //background: linear-gradient( #555, #2C2C2C);
  border-radius: 8px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
pvert:active{
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}
pvert:hover{
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

pjaune{
     font-family: Arial,sans-serif;
     font-size: 1.6em;
     width: 200px;
     height: 43px;
     padding-top: 10px; /*permet le centrage vertical*/
  	 padding-bottom: 10px; /*permet le centrage vertical*/  
  	 padding-left: 20px; /*permet le centrage vertical*/
     padding-right: 20px; /*permet le centrage vertical*/
     text-align: center;
     color: #000;
     background: #FF0;
  //background: linear-gradient( #555, #2C2C2C);
  border-radius: 8px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
pjaune:active{
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}
pjaune:hover{
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

porange{
     font-family: Arial,sans-serif;
     font-size: 1.6em;
     width: 200px;
     height: 43px;
     padding-top: 10px; /*permet le centrage vertical*/
  	 padding-bottom: 10px; /*permet le centrage vertical*/  
  	 padding-left: 20px; /*permet le centrage vertical*/
     padding-right: 20px; /*permet le centrage vertical*/
     text-align: center;
     color: #FFF;
     background: #F70;
  //background: linear-gradient( #555, #2C2C2C);
  border-radius: 8px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
porange:active{
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}
porange:hover{
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

psilver{
     font-family: Arial,sans-serif;
     font-size: 1.6em;
     width: 200px;
     height: 43px;
     padding-top: 10px; /*permet le centrage vertical*/
  	 padding-bottom: 10px; /*permet le centrage vertical*/  
  	 padding-left: 20px; /*permet le centrage vertical*/
     padding-right: 20px; /*permet le centrage vertical*/
     text-align: center;
     color: #FFF;
     background: #BBB;
  //background: linear-gradient( #555, #2C2C2C);
  border-radius: 8px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
psilver:active{
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}
psilver:hover{
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

prouge{
     font-family: Arial,sans-serif;
     font-size: 1.6em;
     width: 200px;
     height: 43px;
     padding-top: 10px; /*permet le centrage vertical*/
  	 padding-bottom: 10px; /*permet le centrage vertical*/  
  	 padding-left: 20px; /*permet le centrage vertical*/
     padding-right: 20px; /*permet le centrage vertical*/
     text-align: center;
     color: #FFF;
     background: #F00;
  //background: linear-gradient( #555, #2C2C2C);
  border-radius: 8px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
prouge:active{
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}
prouge:hover{
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

pinit{
     font-family: Arial,sans-serif;
     font-size: 1.6em;
     width: 200px;
     height: 43px;
     padding-top: 10px; /*permet le centrage vertical*/
  	 padding-bottom: 10px; /*permet le centrage vertical*/  
  	 padding-left: 20px; /*permet le centrage vertical*/
     padding-right: 20px; /*permet le centrage vertical*/
     text-align: center;
     color: #000;
     background: #F0F;
  //background: linear-gradient( #555, #2C2C2C);
  border-radius: 8px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
pinit:active{
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}
pinit:hover{
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

pexplo{
     font-family: Arial,sans-serif;
     font-size: 1.6em;
     width: 200px;
     height: 43px;
     padding-top: 10px; /*permet le centrage vertical*/
  	 padding-bottom: 10px; /*permet le centrage vertical*/  
  	 padding-left: 20px; /*permet le centrage vertical*/
     padding-right: 20px; /*permet le centrage vertical*/
     text-align: center;
     color: #FF0;
     background: #080;
  //background: linear-gradient( #555, #2C2C2C);
  border-radius: 8px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
pexplo:active{
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}
pexplo:hover{
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

penf{
     font-family: Arial,sans-serif;
     font-size: 1.6em;
     width: 200px;
     height: 43px;
     padding-top: 10px; /*permet le centrage vertical*/
  	 padding-bottom: 10px; /*permet le centrage vertical*/  
  	 padding-left: 20px; /*permet le centrage vertical*/
     padding-right: 20px; /*permet le centrage vertical*/
     text-align: center;
     color: #FFF;
     background: #330;
  //background: linear-gradient( #555, #2C2C2C);
  border-radius: 8px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
penf:active{
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}
penf:hover{
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

ptek{
     font-family: Arial,sans-serif;
     font-size: 1.6em;
     width: 200px;
     height: 43px;
     padding-top: 10px; /*permet le centrage vertical*/
  	 padding-bottom: 10px; /*permet le centrage vertical*/  
  	 padding-left: 20px; /*permet le centrage vertical*/
     padding-right: 20px; /*permet le centrage vertical*/
     text-align: center;
     color: #FFF;
     background: #088;
  //background: linear-gradient( #555, #2C2C2C);
  border-radius: 8px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
ptek:active{
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}
ptek:hover{
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}

a
{
  	visited: none;
	text-decoration: none;
}