/* tout ce qui concerne le corps de la page */
body
{ 
	position: absolute;
	left:1%;
	top:1%;
  	width: 99%;
	height: 90%;
  	margin: auto; 
   	margin-top: 1%; 
  	margin-bottom: 1%; 
  	background-color: black;
	color:red;
	font-size:20px;
	font-weight:bold; 	
}


/* tout ce qui concerne l'entête */
#entete
{ 	height: 100px;
	background: lightgrey;	
	background-image: url("../classic/enteteban.gif");
	background-repeat: no-repeat;
	background-position: center; 
	border-radius:25% 50% 30% 90%;
	text-align :center;
	margin-bottom:-1%;
	margin-top : 1%;
	margin-right : 5%;
	margin-left :2%;
	font-size: 100%;	
	font-variant: small-caps;

}

/*zone d'identification*/
#identification  
{
	text-align:left;
	margin-left :2%;
	padding:1% ;
	background: lightgrey;
	width: 30%;	
	border-radius: 10% 70% 20% 50%;	
	color:black;
	font-size:50%;
	font-variant: small-caps;
}
#identification a{ text-decoration:none;
color:black;}
#identification input{ font-size:90%;
color:black;}

#menu{font-size:80%;
	font-variant: small-caps;}

#menu, #menu ul{
padding:0;
margin-top:1%;
list-style:none;
text-align:center;
color:black;
}
#menu li{
display:inline-block;
position:relative;
border-radius:8px 8px 0 0;
width: 12%;	
}
#menu ul li{
display:inherit;
border-radius:0;
width: 99%;	
}
#menu ul li:hover{
border-radius:0;
}

#menu ul{
position:absolute;
z-index: 1000;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
}
#menu li:hover ul{
max-height:15em;
}
/* background des liens menus */
#menu li{
background-color: 	grey;
}


/* background des liens menus et sous menus au survol */
#menu li:hover, #menu li:hover{
background:lightgrey;
}
/* les a href */
#menu a{
text-decoration:none;
display:block;
padding:8px 32px;
color:#fff;
font-family:arial;
}
#menu ul a{
padding:8px 0;
}
#menu li:hover li a{
color:#fff;
text-transform:inherit;
}
#menu li:hover a, #menu li li:hover a{
color:#000;
}


/* tout ce qui concerne le corps de la page */

#corps
{
	margin:auto;
	text-align:center;
	margin:1%;
	border-radius :50px 50px 50px 50px;
	background-color: DimGray;
	padding:1%;
	color:black;
}
/*les fields dans les pages du corps*/
#corps
{
	margin: 1%;
	font-size: 75%;
	background-color:Tan;
	border-radius: 20px;
}
#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 ;
}  
#corps legend 
{
	background-color:#183152;
	color:#ABC8E2;
	font-size:100%;
	border-radius:10px 10px 0 0;
	padding: 5px 10px 5px 10px;
	font-variant: small-caps;
}

#corps label
{	color : black;
}
#corps h1{ color:black	;font-size:12px;}
#corps h2{ color:DarkSlateGray ;font-size:12px;}
#corps h3{ color:#183152 ;font-size:10px;}

#corps input,#corps  textarea
{	background-color:white ;
	color: DimGray;
	font-size: 90%;
	
}
#corps textarae
{	margin: auto; 
}

#corps input:focus, textarea:focus /* Quand le curseur est sur un champ */
{
   	background-color:DimGray ;
	color: white;
}
#corps table
{
   	margin: auto;
   	border-collapse: collapse;
   	margin-bottom: 1%;
}
#corps caption
{
  	margin: left; /* Centre le titre du tableau */
	width:100%;
   	font-size: 100%;
   	font-family: Arial, Times, "Times New Roman", serif;
	font-variant: small-caps;
   	color: black;
	background-color : Gray;
   	margin-bottom: 2%; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
#corps th
{  	color: #183152;
	background-color :#ABC8E2;
	border-collapse: collapse;
}
#corps td
{	border-collapse: collapse;
	border-bottom: 2px solid DarkGray;
	background-color :Gainsboro;
	font-size: 100%;
   	text-align: center;
   	color: DarkSlateGray;
}

/*Le calendrier*/
/*Personalisation des inputs pour reduire leur taille*/
#calendrier th {
	font-variant: small-caps;
	width: 5%;
	border: 1px solid green;
 	color:#ABC8E2;
	background-color:#183152;}

	
#calendrier td{  
	width: 5%;
	border: 1px solid red;
	background-color:Khaki;}


#calendrier input { 
	background-color:#ABC8E2 ;
	color:#183152;
	font-size: 100%;	
}


/*la cahier*/

#cahier th {
	font-variant: small-caps;
	width: 5%;
	border: 1px solid green; }

	
#cahier td{  
	width: 5%;
	border: 1px solid red;}


#cahier input { 
	color:#ABC8E2 ;
	background-color: #183152;
	font-size: 75%;	
}
#cahier abbr {color:green; font-size:75%;}

#cahier h1{ color:black;font-size:12px;}
#cahier h2{ color:DarkSlateGray ;font-size:12px;}
#cahier h3{ color:#183152 ;font-size:10px;}
#cahier h4{ color:#D90115 ;font-size:10px;}
#cahier h5{ color:#149414 ;font-size:10px;}

#cahier textarea {background-color:#ABC8E2;color:#183152;font-size:10px;}

#cahier input:focus, textarea:focus {color:#ABC8E2;background-color:#183152;font-size:10px;}


#pied
{
	clear: both;
	text-align:center;
	margin-top:1%;
	margin-bottom:1%;
	margin-right :2%;
	margin-left :2%;
	background-color:DarkSlateGray;
	color:SILVER;
	font-size: 15px;
	border-radius:0 0 50% 50%;
}