/***********Addict*****************/
/*Feuille de style
copyright Alain Thyssen : www.architecture-informatique.com
*/
* {
	margin: 0;
	padding: 0;
	
}
body {
	font-family: Arial, sans-serif;
	font-size: 62.5%;  /*Le texte par défaut de tous les élémnets vaut 10 pixels*/
	text-align:center;
	line-height: 1.5em;
	background-color: rgb(213,213,213);
}
/*Description de la page et des éléments*/
#page {
	width:1000px;
	height: 100%;
	margin: 0 auto;
	padding-bottom: 5px;
	text-align: left;
	background-color: white;
	font-size: 1.2em;
}
/*haut de page*/
#header {
	width:1000px;
	height: 373px;
  background: url(../images/headersite.jpg) no-repeat top left;
}

/*fin de haut de page*/
/*Corps de la page*/
#contenu {
	width:980px;
	margin-left: 10px;
}
#formleft, #formright{
  float: left;
  width: 49.9%;
}
#formleft{
  margin-top: 20px;
}
#formright{
  margin-top: 200px;
}
/*Fin Corps de la page*/
/*pied de la page*/
#pied {
	width:1000px;
	height: 170px;
	margin-bottom: 5px;
  background: url(../images/footersite.jpg) no-repeat top left;
}
/*Fin pied de la page*/
/*ELéments générique*/
a {
  text-decoration: none;
  cursor: pointer;
  color: black;
}
p, table {
  font-size: 1.2em;
}
h2 {
  font-size: 1.4em;
  font-weight: normal;
  background-color: #BBF02C;
  padding: 5px 20px;
  text-align: center;
}
h3 {
  color: #BBF02C;
  font-size: 3.5em;
  font-weight: bold;
  padding: 10px 0;
  text-transform: uppercase;
  line-height: 1.02em;
}
h3 span {
  font-size: 0.4em;
  font-weight: normal;
  text-transform: none;
}
h4 {
  color: #BBF02C;
  font-size: 2.5em;
  font-weight: normal;
  padding: 10px 0;
}
h5 {
  color: #BBF02C;
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px 0;
}
a:hover {
  text-decoration: underline;
}
ul {
  margin-left: 50px;
  margin-top: 10px;
}
li {
  list-style: disc outside ;
  font-size: 1.2em;
  margin: 5px 0;
}
img {
  border: 0 none;
}
/*Class et divers*/
.clear{ clear:both;}
.left{text-align: left;}
.right{text-align: right;}
.gras {font-weight: bold;}
.validation {float: left;width: 90px;padding-top: 5px;padding-left: 5px;}
.time{float: left;width: 40%;margin-top: 20px;}
.cursor{cursor: pointer;}
.marg20{margin: 20px 0;font-size: 0.8em;}
.invisible{display: none;}
.pasvisible{visibility: hidden;}
.untier {
  float: left;
  width: 33%;
  margin-top: 20px;
}
/*Pour l'objet MyTable (gestion MySql)*/
/*Objet générique d'affichage du résultat d'une requête select*/
#table {
  position: relative; 
  margin-bottom: 20px;
}
/*contenu d'une table MySql*/
.tablemysql {
  width: 100%;
  border: 1px #808080 solid;
}
td, th{border-bottom: 1px #808080 solid;text-align: center;}
.deb{border-right: 1px #808080 solid;}
.debut{background: rgb(186,186,186);}
.mod {
  background: url(../images/voir.png) no-repeat ;
}
.supp {
  background: url(../images/croix.png) no-repeat ;
}
.mod, .supp {
  width: 100%;
  height: 16px;
  display: block;
  text-indent: -3000px;
  background-position: 50% -16px;
}
.mod:hover, .supp:hover {background-position: 50% 0;}
.label, .text, .checkbox, .textarea {
  float: left;
  display: block;
  font-size: 1.2em;
  margin-bottom: 10px;
}
.checkbox {
  margin-top: 2px;
}
/*FIN contenu d'une table*/
ul.table {
  margin-left: 20px;
  margin-bottom: 20px;
}
.table li {
  list-style: disc inside ;
}
/*affichage d'un enregistrement pour modification, création*/
/*label*/
.label {
  width: 45%;
  text-align: right;
  margin-right: 5px;
  padding-top: 2px;
}
/*input*/
.text {
  width: 30%;
}
.button, .bouton{
  width: 80px;
  height: 20px;
  font-size: 1.2em;
  background-color: #BBF02C;
  color: black;
  border: 1px black solid;
  cursor: pointer;
}
.button {
  margin-left: 100px;
  padding-bottom: 2px;
}
a.button {
  display: block;
  float: left;
  text-align: center;
  padding-top:3px;
  height: 12px;
}
a.button:hover{
  background-color: rgb(127,127,127);
}
/*FIN affichage d'un enregistrement pour modification, création*/
/*FIN Pour l'objet MyTable*/
/*
copyright Alain Thyssen : www.architecture-informatique.com
*/