/* http://meyerweb.com/eric/tools/css/reset/ 
            v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;list-style-position:outside;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing:0;}

body{background:url(img/bg.gif);color:#ffffff;font-family:Helvetica,sans-serif;font-size:12px;}
#block-login{width:426px;padding-top:100px;margin:0 auto;position:relative;}
#block-login .logo{line-height: 64px;width: 230px;margin: 0 auto; margin-bottom:30px;}
#block-login .logo img{float:left;margin-right: 15px;}
#block-login .logo h1{font-size: 20pt;font-family: Georgia, Arial; color:#fff;}
#block-login h1{font-size: 13pt;font-family: Georgia, Arial; color: #333;margin-top: 50px;}
#block-login .comptes{margin: 20px auto;width: 100px;}
#block{width:800px;margin:0 auto;position:relative;}
#block #validation{width: 600px;position:relative;}
#block #validationMessage{position:relative;}
#block #right_menu a{color: #ffffff;}
#block #right_menu a:hover{text-decoration: underline;}
#block .form{background: #fff;position: relative;clear: both;border: 3px solid #333;padding-top: 7px;min-height: 480px;}
#block .form h3{margin-top: 35px;}
#block-login .form{background:url(img/form.png) repeat-y;padding:13px 0 25px 0;margin-top:18px;position:relative;clear: both;}
#block-login .form .login-box{background:url(img/login-box.png) no-repeat;color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase;
	width:93px;padding:14px 0 14px 16px;margin-bottom:11px;position:relative;left:-4px;float:left;}
#block-login .form .warning {background:url(img/warning.png) no-repeat;height:28px;padding:0 0 0 34px;margin:7px 0px 0 113px;position:relative;}
#block-login .form .warning p {background:url(img/warning-p.png) repeat-x left center;color:#c51f00;font-size:11px;height:19px;font-weight:bold;padding:9px 6px 0 0;float:left;}
#block-login .form .warning p.c {background:url(img/warning-p.c.png) no-repeat right center;text-indent:-1000px;padding:0 0 0 0;height:28px;width:2px;}
#block-login .form input {background:url(img/input.png) no-repeat;color:#5d5d5d;font-size:12px;font-style:italic;
	width:322px;height:43px;padding-left:18px;margin:0 0 16px 40px;border:none;clear:left;}

#block-login .form .btn input{background:url(img/p.btn-input.png) no-repeat;color:#fff;font-size:12px;font-weight:bold;text-transform:uppercase;font-style:normal;text-indent:-1000px;
	width:111px;line-height:43px;padding:0;margin:0 0 0 40px;border:none;cursor:pointer;float:left;}
#block-login .form .btn input:hover{background:url(img/p.btn-input.hover.png) no-repeat;}
#block-login .form .nav-path{margin-left:162px;}
#block-login .form .nav-path li{line-height:19px;}
#block-login .form .nav-path li a{color:#005fa2;font-size:11px;}
#block-login .form .nav-path li a:hover{text-decoration:none;}

.c {background:url(img/c.png) no-repeat-x;height:28px;width:2px;}
.c2 {background:url(img/warning.png) no-repeat top left;position:absolute;top:0;left:50px;height:28px;width:2px;}
.ctop {background:url(img/ctop.png) no-repeat;width:426px;height:6px;position:absolute;top:-6px;left:0;}
.cbottom {background:url(img/cbottom.png) no-repeat;width:426px;height:6px;position:absolute;bottom:-6px;left:0;}