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

body{
	color:#000033;
	font-size: 12px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
}

*{
/*permet de supprimer la bordure blanche autour du site*/
	margin:0px;
	padding:0px;
}

a{
/*permet de supprimer les pointillés autour des liens*/
	outline:none;
	border:0px;
	color:#000033;
	text-decoration:none;
}

a:hover{
	color:#FF9900;
}

a img{
/*permet de supprimer l'encadré bleu autour des liens de type image*/
	border:0px;
}

h2{
	text-align:center;
	padding:20px 0 80px 0;
	color:#000033;
	/font-size:150%;
}

/* Style css des titres de type h3 */
h3{
	margin-left:20px;  /* définition de la marge extérieure */
	padding:20px 0 10px 0; /* définition de la marge intérieure */
	color:#000033; /* définition de la couleur du titre */
}


#texte_orange{
	color:#FF9900;
}


  /*------------------*/
 /* Banniere et menu */
/*------------------*/
#banniere_haut_blanc{
	height:120px;
	width:980px;
	margin:auto; /*centre la balise*/
	position:relative;
	z-index:2;
}

#banniere_haut_bleu{
	position:relative;
	background-repeat:repeat-x;
	background-image:url(images/bordure_haut_bleu.jpg);
	height:220px;
	z-index:1;
}

#menu{
	margin:auto; /*centre la balise*/
	height:220px;
	width:980px;
	text-align:center;
}

#separation{
	background-image:url(images/separation_menu.png);
	background-position:center;
	background-repeat:no-repeat;
	filter:alpha(opacity=90);
	padding:50px;
}

#menu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	margin-top:-30px;
}

#menu a{
	text-decoration:none; /*supprime le souligné des liens*/
	color:#FFFFFF;
	padding:22px;
}

#menu a:hover{
	color:#FF9900;
}

#feuille_haut{
	height:120px;
	width:980px;
	margin-top:-45px;
	/margin-top:-29px; /*Pour regler un probleme d'affichage d'internet explorer*/
}

#feuille_haut_coin_gauche{
	background-repeat:no-repeat;
	background-image:url(images/feuille_coin_haut_gauche.png);
	width:20px;
	height:20px;
	float:left;
}

#feuille_haut_milieu{
	background-repeat:repeat-x; /* répète l'image sur tout la largeur */
	background-image:url(images/feuille_milieu_haut.png); /* charge l'image */
	width:940px; /* limite la largeur à 940px */
	height:20px; /* hauteur de l'image */
	float:left; /* paramètre pour la disposition sur la page */
}

#feuille_haut_coin_droit{
	background-repeat:no-repeat;
	background-image:url(images/feuille_coin_haut_droit.png);
	width:20px;
	height:20px;
	float:right;
}
/* !Banniere et menu */

  /*--------------*/
 /* Pied de Page */
/*--------------*/
#banniere_bas_blanc{
	height:120px;
	width:960px;
	margin:auto; /*centre la balise*/
}

#banniere_bas_bleu{
position:relative;
	background-repeat:repeat-x ;
	background-image:url(images/bordure_bas_bleu.jpg);
	height:220px;
	margin-top:-150px;
	z-index:1;
}


/* !Pied de page */

  /*---------*/
 /* Feuille */
/*---------*/
#feuille_bas{
	position:relative;
	height:20px;
	width:980px;
	margin:auto;
	z-index:2;
}

#feuille_bas_coin_gauche{
	background-repeat:no-repeat;
	background-image:url(images/feuille_coin_bas_gauche.png);
	width:20px;
	height:20px;
	float:left;
}

#feuille_bas_milieu{
	background-repeat:repeat-x;
	background-image:url(images/feuille_milieu_bas.png);
	width:940px;
	height:20px;
	float:left;
	
}

#feuille_bas_coin_droit{
	background-repeat:no-repeat;
	background-image:url(images/feuille_coin_bas_droit.png);
	width:20px;
	height:20px;
	float:right;
}
/* !Feuille */

  /*-----------*/
 /* Conteneur */
