/* =============== PAGE =============== */

#zone_affichage {
  position: absolute;

  left: 17%;

  width: 82.5%;

  margin-top: 0.5%;

  z-index: 2;

  text-align: center;
}

#cadre_affichage {
  padding-top: 1%;

  padding-bottom: 1%;

  background-color: #91191b;

  border: 4px outset #91191b;

  text-align: justify;
}

* html #cadre_affichage {
  padding-top: 1%;

  padding-bottom: 1%;

  background-color: #91191b;

  border: 6px outset #91191b;
}

#titre_page {
  width: 95%;

  margin: 0 auto;

  padding: 0.1em;

  border: 4px inset #91191b;

  background-color: #ffffee;

  text-align: center;
}

* html #titre_page {
  width: 100%;

  border-width: 6px;
}

#titre_page h1 {
  font-family: Georgia, Arial, "Times New Roman";

  color: #660000;

  text-shadow: 3px 3px 5px black;

  font-size: 2em;

  font-weight: bold;
}

.affichage {
  overflow: hidden;

  width: 95%;

  margin: 10px auto;

  padding-bottom: 1em;

  border: 4px inset #91191b;

  background-color: #ffffee;
}

* html .affichage {
  width: 100%;

  border-width: 6px;
}

th acronym,
th abbr {
  font-weight: bold;

  color: #ffffff;
}

/* =============== MENUS =============== */

#menus {
  overflow: hidden;

  position: absolute;

  width: 15%;

  min-width: 100px;

  margin: 0.5% 0.5% 0.5% 0.5%;

  background-color: #91191b;

  border: 4px outset #91191b;

  z-index: 1;
}

* html #menus {
  width: 16%;

  border-width: 6px;
}

#logo_menu {
  text-align: center;
}

/* =============== SECTIONS DU MENU =============== */

div.section_menus {
  overflow: hidden;

  width: 94%;

  margin: 1em auto;

  padding: 0.2em 0;

  background-color: #ffffee;
}

* html div.section_menus {
  text-align: center;

  width: 97%;
}

div.section_menus h2 {
  overflow: hidden;

  width: 90%;

  margin: 0 auto;

  background-color: #ffffff;

  border: 1px solid #000000;

  text-align: center;

  font-size: 0.7em;

  font-weight: bold;

  font-family: Georgia, Arial, "Times New Roman";
}

div.section_menus ul {
  margin: 0.2em 0 0.2em;
}

div.section_menus li {
  font-family:
    Arial,
    Times New Roman;

  font-size: 0.6em;

  list-style-type: none;
}

div.section_menus li.bold {
  font-weight: bold;
}

* html div.section_menus li {
  text-align: left;

  line-height: 1.4em;
}

div.section_menus a {
  display: block;

  padding-left: 8px;

  text-decoration: none;
}

* html div.section_menus a {
  margin-bottom: -12px;
}

div.section_menus a:hover {
  color: #ffffee;

  background-color: #667733;
}

/* Menu Championnat */

div.section_menus ul.champ li a {
  color: #000000;
}

div.section_menus ul.champ li.bold a.bold {
  font-weight: bold;
}

div.section_menus ul.champ li:hover {
  background-color: #000000;
}

div.section_menus ul.champ li:hover a {
  color: #ffffff;
}

/* =============== FORMULAIRE DE CONNEXION =============== */

#form_login {
  width: 82%;

  margin: 0 auto;

  border: 1px dotted #000000;

  padding: 0.2em;

  background-color: #ffffee;
}

* html #form_login {
  width: 97%;
}

#form_login fieldset {
  padding-bottom: 0.3em;

  background-color: #ffffee;
}

#form_login p {
  text-align: center;
}

#form_login label {
  font-weight: bold;

  /* color: #667733; */
}

#form_login p {
  overflow: hidden;

  margin-top: 0.3em;
}

#form_login p.psw_forg {
  font-size: 0.6em;

  text-decoration: underline;
}

#form_login p.psw_forg a {
  font-weight: normal;
}

/* =============== PUBLICITES ET LE SAVIEZ-VOUS =============== */

#lsv {
  position: relative;

  width: 50%;

  min-width: 250px;

  margin: 2em auto;

  background-color: #91191b;

  border: 4px outset #91191b;
}

* html #lsv {
  border-width: 6px;
}

#lsv h6 {
  overflow: hidden;

  margin: 1% 1% 0;

  border: 4px inset #91191b;

  border-bottom: 0;

  background-color: #ffffee;

  padding: 0.3em;

  text-align: center;

  font-size: 1.2em;

  font-family: Georgia, Arial, "Times New Roman";

  text-decoration: underline;
}

#lsv p {
  overflow: hidden;

  margin: -0.1em 1% 2%;

  border: 4px inset #91191b;

  border-top: 0;

  background-color: #ffffee;

  padding: 0.3em;

  text-indent: 1.5em;

  text-align: justify;

  font-style: italic;
}

* html #lsv h6,
* html #lsv p {
  border-width: 6px;

  width: 100%;
}

#pub {
  margin-top: 1em;

  text-align: center;
}

/*  FAUSSES PUBS */

#view_pub {
  margin-top: 1em;
}

#view_pub p {
  text-align: center;
}

#view_pub a {
  font-weight: bold;

  color: green;
}

#page_pubs ul.pubs_img {
  list-style-type: none;
}

#page_pubs ul.pubs_img li {
  width: 33%;

  height: 180px;

  float: left;

  text-align: center;

  border-top: 1px solid red;
}

#page_pubs ul.pubs_img li a {
  margin-bottom: 0.2em;

  color: green;

  font-size: 70%;
}

#page_pubs ul.pubs_menu {
  list-style-type: none;

  text-align: center;

  margin-top: 1em;
}

#page_pubs ul.pubs_menu li {
  width: 25%;

  float: left;

  text-align: center;

  font-weight: bold;
}

* html #page_pubs ul.pubs_menu li {
  width: 24.5%;
}

#page_pubs ul.pubs_menu li a {
  color: green;

  font-weight: bold;
}

/* COPYRIGHT */

#copy {
  margin: 1em auto;

  font-size: 0.8em;
}

/* ADMINISTRATION */

#admin div.site_pan_admin {
  background-color: #ffffff;

  width: 80%;

  margin: 1em auto;

  padding: 0.3em;

  border: 1px dashed #996633;

  text-align: left;
}

#admin div.site_pan_admin h5 {
  font-weight: bold;

  text-decoration: underline;

  font-style: italic;
}

#admin ul {
  margin: 0.5em 2em;

  list-style-type: none;
}

#admin h2 {
  text-align: center;

  text-decoration: underline;

  font-weight: bold;

  font-size: 1.3em;
}

#admin h4 {
  margin-left: 1em;

  text-decoration: underline;

  font-size: 1.1em;

  font-style: italic;
}

/* ADMINISTRATION LUTECE */

#tbl_add_match_1 {
  width: 60%;
}

#tbl_add_match_1 th.white {
  width: 45%;
}

#admin h1 {
  text-align: center;

  font-family: Georgia, Arial, "Times New Roman";

  font-size: 2em;

  text-decoration: underline;

  font-weight: bold;
}

#admin p.handi_sel {
  margin-top: 1em;

  margin-left: 2em;
}

#admin ul.handi_sel {
  margin-left: 5em;
}

