body {
  font-size: small;
  background-color: white;
  color: black;
}

a {
  font-weight: bold;
  text-decoration: none;
/*  color: #b2aebe;*/
  color: #a3a0ae;
  background-color: white;
}
a:hover {
  background-color: #a3a0ae;
  color: black;
}

h1 {
  margin: 0px auto;
  text-align: center;
  border-top : 1px black solid;
}
h1:before {
  content: "((";
}
h1:after {
  content: "))";
}

h2 {
  color: #a3a0ae;
  border-width: 0 0 1pt 0;
  border-color: #a3a0ae;
  border-style: solid;
}

h2 .date {
  color: black;
  font-size: small;
  float: right;
}

#menu {
/*  float: left;*/
/*  text-align: right;*/
  margin: 1em 0 1em 0;
  padding: 0;
  border-width: 0 0 1pt 0;
  border-color: black;
  border-style: solid;
  white-space: nowrap;
}

#menu ul {
  list-style: none;
  font-size: small;
}
#menu > ul {
  margin: 0;
  padding: 0;
}

#menu > ul > li > ul {
  font-size: x-small;
}

#menu > ul > li > ul > li > a:before {
  content: "... ";
}
#menu > ul > li > ul > li > a:after {
  content: " ...";
}

#menu > ul > li > a:before {
  content: "((";
}
#menu > ul > li > a:after {
  content: "))";
}

#menu > ul > li {
  margin: .5em 0em;
  display: inline;
}
#menu > ul > li > ul {
  display: none;
}
#menu > ul > li > a {
  margin: 0 .5em;
  padding: 0 .3em;
  border-width: 1pt 1pt 0 1pt;
  border-color: #a3a0ae;
  border-style: solid;
}
/*
#menu {
  display: none;
}
*/

/***
 MENU / LANGUE
*****************/

#menu #langue {
  float: right;
}
#menu #langue select {
  font-size: 8pt;
}
/*
#menu #langue a {
  background-image: url(../images/eu.png);
}
*/
/***
 L O G O
*********/

#logo {
  background-image: url(../images/bande_de_gens_ombre.jpg);
  background-repeat: no-repeat;
  background-position: 0px 15px;
}

#logo:before {
  content: "((";
}
#logo:after {
  content: "))";
}

#logo {
  text-align: right;
/*  text-align: left;*/
  font-size: 80pt;
}
#logo img {
  vertical-align: middle;
}
#logo a, #logo a:hover {
  border: 0px transparent solid !important;
  border-color: white;
  background-color: transparent;
}
#logo img {
  border-style: none;
  margin: 0;
  padding: 0;
}
/*
#logo {
  float: right;
  width: 200px;
  height: 113px;
  background-image: url(logo_200.png);
}
*/

/***
 Contenu
**********/

#contenu {
  clear: both;
}

#contenu p {
  margin-left: 1.5em;
}
#contenu p img {
  float: left;
  margin: 0 1em 0 0;
}


#sousrub {
  float: right;
  border-width: 1px;
  border-color: black;
  border-style: solid;
  margin: 0 1em 1em 1em;
  padding: .5em .5em .5em .5em;
  width: 15em;
  text-align: center;
  background-color: white;
  z-index: 100;
}
#sousrub h2 {
  margin-top: 0;
}
#sousrub ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/******
 Articles
***************/

.article p {
/*  text-align: justify;*/
}


/******
 Documents
***************/

#documents {
  text-align: center;
}
#documents > div > div {
  display: inline;
}

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

#pied-de-page {
  margin-top: 3em;
  border-width: 2px 0;
  border-color: black;
  border-style: solid;
  text-align: center;
  clear: both;
}
/*
#pied-de-page:before {
  content: "((";
}
#pied-de-page:after {
  content: "))";
}
*/