#navigation {
  position: absolute;
  top: 8px;
  left: 2%;
  padding: 0.3em; 
  width: 16%;
  z-index: 12;
}

.sub_navig { position: relative; left: 1em; font-size: 0.8em; }
.sub_sub_navig { position: relative; left: 1em; }

#contenu {
  position: absolute;
  left: 20%;
  top: 8px;
  width: 78%;
  z-index: 10;
}

#bandeau_vignettes {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 158px;
  z-index: 100;
  background: url('/style/fond_bandeau.png');
  background-repeat: repeat-x;
}
#bandeau_vignettes .vignette { position: fixed; bottom: 10px; height: 115px; }
#bandeau_vignettes .vignette img { margin: 0; border: 0; }

#version_mobile { font-size: 75%; }
#menu_session {
  font-size: 80%;
  margin: 0 0 0.5em 0;
}
#menu_session input.email { width: 95% }
#menu_session input.pwd { width: 73% }
#menu_session input.ok { width: 22% }

.navigation p { margin-top: 0em ; margin-bottom: 0.5em; }
.titresite { text-align: left; margin: 1em; }
 
.logosite { }
.liensdiscrets { font-size: 0.8em; }
.bloc_items_menu { margin-top: 0.6em; }

a img { border: none; }

img.icon { vertical-align: middle; }

a, a i, a em { text-decoration: none; }
a:link, a:link i, a:link em { color: #B50000; }
a:visited, a:visited i, a:visited em { color: #B50000; }
a:active, a:active i, a:active em { color: #B50000; border-bottom: solid 1px #B50000; }
a:hover, a:hover i, a:hover em { color: #B50000; }

h1, h2, h3, h4, h5, h6, h1 i, h2 i, h3 i, h4 i, h5 i, h6 i, h1 span { color: #B50000; }

.screen_footer { float: right; font-size: 0.8em; border-top: solid 1px #000; padding: 0.5em; }
.screen_footer_spacer { height: 160px; }
.page_footer { display: none; }

.terme_recherche {
  background: #B95F5F;
  color: #FFF;
  padding: 1px;
}

.gui_message {
  margin: 15%;
  padding: 2em;
  border: solid 1px #ccc;
}

.forum_admin_menu {
  float: right;
  width: 25%;
  border: solid 2px #B50000;
  margin: 0 0 1em 1em;
  padding: 0.5em;
  clear: right;
}

.forum_admin_menu h2 { margin-top: 0; }

.forum_msg_body { padding-bottom: 1em; margin-bottom: 0.15em; border-bottom: solid 1px #000; }

.msg_status_pending {color: #666; }
.msg_status_approved {color: #090; }
.msg_status_refused {color: #900; font-weight: bold; }

.msg_usr_status_pending, .msg_usr_status_approved, .msg_usr_status_refused, .msg_usr_status_confirmed, .msg_usr_status_signaled  {
  font-family: sans-serif;
  border: solid 1px #000;
  color: #FFF;
  font-weight: bold;
  font-size: 0.7em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  text-transform: uppercase;
}

.msg_usr_status_pending { background: #666; }
.msg_usr_status_approved { background: #3C3; }
.msg_usr_status_refused { background: #900; }
.msg_usr_status_confirmed { background: #090; }
.msg_usr_status_signaled { background: #F60; }

th.slrc_doc { text-align: center ; vertical-align: center ; font-weight: bold ; }
th.tableau_saisie { text-align: right ; vertical-align: top ; font-weight: bold ; }
td.tableau_saisie { text-align: left ; vertical-align: top ; }

table.grande_liste { border-top: solid 1px #666; border-left: solid 1px #666; margin-bottom: 1em; }
table.grande_liste tr.ligne_paire   { background: #eee; }
table.grande_liste tr.ligne_impaire { background: #ccc; }
table.grande_liste tr td {
  white-space: nowrap;
  font-size: 80%; 
  padding: 2px; 
  border-bottom: solid 1px #666; 
  border-right: solid 1px #666;
  vertical-align: top;
}
table.grande_liste tr th {
  font-size: 80%;
  font-weight: bold; 
  padding: 5px; 
  border-bottom: solid 1px #666; 
  border-right: solid 1px #666;
  vertical-align: middle;
  text-align: center;
}