/* --- STYLES DE BASE --- */

/* Page */
html, body {height:100%;}
html {font-size: 100%;width:100%;}
body {width:100%;margin:0;padding:0;font-family: Arial, Helvetica, FreeSans, sans-serif;font-size:.8em;line-height: 1.4;color:#333;display:block;}

/* Titres */
h1, h2, h3, h4, h5, h6 {margin: 0 0 1.25em 0;line-height: 1.2;font-weight: bold;font-style: normal;padding:0;}
h1 {font-size: 1.75em;margin-bottom:1em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1em; }

/* Listes */
ul, ol {margin:0 0 1.25em;padding: 0;}

/* Paragraphes */
p {margin: 0 0 1.25em 0;}
address {margin: 0 0 1.25em 0;font-style: normal;}

/* Liens */
a {text-decoration: underline;}
a:link {color:#0F458E;}
a:visited {color:#0F458E;}
a:hover, a:focus, a:active {color:#e4002a;}
a:active {outline: none;}
a img, :link img, :visited img {border: 0;}

/* Form */
form, fieldset {margin: 0;padding: 0;border: none; }
form p {margin-bottom:0px;line-height:1.6em;color:#555;display:block;clear:both;}
form p span {color:#777777;font-size:0.75em;margin-left:0.5em;}
input, button, select {vertical-align: middle;}
label {padding-right:1em;vertical-align:top;font-weight:bold;display:block;color:#555;width:310px;}

/* Classes */
.center {margin-left:auto;margin-right:auto;}
.container {width:950px;}
.button {-moz-border-radius-bottomleft:11px;-moz-border-radius-bottomright:11px;-moz-border-radius-topleft:11px;-moz-border-radius-topright:11px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.15);background:#EAEAEA url('../images/form/bouton.png') repeat-x scroll left top;border-color:#DEDEDE #BBBBBB #BFBFBF #DEDEDE;border-style:solid;border-width:1px;color:#464646;font-family:"Lucida Grande",Tahoma,Arial,sans-serif;font-size:100%;line-height:130%;padding:5px 10px;text-decoration:none;white-space:nowrap;display:block;float:left;margin:0 0.7em 1em 0;overflow:visible;}
ul.error, ul.success, ul.notice {list-style-type:none;}
.error li, .sucess li, .notice li, p.error, p.success, p.notice {padding: 3px 3px 3px 36px;}
p.error, p.success, p.notice {-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;width:300px;}
.error {background:#FBE3E4 url('../images/errors.gif') no-repeat 10px 50%;border: #FBC2C4 1px solid; color:#8A1F11;}
.success {background: #E6EFC2 url('../images/success.gif') no-repeat 10px 50%;border: #C6D880 1px solid; color: #264409;}
.notice {background: #FFF6BF url('../images/notice.gif') no-repeat 10px 50%;border: #FFD324 1px solid; color: #514721;}
span.required {color: red !important;font-size: 13px !important;}
.fleft {float:left;}

/* COMING */
body {background:#FFF url('../images/coming/body.png') repeat-x left top;}

#img {text-align:center;margin-bottom:10px;margin-left:-170px;}
#construction {text-align:center;margin:30px 0 40px 0;color:#003399;font-style:italic;font-size:2em;text-shadow:0 1px 0 #FFF;}
.contact {margin:0 auto;width:450px;text-align:center;font-size:110%;}
.contact h3 {text-shadow:0 1px 0 #FFF;margin-bottom:10px;}
.contact a {font-weight:bold;}

#connexion {position:absolute;left:900px;top:20px;font-weight:bold;text-decoration:none;}

#login {background:transparent url('../images/coming/loginbox.png') no-repeat left top;width:540px;overflow:hidden;height:360px;margin:150px auto 0 auto;padding:20px 0 0 20px;/*position:relative;*/}
#title {border-bottom:3px solid #505050;margin-bottom:10px;}
.formBox{width:460px;overflow:hidden;height:280px;background:url(../images/coming/login.png) no-repeat 350px 80px;padding:10px 20px 20px;}
.formBox input[type="text"], .formBox input[type="password"] {margin:5px 20px;}
#autologin {position:relative;left:305px;top:-19px;}

/* CLASS FORM */
input.large, input.medium, input.small {height:16px;border:0 none;padding:7px 5px;}

/*.large_input {background: #aaa url(../images/bg_input_large.png) no-repeat left top;}*/
input.large {width: 450px;background: #aaa url(../images/form/bg_input_large.png) no-repeat left top;}
input.large:focus {background: #eee url(../images/form/bg_input_large.png) no-repeat left bottom;}

/*.medium_input {background: #aaa url(../images/bg_input_medium.png) no-repeat left top;}*/
input.medium {width:350px;background: #aaa url(../images/form/bg_input_medium.png) no-repeat left top;}
input.medium:focus {background: #eee url(../images/form/bg_input_medium.png) no-repeat left bottom;}

/*.small_input {background: #aaa url(../images/bg_input_small.png) no-repeat left top;}*/
input.small {width: 240px;background: #aaa url(../images/form/bg_input_small.png) no-repeat left top;}
input.small:focus {background: #eee url(../images/form/bg_input_small.png) no-repeat left bottom;}

.textarea {border:0 none;background:#aaa url(../images/form/bg_textarea_medium.png) no-repeat scroll left top;display:block;font-size:1.4em;height:140px;line-height:1.25em;overflow:auto;padding:5px;width:350px;}
.textarea:focus {background:#aaa url(../images/form/bg_textarea_medium.png) no-repeat scroll left bottom;}