/*--------------------- Les balises ----------------------------*/

div{
  /*border: 1px solid black;*/
}

body{
  font-family: verdana, arial, sans-serif;
}

fieldset{
  text-align: left;
}

legend{
  text-align: center;
  color: red;
  font-size: 20px;
  font-weight: bold;
}

input[type], select{
  border: 1px solid red;
  border-radius: 5px;
  font-size: 16px;
  width: auto;
  height: auto;
}

label{
  color: red;
}

table{
  border-collapse: collapse;
  height: auto;

}

td, th{
  font-size: 14px;
  font-weight: normal;
  color: red;
  background: none;
  height: auto;
  text-align: center;
  border: 1px solid red;
  padding: 5px;
  /*word-wrap: break-word;*/
}

th{
  height: 35px;
  background: red;
  color: white;
  font-weight: bold;
  border: 0;
  border-right: 1px solid white;

}

td, th{
  padding-top: 3px;
  padding-bottom: 3px;
}

td{
  color: black;
  word-wrap: break-word;
}

button, button_clicked{
  width: auto;
  height: auto;
  font-size: 16px;
  background-color: red;
  color: white;
  vertical-align: central;
  font-weight: bold;
  padding: 5px;
}

button_clicked{
  background-color: pink;
}

/*--------------------- Les class ------------------------*/

.font_weight_normal{
  font-weight: normal;
}

.font_weight_bold{
  font-weight: bold;
}

.button_admin_left{
  border-radius: 5px 0 0 5px;
  font-weight: bold;
}

.button_admin_center{
  border-radius: 0;
  font-weight: bold;
}

.button_admin_right{
  border-radius: 0 5px 5px 0;
  font-weight: bold;
}

.button_admin_left:hover, .button_admin_center:hover, .button_admin_right:hover{
  background-color: pink;
}

.td_bold{
  font-weight: bold;
}

.button_action_ecriture{
  font-size: 12px;
  width: auto;
  height: auto;
  text-align: center;
  background-color: red;
  color: white;
  border-radius: 5px;
  padding: 0 3px 0 3px;
  margin: 0;
}

.button_action_ecriture:hover{
  background-color: pink;
  }

.button, .button_clicked{
  width: auto;
  height: auto;
  font-size: 16px;
  background-color: red;
  color: white;
  vertical-align: central;
  font-weight: bold;
  padding: 5px;
}

.button_clicked{
  background-color: pink;
  color: black;
}
.bold{
  font-weight: bold;
}

.normal{
  font-weight: normal;
}

/*--------------------- Les id ---------------------------*/

#th1,#td1,#th1_totaux{
  width: 38px;
}

#th1{
  border-radius: 8px 0 0 0;
}

#th1bis,#td1bis,#th1bis_totaux{
  width: 120px;
  padding-left: 3px;
  padding-right: 3px;
}

#th2,#td2,#th2bis,#td2bis,#th2_totaux,#th2bis_totaux{
  width: 90px;
}

#th3,#td3,#th3_totaux{
  width: 65px;
}

#th4,#td4,#th4_totaux{
  width: 100px;
  max-width: 100px;
  padding-left: 3px;
  padding-right: 3px;
}

#th5,#td5,#th5_totaux{
  width: 60px;

}

#th6,#td6,#th6_totaux,#th6bis_totaux{
  width: 100px;
  text-align: center;
}


#th7,#td7,#th7_totaux,#th7_totaux_bas{
  width: 350px;

}

#td7{
  text-align: left;

}

#th7_totaux{
  border-radius: 8px 0 0 0;
}

#th7_totaux_bas{
  border-radius: 0 0 0 8px;
}

#th8,#td8,#th9,#td9,#th10,#td10,#th8_totaux,#th9_totaux,#th10_totaux,#th10_totaux_bas{
  width: 100px;
  text-align: right;
}

#th1_totaux,#th1bis_totaux,#th2_totaux,#th2bis_totaux,#th3_totaux,#th4_totaux,#th5_totaux,
#th6_totaux,#th7_totaux,#th8_totaux,#th9_totaux,#th10_totaux{


}