#coach_liste {
  font-size: 0.8em;
}

#match_comp {
  width: 100%;

  margin-top: 1em;
}

#match_comp td {
  text-align: left;

  vertical-align: top;
}

.match_5 {
  width: 60%;

  margin: 1em auto 2.5em;
}

#team_composition {
  font-size: 0.9em;
}

#player_edit_caracs {
  width: 30%;
}

#player_edit_matchs {
  width: 90%;

  margin-top: 1em;
}

/* EDITER UNE STAR */

#star_edit_matchs {
  width: 90%;

  margin: 1em auto;
}

* html #star_edit_matchs {
  width: 90%;

  margin: 1em 5%;
}

/* ADMINISTRATION COACH */

#admin p.link_back_admin {
  margin: 0.5em auto 0;

  text-align: center;
}

#admin {
  width: 99%;

  margin: 1em auto 0;
}

* html #admin {
  text-align: center;
}

#admin label {
  font-weight: bold;
}

#admin fieldset {
  border-color: #996633;

  padding: 1em 0.2em;

  background-color: #ffffff;
}

#admin legend {
  font-style: italic;

  font-weight: bold;

  margin-left: 0.2em;

  margin-right: 0.2em;
}

#admin p {
  margin: 0.3em;
}

#admin p.submit,
#admin div.submit {
  margin-top: 2em;
}

#admin p.message_admin {
  margin: 1em auto;

  padding: 0.1em;

  background-color: #ffffcc;

  border: 3px double #ff0000;
}

* html #admin p.message_admin {
  width: 100%;

  margin: 1em 10%;

  padding: 0.1em;

  background-color: #ffffcc;

  border: 3px double #ff0000;
}

#admin p.consigne {
  width: 60%;

  margin: 1em auto;

  padding: 0.2em;

  background-color: #ffffff;

  border: 3px double #ff0000;

  font-weight: bold;

  text-align: justify;
}

* html #admin p.consigne {
  width: 100%;

  margin: 1em 20%;
}

#coach_team a.team_first {
  text-decoration: underline;
}

/* ADMINISTRATION LUTECE BOWL */

#lb_tour {
  width: 98%;

  margin-top: 1em;
}

/* ADMINISTRATION SITE */

/* Compétences */

#site_comp_edit div {
  border: 1px dotted #000;

  background-color: #ffffee;

  width: 60%;

  text-align: center;

  margin: 1em auto;

  padding: 1em;
}

/* Formulaire d'administration */

#form_admin {
  text-align: center;
}

#form_admin fieldset {
  width: 96%;

  margin: 1em 2%;

  text-align: left;
}

* html #form_admin fieldset {
  margin: 1em 2%;

  width: 100%;
}

#form_admin fieldset div.cadre_form p {
  margin-left: 4em;
}

#form_admin fieldset div.cadre_form p.consigne {
  margin: 1em auto;
}

* html #form_admin fieldset div.cadre_form p.consigne {
  margin: 1em 10%;
}

#form_admin p {
  margin-top: 1em;
}

#tbl_team_edit {
  width: 40%;
}

#form_admin p.edit_logo {
  margin-top: 2em;
}

#add_match .add_match_meteo {
  text-align: left;
}

/* Cartes spéciales*/

.tbl_cards td {
  text-align: left;
}

.tbl_cards td.card_deck {
  font-weight: bold;

  background-color: #bbbbbb;

  text-align: center;
}

.tbl_cards dt {
  font-style: italic;

  font-weight: bold;
}

.tbl_cards dd {
  margin-bottom: 0.5em;
}

/* RAPPORT DE MATCH */

#rapport table.phase,
#rapport_edit table.phase {
  width: 100%;

  margin: 1em auto;

  border: none;

  background-color: transparent;
}

#rapport table.phase td,
#rapport_edit table.phase td {
  width: 33%;

  border: none;
}

#rapport div.team {
  float: left;

  width: 50%;
}

* html #rapport div.team {
  width: 49.5%;
}

#rapport div.photo {
  text-align: center;
}

#rapport div.photo h1 {
  font-family: Georgia, Arial, "Times New Roman";

  font-size: 2em;

  font-weight: bold;
}

#rapport div.photo h1.score {
  font-family: Georgia, Arial, "Times New Roman";

  font-size: 4em;

  font-weight: bold;
}

#rapport div.gains {
  margin: 0.5em 0 1em;
}

#rapport div.gains ul {
  margin-left: 3em;

  list-style-type: none;
}

#rapport div.comment {
  width: 90%;

  margin: 0 auto;

  padding: 0.3em;

  background-color: #ffffff;

  border: 1px solid #996633;
}

* html #rapport div.comment {
  width: 100%;

  margin: 0 5%;
}

#rapport div.comment p.coach {
  text-align: center;
}

#rapport div.comment p.comment {
  text-align: justify;

  text-indent: 1em;

  margin-top: 0.5em;
}

#rapport table.act_fj,
#rapport table.act_star,
#rapport table.act_player {
  width: 95%;

  font-size: 0.9em;
}

* html #rapport table.act_fj,
* html #rapport table.act_star,
* html #rapport table.act_player {
  width: 95%;

  margin-left: 2.5%;

  margin-right: 2.5%;
}

#rapport div.link {
  margin-top: 1em;

  text-align: center;
}

#rapport div.encadrement {
  width: 95%;

  margin: 1em auto;

  padding: 0.2em;

  background-color: #eeeeee;

  border: 1px solid #996633;

  font-size: 0.9em;

  text-align: justify;
}

* html #rapport div.encadrement {
  width: 95%;

  margin-left: 2.5%;

  margin-right: 2.5%;
}

#rapport div.encadrement h3 {
  font-weight: bold;

  text-decoration: underline;

  margin-left: 1em;
}

#rapport div.encadrement ul {
  list-style-type: none;
}

#rapport div.encadrement ul.ind {
  list-style-type: square;

  margin-left: 1.5em;
}

#rapport div.encadrement ul.recrute {
  margin-top: 0.5em;
}

#rapport div.match_commi {
  text-align: center;

  margin-top: 1em;
}

/* EDITION DE FDM */

#rapport_edit ul li {
  line-height: 2em;
}

#rapport_edit div.edit {
  margin-top: 2em;
}

/* PROFIL - IDENTITE */

* html #identite {
  text-align: center;
}

#identite div.photo {
  margin: 1em auto;

  text-align: center;

  font-size: 3em;

  font-weight: bold;

  font-family: Georgia, Arial, "Times New Roman";
}

#identite div.photo img {
  vertical-align: middle;

  margin-right: 1.5em;
}

#identite div.photo img.star {
  margin-bottom: 0.5em;
}

#identite div.presentation {
  width: 80%;

  margin: 1.5em auto;

  padding: 0.3em;

  border: 1px solid #997733;

  background-color: #ffffff;

  text-indent: 1em;

  text-align: justify;
}

#identite div.infos_perso {
  width: 50%;

  margin: 0 auto;

  padding: 0.3em 1em;

  border: 1px dashed #996633;

  background-color: #ffffff;

  text-align: justify;
}

#identite h2 {
  margin: 0.5em auto;

  text-align: center;

  font-size: 1.1em;

  font-weight: bold;

  font-family: Georgia, Arial, "Times New Roman";

  text-decoration: underline;
}

