/*
 * Balises simples
 */
body {
   margin:0;
   color:#636363;
   font-family:Verdana,Arial,Sans-serif;
   font-size:0.7em;
   background-color:white;
}
a {
   color:blue;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
a img {
   vertical-align:middle;
   border:0;
}
form {
   display:inline;
   margin:0;
   padding:0;
}
h1 {
   margin:0 0 1em 0;
   padding:0 0.5em;
   color:white;
   font-size:1.2em;
   text-transform:uppercase;
   background-color:#e20025;
}
h4 {
   margin:0 2px;
   padding:0.3em 0;
   color:white;
   font-size:1em;
   text-align:center;
   background-color:#e20025;
}

/*
 * Structure de la page
 */
div#container {
   clear:both;
   height:100%;
   padding:1em;
   border-color:#765;
   border-style:solid;
   border-width:0 1px 1px 1px;
}
div#footer {
   margin-top:1em;
   padding:0.1em;
   color:white;
   text-align:center;
   background-color:#e20025;
}
div#footer a {
   color:white;
}
div#header {
   height:87px;
   background-image:url('../logo/header.png');
   background-position:left top;
   background-repeat:no-repeat;
}
div#header div#title {
   position:relative;
   width:30em;
   left:6em;
   top:0.6em;
   color:#e20025;
   font-size:2em;
   font-weight:bold;
}
div#nocontainer {
   clear:both;
   height:100%;
   margin:1em;
}
div#page {
   width:926px;
   margin:0 auto;
   padding:5px;
   background-color:white;
}

/*
 * Champs de saisie
 */
.button0 {
   border:1px #444 solid;
}
.checkbox0 {
}
.field0 {
   padding:1px;
   font-family:Verdana,Arial,Sans-serif;
   font-size:1em;
   border:1px #444 solid;
}
.select0 {
   font-family:Verdana,Arial,Sans-serif;
   font-size:1em;
   border:1px #444 solid;
}

/*
 * Mise en page en deux colonnes
 */
div.two_columns_container {
   width:100%;
   height:45em;
   position:relative;
   z-index:1;
}
html>body div.two_columns_container {
   height:auto;
   min-height:45em;
}
div.two_columns_left {
   margin-right:21em;
}
div.two_columns_right {
   position:absolute;
   top:0;
   right:0;
   width:20em;
}
fieldset.form_search {
   padding:0.3em 0.5em;
   border-color:#e20025;
}
fieldset.form_search legend {
   color:#e20025;
   font-weight:bold;
}
fieldset.form_search p {
   margin:0.2em 0;
   text-align:right;
}
fieldset.form_search p.name {
   font-weight:bold;
   text-align:left;
}
fieldset.form_search p.value {
   margin-left:3em;
}
fieldset.form_search p.value input.field0,
fieldset.form_search p.value select.select0,
fieldset.form_search p.value textarea.field0 {
   width:99%;
}
table.result1 {
   width:100%;
   margin-bottom:1em;
   border:1px black solid;
   border-collapse:separate;
   border-spacing:1px;
}
table.result1 tbody tr td {
   padding:0.1em 0.5em;
   vertical-align:top;
}
table.result1 tbody tr th {
   padding:0.1em 0.5em;
   vertical-align:top;
   text-align:left;
}
table.result1 tbody tr.bgA td {
   background-color:white;
}
table.result1 tbody tr.bgA th {
   background-color:white;
}
table.result1 tbody tr.bgB td {
   background-color:#eee;
}
table.result1 tbody tr.bgB th {
   background-color:#eee;
}
table.result1 tbody tr td.action {
   white-space:nowrap;
}
table.result1 tbody tr td.action a img {
   vertical-align:middle;
   border:0;
}
table.result1 tbody tr td.action div {
   margin:0.2em 0;
}
table.result1 tbody tr td.noresult {
   padding:2em 10em;
   text-align:center;
}
table.result1 thead tr th {
   padding:0.2em 0.5em;
   color:white;
   white-space:nowrap;
   background-color:#e20025;
}
table.result1 thead tr th a {
   color:white;
   text-decoration:underline;
}
ul.list_submenu {
   margin:0 2px;
   padding:0;
   list-style:none;
   border:2px #e20025 groove;
}
ul.list_submenu li {
   margin:0;
   padding:0;
}
ul.list_submenu li a {
   display:block;
   padding:0.3em 0.5em 0.3em 1.5em;
   background-image:url('../picto/puce_menu.gif');
   background-position:5px center;
   background-repeat:no-repeat;
}
ul.list_submenu li a:hover {
   background-color:#dfd;
}

/*
 * Divers
 */
