/* =============== COMMUN =============== */
/* CODE COULEUR */
/* */
/* Positionnement des éléments blocks */
* {
  margin: 0;
  padding: 0;
  color: #000000;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 1em;
}
/* Fond de page */
body {
  background-image: url(../img/S_S_MetalDsk.jpg);
}
/* Mise en forme de chaîne de caractères */
.bold {
  font-weight: bold;
}
.bold_italic {
  font-weight: bold;
  font-style: italic;
}
.bold_underline {
  font-weight: bold;
  text-decoration: underline;
}
.bold_italic_underline {
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}
.italic {
  font-style: italic;
}
.italic_underline {
  font-style: italic;
  text-decoration: underline;
}
.underline {
  text-decoration: underline;
}
.red {
  color: #ff0000;
  font-weight: bold;
}
/* Liens */
a {
  color: #660000;
  font-weight: bold;
}
/* Positionnement */
.center {
  text-align: center;
}
.spacer {
  clear: both;
}
/* Message d'alerte */
.warning {
  font-weight: 700;
  color: #ff0000;
}
.green {
  color: #008000;
  font-weight: bold;
}
/* Image */
img {
  border: 0;
}
/* Formulaire */
fieldset {
  font-size: 0.9em;
}
*.submit {
  text-align: center;
}
optgroup {
  font-weight: bold;
  font-style: italic;
}
/* *********************************** A FAIRE ********************** */

.message_admin {
  width: 60%;
  margin: 1em auto;
  font-weight: bold;
  text-align: center;
  color: #ff0000;
}

/* Tableaux */
table {
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-collapse: collapse;
}

table caption:before {
  content: "-oO ";
}

table caption:after {
  content: " Oo-";
}

table th {
  border-bottom: 4px solid #000000;
  background-color: #660000;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

table tr.tr_alt {
  background-color: #99cc66;
}

table td {
  text-align: center;
  border-left-style: dotted;
  border-bottom-style: solid;
  border-color: #000000;
  border-width: 1px;
  padding: 0.3em;
}

table caption {
  margin: 1em auto 0.5em;
  font-size: 1.2em;
  font-family: Georgia, Arial, "Times New Roman";
  font-weight: bold;
  text-align: center;
}

td.td_title {
  font-weight: bold;
  font-style: italic;
  font-size: 1.2em;
  background-color: #ffffaa;
}
table thead tr th sup {
  font-weight: bold;
  color: #ffffff;
  font-size: 60%;
}
/* Largeur de colonnes */
.w_5 {
  width: 5%;
}
.w_6 {
  width: 6%;
}
.w_6_b {
  width: 6%;
  font-weight: bold;
}
.w_8 {
  width: 8%;
}
.w_10 {
  width: 10%;
}
.w_12 {
  width: 12%;
}
.w_15 {
  width: 15%;
}
.w_20 {
  width: 20%;
}
.w_25 {
  width: 25%;
}
.w_30 {
  width: 30%;
}
.w_33 {
  width: 33%;
}
.w_35 {
  width: 35%;
}
.w_64 {
  width: 64%;
}
.w_70 {
  width: 70%;
}
/* Masquer un élément block */
.hidden {
  display: none;
}

/* Sous-menu */
/* page 4 (projets) */
/* page 5 (Règles) */
/* page 31 (open) */
#ss_menu {
  overflow: hidden;
  width: 95%;
  margin: 0.75em auto 0;
}

#ss_menu p {
  float: left;
  text-align: center;
  margin: 8px 0;
}

#ss_menu li {
  float: left;
  width: 25%;
  text-align: center;
  margin: 8px 0;
  list-style-type: none;
}
* html #ss_menu li {
  height: 2.5em;
  width: 24.5%;
  padding-top: 0.5em;
}

#ss_menu li.page_31 a,
#ss_menu li.page_43 a {
  font-family: Georgia, Arial, "Times New Roman";
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  padding: 0.2em;
  border: 4px outset #000000;
  background-color: #555555;
  color: #ffffcc;
}
#ss_menu li.page_4 a:hover {
  background-color: #ffffcc;
  color: #555555;
}

/* COMPOSANT D'AFFICHAGE D'UN CHAMP MARKDOWN */
.fieldmkd {
  font-size: 1em;

  width: 80%;
  margin: 0 auto 1em;
  padding: 0.3em;
  border: 2px dotted #990033;
  background-color: #ffffdd;
}

.fieldmkd table {
  width: 25%;
  margin-top: 0.5em;
}

.fieldmkd table th {
  width: 70%;
  border: 2px solid #000000;
}

.fieldmkd table td {
  border: 2px solid #000000;
}

.fieldmkd h1 {
  margin: 0.5em 0;
  font-weight: bold;
  font-size: 1.25em;
  text-align: left;
}

.fieldmkd h2 {
  margin: 1em 0;
  font-weight: bold;
  font-size: 1.1em;
  text-align: left;
}

.fieldmkd h3 {
  margin: 1.5em 0;
  font-weight: bold;
  font-size: 1em;
  text-align: left;
}

.fieldmkd p {
  margin: 0 0 0.5em 0;
}

.fieldmkd ul li {
  margin: 0.25em 1em;
}

.fieldmkd strong {
  font-weight: bold;
}

.fieldmkd em {
  font-style: italic;
}

/* Affichage des compétence */

a.comp {
  color: #660000;
  font-weight: normal;
}

a.green {
  color: #008000;
  font-weight: bold;
}