/*-----------*/
#feuille_bordure_cote_gauche{
	background-repeat:repeat-y;
	background-image:url(images/feuille_cote_gauche.png);
	padding-left:20px; /* pour laisser aparaitre le bord gauche */
	/*margin-top:-16px;*/
}

#feuille_bordure_cote_droit{
	background-repeat:repeat-y;
	background-image:url(images/feuille_cote_droit.png);
	background-position:right;
	padding-right:20px; /* pour laisser aparaitre le bord droit */
}

#conteneur{
	margin-top:-145px;
	margin-bottom:0px;
	width:980px;
	min-height:850px;
	z-index:2;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#conteneur_blanc{
	background-color:#FFFFFF;
}

#conteneur_centre{
	padding:0 190px 0 190px; /* pour faire des fausses colonnes en dessous des menus latéraux doit pouvoir être remplacé par {margin} */	
	/padding:0 10px 0 10px; /*padding pour la mise en page dans ie */
	min-height:900px;
}

#menu_gauche{
	width:170px;
	float:left;
	min-height:300px;
		background-color:#FFFFFF;
}

#ul_niveau_1{
	margin:0 -10px 0 10px;
	list-style:none;
	padding-top:5px;
	font-size:90%;
}

#ul_niveau_1 ul{

}

#ul_niveau_1 li{
	border-top: 1px solid #FF9900;
	border-bottom:1px dashed #FF9900;
	padding:5px;
	margin:25px 0px 0px 0px;
	font-weight: bold;
}

#ul_niveau_1 li a{
	text-decoration:none;
	color:#000033;
}

#ul_niveau_1 li a:hover{
	color:#FF9900;
}

#ul_niveau_2{
	list-style:none;
	padding: 10px 0px 0px 30px;
	list-style-image: url(images/fleche.gif);
}

#ul_niveau_2 li{
	text-decoration:none;
	border-top:none;
	border-bottom:none;
	margin:0px 0px 0px 0px;
	font-weight:normal;

}


#menu_droit{
	padding:0 0 0 0;
	width:180px;
	float:right;
	min-height:300px;
	background-color:#FFFFFF;
}

#widget{
	border:1px solid #CCCCCC;
	min-width:175px;
	


}

#widget:hover{
	border:1px solid #FF9900;
}

#widget p{
	padding:10px 0 10px 0;
	text-align:center;
}

#widget .image{
	text-align:center;
}

#widget .titre{
	text-align:left;
	left:10px;
	top:-10px;
	position:relative;
	font-variant: small-caps;
	background-color:white;
	color:#CCCCCC;
	font-size:14px;
	font-weight:bold;
}

#widget .corp{
	text-align:center;
}

#widget:hover .titre{
	color:#FF9900;
}


#widget .documentation{
	width:550px;
	padding-bottom:15px;
}

#widget .documentation p{
line-height:25px;
text-align:right;
}

#widget .numero{
margin:0px 10px 0px 10px;
width:310px;
height:40px;
float:right;
position:relative;
text-align:center;
}

#widget .champs{
background-color:#EFEFEF;
border-style:none;
margin-bottom:5px;
}


/* !Conteneur */

#icone{
	margin: -20px 10px -10px -20px;
	width: 25%;
}

#tableau_logiciels{
	margin:auto;
	border:1px solid #FFFFFF;
}

#tableau_logiciels td{
	width:190px;
	height:50px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	border:1px solid #FFFFFF;
}

#tableau_logiciels .encadre:hover{
	border:1px solid #FF9900;
}

#form{
	line-height:30px;
	margin-right:100px;
	margin-left:100px;
}

#tab{
	border-spacing:0;
}

#tab tr{
height:20px;
}


.fonctionnalite{
margin-left:50px;
}

.temoignage {
background:#FAFAFA url(images/quote.gif) no-repeat scroll 10px 10px;
border:1px solid #DDDDDD;
margin:2em 0.5em;
padding:3px 2em;
}

.temoignage_contenu {
margin-top:20px;
color:#222222;
line-height:150%;
margin-bottom:1em;
}