@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0}
html{font-size: 90%; height: 100%}
body{ background-color: #000; height: 100%; color:#FFF; font-family: Verdana, Geneva, sans-serif; font-variant:normal}
a {color:#FFF}
a:hover {color: #9DBBEF}
h1 {color: #C3CFDD; font-size: 1.2em}
hr.separateur {clear:both; color:#000; border: none}
table {width: 100%; border: 1px solid #FFF; border-collapse:collapse}
td {text-align:center; padding: 15px 0 15px 0}
img {border: none}
ul {list-style-type: none}
ul#normal li ul {padding-left: 20px}
ul#normal h2 {font-size: 0.9em; color:#9DBBEF; text-transform: uppercase}

#principal { width: 950px; margin: 0 auto}
.message {line-height: 32px; text-align:center}
.message em {vertical-align: top; font-style:normal}
.langues {float: right}
.langues img {margin-right: 3px}
.inactif a {color:#666}
.inactif:hover {color:#666}
/* Header */
div#header {text-align:center}
div#header img.border-menu {display: block}

/* Corps */
div#corps {margin-top: 30px}
p.deconnexion {line-height: 15px; text-align:right; margin-top: 5px}
p.deconnexion a {vertical-align:top; font-style: normal; font-size: 0.9em}
p.ajout {line-height: 15px; text-align: left; margin-top: 5px}
p.ajout a {vertical-align:top; font-style: normal; font-size: 0.9em}
p.retour {line-height: 20px; text-align: right}
p.retour a {vertical-align:top; font-style: normal; font-size: 0.9em}

/* Footer */
div#footer {font-size: 0.7em; margin-top: 15px}
div#footer .nom-reepost {float: left}
p.footMentions {float:right}

/* Le menu client */
ul#menu { font-size: 0.95em; margin: 8px 0 8px 0}
ul#menu li {display: inline-block; padding: 0 10px 0 10px; margin: 0}
ul#menu li a {text-decoration:none}

#submit-page-contact {color: #FFF; width: 51px; height: 25px; background-image:url(../images/html/bouton-submit3.gif); border: none; margin-top: 15px; cursor: pointer}
/* Le menu login */
ul#menu-login { font-size: 0.95em; margin: 8px 0 8px 0; background-image:url(../images/html/back-menu.gif); height: 40px; width: 950px; line-height: 30px; text-align:center}
ul#menu-login li {display: inline-block; padding: 0 10px 0 10px; margin: 0; text-transform:uppercase; font-size: 0.9em}
ul#menu-login li a {text-decoration:none; color: #FFF; display: block; height: 31px; margin-top: 5px; padding: 0 10px 0 10px}
ul#menu-login li a:hover {color: #FFF; background-color:#666}
ul#menu-login2 { font-size: 0.6em; margin: 3px 0 3px 0; background-image:url(../images/html/back-menu.gif); height: 40px; width: 950px; line-height: 30px; text-align:center}
ul#menu-login2 li {display: inline-block; margin: 0; text-transform:uppercase; font-size: 0.95em}
ul#menu-login2 li a {text-decoration:none; color: #FFF; display: block; height: 31px; margin-top: 5px; padding: 0 3px 0 3px}
ul#menu-login2 li a:hover {color: #FFF; background-color:#666}

/* La page interface client */
form#fichiers fieldset { border: 1px solid #CCC; padding: 10px}
form#fichiers fieldset legend { font-weight:bold; padding: 0 5px 0 5px; color:white}
form#fichiers fieldset input[type="checkbox"] {margin: 5px}
form#fichiers fieldset em {font-size: 0.7em}
form#fichiers fieldset input[type="submit"] { color: #FFF; width: 141px; height: 25px; background-image:url(../images/html/bouton-submit2.gif); border: none; cursor: pointer}

/* La page d'identification */
form#identification { width: 315px; margin: 0 auto}
form#identification fieldset {padding: 0 15px 0 15px; border: none; margin-top: 40px}
form#identification fieldset legend {text-align: center; font-size: 1.1em; font-weight:bold; color:white}
form#identification label { margin: 0; padding: 0}
form#identification input {width: 100%; height: 30px; font-size: 1.2em}
form#identification p {margin-bottom: 15px}
form#identification input[type="submit"]{ background-image:url(../images/html/bouton-submit2.gif); width: 141px; height: 25px; border: none; float: right; color: #FFF; font-size:0.8em; cursor: pointer}
form#identification input[type="submit"][disabled] {color: #606060; font-size:0.8em; cursor: auto}

/* Client : Envoi de fichier */
#demo-list {padding: 0; list-style: none; margin: 0}
#demo-list .file-invalid {cursor: pointer; color: #514721; padding-left: 48px; line-height: 24px; background: url(../images/uploader/error.png) no-repeat 24px 5px; margin-bottom: 1px}
#demo-list .file-invalid span {background-color: #fff6bf; padding: 1px}
#demo-list .file {line-height: 2em; padding-left: 22px; background: url(../images/uploader/attach.png) no-repeat 1px 50%}
#demo-list .file span, #demo-list .file a {padding: 0 4px}
#demo-list .file .file-size {color: #666}
#demo-list .file .file-error {color: #8a1f11}
#demo-list .file .file-progress {width: 125px; height: 12px; vertical-align: middle; background-image: url(../images/uploader/progress-bar/progress.gif)}

/* Client : Contact */
form#contact fieldset { border: 1px solid #CCC; padding: 10px}
form#contact textarea { height: 106px}
form#contact fieldset legend { font-weight:bold; padding: 0 5px 0 5px; color:white}
form#contact label { margin: 0; padding: 0}
form#contact fieldset input[type="checkbox"] {margin: 5px}
form#contact fieldset em {font-size: 0.7em}
form#contact fieldset input[type="submit"] { color: #FFF; width: 51px; height: 25px; background-image:url(../images/html/bouton-submit3.gif); border: none; margin-top: 15px; cursor: pointer}