#identite div.zone {
  width: 60%;

  margin: 1.5em auto;

  padding: 0.3em;

  border: 2px solid #997733;

  background-color: #ffffff;

  text-align: justify;
}

#identite div.zone ul {
  margin-left: 1em;

  list-style-type: none;
}

#identite div.efficacite {
  text-align: center;

  font-weight: bold;

  font-size: 1.5em;

  margin-bottom: 1em;
}

#identite div.efficacite_legende {
  margin-left: 1em;
}

/* ROSTER */

#team_presentation {
  width: 90%;

  margin: 0 auto 1em;

  padding: 0.5em;

  border: 1px solid #000000;

  background-color: #ffffff;
}

* html #team_presentation {
  width: 100%;

  margin: 0 5% 1em;
}

#roster_blason {
  margin: 0.25em 0;

  text-align: center;

  font-size: 3em;

  font-weight: bold;

  font-family: Georgia, Arial, "Times New roman";
}

#roster_blason img {
  vertical-align: middle;

  margin-right: 0.25em;
}

#coach_race p {
  width: 33%;

  float: left;

  text-align: center;

  font-size: 1.2em;
}

* html #coach_race p {
  width: 49.5%;
}

.roster_jm {
  background-color: #eeeeee;
}

/* Présentation du roster */

.compo_missing {
  margin-bottom: 2em;
}

.compo_team,
.compo_missing {
  width: 98%;

  font-size: 0.8em;
}

* html .compo_team,
* html .compo_missing {
  margin-left: 1%;

  margin-right: 1%;
}

tr.missing {
  background-color: #cccccc;
}

.compo_team td.carac_green,
.compo_missing td.carac_green {
  color: green;

  font-weight: bold;
}

.compo_team td.carac_red,
.compo_missing td.carac_red {
  color: red;

  font-weight: bold;
}

th.totaux {
  border-bottom: 1px solid #000000;
}

#roster_notes {
  margin: 1em 0;

  text-align: center;
}

#encadrement {
  width: 80%;

  margin: 1em auto;
}

* html #encadrement {
  margin: 1em 10%;
}

#encadrement th {
  width: 16%;
}

#encadrement td {
  width: 17%;
}

#recrutables {
  width: 80%;

  margin: 2em auto 0;

  padding: 0.3em;

  border: 2px dotted #990033;

  background-color: #ffffdd;

  list-style-type: none;
}

#recrutables p {
  margin: 0.25em 0;
}

#matchs {
  margin: 1.5em auto;
}

#matchs h1 {
  text-align: center;

  font-size: 2em;

  font-weight: bold;
}

#matchs p {
  margin-top: 0.25em;
}

#matchs p span.span_stade {
  font-size: 2em;
}

#points {
  width: 50%;

  margin: 1em auto;
}

* html #points {
  margin: 1em 25%;
}

#points th {
  width: 20%;
}

#stats {
  margin: 3em auto 0;
}

#stats h2 {
  text-align: center;

  font-size: 2em;

  font-weight: bold;
}

#team_classement {
  text-align: center;
}

#team_classement h2 {
  margin: 1em auto 0.5em;
  font-size: 1.2em;
  font-weight: bold;
}

#team_classement h2:before {
  content: "-oO ";
}

#team_classement h2:after {
  content: " Oo-";
}

#team_classement img {
  width: 500px;
  height: 250px;
}

.team_classement_tr_po {
  /* color: #ff0000; */

  font-weight: bold;
  writing-mode: vertical-lr;
}

.team_classement_tr_barrage {
  /* color: #ff0000; */
  /* background-color: #99cc66; */

  font-weight: bold;
  writing-mode: vertical-lr;
}

.team_classement_tr_chocolate {
  font-weight: bold;
  writing-mode: vertical-lr;
}

#roster_actions {
  width: 50%;
}

#roster_actions caption {
  width: 50%;

  margin-left: auto;

  margin-right: auto;
}

* html #roster_actions {
  margin-left: 25%;

  margin-right: 25%;
}

#roster_actions tbody.first {
  border-top: 0px;
}

#roster_actions tbody {
  border-top: 2px solid #000000;
}

#roster_dead {
  width: 90%;
}

* html #roster_dead {
  margin-top: 2em;

  margin-left: 5%;

  margin-right: 5%;
}

#roster_ass {
  width: 85%;
}

* html #roster_ass {
  margin-top: 2em;

  margin-left: 7.5%;

  margin-right: 7.5%;
}

#recr_stars {
  width: 80%;
}

* html #recr_stars {
  margin-top: 2em;

  margin-left: 15%;

  margin-right: 15%;
}

/* PALMES ET CUILLERES DE BOIS */

#palmes {
  width: 100%;

  margin-top: 1em;

  text-align: center;
}

#palmes div.palmes_ctnu {
  width: 100%;

  margin: 1em auto 0;
}

#palmes div.palmes_ctnu div.palmes {
  width: 50%;

  float: left;
}

#palmes div.palmes_ctnu div.palmes {
  width: 49.5%;
}

#palmes div.palmes_ctnu div.palmes div.info_palme img {
  vertical-align: middle;
}

#palmes div.palmes_ctnu div.palmes div.info_palme p.phrase {
  width: 95%;

  margin: 0 auto;
}

/* WANTED */

#wanted div.consigne {
  width: 60%;

  margin: 1em auto;

  padding: 0.2em;

  background-color: #ffffff;

  border: 5px double #ff0000;

  font-weight: bold;

  text-align: justify;
}

* html #wanted div.consigne {
  width: 100%;

  margin: 1em 20%;
}

#wanted table {
  width: 95%;
}

#wanted table {
  margin-left: 2.5%;

  margin-right: 2.5%;
}

/* CIMETIERE */

#cime_pres {
  margin-top: 1em;

  text-align: center;
}

div.cime {
  width: 90%;

  margin: 2em auto;
}

.cime div.team {
  text-align: center;

  margin-bottom: 0.3em;
}

.cime div.team img {
  vertical-align: middle;

  margin-right: 2em;
}

.cime div.team a {
  font-size: 2em;

  text-decoration: underline;
}

div.tombe {
  width: 20%;

  margin: 0 auto;

  float: left;

  text-align: center;
}

* html div.tombe {
  width: 19.5%;
}

/* GRATIN */

table.top {
  width: 70%;
}

* html table.top {
  margin: 1em 15%;
}

table.top td.first,
table.top td.first a {
  color: #ff0000;

  font-weight: bold;
}

table.top span {
  font-size: 0.8em;
}

/* CLASSEMENT GENERAL */

#hashLink {
  display: none;
}

#hashLink:target {
  display: block;
}

#tbl_cl_gen {
  width: 85%;

  margin-top: 1em;
}

* html #tbl_cl_gen {
  width: 85%;

  margin: 1em 7.5% 0;
}

#tbl_cl_gen img {
  vertical-align: middle;
}

/* CHASSEURS */

#img_chasseurs {
  margin: 1em auto 0;
  text-align: center;
}

/* CALENDRIER */

#tbl_cal {
  width: 85%;

  border: 0;
}

* html #tbl_cal {
  margin-top: 1em;

  margin-left: 12.5%;

  margin-right: 12.5%;
}

#tbl_cal td {
  border: 0;
}

