/* tout ce qui concerne le corps de la page */
body
{ 
	position: absolute;
	left:1%;
	top:1%;
  	width: 101%;
	height: 90%;
  	margin: auto; 
   	margin-top: 2%; 
  	margin-bottom: 5%; 
  	background-color: #CECECE;
}


/* tout ce qui concerne l'entête */
#entete
{ 	height: 100px;
	background-image: url("../classic/enteteban.gif");
	background-repeat: no-repeat;
	background-position: center; 
	text-align :center;
	margin-bottom:1%;
	margin-top : 1%;
	margin-right : 10%;
	margin-left :10%;
	font-size: 100%;
}




/* tout ce qui concerne le menu */
	/*generique du menu*/
#menu
{	float: left; 	
	width: 15%;
	margin-bottom:1%;
	margin-left: 1%;
	font-size: 75%;

}
/*zone d'identification*/
.identification  
{	

text-align:center;	

}
/* tout ce qui concerne le corps de la page et concernant le menu1.php */

#corps
{
	margin:auto;
	text-align:center;
	float: left;
 	width: 82%;
	margin-right :1%;
	margin-bottom :2%;
}


 /* une marge entre chaque fieldset ; la même que cela soit dans le menu ou dans le corps de la page*/	
.acceuil fieldset
{		margin-bottom: 15px;
		color: #4d4168;
		background-color :white ;
		border:2px ridge #4d4168;
		font-size: 100%;		
}

.acceuil legend 	
{
   	font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   	color:red;
	background-color : #4d4168  ;
	border:2px ridge #FFBEAC;
	font-size: 90%;
}







/*les modules */


.laboratoire ,.comptabilite,.administration,.repertoire,.infotheque,.nouvelles,.personnel,.Cahier_Labo   /* On met un peu plus en valeur les titres des fieldset */
{ 	
	font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   	font-weight: bold;
	font-size: 110%;
   	color: white;
	background-color : #5a5e6b ;
	border: 2px ridge grey;
}
.laboratoire legend ,.comptabilite legend,.administration legend ,.repertoire legend,.infotheque legend,.nouvelles legend,.personnel legend,.identification legend,.acceuil2 legend
.comptabilite legend,.Cahier_Labo legend 
{
   	font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   	color: DarkSlateGray;
	background-color : white ;
	border: 2px ridge grey;

}

 .laboratoire a , .comptabilite a, .administration a,.repertoire a,.infotheque a,.nouvelles a,.personnel a,.identification a,.acceuil2 a,.Cahier_Labo a
{
   	text-decoration: none; /* Les liens ne seront plus soulignés */
   	color: white; 
  	font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
	font-size: 105%;
}

 .laboratoire	a:hover,.comptabilite a:hover, .administration a:hover,.repertoire a:hover,.infotheque a:hover,.nouvelles a:hover,.personnel hover,.acceuil2 a:hover,.Cahier_Labo a:hover /* Quand le visiteur pointe sur le lien */
{
   	text-decoration: none; /* Le lien restera non souligné quand on pointera dessus */
   	color: yellow; 
	font-style: bold ;
	font-size: 105%;
}

 .laboratoire a:focus, .comptabilite a:focus, .administration a:focus,.repertoire a:focus ,.infotheque a:focus,.personnel a:focus,.acceuil2 a:focus,.Cahier_Labo a:focus/* Quand le visiteur sélectionne le lien */
{
   	background-color: #FFCC66;
	font-style: bold; /* Les liens seront en gras */
}

.laboratoire fieldset ,.comptabilite fieldset, .administration fieldset,.repertoire fieldset,.infotheque fieldset,.nouvelles fieldset,.personnel fieldset,.identification fieldset
,.acceuil2 fieldset ,.Cahier_Labo fieldset/* une marge entre chaque fieldset ; la même que cela soit dans le menu ou dans le corps de la page*/	
{		margin-bottom: 15px;
		background-color : lightgrey;
		border: 2px ridge #714A4A;
		color:#714A4A ;
		font-size: 100%;		
}


.laboratoire label,.comptabilite label, .administration label,.repertoire label,.infotheque label,.nouvelles label,.personnel label,.identification label,.Cahier_Labo label
{
   	font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
	font-size: 100%;

   	font-weight: bold;
}

.laboratoire table ,.comptabilite table, .administration table,.repertoire table,.infotheque table,.nouvelles table,.personnel table,.Cahier_Labo table
{
   	margin: auto;
   	border-collapse: collapse;
   	margin-bottom: 1%;
}
.laboratoire caption,.comptabilite caption , .administration caption,.repertoire caption,.infotheque caption,.nouvelles caption,.personnel caption ,.Cahier_Labo caption/* Titre du tableau */
{
  	margin: auto; /* Centre le titre du tableau */
   	font-size: 100%;
   	font-family: Arial, Times, "Times New Roman", serif;
   	font-weight: bold;
   	color: white;
	background-color : DarkSlateGray;
   	margin-bottom: 2%; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}


