#form_num_serie {width: 400px;height: 180px;			
			  position:absolute;
			  /* Centrer verticalement */
			  top: 50%;
			  margin-top: -80px;
			  /* Centrer horizontalement */
			  left: 50%;
			  margin-left: -200px;
			  
			  }

#la-reponse {height: 460px;width: 600px;position:absolute;
			  /* Centrer verticalement */
			  top: 50%;
			  margin-top: -230px;
			  /* Centrer horizontalement */
			  left: 50%;
			  margin-left: -300px;}


p {margin: 0px;padding: 0px;}
body {background: #000;color: #FFF; font: 15px 'Raleway',helvetica,Arial,sans-serif;}
input {border: 0px;margin: 0px;height: 40px;padding: 0px;}
input#num_serie {background:url(fond-form.png) no-repeat center center;width: 135px;font-size: 32px;letter-spacing: 8px;padding-left: 30px;float: left; }
#form_num_serie label {margin-bottom: 20px;text-align: center;width: 400px;display: block;font-size: 1.2em;}

#reponse {height: 100px;width: 315px;margin-left: auto;margin-right: auto;margin-top: 20px;}


#reponse span.renseignez {background: url(parurevip-contrefacon-reponse-intero.png) no-repeat center center;}
#reponse p {height: 70px;width: 200px;float: left;padding-top:30px;text-align: center;font-size: 1.2em;}
#reponse span {width: 100px;height: 100px;display: block;float: left;background: url(parurevip-contrefacon-reponse-valide.png) no-repeat center center}
#la-reponse p strong,
#form_num_serie strong {color: #C3935E;}

#deux-input {width: 240px;margin-left: auto;margin-right: auto;margin-top: 20px;}
#reponse.btnActive {padding-left: 100px;padding-right: 200px; padding-top: 30px; text-align: center;background: url(parurevip-contrefacon-reponse-valide.png) no-repeat center center;padding-left: inherit;}

input.verif {height: 40px;border: 0px;background: url(font-input.png)  #C3935E;cursor: pointer;padding: 0px 5px; font-size: 12px;text-transform: uppercase;}
input.verif:hover {background-image: inherit;}

#la-reponse {text-align: center;}
#la-reponse p {font-size: 1.2em;margin-top: 50px;}



@media only screen and (max-width: 600px) {


#la-reponse {height: inherit;width: inherit;position:inherit;
			  /* Centrer verticalement */
			  top: inherit;
			  margin-top:inherit;
			  /* Centrer horizontalement */
			  left: inherit;
			  margin-left: inherit;}

#form_num_serie {width: 100%;margin: 50px auto 0px auto;position: inherit;}
#form_num_serie label {width: 100%;}
#deux-input {width: 100%;text-align:center;}
#reponse {width: 100%;}

#reponse p {width: 100%;padding-top: 20px;height: inherit;}
#reponse span {width: 100%;}
input#num_serie {float: inherit;margin-bottom: 20px;background-image: inherit;background-color: #FFF;text-align: center;padding: inherit;width: 90%;}
input.verif {margin-top: -5px;width: 90%;margin: 0 5% 0 5%;}
#reponse {height: inherit;}
}

a.retour { background: url("images/background-deg-or.png") repeat scroll 0px 0px rgba(0, 0, 0, 0);
    color: #000000;
    cursor: pointer;
    
    font-family: 'Raleway',helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    padding: 5px 10px;
    text-transform: uppercase;text-decoration: none;margin-top: 20px;}
    
a:hover.retour { background: url("images/background-deg-or.png") repeat scroll 0 -30px rgba(0, 0, 0, 0);}