body {
  margin:0;
  padding:0;
  background-color:#000000;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:85%;
  color:#bcbcbc;
  font-weight:bold;
}
a:link, a:visited {
  text-decoration:none;
  color:#dedede;
}
a:hover, a:active {
  color:#ff1808;
}
strong a:link, strong a:visited {
  text-decoration:none;
  font-size:1.2em;
  color:#ff1808;
}
strong a:hover, strong a:active {
  color:#dedede;
}
img {
  border:none;
}
#bar_menu {
  position:absolute;
  top:0;
  left:210px;
  height:40px;
  margin:0;
  padding:0;
  background-color:#000000;
  white-space:nowrap;
}
#bar_menu a:link, #bar_menu a:visited {
  margin:0;
  padding:0 10px;
}
#logo {
  position:absolute;
  top:0;
  left:0;
  width:200px;
  height:160px;
  margin:0;
  padding:0;
  background-color:#000000;
}
#logo p {
  padding:10px;
}
#reportages {
  position:absolute;
  top:180px;
  left:0;
  width:200px;
  text-align:left;
}
ul {
  margin:0 0 0 8px;
  padding:0 0 0 6px;
  list-style-type:none;
}
ul ul ul {
  list-style:outside disc;
}
ul ul ul ul {
  list-style:outside circle;
}
ul {
  font-size:1.2em;
}
ul ul {
  font-size:.85em;
}
ul ul ul ul,
ul li ul li.ferme a:link,
ul li ul li.ferme a:visited,
ul li ul li ul li.ouvre ul li a:link,
ul li ul li ul li.ouvre ul li a:visited {
  color:#bcbcbc;
}
ul ul ul,
ul li ul li.ouvre a,
ul li ul li.ferme a:hover,
ul li ul li.ferme a:active,
ul li ul li ul li.ouvre ul li a:hover,
ul li ul li ul li.ouvre ul li a:active {
  color:#ff1808;
}
.montre {
  display:block;
}
.masque {
  display:none;
}
#reportages span {
  font-family:Arial,sans-serif;
  letter-spacing:.15em;
}
#reportages strong {
  font-size:1.4em;
}
#planche, #infos, #contact, #recherche, #membre {
  position:absolute;
  top:80px;
  left:205px;
  margin:0;
}
#planche {
  width:650px;
  padding:0;
  text-align:center;
  background-color:#000000;
}
#infos, #contact, #recherche, #membre, #conditions, #commande {
  width:620px;
  padding:0 12px;
  margin-bottom:20px;
  font-weight:normal;
  text-align:justify;
  line-height:1.5;
  border:2px inset #9a9a9a;
  background-color:#9a9a9a;
  color:#000000;
}
#conditions, #commande {
  position:relative;
  top:-40px;
  height:350px;
  padding:15px;
  padding-left:25px;
  overflow:auto;
}
.mi {
  background:url(../interface/mail.png) no-repeat 0 5px;
  padding-left:25px;
}
.wi {
  background:url(../interface/web.png) no-repeat 0 5px;
  padding-left:25px;
}
.ti {
  background:url(../interface/tel.png) no-repeat 0 5px;
  padding-left:25px;
}
.to {
  background:url(../interface/mob.png) no-repeat 0 5px;
  padding-left:25px;
}
.pi {
  background:url(../interface/ptt.png) no-repeat 0 5px;
  padding-left:25px;
  line-height:1.2;
}
#prevue {
  margin:20px;
  padding:0;
}
.fermeture {
  margin:0;
  line-height:1.5em;
  text-align:right;
}
.fermeture a:link, .fermeture a:visited {
  text-decoration:none;
  color:#dedede;
}
.fermeture a:hover, .fermeture a:active {
  color:#ff1808;
}
#un_11, #un_21, #un_22, #un_23, #un_24 {
  position:absolute;
  top:150px;
  left:0;
  margin:0;
  padding:0;
  width:640px;
  height:1000px;
  text-align:center;
  background-color:#000000;
}
#exergue {
  margin:0;
  padding:0;
  width:640px;
  background-color:#000000;
  text-align:center;
}
#exergue p {
  margin:0;
  padding:0;
  width:160px;
  text-align:center;
  float:left;
}
.vign {
  margin:0;
  border:1px solid #dedede;
}
#exergue img {
  margin:0;
  padding:0 0 5px 0;
  border-top:none;
  border-right:12px solid #000000;
  border-bottom:none;
  border-left:1px solid #dedede;
}
#exergue img:hover {
  border-left-color:#ff1808;
}
.sujet {
  margin:12px 0;
  padding:12px 0;
  border-top:1px solid #dedede;
  color:#dedede;
  font-weight:bold;
  text-align:center;
}
.freres {
  margin:12px 0;
  padding:12px 0;
  color:#dedede;
  font-weight:bold;
  text-align:left;
}
.freres ul {
  font-size:.9em;
}
.freres li {
  padding:4px 0;
}
.spacer {
  clear:both;
}
.intro {
  margin:0;
  padding:12px;
  height:90px;
  font-weight:normal;
  text-align:justify;
  overflow:auto;
  background-color:#9a9a9a;
  color:#000000;
}
.vignette {
  float:left;
  width:156px;
  padding:2px;
  text-align:center;
  font-weight:normal;
  font-size:.88em;
}
.folio {
  margin:10px 0;
  padding-top:4px;
  width:650px;
  height:25px;
  background-color:#9a9a9a;
  color:#000000;
}
.folio a:link, .folio a:visited {
  text-decoration:none;
}
.folio a:hover, .folio a:active {
  color:#ff1808;
}
.left {
  float:left;
  padding-left:12px;
  text-align:left;
  font-weight:normal;
}
.right {
  float:right;
  padding-right:12px;
  text-align:right;
  font-weight:normal;
}
.left img, .right img {
  vertical-align:middle;
}
.msg_n {
  margin:0;
  padding:0;
  text-align:left;
  font-style:normal;
  font-weight:normal;
  font-size:.85em;
  color:#ff1808;
}
p.msg_n {
  text-align:center;
}
.msg_o {
  margin:0;
  padding:0;
  text-align:left;
  font-style:normal;
  font-weight:bold;
  font-size:.9em;
  color:#008000;
}
.bouton, a.bouton {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  cursor:pointer;
  padding:3px;
  margin:0 3px;
  border:1px outset #9a9a9a;
  font-size:.85em;
  font-weight:normal;
  color:#000000;
  background-color:#dedede;
}
.bouton:hover, a.bouton:hover {
  border:1px inset #ff1808;
  color:#ff1808;
}
form {
  margin:0;
  padding:0;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  background-color:#9a9a9a;
  color:#000000;
  font-size:100%;
}
.titre {
  font:bold 1.2em Arial,sans-serif;
  text-align:center;
}
.choix {
  text-align:center;
}
.ligne {
  clear:left;
  margin:0;
  width:400px;
  padding:0 0 0 145px;
}
.engil {
  display:none;
}
label {
  float:left;
  margin-left:-145px;
  width:140px;
  text-align:right;
}
.txt, textarea {
  width:80%;
  height:1.5em;
  font-size:.9em;
  border:1px solid #cdcdcd; 
  background-color:#dedede;
}
textarea {
  height:15em;
}
table.livre {
  background-color:#000000;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  color:#e1e1e1;
  border-collapse:collapse;
  border:2px inset #555555;
  empty-cells:show;
  margin:20px auto;
}
table.livre th, table.livre td {
  border-collapse:collapse;
  padding:15px;
}
table.livre th {
  border-bottom:2px inset #555555;
  text-align:center;
}
table.livre th span {
  font-style:italic;
}