@charset "utf-8";
/* CSS Document */

BODY 
{
	background-color: #FFFFFF;
	color:#000000;
	width: 1024px;
   	margin: auto; /* Pour centrer notre page */
   	margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   	margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	padding:0px;
    scrollbar-face-color: #bdbfc6;
    scrollbar-shadow-color: #5C6970;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
	font-size:12px; 
}
BODY, TH, TD, SPAN, DIV, P { font-family:Trebuchet MS; }

FORM { margin:0px; padding:0px;}
INPUT { font-size:10px;}
ul {margin-left:16px; margin-bottom:3px; margin-top:0px;}
li {margin:0px;}
h1 { font-size:17px; font-weight:bold; color:#719500; padding-top:5px; }
h2 { font-size:12px; font-weight:bold; color:#f5a711; xwidth:100%; margin-bottom:5px;}
h3 { font-size:9px; font-weight:normal; color:#8b8b8d; xwidth:100%; margin-bottom:0px; margin-top:5px;}
h3 p { margin:0px;}
h4 { font-size:20px; font-weight:bold; width:800px; }
h5 { font-size:10px; font-weight:normal; padding:0px; margin:0px; color:#f5a711; xmargin-top:-3px; }
h6 { font-size:14px; padding:0px; margin-top:10px; color:#b5047b;}

#banniere_gauche
{
float:left;
width: 250px;
height: 120px;
background-color:#5C6970;
display: none;
}
.logo
{
position:absolute;
margin-top:25px;
margin-left:5px;
width:240px;
height:70px;
background-image:url(images/my_erlab3.jpg);
background-position:center;
background-repeat:no-repeat;
display: none;
}


#banniere_central
{
margin:auto;
width: 524px;
height: 120px;
background-color:#5C6970;
color:#FFF;
text-align:center;
vertical-align:text-bottom;
font-weight:bold;
font-size:18px;
display: none;
}
.titre_haut
{
position:absolute;
margin-top:35px;
margin-left:10px;
width:504px;
height:30px;
background-color:#5C6970;
color:#FFF;
text-align:center;
vertical-align:text-bottom;
font-weight:bold;
font-size:18px;
display: none;
}

#banniere_droite
{
float:right;
width: 250px;
height: 120px;
background-color:#5C6970;
color:#FFF;
border-left: 3px solid #FFF;
display: none;
}
.deconnection
{
position:absolute;
margin-top:55px;
margin-left:10px;
width:230px;
height:50px;
display: none;
}
.deconnection a
{
	color:#FFF;
	text-decoration:none;
	display: none;
}
.deconnection a:hover
{
	color:#FFF;
	text-decoration:none;
	display: none;
}
.connection
{
position:absolute;
margin-top:45px;
margin-left:10px;
width:230px;
height:50px;
display: none;
}
.drapeaux
{
	position:absolute;
	margin-top:10px;
	margin-left:10px;
	width:230px;
	height:30px;
	color:#FFF;
	border:none;
	border-bottom: 2px solid #FFF;
	display: none;
}
#banniere_droite img
{
	border:none;
	display: none;
}

#menu_haut
{
	width:1024px;
	height:22px;
	color:#5C6970;
	text-decoration: none;
	display: none;
}

#menu_haut_gauche a
{
	float:left;
	width:140px;
	height:22px;
	color:#5C6970;
	text-align:center;
	text-decoration: none;
	border:1px solid #EBEDED;
	display: none;
}

#centrer {
margin-left:auto;
margin-right:auto;
width:1024px;
display: none;
}
/****************************/
/* 	début menu	déroulant	*/
/****************************/
 
/*chaque sous-menu*/
#menu ul li {
position:relative;
float:right;
width:124px;
cursor:pointer;
display:block;
background:none;
height:22px;
list-style-type:none;
border: 1px solid #EBEDED;
text-align:center;
text-decoration: none;
display: none;
}
 
/*carré déroulant sous un sous-menu niveau 1*/
#menu ul li ul {
display:none;
position:absolute;
width:84px;
border:1px solid #bdbfc6;
border-top:none;
top:22px;
left:-16px;
background-color:#EBEDED;
text-align:left;
text-decoration: none;
display: none;
}
 
#menu ul li ul li {
height:100%;
text-decoration: none;
display: none;
}
 
#menu ul li ul li a {
color:#5C6970;
font-size:11px;
font-weight:normal;
display:block;
height:100%;
border-top:1px solid #bdbfc6;
text-decoration: none;
font-size:12px;
text-align:left;
text-decoration: none;
display: none;
}
 
/*au passage de la souris on inverse les couleurs de la case*/
#menu ul li ul li a:hover {
color:#5C6970;
background:#FFF;
text-decoration: none;
display: none;
}

/*au passage de la souris on inverse les couleurs de la case*/
#menu ul li ul li a:focus {
color:#5C6970;
background-color:#EBEDED;
text-decoration: none;
display: none;
}

/*au passage de la souris on inverse les couleurs de la case*/
#menu ul li ul li a:visited  {
color:#5C6970;
background-color:#EBEDED;
text-decoration: none;
display: none;
}
 
/*décalage des sous-menu niveau 2 vers la droite*/
#menu ul li ul li ul {
top:0px;
left:111px;
text-decoration: none;
display: none;
}
 
/*décalage du sous-menu niveau 2 le plus à droite vers la gauche*/
#menu ul li ul li ul.dernier {
left:-138px;
text-decoration: none;
display: none;
}

#menu_gauche
{
	clear:both;
   float: left; /* Le menu flottera à gauche */
   width: 140px; /* Très important : donner une taille au menu */
   height:800px;
   background-color:#EBEDED;
   background-image:url(images/ColonneGaucheContenu.gif);
   background-repeat:no-repeat;
   background-position:bottom;
   margin-top:10px;
   display: none;
}
.element_menu a
{
   	margin-top: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   	color:#5C6970;
	text-align:left;
	text-decoration: none;
	display: none;
	
}
.element_menu a:hover
{
   background-color: #EBEDED;
   color: 5C6970;
   text-decoration: none;
   display: none;
}


.element_menu h2
{    
   color: #f5a711;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
   padding-left:10px;
   display: none;
}

.element_menu ul
{
   padding: 0px;
   padding-left: 10px;
   margin: 0px;
   margin-bottom: 5px;
   display: none;
}
.element_menu li
{
   	color:#5C6970;
	text-align:left;
	list-style-type:none;
	list-style-position: inside;
	display: none;
}

#content_home
{
	margin-left: 10px;
	width:884px;
	padding:10px;
	min-height:600px;
}

#content
{
	width:1004px;
	padding:10px;
	min-height:600px;
	
}

fieldset {border:3px solid #c6d599;}
legend {padding-left:10px;padding-left:20px;padding-right:10px;font-size:16px;color:#719500}

#pied_de_page
{
	clear:both;
	text-align: center;
	color:#5C6970;
	text-decoration:none;
	display: none;
}
#pied_de_page a
{
	color:#5C6970;
	text-decoration:none;
	display: none;
}