:root {
  --main-bg-color: #e0e0eb;
  --main-blue-border-color: #2E64FE;
}

body {
    padding: 0;
    line-height: 1.5em;
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    background: #ffffff;
    background: #e0e0eb;
    background: var(--main-bg-color);
}

footer {
    height:40px;
}

h1      { color: var(--main-blue-border-color); padding:60px 0 10px 0; font-size:1.8em; }
h2      { font-size:1.2em; margin:50px 0 7px 20px; font-weight:normal; }

input   { height:25px; }

.error_msg                  { color:red; }
.msg_ok                     { color:var(--main-blue-border-color); font-weight:bold; }
.link {
  decoration: none;
  font-size:1.2em;
}
.button_OK                  { height:30px; width:60px; border-radius: 5px; }

/* page index.php */
.item_list                  { border-left:1px dashed black;padding-left:15px; }
.item_list .section         { font-style:italic; font-size:0.9em; font-weight:bold; padding-top:10px; }
.classement                 { padding-left:10px; margin-top:-10px; margin-left:20px; }
.classement tr              { height:100px; }
.classement .rank           { font-size:1.2em; }
.connexion                  { padding-left:10px; }

.color_box                  { border-radius: 5px; margin-bottom:25px; background-color:#c1c1d7; padding:5px; }
.color_box td               { padding-right:15px; }
.color_box .separator       { padding-left:15px; border-left:1px solid gray; }
.color_box .pts             { padding-right:5px; }

/* tableau principal (tableau.php) */
.main_tab                   { border-collapse:collapse; border:3px solid black; text-align:center; }
.main_tab th                { border:1px solid black; border-bottom:3px solid black; text-align:center; padding:0 5px 0 5px; color:var(--main-blue-border-color); font-weight: normal; }
.main_tab td                { border:1px solid black; text-align:center; padding:0 5px 0 5px; }
.main_tab .item_label       { width:300px; text-align:left; height:100px; border-right:3px solid black; }
.main_tab .separator        { height:1px; background-color:black; }
.main_tab .th_void          { border-top:3px solid var(--main-bg-color); border-left:3px solid var(--main-bg-color); border-right:3px solid black; }

.defis_tab                  { border-collapse:collapse; border:3px solid black; text-align:center; }
.main_tab th                { border:1px solid black; border-bottom:3px solid black; text-align:center; height:50px; color:var(--main-blue-border-color); font-weight: normal; }
.defis_tab td               { border:1px solid black; text-align:center; }
.defis_tab .item_label      { width:500px; text-align:left; height:100px; border-right:3px solid black; }
.defis_tab .livre           { width:500px; }
.main_tab  .th_void         { border-top:3px solid var(--main-bg-color); border-left:3px solid var(--main-bg-color); border-right:3px solid black; }

/* page manage_book.php */
.formulaire                 { margin-top:20px; }
.formulaire td              { padding:10px 10px 0 0; }
.formulaire .col1           { text-align:right; }
.formulaire .col2           { width:500px; }


.add_book                   { padding-left:15px; }
.book_info                  { font-size:1.1em; }
.book_info .col1            { padding-right:15px; }
.book_info_div              { color:#09c; background:rgba(0,0,0,.9); border-radius:3px;
                              position:absolute; bottom: 0; padding:10px; }
.score_info                 { border-collapse:collapse; border:none; }
.score_info .col1           { text-align:right; padding-right:15px; font-style:italic; font-size:0.9em; }
.score_info .col2           { text-align:right; font-weight:bold; }


/* tableau de l'infobulle */
.book_info_tab              { border-collapse:collapse; border:none; }
.book_info_tab td           { text-align:left; border:none; }
.book_info_tab .col1        { font-style:italic; padding-right:15px; }

/* bibliotheque.php */
.book_list                  { border-collapse:collapse; border:none; }
.book_list th               { border-bottom:1px dashed black; padding:5px 15px 5px 15px; }
.book_list td               { padding:5px 15px 0px 15px; }
.book_list .title           { font-weight:bold; }
.book_list .item            { font-style:italic; font-size:0.9em; text-align:center; }
.book_list .center          { text-align:center; }
.book_list .pts             { border-left:1px dashed black; text-align:center; padding-left:15px; }

.reglement                  { margin-left:25px;font-size:14px; }
.reglement td               { padding-bottom:4px; }
.bareme                     { border-collapse:collapse; border:2px solid gray; margin-left:30px; }
.bareme td                  { padding-left:5px; padding-right:20px; }

/* statistiques.php */
.stats                      { border:3px solid #2E64FE; border-radius: 10px; width:70%; margin-left:20px; }
.stats td                   { text-align:center; padding:5px; width:80px; }
.stats .col1                { text-align:right; padding-right:20px; width:200px; font-weight:bold; border-right:1px dashed grey; }

.bilan                      { border-collapse:collapse; width:70%; border:2px solid black; margin-left:20px; }
.bilan th                   { border:1px solid black; width:200px; text-align:right; padding-right:5px;}
.bilan td                   { border:1px solid black; width:55px; text-align:center; }

/* profil.php */
.palmares                   { border-collapse:collapse; margin-left:20px; border:2px solid black; }
.palmares td                { text-align:center; border-left:2px solid black; padding:5px 15px 0 15px; }
.palmares th                { text-align:right; padding:5px 30px 5px 30px; }

/*
    SPAN INFO_BOOK
    http://www.css3create.com/Infobulle-avec-effet-de-transparence-en-CSS
*/
.info_book_span span{
    position:absolute;
    margin-top:20px;
    margin-left:-35px;
    color:#09c;
    background:rgba(0,0,0,.9);
    padding:10px;
    border-radius:3px;
    box-shadow:0 0 2px rgba(0,0,0,.5);
    transform:scale(0) rotate(-12deg);
    transition:all .25s;
    opacity:0;
}

.info_book_span:hover span, .info_book_span:focus span{
    transform:scale(1) rotate(0);
    opacity:1;
}

hr  { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }


/* LIVRES DE L'AN PASSE */