#th1_totaux,#th1bis_totaux,#th2_totaux,#th2bis_totaux,#th3_totaux,#th4_totaux,#th5_totaux,
#th6_totaux{
  background: white;

}

#th10_totaux{
  border-radius: 0 8px 0 0;
}

#th10_totaux_bas{
  border-radius: 0 0 8px 0;
}



/*--------------------- Les fieldset id ------------------------*/

fieldset#login{
  border-radius: 10px;
  /*border: 3px solid white;*/
  width: 350px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

fieldset#ajout_ecriture{
  border-radius: 10px;
  border: 3px solid red;
  width: 270px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/*---------------------- Les div class -----------------------------------*/

div.ligne_ecriture {
  color:red;
  font:14px Verdana, AppleGothic, sans-serif;
  font-weight: normal;
  background:url(overlay.png) repeat-x center #ffcc00;
  background-color:white;
  border:1px solid red;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:0;
  border-bottom:1px solid #9f9f9f;
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}


/*---------------------- Les div id ------------------------------*/



div#login_frame{
  background-color: whitesmoke;
  border-radius: 10px;
  border: 3px solid red;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  /*height: 270px;*/
  height: auto;
  text-align: center;
}

div#bouttons{
  margin-top: 20px;
  width: auto;
  height: auto;
  text-align: center;
}

div#header{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  min-width: 1100px;
  background-color: red;
  height: 160px;
  box-shadow: 0 10px 8px grey;

}

div#img{
  float: left;
  width: auto;
  height: auto;
  margin: 5px;

}

div#text_header,div#text_header_login{
  float: left;
  width: auto;
  height: auto;
  margin-left: 20px;
  margin-top: 35px;
  font-family: Arial;
  font-size: 26px;
  color: white;
  font-weight: normal;
}

div#text_header_login{
  margin-top: 40px;
}

div#connexion_header{
  float: left;
  width: auto;
  height: auto;
  margin-left: 30px;
  margin-top: 40px;
  font-size: 14px;
  color: white;
  font-weight: bold;
}

div#img_mon_compte{
  float: left;
  width: auto;
  height: auto;
  margin: auto;
  text-align: center;
}

div#img_mes_reglages{
  float: left;
  width: auto;
  height: auto;
  margin-top: 0px;
  margin-left: 10px;
  text-align: center;
}

div#text_mon_compte{
  float: left;
  width: auto;
  height: auto;
  margin-left: 20px;
}


div#titre_liste,div#text_admin{
  width: auto;
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
  color: black;
  text-align: center;
}

div#titre_liste{
  font-size: 18px;
}

div#tableau_liste_ecritures{
  text-align: left;  
  margin-top: 20px;
  width: 1450px;
  margin-left: auto;
  margin-right: auto;
  height: auto;

}

div#center{
  float: left;
  margin-left: 100px;

}

div#button_aligned_table{
  display: inline-block;
}



/*------------------ Les table id ------------------*/

table#liste_ecritures{
  border: 0;
  border-radius: 8px 0 0 0;
}

table#totaux_haut,table#totaux_bas{
  border: 0;
}

table#liste_ecritures{
  margin-top: 3px;
}

table#totaux_bas{
  margin-top: 3px;
}

/*-------------- Les input et select class ----------------------*/

input.ajout_ecriture, select.ajout_ecriture, input.modif_ecriture, select.modif_ecriture{
  width: 400px;
}

select.compte_selected{
  font-size: 16px;
}

/*--------------- Les p id ---------------------------------*/

p#login, p#instructions, p#password{
  color: red;
  text-align: center; 
  font-size: 25px; 

}

/*----------------------- Les span id --------------------*/

span#titre_paac{
  font-size: 42px;
}

span#x_deconnecter{
  padding:  2px 5px 2px 5px;
  border-radius: 15px;
  background: white;
  color: black;
}

/*------------------------ Les img id ---------------------*/

img#mon_compte{

  width: 40px;
  height: 40px;
}

img#mes_reglages{
  width: 40px;
  height: 40px;
}

/*------------------------ Les a id ------------------------*/

a#deconnexion{
  color: white;
  text-decoration: none;
}

a:hover#deconnexion{
  color: pink;
}

/*----------------------- Les form id -----------------------*/

form#form_compte{
  width: auto;
}