#tbl_cal tbody {
  border: 1px solid #000000;
}

#tbl_cal td.td_cal_info {
  font-size: 0.8em;

  height: 1em;
}

#cal_form {
  width: 50%;

  margin: 1em auto 0;

  text-align: center;
}

* html #cal_form {
  width: 100%;

  margin: 1em 25% 1em;
}

#cal_form p {
  font-weight: bold;
}

/*================= SOUS-MENU PRESENTATION=============*/

#ss_menu {
  width: 100%;
}

#ss_menu p.page_4 {
  width: 50%;

  height: 2.5em;

  padding-top: 0.5em;
}

#ss_menu p.page_4 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 p.page_4 a:hover {
  background-color: #ffffcc;

  color: #555555;
}

/*================= SOUS-MENU PROJETS =============*/

#ss_menu p.page_12 {
  width: 50%;

  height: 2.5em;

  padding-top: 0.5em;
}

#ss_menu p.page_12 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 p.page_12 a:hover {
  background-color: #ffffcc;

  color: #555555;
}

/*============== Régles SOUS-MENU ==============*/

#rules {
  list-style-type: none;

  font-size: 80%;
}

#rules li {
  float: left;

  width: 25%;

  padding: 0.5em 0;

  text-align: center;
}

* html #rules li {
  width: 24.5%;
}

#rules li a {
  padding: 0.2em 0.3em;

  color: #ffffcc;

  font-weight: 700;

  text-decoration: none;

  background-color: #555555;

  border: 2px outset #000000;
}

/* Anciens championnat */

#rules_2007 {
  list-style-type: none;
}

#rules_2007 li {
  float: left;

  width: 33%;

  padding: 0.5em 0;

  text-align: center;
}

* html #rules_2007 li {
  width: 32.3%;
}

#rules_2007 li a {
  padding: 0.2em 0.3em;

  color: #ffffcc;

  font-weight: 700;

  text-decoration: none;

  background-color: #555555;

  border: 2px outset #000000;
}

/* =============== PRECISIONS DE REGLES =============== */

#li_prec {
  margin: 1em auto;

  text-align: center;
}

#tbl_prec {
  width: 95%;
}

* html #tbl_prec {
  margin-left: 2.5%;

  margin-right: 2.5%;
}

#tbl_prec td.texte {
  text-align: justify;

  text-indent: 1em;
}

/*================ Primes de match =================*/

#avert_script {
  width: 60%;

  margin: 1em auto;

  text-align: justify;

  text-indent: 2em;

  color: #ff0000;

  font-style: italic;
}

.link_primes {
  text-align: center;

  margin: 1em 0;
}

#toto {
  width: 75%;

  margin: 1em auto;
}

#toto div {
  width: 90%;

  margin: 1em auto;
}

#toto fieldset {
  -moz-border-radius: 20px;

  border-width: 5px;
}

#toto legend {
  margin-left: 2em;

  padding: 0 0.5em;

  font-family: Arial;

  font-size: 1.2em;
}

/*================ Compétences SOUS-MENU =================*/

#rules_comp_menu {
  width: 90;

  margin: 2em auto 1em;

  text-align: center;
}

#rules_comp_menu a {
  border: 2px outset black;

  padding: 0.1em 0.2em;

  margin: 0.2em;

  font-size: 90%;

  background-color: #ffffcc;
}

#rules_comp_menu a:hover {
  color: #555555;
}

#rules_comp_menu img {
  vertical-align: middle;
}

/* =============== COMPETENCES =============== */

#rules_comp h2 {
  margin-top: 1em;

  font-family: Georgia, Arial, "Times New Roman";

  text-align: center;

  font-size: 1.5em;

  font-weight: bold;
}

#rules_comp h2:before {
  content: "-oO ";
}

#rules_comp h2:after {
  content: " Oo-";
}

#rules_comp dd {
  margin: 0 0 3em 0;

  padding: 0;

  list-style-type: none;
}

#rules_comp dt {
  width: 90%;

  margin: 2em auto 0;

  padding: 0.3em;

  border: 1px dotted #990033;

  border-bottom: 0;

  background-color: #ffffdd;

  text-align: justify;
}

#rules_comp dd {
  width: 90%;

  margin: 0 auto 1em;

  padding: 0.3em;

  border: 1px dotted #990033;

  border-top: 0;

  background-color: #ffffdd;

  text-align: justify;
}

#rules_comp dd.comp_sub_dd {
  border: 1px dotted #990033;
}

#rules_comp dd p {
  text-indent: 0.5em;

  width: 96%;

  margin: 0.5em auto 0;
}

#rules_comp dd p.comp_en {
  font-style: italic;
}

* html #rules_comp dt {
  width: 100%;

  margin: 0 5%;
}

* html #rules_comp dd {
  width: 100%;

  margin: 0 5% 1em;
}

.comp_videos {
  text-align: center;

  margin-top: 0.5em;
}

.comp_ss_cat {
  font-family: Arial;

  font-style: italic;

  font-weight: bold;

  font-size: 1.2em;
}

#liste_comps {
  list-style-type: none;

  margin-top: 2em;
}

#liste_comps li.comp_col {
  float: left;

  width: 50%;
}

#liste_comps li.comp_col ul {
  list-style-type: none;
}

#liste_comps li.comp_col ul li {
  width: 90%;

  margin: 0.1em auto;
}

/* =============== LISTE STAR =============== */

#rules_stars h2 {
  margin: 1em 0;

  font-size: 1.5em;

  font-weight: bold;

  text-align: center;
}

#rules_stars h2:before {
  content: "-oO ";
}

#rules_stars h2:after {
  content: " Oo- ";
}

#rules_stars ul li {
  list-style-image: url(../img/divers/ball2.gif);
}

#rules_stars li {
  float: left;

  width: 50%;

  min-height: 40px;

  text-align: center;
}

* html #rules_stars li {
  float: left;

  width: 49.5%;

  margin-bottom: 0.5em;
}

/* =============== LISTE ROSTER =============== */

#rules_rosters h2 {
  margin: 1em 0;

  font-size: 1.5em;

  font-weight: bold;

  text-align: center;
}

#rules_rosters h2:before {
  content: "-oO ";
}

#rules_rosters h2:after {
  content: " Oo- ";
}

#rules_rosters ul {
  list-style-type: none;
}

#rules_rosters li {
  float: left;

  width: 23%;

  min-height: 40px;

  padding-left: 10%;

  font-size: 0.9em;
}

* html #rules_rosters li {
  width: 49.9%;

  padding-left: 40%;

  margin-top: 0.25em;
}

#rules_rosters img {
  vertical-align: middle;

  margin-right: 0.5em;
}

#rules_rosters ul.allies li {
  min-height: 55px;
}

#rules_rosters p {
  text-align: center;
}

/* SEQUENCES DE MATCH */

#rules_seq_menu {
  width: 75%;

  margin: 1em auto;
}

* html #rules_seq_menu {
  width: 100%;

  margin: 1em 12.5%;
}

#rules_seq_menu h2 {
  font-size: 1.3em;

  font-weight: bold;

  font-family: Georgia, Arial, "Times New Roman";

  text-align: center;
}

#rules_seq_menu h2:before {
  content: "-oO ";
}

#rules_seq_menu h2:after {
  content: " Oo-";
}

