/* ================================================== */
/*   Styles generaux */
/* ================================================== */

body {
  /* background-color:#171717; */
  background-color:#111;
  font-size:11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #ddd;
  padding: 0px;
  margin: 0px;
}

/* ===== Titre ===== */
h1 {
  background: transparent url(../img/logo16x16.png) no-repeat !important;  
  float: left;
  /*clear: left; */
  padding: 0px;
  padding-left: 20px;
  margin: 5px;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 2px;
  color: #ccc;
}

h1 a {
  color: #ccc;
}

h2 {
  border-bottom: 1px dashed #888;
  margin: 20px 20% 20px 20%;
  padding-bottom: 4px;
  font-size: 16px;
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 2px;
  color: #DDD;
  text-align: center;
}

h3 {
  border-bottom: 1px dashed #888;
  padding-bottom: 2px;
  margin: 20px 0px 10px 0px;
  font-size: 16px;
  font-weight: bold;
  color: #AAA;
}


/* ===== Liens ===== */
a {
  color: #EEE;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

a img {
  border: none;
}

img {
  vertical-align: bottom;
}


/* ==== Select, Input, Textarea ===== */
select, input, textarea {
  background-color: #222;
  border: 1px solid #555;
  color: #AAA;
}

input[type="file"], textarea {
  width: 100%;
}

input, textarea {
  padding: 2px 4px 2px 4px;
}


/* ===== Bouton ===== */
button, input[type="submit"], input[type="reset"], input[type="button"]  {
  background: #000 url(../img/bouton.gif) repeat-x !important;
  border: 1px solid #222 !important;
  color: #aaa !important;
  padding: 5px 10px 5px 10px !important;
  margin: 0px;
  font-size: smaller;
}

button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  background: #111 url(../img/bouton_hover.gif) repeat-x !important;
  color: #fff !important;
}


/* ===== Tableau ===== */
table thead {
  background: #111 url(../img/reflet_hover.gif) repeat-x;
  border-bottom: 1px solid #333;
  overflow: hidden;
  padding: 0px;
  text-align: center;
}
table thead td {
  margin: 0px;
  padding: 5px 10px 5px 10px; 
  font-weight: bold;
}

table td {
  padding-left: 10px;
  padding-right: 10px; 
}


/* ================================================== */
/*   Wrapper  */
/* ================================================== */
#wrapper {
}


/* ================================================== */
/*   Entete, navigation et menu  */
/* ================================================== */

#header, #headerAdmin {
  background: #000 url(../img/reflet.gif) repeat-x;
  border-bottom: 1px solid #333;
  height: 25px;
  overflow: hidden;
  padding: 0px;
  margin-bottom: 10px;
}

ul.menu {
  float: right;
  list-style: none;
  margin: 0px;
  padding: 0px;
  height: 25px;
}

.menu li {
  float: left;
  height: 100%;
  padding: 5px 10px 0px 10px;
}

.menu li ul {
  list-style: none; 
  padding: 0px;
  margin: 7px 0px 0px -10px;
  position: absolute;
  z-index: 10;
  background-color: #000;
  border-bottom: 1px solid #333;
  display: none;
}

.menu li li {
  z-index: 10;
  float: inherit;
  display: inherit;
  padding: 5px 10px 6px 10px;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}

.menu li:hover ul {
  display: inherit;
}

.menu, .menu a {
  color: #ccc;
}
.menu li:hover {
  background: #111 url(../img/reflet_hover.gif) repeat-x;
  color: #fff;
}



/* ================================================== */
/*   Pied de page  */
/* ================================================== */

#footer {
  clear: both;
  border-top : 1px dashed #555;
  margin: 30px 7% 0px 7%;
  position: relative;
  bottom: 0px;
  z-index: 5;
  padding: 5px;
  text-align: center;
  color: #555;
}

#footer a {  
  color: #555;
}

#feed {
  float: right;
  text-align: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#feed li {
  margin: 5px;
}
   
#feed .rss a {
  /*background: url(../img/mini-rss.gif) no-repeat 0px 5px;
  padding : 5px 5px 5px 15px;*/
  background: url(../img/rss.gif) no-repeat 0px 3px;
  padding : 5px 5px 5px 20px;
}

#infolicence {
  font-style: italic;
  font-size: 10px;
}

#copyright {
  clear: both;
  margin-top: 20px;
}

#siteinfo {
  float: left;
  text-align: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#siteinfo li {
  margin: 5px;
}


/* ================================================== */
/*   Corps de la Page  */
/* ================================================== */
#corpspage {
  margin: 1px;
}

#zoneclient {
  margin: 5px 10% 5px 10%;
}

.center {
  text-align: center;
}

.label {
  font-weight: bold;
}

.date {
  font-style: italic;
  font-size: smaller;
  color: #999;
}

.hinter .hint {
  display: none;
  position: absolute;
  z-index: 10;
  margin-top: 20px;
}
.hinter:hover .hint {
  display: inherit;
  background-color: #555;
  border: 1px solid #777;
  padding: 5px;
}


/* ================================================== */
/*   Miniatures  */
/* ================================================== */
#miniatures {
  clear: both;
  margin-bottom: 10px;
}
#miniatures .miniature {
	display: inline;
}
.miniature a img {
  border: 1px solid #333;
  padding: 3px;
  margin: 5px;
  vertical-align: middle;
}
#miniatures .current-miniature a img {
  border: 1px solid #777 !important;
}


/* ================================================== */
/*   Formulaire  */
/* ================================================== */
.formulaire {
  background-color: #171717;
  border: 1px solid #333;
  padding: 10px 20px 10px 20px;
  text-align: left;
}

.formulaire table.layout td {
  padding: 5px;
  vertical-align: top;
}

.formulaire table.layout td.label {
  padding-top: 8px;
}

.formulaire table.action {
  padding-top: 20px;
}
.formulaire table.action td {
  padding-left: 20px;
  text-align: left;
}
.formulaire table.center {
  width: 100%;
  padding-left: 20%;
  padding-right: 20%;
  text-align: center;
}
.formulaire table.center td {
  padding-left: 0px !important;
  text-align: center !important;
}

.info {
  background: url(../img/info.png) no-repeat 0 0;
  padding: 1px 0px 2px 18px;
  color: #395AA6;
  font-style: italic;
  font-size: 10px;
}


/* ================================================== */
/*   Encarts  */
/* ================================================== */
.information {
  background: url(../img/information.png) no-repeat 0px 5px;
  min-height: 36px;
  padding: 12px 2px 2px 40px;
  color: #0038a4;
  text-align: left;
}
.attention {
  background: url(../img/attention.png) no-repeat 0px 5px;
  min-height: 36px;
  padding: 12px 2px 2px 40px;
  color: #f78e29;
  text-align: left;
}
.erreur {
  background: url(../img/erreur.png) no-repeat 0px 5px;
  min-height: 36px;
  padding: 12px 2px 2px 40px;
  color: #e00c0c;
  text-align: left;
}
.question {
  background: url(../img/question.png) no-repeat 0px 5px;
  min-height: 36px;
  padding: 12px 2px 2px 40px;
  text-align: left;
}