/* Feuille de style commune pour samples */

* { font-family: Arial, serif; }
body { padding: 0px 20px; }
div { margin-left: auto; margin-right: auto; background-color: lightgray; border-radius: 20px; padding: 20px; }
a { color: #000000; text-decoration: none;}
h4 { margin: 0; text-align: center;}
div.formField { margin: 10px 0px 0px 0px; padding: 0px;}
div.formField label { display: block; font-size: 12px; }
div.formField input { width: 150px; }
div.formField input[type="submit"] { display: block; font-size: 16px; width: 100px; margin-left: auto; margin-right: auto; margin-top: 20px; border: 0px; border-radius: 10px; padding: 10px; background-color: dodgerblue; color: white; }
div.info { width: 600px; margin-top: 30px; padding: 20px; }
div.actionContainer { width: 600px; text-align: center; margin-top: 20px; background-color: transparent; margin-left: auto; margin-right: auto; }
div.actionContainer a { display: inline-block; padding: 10px 20px; background-color: dodgerblue; text-decoration: none; color: white; border-radius: 10px; }
div.loginForm { width: 300px; padding: 20px; margin-top: 50px;  }
div.loginForm form { width: 150px; margin-left: auto; margin-right: auto; }

div.inBlock { width: auto; }
.titre { text-align: center; }
.menuContainer { width: 600px; }

#loginErrorMessage { display: none; background-color: lightcoral; text-align: center; font-size: 80%; border: 1px solid #444444; border-radius: 5px; width: 146px; padding: 5px; }