html, body {
  height: 100%;
  background: #D7D5CA;
  padding: 0px;
  margin: 0px;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
}

a {
  text-decoration:none;
}

a.bandeau {
  display: block;
  margin: 0px;
  padding: 0px;
}

.header {
  position:relative;
  height: 140px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  z-index:30;
}

.login-button {
 position:absolute;
 right:10px;
 top:5px;
 font-size:12px;
}

.login-button a {
 color:#ffffff;
}

#login-box { display:none; z-index:30; position:absolute; top:25px; right:10px; width:28em; height:20em; background-color:#ffffff; border:1px solid black; text-align: center; }
html>body #login-box { height:auto; }
#login-box .formulaire_menu_lang { float: right; font-size: .9em; }
#login-box .formulaire_menu_lang label { display: none; }
#login-box .formulaire_menu_lang select { display: inline; }
#login-box .formulaire_menu_lang input.submit { display: inline; }
#login-box .formulaire_login { clear: both; text-align: left; font-size: .9em; }
#login-box .formulaire_login fieldset { margin: 0; padding: 0; border: 1px solid #babdb6; padding: 1em; font-size: 1em; }
#login-box .formulaire_login fieldset .spip_logos { float: right; padding-left: 5px; }
#login-box .formulaire_login fieldset ul { float: left; margin: 0; padding: 0; list-style: none; }
#login-box .formulaire_login fieldset ul li { margin: 0; padding: 0.50em 0; }
#login-box .formulaire_login fieldset ul li label,
#login-box .formulaire_login fieldset ul li .erreur_message,
#login-box .formulaire_login fieldset ul li .details { display: block; width: auto; }
#login-box .formulaire_login fieldset ul li label.nofx { display: inline; }
#login-box .formulaire_login fieldset ul li input.text,
#login-box .formulaire_login fieldset ul li input.password { width: 11em; margin: 0; display: inline; }
#login-box .boutons { text-align: right; }
#login-box .retour { clear: both; text-align: center; font-size: .9em; }

.menu-langue { position:absolute; left:10px; top:110px; font-size:11px; color:#FFFFFF; }
.menu-langue label { display:none; }
.menu-langue select { font-size:11px; }

.bande-titre {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
  text-align: left;
  font-family: Baskerville, Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  color: #000000;
  background: #e5e3d6
}

.rubrique {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 10px;
 min-height:600px;
}

.bande-chemin {
  margin: 10px 0px 10px 0px;
  text-align: left;
  font-size: 11px;
  color: #B0B0B0;
}

.bande-chemin a {
  color: #B0B0B0;
}

.bande-chemin a:hover {
  color: #000000;
}

.page {
  position: relative;
  min-height: 100%;
  border: 0px;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  background: #FFFFFF;
  width: 800px;
  text-align: left;
  background-image: url(../images/ombre.jpg) !important;
  background-repeat: repeat-y;
  background-position: top right;
}

.colonnes {
  position: relative;
  width: 795px;
  margin: 0px;
}

.gauche {
  float: left;
  width: 180px;
  height: 100%;
}

.droite {
  float: right;
  width: 604px;
  height: 100%;
  padding-left: 0px;
  border-left: 1px dotted #B0B0B0;
  z-index:10;
}

.footer {
  height: 24px;
  width: 795px;
  background: #000000;
  color: #FFFFFF;
  clear: both;
  font-size: 10px;
  padding: 0px;
}

.footer-gauche {
  width: 180px;
  height: 24px;
  line-height: 24px;
  float: left;
}

.footer-centre {
  margin: 2px 0px 0px 200px;
  text-align: left;
  line-height: 24px;
  height: 24px;
}

.footer a {
  color: #FFFFFF;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

.maj {
  background: #FFFFFF;
  font-size: 10px;
  width: 100%;
  text-align: center;
  padding: 3px 0px 3px 0px;
  color: #808080;
}

.maj p {
  padding: 0px;
  margin: 0px;
}

div.menu {
 margin:10px;
 font-size:11px;
 padding:5px 0px 10px 0px;
 background:#FFFFFF;
 z-index:20;
}

ul.menu {
 list-style:none;
 margin:0px;
 padding:0px;
 width:156px;
 z-index:20;
}

ul.menu li {
 position:relative;
 width:154px;
 margin:-1px 0px 0px 0px;
 padding:5px 0px 5px 5px;
 color:#808080;
 border-top:1px dotted #B0B0B0;
 cursor:default;
 z-index:20;
}

ul.menu li a {
 cursor:pointer;
}

ul.menu li.menu ul {
 position:absolute;
 display:none;
 top:10px;
 left:164px;
 width:156px;
 margin:-1px 0px 0px 0px;
 padding:0px 4px 0px 1px;
 border:1px dotted #B0B0B0;
 list-style:none;
 background:#FFFFFF;
 color:#808080;
 z-index:20;
}

ul.menu li ul li {
 width:100%;
 z-index:20;
}

ul.menu li ul li:first-child {
 border-top:0px;
}

ul.menu a {
 color:#808080;
}

ul.menu a:hover {
 color:#000000;
}

ul.menu li.menu {
 width:130px;
 padding-right:24px;
 background-image:url(../puces/arrow.gif) !important;
 background-position:145px;
 background-repeat:no-repeat;
 z-index:20;
}

ul.menu li.menu:hover {
 background-image:url(../puces/arrowb.gif) !important;
 background-position:143px;
 background-repeat:no-repeat;
 z-index:20;
}

.article {
  margin: 0px 10px 15px 0px;
  font-size: 11px;
  line-height: 18px;
  padding: 0px;
}

.article a {
  color: #d81f2a;
  text-decoration: none;
}

.article a:hover {
  color: #d81f2a;
  text-decoration: underline;
}

.article .titre {
  color: #F00000;
  font-size: 11px;
  /*font-weight: bold;*/
/*  font-variant: caps;*/
  margin: 20px 0px 10px 0px;
}

.article .texte {
  color: #1C1A1A;
  margin: 0px 0px 0px 0px;
}

.article .texte h3.spip {
  color: #5a584c;
  font-size: 11px;
  /*font-weight: normal;*/
}

.questionnaire {
}

.questionnaire .question {
 margin-top:1em;
}

.questionnaire .reponse-libre {
 width:100%;
}

.questionnaire select {
}

.article table.spip {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #999999;
  border-collapse: collapse;
  font-size: 11px;
  line-height: 18px;
}

.article table.spip caption {
  caption-side: top; /* bottom pas pris en compte par IE */
  text-align: left;
/*  margin-left: auto;
  margin-right: auto;*/
  font-weight: bold;
}

.article table.spip tr.row_first {
  background-color: #FCF4D0;
  padding: 10px;
  margin-left: 10px;
  text-align: left;
}

.article table.spip tr.row_odd {
  background-color: #d0d0d0;
}

.article table.spip tr.row_even {
  background-color: #F0F0F0;
}

.article table.spip td {
  padding: 10px;
  text-align: left;
  /*width: 100px;*/
  /*vertical-align: middle;*/
  /*vertical-align: center;*/
  /*margin: 1px;*/
}

.right {
 float:right;
 padding:5px 0px 5px 10px;
}

.left {
 float:left;
 padding:5px 10px 5px 0px;
}

.center {
 display:block;
 margin-left:auto;
 margin-right:auto;
}

.recherche { margin:30px 10px 10px 10px; font-size:11px; color:#808080; }
.recherche label { display:block; }
.recherche input { font-size:11px; color:#808080; }
.recherche input.text { width:105px; }