#rules_seq_menu ul {
  margin-top: 0.5em;

  float: left;

  width: 50%;

  list-style-image: url(../img/divers/ball2.gif);
}

* html #rules_seq_menu ul {
  width: 49.9%;
}

#rules_seq_menu li {
  margin-left: 3em;
}

/* =============== EXPERIENCE =============== */

#rules_xp,
#rules_vieil {
  width: 40%;
}

* html #rules_xp,
* html #rules_vieil {
  margin: 1em 30%;
}

#rules_xp_jets {
  width: 60%;
}

* html #rules_xp_jets {
  margin: 1em 20%;
}

#rules_vieil th acronym {
  color: #ffffff;

  font-weight: bold;
}

/* =============== BLESSURES =============== */

#rules_bless {
  width: 30%;
}

* html #rules_bless {
  margin: 1em 35%;
}

#rules_graves {
  width: 60%;
}

#rules_graves {
  margin: 1em 20%;
}

#rules_graves th abbr,
#rules_bless th acronym {
  color: #ffffff;

  font-weight: bold;
}

/* =============== COUPS D'ENVOI =============== */

#rules_kickoff {
  width: 80%;
}

* html #rules_kickoff {
  margin-left: 10%;

  margin-right: 10%;
}

#rules_kickoff td {
  padding: 0.3em;
}

#rules_kickoff p {
  margin: 0;

  text-align: justify;
}

#rules_kickoff th abbr {
  font-weight: bold;

  color: #ffffff;
}

/* =============== METEO =============== */

#rules_meteo {
  width: 70%;
}

* html #rules_meteo {
  margin-left: 15%;

  margin-right: 15%;
}

#rules_meteo p {
  text-align: justify;
}

#rules_meteo td {
  padding: 0.3em;
}

#rules_meteo th acronym {
  font-weight: bold;

  color: #ffffff;
}

/* =============== GAIN =============== */

#rules_gain {
  width: 75%;
}

* html #rules_gain {
  margin-left: 12.5%;

  margin-right: 12.5%;
}

#rules_gain td {
  padding: 0.3em;
}

#rules_gain th acronym {
  font-weight: bold;

  color: #ffffff;
}

/* POPULARITE */

#rules_pop {
  width: 40%;
}

* html #rules_pop {
  margin: 0 30% 2em;
}

#rules_pop th abbr {
  font-weight: bold;

  color: #ffffff;
}

#rules_pop td {
  padding: 0.3em;
}

#rules_pop_mod {
  width: 30%;
}

* html #rules_pop_mod {
  margin-left: 35%;

  margin-right: 35%;
}

#rules_pop_mod td {
  padding: 0.3em;
}

/* =============== STARS =============== */

#rules_star_id h1 {
  margin: 0.5em 0;

  font-weight: bold;

  font-size: 2em;

  text-align: center;
}

#rules_star_id h1:before {
  content: "-oO ";
}

#rules_star_id h1:after {
  content: " Oo-";
}

#rules_star_id p {
  float: left;

  width: 50%;

  text-align: center;
}

#rules_star_id table {
  width: 25%;

  margin-top: 0.5em;
}

#rules_star_id table th {
  width: 70%;

  border: 2px solid #000000;
}

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

#rules_star_info,
#rules_star_dispo {
  width: 80%;

  margin: 0 auto 1em;

  padding: 0.3em;

  border: 2px dotted #990033;

  background-color: #ffffdd;
}

* html #rules_star_info,
* html #rules_star_dispo {
  width: 100%;

  margin-left: 10%;

  margin-right: 10%;
}

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

#rules_star_palm {
  width: 40%;
}

* html #rules_star_palm {
  margin: 1em 30%;
}

#rules_star_match {
  width: 80%;
}

* html #rules_star_match {
  margin: 1em 10%;
}

#rules_star_link {
  text-align: center;
}

/* =============== COUP DE POUCE =============== */

#rules_inducement_id h1 {
  margin: 0.5em 0;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
}

#rules_inducement_id h1:before {
  content: "-oO ";
}

#rules_inducement_id h1:after {
  content: " Oo-";
}

#rules_inducement_id p {
  float: left;
  width: 50%;
  text-align: center;
}

#rules_inducement_id table {
  width: 25%;
  margin-top: 0.5em;
}

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

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

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

* html #rules_inducement_info {
  width: 100%;
  margin-left: 10%;
  margin-right: 10%;
}

#rules_inducement_match {
  width: 80%;
}

* html #rules_inducement_match {
  margin: 1em 10%;
}

#rules_inducement_link {
  text-align: center;
}

/* =============== ROSTERS =============== */

#rules_race div.race_teams h3 {
  margin-top: 1em;

  font-family: Georgia, Arial, "Times New Roman";

  font-size: 1.2em;

  font-weight: bold;

  text-align: center;
}

#rules_race div.race_teams ul {
  margin-top: 0.5em;
}

#rules_race div.race_teams img {
  vertical-align: middle;
}

#rules_race h2 {
  width: 100%;

  margin: 0.5em auto;

  font-family: Georgia, Arial, "Times New Roman";

  font-size: 2em;

  font-weight: bold;

  text-align: center;
}

#rules_race h2 img {
  vertical-align: middle;

  margin-right: 10%;
}

#rules_race table {
  width: 90%;
}

* html #rules_race table {
  margin-left: 5%;

  margin-right: 5%;
}

#rules_race ul {
  width: 80%;

  margin: 2em auto 0;

  padding: 0.3em;

  border: 2px dotted #990033;

  background-color: #ffffdd;

  list-style-type: none;
}

* html #rules_race ul {
  width: 100%;

  margin: 2em 10% 0;
}

#rules_race li {
  margin-top: 0.25em;
}

#rules_race_link {
  margin-top: 2em;

  text-align: center;
}

#runesmith td.justify {
  text-align: justify;
}

#runesmith th acronym {
  font-weight: bold;

  color: #ffffff;
}

#race_comment {
  width: 80%;

  margin: 2em auto 0;

  padding: 0.3em;

  border: 2px dotted #990033;

  background-color: #ffffdd;
}

#race_comment h3 {
  font-weight: bold;
}

#race_comment p {
  margin-top: 0;

  margin-bottom: 0.5em;

  text-indent: 1.5em;

  text-align: justify;
}

/* =============== LIENS =============== */

table.tbl_liens {
  width: 90%;
}

* html table.tbl_liens {
  margin: 1em 5%;
}

table.tbl_liens caption {
  margin-top: 2em;

  margin-left: auto;

  margin-right: auto;
}

table.tbl_liens td.tbl_liens_left {
  width: 28%;
}

/* =============== CONTACTS =============== */

#contact_adresse {
  width: 40%;

  margin: 1em auto;

  padding: 0.5em;

  text-align: center;

  font-size: 1.2em;

  border: 1px solid #990033;

  background-color: #ffffff;
}

* html #contact_adresse {
  width: 100%;

  margin: 1em 30%;
}

table.tbl_contact {
  width: 60%;
}

* html table.tbl_contact {
  margin: 1em 20%;
}

table.tbl_contact td {
  padding: 0.5em;
}

td.tbl_contact_left {
  width: 50%;

  font-weight: bold;

  color: #eeeeee;

  background-color: #99cc66;
}

/* =============== BRIKABRAK =============== */