div.comment {
   height:3em;
   margin:1em 0;
   padding:0.3em 0.3em 0.3em 4em;
   background-color:#eee;
   background-image:url('../picto/help.gif');
   background-position:5px 5px;
   background-repeat:no-repeat;
   border:1px silver solid;
}
div.home_news {
   float:right;
   width:25em;
   height:45em;
   margin:0 0 1em 1em;
   overflow:auto;
}
html>body div.comment {
   height:auto;
   min-height:3em;
}
span.msg_error {
   color:#e20025;
   font-weight:bold;
}
span.msg_success {
   color:green;
   font-weight:bold;
}
span.required {
   color:red;
   font-weight:bold;
}
ul.list0 {
   margin:0;
   padding:0;
   list-style:none;
}
ul.list0 li {
   margin:0.2em 0;
   padding:0 0 0 1em;
   background-image:url('../picto/puce_menu.gif');
   background-position:left 5px;
   background-repeat:no-repeat;
}
ul.list1 {
   margin:0;
   padding:0;
   list-style:none;
}
ul.list1 li {
   margin:0.2em 0 0.2em 1em;
   padding:0.2em 0.2em 0.2em 0.5em;
   background:none;
   background-color:#fee;
   border-color:#fdd #fdd #fdd #e20025;
   border-style:solid;
   border-width:1px 1px 1px 2px;
}

/*
 * Formulaire de login
 */
fieldset.form_login {
   width:30em;
   margin:8em auto;
   padding:0.3em 1em;
   border-color:#e20025;
}
fieldset.form_login legend {
   color:#e20025;
   font-weight:bold;
}
fieldset.form_login p {
   margin:0.2em 0;
}
fieldset.form_login p label {
   float:left;
   width:10em;
}
fieldset.form_login ul {
   list-style-type:none;
   margin:1.5em 0 0 0;
   padding:0;
}
fieldset.form_login ul li {
   padding-left:1em;
   background-image:url('../picto/puce_menu.gif');
   background-position:center left;
   background-repeat:no-repeat;
}

/*
 * F.A.Q.
 */
div.faq_message {
   margin:1em 0 0 0;
   border:1px #e20025 solid;
}
div.faq_message div.content {
   padding:0 0.5em;
   text-align:justify;
}
div.faq_message div.title {
   padding:0.2em 0.5em;
   color:white;
   font-weight:bold;
   background-color:#e20025;
}

/*
 * Forum
 */
div.forum_message {
   margin:1em 0 0 0;
   border:1px #e20025 solid;
}
div.forum_message div.action {
   padding:0.3em;
   text-align:right;
}
div.forum_message div.content {
   padding:0 0.5em;
}
div.forum_message div.title {
   padding:0.2em 0.5em;
   color:white;
   font-weight:bold;
   background-color:#e20025;
}

/*
 * Formulaire d'ajout et de modification
 */
fieldset.form2 {
   margin:0;
   padding:0.2em 1em;
   border-color:#e20025;
   border-style:solid;
   border-width:1px 2px 2px 1px;
}
fieldset.form2 legend {
   color:#e20025;
   font-weight:bold;
}
fieldset.form2 p.button {
   text-align:center;
}
fieldset.form2 p.error {
   height:3em;
   margin:0.2em 0;
   padding:0.2em 0 0 5.5em;
   color:#e20025;
   font-weight:bold;
   background-image:url('../picto/error.gif');
   background-position:2em top;
   background-repeat:no-repeat;
}
fieldset.form2 p.info {
   height:3em;
   margin:0.2em 0;
   padding:0.2em 0 0 5.5em;
   background-image:url('../picto/help.gif');
   background-position:2em top;
   background-repeat:no-repeat;
}
html>body fieldset.form2 p.info {
   height:auto;
   min-height:3em;
}
fieldset.form2 p.name {
   margin:0.3em 0;
   padding:0;
   font-weight:bold;
}
fieldset.form2 p.success {
   height:3em;
   margin:0.2em 0;
   padding:0.2em 0 0 5.5em;
   color:green;
   font-weight:bold;
   background-image:url('../picto/success.gif');
   background-position:2em top;
   background-repeat:no-repeat;
}
fieldset.form2 p.value {
   margin:0.2em 0;
   padding:0 0 0 2em;
}
fieldset.form2 p.value input.field0,
fieldset.form2 p.value select.select0,
fieldset.form2 p.value textarea.field0 {
   width:99%;
}

/*
 * Etapes
 */
div.list_step {
   margin:1em 0;
}
div.list_step span {
   margin:0 0.5em;
   padding:0.2em 0.5em;
   text-align:center;
   border-color:#e20025;
   border-style:solid;
   border-width:1px 2px 2px 1px;
}
div.list_step span.current {
   color:black;
   font-weight:bold;
}
div.list_step span.current a {
   color:blue;
}
div.list_step span.done {
}
div.list_step span.done a {
   color:gray;
}
div.list_step span.todo {
   color:silver;
   background-color:#eee;
   border-color:#f7bfc8;
}
div.list_step span.todo a {
   color:silver;
}