.obligatoire { color: red; font-size: small; } .titrecommande{ font-size: 1.5em; text-align:center; } @media screen and (max-width:800px) { form#identification label { font-size: 10px; } form#identification label { color:black; width: 30%; } form#identification input:not([type=radio]), form#identification option, form#identification textarea { width: 70%; } input[type=button], input[type=submit], input[type=reset], button, .button { padding: 5px 15px; margin: 3px 4px; display: inline-block; color: #ffffff; font-size: 26px; cursor: pointer; background: #561010; background: linear-gradient(top, #561010 0%, #3d0000 100%); background: -moz-linear-gradient(top, #561010 0%, #3d0000 100%); background: -webkit-linear-gradient(top, #561010 0%, #3d0000 100%); background: -o-linear-gradient(top, #561010 0%, #3d0000 100%); border: 1px solid #561010; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25); -moz-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25); -webkit-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25); -o-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25); text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.50); } input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover { background: linear-gradient(top, #702a2a 0%, #561010 100%); background: -moz-linear-gradient(top, #702a2a 0%, #561010 100%); background: -webkit-linear-gradient(top, #702a2a 0%, #561010 100%); background: -o-linear-gradient(top, #702a2a 0%, #561010 100%); } input[type=button]:active, input[type=submit]:active, input[type=reset]:active, button:active, .button:active{ opacity:0.8; }