body { background-color:#ffffff; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; margin:0px; padding:0px; overflow:hidden; }
#bg { width:100%; height:400px; position:absolute; left:0px; bottom:0px; z-index:1; }
img.footer { width:100%; position:absolute; left:0px; bottom:0px; z-index:1; }
#login { width:700px; position:absolute; left:50%; margin-left:-350px; z-index:2; text-align:center; }
#login img { display:block; }
#login img.logo { margin:30px auto; }
#login img.interface { margin:0px auto 30px auto; }
#login form { margin:0px; }
#login table { background-color:#ffffff; border:2px solid #2d0f3d; margin:30px auto; width:300px; box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.5); }
#login table tr { height:25px; vertical-align:middle; }
#login table th, #login table td { font-size:12px; padding:0px; }
#login table tr.head td { background-color:#2d0f3d; color:#d7d7d7; height:20px; font-weight:bold; padding:2px 5px; text-align:center; }
#login table th { text-align:right; padding-right:5px; }
#login table tr.foot td { text-align:center; }
#login input.text { width:150px; height:22px; color:#000000; background-color:#ffffff; background-repeat:no-repeat; background-position:left; border:1px solid #2d0f3d; border-left:5px solid #2d0f3d; padding:2px 2px 2px 23px; }
#login input.identifiant { background-image:url(ico-login.png); }
#login input.motdepasse { background-image:url(ico-pass.png); }

#confirm { width:300px; background-color:#eeeeee; border:1px solid #98aab1; font-size:12px; margin:150px auto; position:absolute; left:50%; margin-left:-150px; z-index:3; }
#confirm .message { margin:20px; text-align:left; }
#confirm .boutons { margin:20px; text-align:right; }
#confirm .boutons a { width:80px; background-color:#e0e0e0; border:1px solid #98aab1; color:#808080; font-weight:bold; margin-left:10px; padding:5px 10px; text-align:center; text-decoration:none; }
#confirm .boutons a:hover { background-color:#ffcc66; }