.brik {
  width: 90%;

  margin: 1em auto 0;

  border: 1px dashed #990033;

  background-color: #ffffcc;

  padding: 0.5em;
}

* html .brik {
  width: 100%;

  margin: 1em 5% 0;
}

.brik h2 {
  margin-bottom: 0.5em;

  font-weight: bold;

  font-size: 1.5em;

  text-align: center;
}

.brik h2:before {
  content: "-= ";
}

.brik h2:after {
  content: " =-";
}

.brik p {
  text-indent: 1.5em;
}

.brik p.center {
  text-indent: 0;

  text-align: center;
}

/* =============== TELECHARGEMENTS =============== */

#dl {
  width: 70%;

  margin: 0 auto;
}

* html #dl {
  margin: 1em 15%;
}

#dl td span {
  font-size: 0.6em;
}

.dl_details dt {
  text-align: center;

  font-weight: bold;

  margin-bottom: 0.5em;
}

.dl_details dd {
  text-align: justify;

  text-indent: 1em;
}

/* =============== PROJETS =============== */

.projet {
  width: 90%;

  margin: 1.5em auto;

  background-color: #ffffcc;

  border: 1px dotted #990033;
}

* html .projet {
  width: 100%;

  margin: 1.5em 5%;
}

.projet h2 {
  font-family: Georgia, Arial, "Times New Roman";

  font-size: 1.75em;

  text-align: center;
}

.projet p {
  width: 90%;

  margin: 0 auto;

  text-indent: 1.5em;

  text-align: justify;
}

* html .projet p {
  width: 100%;

  margin: 0 5%;
}

.projet ul.photos_malette {
  width: 100%;

  margin: 1em auto;

  list-style-type: none;
}

.projet ul.photos_malette li {
  width: 50%;

  float: left;

  text-align: center;
}

* html .projet ul.photos_malette li {
  width: 49.9%;
}

.projet p.photos_tee {
  width: 100%;

  margin: 1em auto;

  text-align: center;
}

/* =============== ANCIENS CHAMPIONNATS =============== */

#chocolate_p {
  width: 70%;

  margin: 1em auto;

  text-align: justify;

  text-indent: 1.5em;

  padding: 0.25em;

  border: 1px dashed #667733;

  background-color: #ffffcc;
}

* html #chocolate_p {
  width: 100%;

  margin: 1em 15%;
}

#chocolate_p:first-letter {
  font-weight: bold;
}

#old_champs {
  width: 70%;

  margin: 3em auto 1em;
}

#old_champs {
  width: 100%;

  margin: 3em 15% 1em;
}

#old_champs img {
  vertical-align: middle;

  margin-right: 0.5em;
}

#old_champs li {
  list-style-image: url(../img/divers/ball2.gif);
}

#old_champs li h3 {
  list-style-image: url(../img/divers/ball2.gif);

  margin-top: 1em;
}

/*================= ORIGINES =============*/

#origines div.origines_lang {
  text-align: center;

  margin: 1em;
}

#origines p {
  width: 90%;

  margin: 0.5em auto;

  text-align: justify;

  text-indent: 1.5em;
}

* html #origines p {
  width: 100%;

  margin: 0.5em 5%;
}

#origines p:first-letter {
  font-weight: bold;
}

/*================= CHARTE =============*/

#charte div {
  width: 88%;

  margin: 2em auto 0;

  border: 1px solid #000000;

  background-color: white;

  padding: 0.25em;
}

* html #charte div {
  width: 100%;

  margin: 2em 11% 0;
}

#charte h2 {
  width: 70%;

  margin: 1em auto;

  text-align: center;

  font-weight: bold;

  font-size: 1.4em;
}

#charte p {
  text-align: justify;

  text-indent: 1.5em;
}

#charte p:first-letter {
  font-weight: bold;
}

#charte h3 {
  margin-left: 0.75em;

  text-align: center;

  font-size: 1.25em;

  font-weight: bold;

  text-decoration: underline;
}

/*================= PRESENTATION =============*/

#presentation_lc div {
  width: 90%;

  margin: 1em auto;
}

* html #presentation_lc div {
  width: 100%;

  margin: 1em 5%;
}

#presentation_lc p {
  text-align: justify;

  text-indent: 1.5em;
}

#presentation_lc p:first-letter {
  font-weight: bold;
}

#presentation_lc h2 {
  margin-top: 1em;

  text-align: center;

  font-size: 1.5em;

  font-weight: bold;
}

#presentation_lc h3 {
  margin-left: 0.75em;

  font-size: 1.25em;

  font-weight: bold;
}

#presentation_lc ul {
  margin-top: 0.25em;

  margin-left: 4em;
}

#presentation_lc li.head {
  margin-top: 0.25em;

  list-style-type: none;

  font-weight: bold;
}

/* ============= Accueil ============== */

#accueil {
  text-align: center;
}

#accueil h2 {
  margin-top: 1em;

  font-size: 2em;

  font-weight: bold;
}

#accueil p {
  margin-top: 0.5em;
}

#accueil h3 {
  margin-top: 1em;

  font-size: 1.2em;

  font-weight: bold;
}

#accueil_infos {
  width: 100%;
}

#accueil_infos p {
  float: left;

  width: 50%;
}

* html #accueil_infos p {
  float: left;

  width: 49.5%;
}

#lb_annonce {
  margin: 1em 1em 2em;

  font-size: 1, 6em;

  font-weight: bold;

  color: #ff0000;

  text-align: center;

  text-indent: 2em;
}

.phanos {
  margin-right: 8em;

  margin-bottom: 4em;

  text-align: right;

  font-size: 0.6em;

  font-weight: bold;
}

.citation {
  font-size: 1.2em;

  font-weight: bold;

  font-style: italic;
}

/* ============== Accueil derniers matchs ============ */

#last_game {
  width: 75%;

  border: 1px solid #000000;

  margin-top: 2em;

  margin-bottom: 0.5em;
}

#last_game caption {
  width: 75%;

  margin-left: auto;

  margin-right: auto;
}

* html #last_game caption {
  padding-bottom: 0.5em;

  margin-left: auto;

  margin-right: auto;
}

#last_game td {
  border: 0;
}

#last_game td.td_cal_info {
  font-size: 0.8em;

  height: 1em;
}

/* =============== MAGAZINES =============== */

#wanted_mag {
  width: 60%;

  margin: 1em auto;

  padding: 0.4em;

  background-color: #ffffcc;

  border: 2px solid #ff0000;

  color: #ff0000;

  font-weight: bold;

  text-indent: 1.5em;

  text-align: justify;
}

* html #wanted_mag {
  width: 100%;

  margin: 1em 5%;
}

#mag {
  list-style-image: url(../img/divers/ball2.gif);

  width: 50%;

  margin: 2em auto;

  padding: 1em 0;

  background-color: #ffffcc;

  border: 1px dotted #990033;
}

* html #mag {
  width: 100%;

  margin: 1em 25%;
}

#mag li {
  margin-left: 20%;
}

/* =============== RASSEMBLEMENTS =============== */

#rass {
  width: 60%;

  margin: 2em auto 0.5em;

  border: 1px dashed #990033;

  background-color: #ffffcc;

  list-style-image: url(../img/divers/ball2.gif);
}

* html #rass {
  width: 100%;

  margin: 1em 15%;
}

