body
{
  margin:10px;
  padding:0px;
  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}

#powered_by
{
  position:fixed;
  bottom:0px;
  left:0px;

  background-color:#FFFFFF;
  font-size:10px;
}

#powered_by a
{
  color:#000000;
  text-decoration:none;
}


.Erreur
{
  color:#CC0000;
}

#login_wrapper
{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;

  height:75vh;
}

#login
{
  /*
  position:absolute;
  left:50%;
  margin-top:50px;
  margin-left:-266px;
  */

  width:500px;
  text-align:left;
  padding:15px;
  border:1px dashed #333;
  background-color:#eee;
}

#login p
{
  font-style:italic;
}

a img
{
  text-decoration:none;
  border-width:0px;
}

hr
{
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#000000;
}

hr.cleaner
{
  visibility:hidden;
  clear:both;
}

.TablePaire, .FondPair {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000066;
  background-color:#CEE189;
}
.TableImpaire, .FondImpair {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

/* Boutons */

.boutons a, .boutons button
{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.boutons button
{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

.boutons button[type]
{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

.boutons button img, .boutons a img
{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .boutons a:hover
{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

.boutons a:active
{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}


/* Formulaires */

label 
{
  display:block;
  font-size:11px;
  white-space:nowrap;
}

input, select, textarea
{
  font-size: 12px;
  color: #000000;
  background-color:#E6EFC2;
  border: 1px solid #000000;
}

/*Classes pour palier aux déficiences d'Internet Explorer */
input.checkbox, input.radio
{

}

textarea.Large
{
  width:500px;
  height:200px;
}

form h2
{
  font-size: 14px;
  text-decoration:underline;
}

.FormBoutonAjout
{
  color:#FFFFFF;
  background-color:#1A6600;
}

.FormBoutonSuppression
{
  color:#FFFFFF;
  background-color:#E60000;
}

.EDD_EditToolBox
{
  width:20px;
}

.RemoveItem
{
  background-color:#FB8157;
  vertical-align:top;
}

/* Répertoire */

#onglets_index
{
  padding:0px;
  margin:0px;
}

#onglets_index li
{
  display:inline-block;
  list-style-type:none;
  width:25px;
  height:25px;
  float:left;
  border-width:1px;
  border-color:#32741C;
  border-style:solid;
  background-color:#B6D39B;
  color:#32741C;
  font-size:20px;
  text-align:center;
  vertical-align:middle;
}

#onglets_index li a
{
  font-size:20px;
  color:#32741C;
  text-decoration:none;
}

/* Notes */

div.note
{
  width:600px;

  border-style:solid;
  border-width:1px;
  border-color:#E6E6E6;

  background-color:#F8F8F8;

  margin:5px;
  padding:5px;
}
