/* CSS Document */




* {
	-moz-box-sizing: border-box;
}

body {
	font: 11px tahom, vardana, helvetica, sans serif;
	background: white;
	color: black;
	margin: 0;
}

/**fenetre de conexion dans IFS**/

#ifscon	{
	
	/*position:absolute;*/
	/*top: 60px;*/
	left: 2px;
	width: 300px;
	/*height: 200px;*/
	border: 1px solid black;
	background: #E5EBEF;
	/*border-style:dashed;*/
	
}

#ifscon .handle {
	width: 100%;
	border-bottom: 1px solid black;
	background: #33415d;
	padding: 3px;
}

#ifscon .content {
	width: 100%;
	background: #E5EBEF;
	padding: 0px;
	
}

.width140 {
	width: 140px;
	}

/**fenetre actualite**/

#lylina	{
	/*position: absolute;*/
	margin-left: 15%;
	width: 70%;
	border: 1px solid black;
	background: white;

	
}

#lylina .handle {
	width: 100%;
	border-bottom: 1px solid black;
	background: #33415d;
	padding: 3px;
	
}

#lylina .content {
	width: 100%;
	padding: 0px;
	
}




/**footer**/
	
	#footerindex {
     position: float;
	 /*margin-top:50%;*/
	background-color: #33415d;
	color: #FFFFFF;
	
	
	}
	
	
	#google {
		position : float;
	}
	
	#dir {
		position : float;
	}
	
	
	
	

/**Header**/

#header {
height: 29px;
/*position: relative;*/
background-color: #33415d;
vertical-align: middle;
border-bottom: 1px solid  #576178;
/*border-left: 1px solid #576178;*/


}

#headerbas {
/*background-image: url(http://staffprivate.free.fr/test/images/headder_bas.png);*/
background-repeat: repeat-x;
list-style-type: none ;
text-decoration:  none ;
background-color: #999999 ;
border-bottom: 1px solid  #576178;
/*border-top: 1px solid  #576178;*/
 font: bold 11px verdana, arial, sans-serif;


}

.Style1 {color: #FFFFFF; font-weight: bold;

}


.Style3 {color: #FFFFFF; }

.Style4 {color:#FFFFFF; font-weight: bold; }

ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	/*margin: 0 10px 1em 0;*/
	margin-right: 19px;
	border-left: 1px solid #1f2635;
	border-right: 1px solid #1f2635;
	 font: bold 11px verdana, arial, sans-serif;


}

#newsletter {
	
	/*border-right: 1px solid #576178;*/
	border-left: 1px solid #1f2635;
	}

ul#menu li
{
	margin: 0 0 2px 0 ;
	padding: 0 ;
	float: right;
	text-align:center
	
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 80px ;
	line-height: 28px ;
	color: #FFFFFF ;
	text-indent: 4px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	
	border-left: 1px solid #576178;
	border-right: 1px solid #1f2635;
	float: left;
	
	
}

ul#menu li a:hover
{
	background: #475470  no-repeat 0  ;  
	/*text-decoration: underline; */
	
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */

	
}
		
#logo {text-decoration:none;}


#contcontact {
  padding-top: 10px;
  padding-left: 15px;
}

#certif {
  position: absolute;
  width: 250px;
  height: 250px;
  padding-top: 100px;
  padding-left: 650px;
}