#rass li {
  margin: 0.5em 0 0.3em 20%;
}

/* ============ VIEUX CHAMPIONNATS ============== */

#old_champ {
  text-align: center;
}

#old_champ h1 {
  font-size: 2em;

  font-weight: bold;

  margin: 0.5em auto;
}

#old_champ h2 {
  font-size: 1.8em;

  font-weight: bold;

  margin: 2em auto 0.5em;
}

#old_champ h3 {
  font-size: 1.5em;

  font-weight: bold;

  margin: 2em auto 0.5em;
}

#old_champ h3.first {
  margin: 0 auto 0.5em;
}

#old_champ p.oc_bot_l {
  margin-top: 1em;
}

* html #old_champ table {
  margin-top: 1em;
}

#old_champ table.top_ten {
  width: 40%;
}

#old_champ table.playoff {
  width: 99%;
}

#old_champ table.playoff th {
  width: 16.5%;
}

#old_champ table.palme th {
  border-bottom-width: 1px;
}

#old_champ ul.cime {
  margin-top: 2em;
}

#old_champ ul.cime li {
  list-style-type: none;

  float: left;

  width: 33%;
}

/* ############## OPEN ############# */

#open_palmes {
  width: 99%;

  margin: 1em auto;
}

* html #open_palmes {
  width: 99%;

  margin: 1em 0.5%;
}

#open_bot_l {
  width: 100%;

  text-align: center;

  margin: 2em 0 1em;
}

/* ############### HAROLDTRON ################## */

#harold {
  margin-top: 0.5em;

  text-align: center;
}

#harold fieldset {
  width: 98%;

  margin: 0.5em auto;

  padding-bottom: 0.5em;
}

#harold legend {
  font-weight: bold;

  font-size: 1.2em;

  font-style: italic;
}

#harold textarea {
  margin-top: 1em;
}

#harold p {
  margin: 1em auto;
}

#harold p.copy {
  font-size: 0.8em;
}

/* ############# PMU ############ */

#stats_pmu {
  width: 60%;

  margin: 1em auto;
}

* html #stats_pmu {
  margin: 1em 20%;
}

#stats_pmu ul {
  margin: 0.2em 2em;
}

#clt_pmu {
  width: 80%;

  margin-top: 0.5em;
}

* html #clt_pmu {
  margin: 0.5em 10%;
}

#clt_pmu th {
  padding-left: 0.3em;

  padding-right: 0.3em;
}

#cotes_pmu {
  width: 80%;

  margin: 1em auto;

  padding: 0.2em;

  text-align: center;

  font-weight: bold;

  border: 2px solid #000000;

  background-color: #ffffff;
}

.pmu_cotes {
  width: 70%;
}

* html .pmu_cotes {
  margin: 1em 15%;
}

.pmu_warning {
  text-align: center;

  margin: 2em;

  font-weight: 700;

  color: #ff0000;
}

.voir_paris {
  width: 80%;
}

* html .voir_paris {
  margin: 1.5em 10%;
}

#select_pari {
  width: 50%;

  margin: 1em auto;

  padding: 0.5em;
}

* html #select_pari {
  width: 100%;

  margin: 1em 25%;
}

#select_pari legend {
  font-weight: bold;

  font-style: italic;
}

#select_pari p.submit {
  margin-top: 1em;
}

#koik {
  width: 90%;

  margin: 1em auto;
}

#koik h2 {
  font-weight: bold;

  font-style: italic;

  margin: 0.5em auto 0;
}

#koik p {
  text-indent: 0.5em;
}

#koik ul {
  margin-top: 0.5em;

  margin-left: 3em;

  margin-bottom: 0.5em;
}

#koik p.formule {
  text-align: center;

  margin: 0.5em;

  font-weight: bold;
}

.pmu_remb {
  width: 30%;

  margin-top: 1em;
}

/* Profil parieur */

#pmu_user_profil {
  margin-top: 0.5em;

  text-align: center;

  font-weight: bold;

  font-size: 2.5em;

  font-family: Georgia, Arial;
}

#pmu_id_stat_gen {
  border: 1px dotted black;

  width: 60%;

  margin: 0.5em auto 1em;

  padding: 2px;

  text-align: center;

  background-color: #fffffa;
}

#pmu_id_stat_gen li {
  display: inline;

  margin: 0 5% 0;

  font-size: 1.2em;
}

#pmu_id_stats {
  width: 50%;

  margin: 2em auto;

  background-color: #ffffff;

  padding: 0.8em;

  border: 2px #000000 dashed;
}

#pmu_id_stats li {
  margin-top: 0.3em;

  margin-left: 1em;

  list-style-type: square;
}

/* LES ANCIENS */

#p35_expl {
  width: 50%;

  margin: 1em auto 3em;

  padding: 0.5em;

  text-align: justify;

  text-indent: 0.5em;

  border: 4px solid #55191b;

  background-color: #ffffff;
}

#p35_liste {
  width: 90%;

  margin: 0 auto;

  padding: 1em;

  border: 1px solid black;

  background-color: #fffffe;
}

#p35_liste li {
  margin-left: 2em;
}

/* PANTHEON */

.hof_main {
  border: 1px solid black;

  margin: 0.5em;

  padding: 0.5em;

  background-color: #ffffcc;
}

.hof_main div.float {
  float: left;

  width: 50%;

  margin-bottom: 1em;
}

.hof_main div.float_img {
  float: left;

  width: 50%;

  margin-bottom: 1em;

  padding-top: 1em;

  text-align: center;
}

.hof_main table.carac {
  margin-top: 1em;

  width: 60%;
}

.hof_main table.carac th abbr {
  font-weight: bold;

  color: #ffffff;
}

.hof_main div.hof_spacer {
  clear: both;

  width: 90%;

  margin: 1em auto 0;

  padding: 0.75em;

  border: 1px solid black;

  background-color: #ffffff;
}

.hof_main div.hof_histo {
  width: 90%;

  margin: 1em auto;

  padding: 0.75em;

  border: 1px dotted #91191b;

  background-color: #ffffff;
}

.hof_main div.hof_histo p {
  text-align: justify;

  text-indent: 0.5em;
}

.hof_main h3 {
  margin-bottom: 0.25em;

  text-align: center;

  font-weight: bold;

  font-size: 2em;
}

.hof_main h4 {
  margin-bottom: 1em;

  text-align: center;

  font-weight: bold;

  font-size: 1.5em;
}

.hof_main ul {
  padding-left: 2em;
}

/* Adminsitration CARTE */

#map {
  margin-bottom: 2em;
}

#map ol {
  margin-left: 3em;

  list-style-type: decimal;
}

/* ============ CARTE =========== */

.map {
  margin-top: 2em;

  text-align: center;
}

.map h2 {
  margin-bottom: 0.25em;

  font-family: Georgia, Arial;

  font-weight: bold;

  font-size: 2em;

  text-decoration: underline;
}

#ejs_1,
#ejs_2,
#ejs_3 {
  width: 50%;

  margin: 0.25em auto;

  background-color: #ffffff;

  color: #000000;

  font-style: italic;

  border: 1px solid #ff0000;
}

/*========== PLAYOFFS============*/

#playoff {
  width: 95%;

  margin-left: auto;

  margin-right: auto;
}

