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

/*#0bbaef*/

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: #eaefd9;
    scrollbar-shadow-color: #ffffff; 
    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:Arial; }
.p {margin-top:12px;margin-bottom:12px;}
div{ margin:0px; padding:0px}

FORM { margin:0px; padding:0px;}
INPUT { font-size:10px;}
ul {margin-left:16px; margin-bottom:3px; margin-top:0px;}
li {margin:0px;}
hr	{
	border-width: 1px;
	border-color:#0bbaef;
	border-style: solid;
}
a img {border:none}

#banniere_gauche
{
float:left;
width: 270px;
height: 95px;
	padding-left: 20px;
background-color:#000000;
background-image:url(images/Header_03.jpg);
background-position:left;
background-repeat:no-repeat;
}
.logo
{
position:absolute;
margin-top:15px;
margin-left:10px;
width:260px;
height:70px;
background-image:url(images/my_erlab3.jpg);
background-position:center;
background-repeat:no-repeat;
}


#banniere_central
{
margin:auto;
width: 524px;
height: 95px;
background-color:#0bbaef;
color:#FFF;
text-align:center;
vertical-align:text-bottom;
font-weight:normal;
font-size:18px;
background-image:url(images/Header_03.jpg);
background-position:center;
background-repeat:no-repeat;
}
.titre_haut
{
font-family: Arial;
position:absolute;
margin-top:35px;
margin-left:10px;
width:304px;
height:30px;
color:#FFF;
text-align:center;
vertical-align:text-bottom;
font-size:13px;
}

#banniere_droite
{
float:right;
width: 280px;
height: 95px;
background-color:#0bbaef;
color:#000;
background-image:url(images/Header_03.jpg);
background-position:right;
background-repeat:no-repeat;
}
.deconnection
{
position:absolute;
margin-top:55px;
margin-left:10px;
width:230px;
height:50px;
}
.deconnection a
{
	color:#FFF;
	text-decoration:none;
}
.deconnection a:hover
{
	color:#FFF;
	text-decoration:none;
}
.connection
{
position:absolute;
margin-top:45px;
margin-left:10px;
width:230px;
height:50px;
}
.drapeaux
{
	position:absolute;
	margin-top:10px;
	width:280px;
	height:30px;
	color:#FFF;
	border:none;
}

.drapeaux a
{
	color:#FFF;
	text-decoration:none;
}

.drapeaux a:hover
{
	color:#FFF;
	text-decoration:none;
}

#banniere_droite img
{
	border:none;
}

#menu_haut
{
	width:1024px;
	height:22px;
	color:#FFF;
	text-decoration: none;
	/*background-image:url(images/bg_menu.png);*/
	background-color: #0bbaef;
	border: none;
	background-position:center;
	background-repeat:no-repeat;
}

#menu_haut_gauche
{
	float:right;
	width:133px;
	line-height : 21px;
	color:#FFF;
	text-align:center;
	text-decoration: none;
	border: none;
	background-color: #0bbaef;
}
#menu_haut_gauche a
{
	
}

#centrer {
margin-left:auto;
margin-right:auto;
width:1050px;
}
/****************************/
/* 	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;
}
 
/*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;
}
 
#menu ul li ul li {
height:100%;
text-decoration: 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;

}
 
/*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;
}

/*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;
}

/*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;
}
 
/*décalage des sous-menu niveau 2 vers la droite*/
#menu ul li ul li ul {
top:0px;
left:111px;
text-decoration: 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;
}

#menu_gauche
{
	clear:both;
   float: left; /* Le menu flottera à gauche */
   width: 140px; /* Très important : donner une taille au menu */
   height:995px;
   background-repeat:no-repeat;
   background-position:bottom;
   margin-top:10px;
}

.element_menu a
{
   	margin-top: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   	color:#000;
	text-align:left;
	text-decoration: none;
	
}
.element_menu a:hover
{
   /*background-color: #FFF;*/
   color: #FFF;
	background-color: #0bbaef;
   text-decoration: none;
}


.element_menu h2
{    
   color: #FFF;
	background-color: #0bbaef;
   font-family: Arial;
   text-align: center;
   padding-left:10px;
}

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

.entete_valiquest a{
	color:white;
	text-decoration:none;
}

.entete_valiquest a:hover{
	color:white;
	text-decoration:none;
}

#content_home
{
	margin-left: 140px;
	width:884px;
	padding:10px;
	min-height:600px;
	/*background-image:url(images/background.jpg);*/
}

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

#forgotpassword a {
    color:#000000;
    text-decoration:none;
}

#forgotpassword a:hover
{
    color: #0bbaef;
    text-decoration:none;
}

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

#pied_de_page
{
	clear:both;
	text-align: center;
	color:#FFF;
	text-decoration:none;
    background-color: #0bbaef;
}
#pied_de_page a
{
	color:#FFF;
	text-decoration:none;
}

#pied_de_page a:hover
{
	color: #0bbaef;
	text-decoration:none;
}

/* Menu2 */
#menu2, #menu2 ul /* Liste */	
{
	float:left;
	font-family:Arial;
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	line-height : 21px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	/*border: 1px solid #EBEDED;
	background-color:#EBEDED;*/
	color:#000;
	font-size:12px;
	
}

#menu2 /* Ensemble du menu */
{
	font-family : Arial;
	font-size : 12px; /* hauteur du texte : 12 pixels */
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	
}

#menu2 a /* Contenu des listes */
{
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	margin : 0;
	/*background-color : #FFF; /* couleur de fond */	
	color:#FFF; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 124px; /* largeur */
}

#menu2 li /* Elements des listes */	
{ 
	float : left; 
	/* pour ie qui ne reconnait pas "transparent" */
	border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu2 li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
	
}

#menu2 li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 124px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	background-color : #0bbaef; /* couleur de fond */
	
}


#menu2 li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */

}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu2 li ul li		
{

}

#menu2 li ul ul 
{
	margin		: -22px 0 0 124px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */

}

/* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu2 li ul ul		
{
	border-left	: 1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */
}

#menu2 a:hover, #menu2 li ul a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #000; /* On passe le texte en noir ... */
	background: #e0e0e0 ; /* ... et au contraire, le fond en blanc */
}

#menu2 li:hover ul ul, #menu2 li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li.sfhover ul, #menu2 li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}