.laboratoire th,.comptabilite th, .administration th,.repertoire th,.infotheque th,.nouvelles th,.personnel th,.Cahier_Labo th
{
   	color: white;
	background-color :  DarkSlateGray;
	border: 2px solid DarkGray;
   	font-size: 100%;
   	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

.laboratoire td,.comptabilite td, .administration td,.repertoire td,.infotheque td,.nouvelles td,.personnel td,.Cahier_Labo td
{
	border: 2px solid DarkSlateGray;
	background-color :Gainsboro;
	font-size: 100%;
   	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   	text-align: center;
   	padding: 2px;
   	color: DarkSlateGray;
}
/*table du calendrier*/

.calmois table
{
   	margin: auto;
   	border-collapse: collapse;
   	margin-bottom: 1%;
}
.calmois caption
{
  	margin: auto; /* Centre le titre du tableau */
   	font-size: 100%;
   	font-family: Arial, Times, "Times New Roman", serif;
   	font-weight: bold;
   	color: #5C0515;
	background-color : #8FCF3C;
   	margin-bottom: 2%; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
.calmois th
{
   	color: #DB0B32;
	background-color :  #8FCF3C;
   	border-collapse: collapse;
   	font-size: 200%;
   	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
.calmois td
{
   	color: #DB0B32;
	background-color :  #8FCF3C;
   	border-collapse: collapse;
   	font-size: 90%;
   	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}


.calmois input,.calmois textarea
{
	background-color: white;
	color:#DB0B32 ;
   	padding: 0px;
	margin: 0px;			
}
.calmois input:focus,.calmois textarea:focus/* Quand le curseur est sur un champ d'ID */
{
	background-color: #FFF168;
	color: #B1221C;
}


/* code couleur jour et semaine*/

#semA
{
	background-color: white;
	color:black;
	margin: 3px;
}
#semB
{
	background-color: black;
	color:white;
	margin: 3px;
}
#ferie 
{
	background-color: yellow;
	border:yellow;
	color:red;
	margin: 3px;
}
#semrouge
{
	background-color: red;
	border: red;
	text-align:middle;
	padding: 1px;
}
#semvert
{
	background-color: green;
	border: green;
	text-align:middle;
	padding: 1px;
}	
#sembleue
{
	background-color: blue;
	border:blue;
	text-align:middle;
	padding: 1px;
}
#semvacances
{
	background-color: yellow;
	border: yellow;
	text-align:middle;
	padding: 1px;
}
#indif
{
	background-color: #556627;
	border: #556627;
	text-align:middle;
	padding: 1px;
}


/*les fields dans les pages du corps*/
.interieur_corps
{
	margin: 1%;
	font-size: 75%;
}
.interieur_corps fieldset /* une marge entre chaque fieldset ; la même que cela soit dans le menu ou dans le corps de la page*/	
{		margin-bottom: 15px;
		background-color :Silver ;		
}  
.interieur_corps legend 
{
   	font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
	background-color:DarkSlateGray;
	color:white;
   	font-weight: bold;	
	font-size:100%;
}

.interieur_corps label
{	color : black;
	font-size: 80%;
}
.interieur_corps input,.interieur_corps  textarea
{	margin-bottom: 5px;
	background-color:white ;
	color: DimGray;
	font-size: 80%;
   	padding: 5px;

}
.interieur_corps textarae
{

	margin: auto; 
}

.interieur_corps input:focus, textarea:focus /* Quand le curseur est sur un champ */
{
   	background-color:DimGray ;
	color: white;
}
/*les fields dans les fields dans les pages du corps*/
.interieur_corps2
{
	margin: 2%;
	font-size: 100%;
}
.interieur_corps2 fieldset /* une marge entre chaque fieldset ; la même que cela soit dans le menu ou dans le corps de la page*/	
{		margin: 1px;
		background-color :black ;
		color: white;		
}
.interieur_corps2 legend 
{
   	font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
	background-color:darkgrey;
	color:white;
   	font-weight: bold;	
	font-size:120%;
}


.fieldsetgauche
{
	float: left;
 	width: 43%;

}

.fieldsetdroit
{
	float: right;
 	width: 43%;

}
.fieldsetcentre
{
 	width: 98%;

}
/*tout ce qui concerne le pied de la page */

#pied
{
	clear: both;
	text-align:center;
	margin-top:3%;
	margin-bottom:3%;
	margin-right : 5%;
	margin-left :5%;
	background-color:DarkSlateGray;
	color:SILVER;
	font-size: 95%;
}
/*bulle d'aide - par acronyme*/

acronym {
	position: relative;
   font-size: 70%;
   color: purple;
   background:ivory;


}