* html #playoff {
  margin-left: 2.5%;
}

#playoff th {
  width: 20%;
}

#playoff td {
  border: 1px solid black;
}

#playoff span.score_w {
  font-size: 1.4em;

  color: #bb0000;

  font-weight: bold;
}

#playoff span.score {
  font-size: 1.4em;
}

a.barre {
  text-decoration: line-through;
}

#barrages img {
  vertical-align: middle;
}

/*========= EXPLICATIONS BLOOD BOWL ==============*/

#explication_bb {
  padding: 0.5em 2em;
}

#explication_bb h2 {
  margin: 2em 0 0.3em;

  font-size: 1.3em;

  font-weight: bold;

  text-decoration: underline;
}

#explication_bb p {
  text-indent: 1em;
}

#explication_bb p.center {
  font-size: 0.8em;
}

#explication_bb img {
  margin-top: 1em;
}

/* ============= RSS ================= */

#rss {
  margin-top: 10em;
}

#rss img {
  vertical-align: middle;
}

/* Ligue de la Ruelle */

#ruel_noway {
  text-align: center;

  margin: 1em;

  color: #ff0000;

  font-weight: bold;
}

#ruel_noway img {
  margin-bottom: 1em;
}

/* ===== Statistiques générales ======== */

.stats_gen {
  text-align: center;

  margin: 2em 0 4em;
}

.stats_gen li {
  list-style-type: none;

  text-align: center;
}

#stats_gen {
  width: 95%;

  border: 1px solid black;
}

#stats_gen td.mep {
  width: 50%;

  border: 1px solid black;
}

.tbl_stats {
  margin: 1em auto;

  width: 50%;

  font-size: 0.8em;
}

.tbl_stats td {
  height: 34px;
}

.tbl_stats tr.first td {
  color: red;

  font-weight: bold;
}

/* ===== BAIL ===== */

#bail_pres {
  text-decoration: underline;
}

#bail {
  text-align: left;

  background-color: #ffffff;

  border: 1px solid #91191b;

  width: 60%;

  margin: 1em auto;
}

/* ====== Cartes ======*/

#cards fieldset {
  width: 40%;

  margin: 1em auto;

  border: 1px dotted #91191b;

  background-color: #ffffff;
}

#cards fieldset legend {
  font-style: italic;

  font-weight: bold;

  font-size: 0.9em;

  margin-left: 3em;
}

#cards fieldset div {
  margin: 0.5em 0;

  text-align: center;
}

#cards option {
  margin-left: 1em;
}

#cards h3 {
  text-align: center;

  font-weight: bold;

  font-size: 1.2em;

  margin-top: 2em;
}

#cards dl {
  width: 75%;

  background-color: #ffffff;

  margin: 1em auto;

  border: 1px solid #000000;

  padding: 0.3em;
}

#cards dt {
  font-weight: bold;
}

#cards dd {
  margin-bottom: 1em;
}

#cards dd p {
  text-align: justify;

  text-indent: 1.5em;
}

#cards dd p.effet {
  color: green;
}

#cards .hidden_deck {
  display: none;
}

#cards span.card_red {
  color: #ff0000;
}

/* ======= DOSSIER D'UN JOUEUR ======== */

.dossier h2 {
  margin-top: 1em;

  text-align: center;

  font-weight: bold;

  font-size: 3em;
}

.dossier h3 {
  text-align: center;

  font-weight: bold;

  font-size: 1.8em;

  font-style: italic;
}

.dossier h4 {
  margin-top: 1em;

  text-align: center;

  font-weight: bold;

  font-size: 1.2em;
}

.dossier_cadre {
  border: 5px inset #000000;

  width: 70%;

  margin: 2em auto;

  background-color: #ffffff;

  padding: 0.5em;
}

.dossier h5 {
  margin-left: 1em;
}

.dossier h5 img {
  vertical-align: middle;
}

.dossier ul {
  margin: 0.25em 0 1em 3em;
}

.dossier_cadre th,
.dossier_cadre td {
  padding: 0.1em 0.4em;
}

.dossier_cadre td.left_th {
  background-color: #660000;

  color: #ffffff;

  font-weight: bold;
}

.dossier_cadre p.rang {
  margin-top: 1em;

  text-align: center;
}

/* ====== COMPTES ====== */

#comptes {
  width: 90%;

  margin-top: 1em;

  margin-bottom: 1em;

  font-size: 0.9em;
}

#comptes th,
#comptes td {
  padding: 0.1em 0.2em;
}

#comptes th {
  border: 1px solid #000000;
}

#comptes thead {
  border: 2px solid #000000;
}

#comptes tbody,
#comptes tfoot,
#comptes thead {
  border: 4px solid #000000;
}

#comptes tbody td {
  border-width: 1px 1px 0 0;

  border-style: solid dashed none none;

  border-color: #000000;

  text-align: right;
}

#comptes td.comptes_col_left,
#comptes th.comptes_col_left {
  border-left: 2px solid #000000;

  text-align: center;
}

#comptes td.comptes_col_solde {
  border-left: 2px solid #000000;

  text-align: right;
}

#comptes td.comptes_day {
  text-align: center;
}

/* =============== DTC ============*/

#dtc {
  margin: 2% 5%;
}

#dtc h3 {
  text-align: center;

  font-family: Arial;

  font-size: 1.4em;

  font-weight: bold;
}

#dtc div {
  margin: 1em 0;
}

#dtc h4 {
  text-decoration: underline;

  font-family: Arial;

  font-size: 1.2em;

  font-weight: bold;

  margin: 0 0 0 1em;
}

#dtc p {
  text-indent: 0.8em;

  text-align: justify;
}

#dtc h5 {
  font-family: Arial;

  font-size: 1.1em;

  font-weight: bold;

  margin: 0 0 0 2em;
}

#dtc ul {
  margin: 0.5em 0 1em 2em;
}

#dtc p.bottom {
  margin-bottom: 1em;
}

#dtc_resultats {
  width: 90%;

  border: 0;

  background-color: none;
}

#dtc_resultats td {
  width: 14%;

  border: 0;

  padding-bottom: 1px;
}

#dtc_resultats span.barre {
  text-decoration: line-through;
}

#dtc_resultats td.top-right {
  border-top: 3px solid #000000;

  border-right: 3px solid #000000;
}

#dtc_resultats td.right {
  border-right: 3px solid #000000;
}

#dtc_resultats td.left {
  border-left: 3px solid #000000;
}

#dtc_resultats td.top {
  border-top: 3px solid #000000;
}

#dtc_resultats td.bottom {
  border-bottom: 3px solid #000000;
}

#dtc_resultats td.bottom-right {
  border-bottom: 3px solid #000000;

  border-right: 3px solid #000000;
}

#dtc_resultats td.bottom-left {
  border-bottom: 3px solid #000000;

  border-left: 3px solid #000000;
}

#dtc_palm {
  margin-top: 2em;
}

/* ============== AGENDA ============== */

#agenda {
  margin-top: 2em;
}

#agenda th {
  padding-left: 0.5em;

  padding-right: 0.5em;
}

/* ============== KOTIZ' ============== */

#kotiz {
  width: 50%;

  margin-top: 1em;
}

#kotiz tr.kotiz_alt {
  background-color: #a3d698;
}

#kotiz tr {
  background-color: #fbbbbb;
}