/* CSS Document - www.elsgraphics.com pour Flejay Inc. 2009 */
html {
	margin: 0;
	padding: 0;
	background: #b3b3b3;
}
body
{
	padding: 0px 0px 0px 0px ;
	text-align: center ;
	font: 12px arial, helvetica, sans-serif ; /*"Trebuchet MS"*/
	position: relative;
	background: url(images/ombreportee.gif) center repeat-y;/*5C8882  fond ombré.png*/
}
/* marges haute et basse à 10px et les marges droite et gauche à 0 */
/* padding à 0 pour "Opera" */
/* text-align: center pour "Internet Explorer" */

a:link { color:#fff ; text-decoration:none ; font-weight:bold ; } /*#115d9f*/
a:visited { color:#fff ; text-decoration:none ; font-weight: bold ; } /*#55a5d7*/
a:hover { color:#fff; text-decoration: none ; font-weight: bold ; }  /*#ec741a*/
a:active { color:#fff ; text-decoration: none ; font-weight: bold ; }  /*#ec741a*/
/* réglages liens hypertextes */


div#conteneur
{
	min-height: 100%;
	width: 954px ;
	margin: 0 auto ;
	text-align: left ;
	/*border: 1px solid #fff ;*/
	background: #fff ;
	/*background-image: url(images/header.jpg) background-repeat:no-repeat;*/
	
}


	
/* Largeur : 954 pixels */
/* margin: 0 auto ; pour centrer les éléments de type block (ici divisions)*/
/* Alignement à gauche rétabli */

h1#header
{
	width: 954px;
	height: 148px;
	display: block;
	background: url(images/header.jpg) left top no-repeat;
	z-index:0;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	text-indent: -2000px;	
}/* On donne les mêmes dimensions au lien, chose
 possible grâce à la propriété display: block ; qui transforme le lien
  en élément de type block, auquel on peut donner des propriétés de taille.
   On met aussi l'image de fond qui a les mêmes dimensions que le cadre ainsi créé */
/* Le text-indent négatif cache le texte hors de la page tout en le laissant exploitable pour les syntèses vocales */
  

ul#menu
{
	width: 954px ;
	height: 31px ;
	margin: 0;
	clear:both;
	padding: 0 ;
	background-color: #244cae;
	background: url(images/flejay_menu.jpg) left top no-repeat ;
	list-style-type: none ;
	border:none;
	
}
/* Hauteur au menu. Image de fond du menu positionnée avec un décalage de 31 pixels vers le haut (roll-over) */

ul#menu li
{
	float: right ;
	text-align: center ;
}/* li en flottant afin de les positionner horizontalement */

ul#menu li a
{
	width: 135px; /*159px ;*/
	margin-top: 0px;
	line-height: 31px ;
	vertical-align:middle;
	font-size: 9pt ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 0px solid #fff ;
	text-align:center;
	/*border-bottom: 2px solid #ffffff ;*/
}
#menu a:hover {
	color: #99CCFF; /*EB741D;*/
	background: transparent url(images/flejay_menu.jpg) top right no-repeat;/*border-bottom: 2px solid #EB741D ;*/
}

#menu a#menu1:hover {
background-position: -0px -31px;
color: #FFF;
}
#menu a#menu2:hover {
background-position: -158px -31px;
color: #FFF;
}
#menu a#menu3:hover {
	background-position: -317px -31px;
	color: #FFF;
}
#menu a#menu4:hover {
	background-position: -476px -31px;
	color: #FFF;
}
#menu a#menu5:hover {
background-position: -635px -31px;
color: #FFF;
}
#menu a#menu6:hover {
background-position: -793px -31px;
color: #FFF;
}
#menu a#menu7:hover {
background-position: -793px -31px;
color: #FFF;
}
.menuactif {
	/*font-weight: bold;
	color: #EB741D;*/
	font-weight: bold;
	color: #EB741D;
	/*border-bottom: 1px solid #EB741D;*/
}

.textebleu {
	font-weight: bold;
	color: #1E5A96; /*#00179b;*/
}

.textebleulight {
		color: #1E5A96; /*#00179b;*/
}

.espacereduit {
	font-size: 1pt ;
	line-height: 1px ;
}

div#ombremenu {
padding: 0px ;
margin: 0px;
float: left;
width: 954px;
height: 8px;
background: url(images/ombremenu.gif) left top repeat-x;
background-color: #ffffff ;
	}

div#hautdepage {
padding: 0px ;
margin: 0px;
text-align: justify ;
float: left;
width: 954px;
background: url(images/hautfondpage.gif) left bottom no-repeat;
background-color: #fff ;
	}
	
div#surhautdepage
{
padding: 0px 0px 0px 30px ;
text-align: justify ;
float: left;
width: 924px;
background-color: #ffffff ;
}

div#surhautdepage h1
{
	padding-left: 0px ;
	padding-top: 11px ;
	line-height: 25px ;
	font-size: 20px ;
	color: #115d9f ; /*1E5A96 ;#EB741D*/	
}

div#surhautdepage h3
{
	margin-left: 0px ;
	line-height: 14px ;
	padding-left: 0px ;
	padding-top: 0px ;
	font-size: 12px ;
	color: #115d9f  ;
}

div#surhautdepage a
{
	color: #1E5A96 ;
}

div#surhautdepage a:hover
{
	color: #0099FF;
}


	
div#hautdepagewider {
padding: 0px ;
margin: 0px;
text-align: justify ;
float: left;
width: 954px;
background: url(images/hautfondpagewider.gif) left bottom no-repeat;
background-color: #fff ;
	}
	
div#hautdepageonglet1 {
padding: 0px ;
margin: 0px;
text-align: justify ;
float: left;
width: 954px;
background: url(images/hautfondpageonglet_1.gif) left bottom no-repeat;
background-color: #fff ;
	}	
	
	
div#contenu /* contenu Général*/
{
	float: left;
	position: relative;
	width: 954px;
	margin: 0 auto ;
	background: url(images/fondpage.gif) center repeat-y;
	background-color: #fff;
	/**/
	/*background: url(abm_page.gif) no-repeat -35px 15px ;*/
}/* On ajoute un petit élément décoratif sur le côté
 de la page et on crée un espace à gauche et à droite du contenu */
/* On rend les paragraphes plus propre, alignement justifié,
 alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

div#contenu a:hover
{
	color: #0099FF;
}
 
 div#contenuwider /* fond de page gris plus large quand absence de contentright (absence de 3ème colonne)*/
{
	float: left;
	position: relative;
	width: 954px;
	margin: 0 auto ;
	background: url(images/fondpagewider.gif) center repeat-y;
	background-color: #fff;
}
 

div#contenu a
{
	color: #1E5A96 ;
}

div#contenu a:hover
{
	color: #EB741D; /*#ff6732 ;*/
}
 
div#contenuwider a
{
	color: #1E5A96 ;
}

div#contenuwider a:hover
{
	color: #EB741D; /*ff6732 ;*/
}

div#contenu h1
{
	margin: 0 1px 0 1px;
	padding-left: 10px ;
	padding-top: 10px ;
	line-height: 25px ;
	font-size: 20px ;
	color: #115d9f ; /*1E5A96 ;*/	
}
div#contenu h3
{
	margin-left: 0px ;
	padding-left: 0px ;
	color: #115d9f  ;
}

div#contenuwider h1
{
	margin: 0 1px 0 1px;
	padding-left: 10px ;
	padding-top: 10px ;
	line-height: 25px ;
	font-size: 20px ;
	color: #115d9f ; /*1E5A96 ;*/	
}
div#contenuwider h3
{
	margin-left: 0px ;
	padding-left: 0px ;
	color: #115d9f  ;
}

div#contentleft { /*agenda - Partie gauche (1ère colonne)*/
padding: 0px 10px 0px 10px ;
margin-right:0px;
margin-top:0px;
text-align: justify ;
float: left;
width: 138px;
	}

div#contentleft h4 /*titre agenda orange*/
{
	margin-right: 10px ;
	margin-bottom: 3px ;
	padding: 0 ;
	color: #ff6732  ;
	text-align: justify ;
	font-weight:bold;
	font-size: 12px ;
	line-height: 20px ;
	border-bottom: 1px solid #ff6732 ;
}

div#contentleft h5  /*texte noir*/
{
	margin: 0px ;
	padding: 0px ;
	color: #000  ;
	text-align: justify ;
	font-weight:normal;
	font-size: 12px ;
	line-height: 16px ;
}	

/*a.orange{color: #ff6732;}*/

div#contentleft h2  /* Fond Gris Trait bleu Accès réservé */
{
	margin-right: 10px ;
	margin-bottom: 3px ;
	padding: 0 ;
	color: #115d9f ;
	text-align: center ;
	font-weight:bold;
	font-size: 12px ;
	line-height: 16px ;
	border-bottom: 1px solid #115d9f;
	border-top: 1px solid #eeeeee;
	background: #eeeeee/*#ff6732 ;*/
}

div#contentleft h6  /* Fond gris Identifiant / Mot de passe */
{
	/*margin-right: 10px ;
	margin-bottom: 3px ;  */
	padding: 10px ;
	color: #115d9f ;
	text-align: center ;
	font-weight:bold;
	font-size: 12px ;
	line-height: 16px ;
	/*border-bottom: 1px solid #115d9f;*/
	border-top: 1px solid #eeeeee;
	background: #eeeeee/*#ff6732 ;*/
}

div#contentcenter { /*Partie central 1 tiers pour le texte (2ème colonne) */
padding: 0px 20px 0px 30px ;
text-align: justify ;
float: left;
width: 870px;
	}
	
div#contentcentertab { /*Conteneur de tableau*/
padding: 0px 20px 0px 30px ;
text-align: left ;
float: left; /* texte non justifié */
width: 870px;
	}	

div#contenu p
{
	text-align: justify ;

}

div#contentcenter p
{
	margin:5px 0px 5px 0px;
	text-align: justify ;
	/*text-indent: 2em ;*/
	line-height: 16px ;	
}

div#contentcenter h1
{
	padding-left: 0px ;
	padding-top: 10px ;
	line-height: 25px ;
	font-size: 20px ;
	color: #115d9f ; /*1E5A96 ;#EB741D*/	
}

div#contentcenter h2
{
	padding-left: 0px ;
	padding-top: 10px ;
	line-height: 14px ;
	font-size: 16px ;
	color: #EB741D ;	
}

div#contentcenter h3
{
	margin-left: 0px ;
	line-height: 14px ;
	padding-left: 0px ;
	padding-top: 5px ;
	font-size: 12px ;
	color: #115d9f  ;
}

div#contentcenter h4
{
	margin-left: 0px ;
	padding-left: 0px ;
	font-size: 12px ;
	font-weight: 100;
	color: #000000  ;
}


div#contentcenter h5  /*texte noir*/
{
	margin:0px 0px 0px 0px;
	padding-top: 5px ;
	padding-left: 20px ;
	font-size: 12px ;
	font-weight: 100;
	background: url(images/abm_small_bullet.gif) no-repeat left top ;
	/*color: #115d9f ;	*/
	
}

div#contentcenter h6
{
	margin:0px 0px 0px 0px;
	padding-top: 5px ;
	padding-left: 40px ;
	font-size: 12px ;
	font-weight: 100;
	background: url(images/abm_small_bullet2.gif) no-repeat left top ;
	/*color: #115d9f ;	*/
	/*margin:0px 0px 0px 0px;
	padding-top: 5px ;
	padding-left: 40px ;
	color: #000  ;
	text-align: justify ;
	font-weight:normal;
	font-size: 12px ;
	line-height: 16px ;/***/
}

div#contentcenter h7  /* Fond gris Identifiant / Mot de passe*** */
{
	/*margin-right: 10px ;
	margin-bottom: 3px ;  */
	padding: 10px ;
	color: #115d9f ;
	text-align: center ;
	font-weight:bold;
	font-size: 12px ;
	line-height: 16px ;
	/*border-bottom: 1px solid #115d9f;*/
	border-top: 1px solid #eeeeee;
	background: #eeeeee/*#ff6732 ;*/
}

div#contentcentertab h3
{
	margin-left: 0px ;
	line-height: 14px ;
	padding-left: 0px ;
	padding-top: 5px ;
	font-size: 12px ;
	color: #115d9f  ;
}

div#contentcentertab h4
{
	margin-left: 0px ;
	padding-left: 0px ;
	font-size: 12px ;
	font-weight: 100;
	color: #000000  ;
}

div#contentcenter elscomments  /*commentaires els*/
{
	margin: 0px;
	padding: 0px;
	color: #555;
	text-align: justify;
	font-weight:normal;
	font-size: 12px ;
	line-height: 16px;
	font-style: italic;
}

div#contentcenterwider { /*texte Partie centrale plus large pour texte (2ème colonne plus large) et absence de 3ème colonne *** */
padding: 0px 60px 0px 30px ;
text-align: justify;
float: left;
width: 530px;
/*padding: 0px 20px 0px 30px ;
text-align: justify ;
float: left;
width: 870px;*/
	}

div#contentcenterwider p
{
	margin:5px 0px 5px 0px;
	text-align: justify ;
	/*text-indent: 2em ;*/
	line-height: 16px ;		
}

div#contentcenterwider h1
{
	padding-left: 0px ;
	padding-top: 10px ;
	line-height: 25px ;
	font-size: 20px ;
	color: #115d9f ; /*1E5A96 ;#EB741D*/	
}

div#contentcenterwider h2
{
	padding-left: 0px ;
	padding-top: 10px ;
	line-height: 14px ;
	font-size: 16px ;
	color: #EB741D ;	
}

div#contentcenterwider h3
{
	margin-left: 0px ;
	line-height: 14px ;
	padding-left: 0px ;
	padding-top: 5px ;
	font-size: 12px ;
	color: #115d9f  ;
}

div#contentcenterwider h4
{
	margin-left: 0px ;
	padding-left: 0px ;
	font-size: 12px ;
	font-weight: 100;
	color: #000000  ;
}

div#contentcenterwider h5  /*texte noir*/
{
	margin:0px 0px 0px 0px;
	padding-top: 5px ;
	padding-left: 20px ;
	font-size: 12px ;
	text-align: left;
	font-weight: 100;
	background: url(images/abm_small_bullet.gif) no-repeat left top ;
	/*color: #115d9f ;	*/
}

div#contentcenterwider h6
{
	margin:0px 0px 0px 0px;
	padding-top: 5px ;
	padding-left: 40px ;
	font-size: 12px ;
	font-weight: 100;
	background: url(images/abm_small_bullet2.gif) no-repeat left top ;
	/*color: #115d9f ;	*/
	/*margin:0px 0px 0px 0px;
	padding-top: 5px ;
	padding-left: 40px ;
	color: #000  ;
	text-align: justify ;
	font-weight:normal;
	font-size: 12px ;
	line-height: 16px ;/***/
}

div#tabtitre1 /*titre  Mandat */
{
	margin:0px 5px 5px 0px;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 168px;
	color: #1E5A96;
	background-color: #e1e2e8;
}

div#tabtitre2 /*titre  Formation */
{
	margin:0px 5px 5px 0px;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 168px;
	color: #1E5A96;
	background-color: #ebcab6;
}

div#tabtitre3 /*titre  Audit et Conseil */
{
	margin:0px 5px 5px 0px;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 168px;
	color: #1E5A96;
	background-color: #b6c6df;
}

img.imagepartner /*pour les calques des partenaires */
{
	/*width: 100px;*/
}


.tabligne1 /*pour les commentaires - fond blanc */
{
	margin:0px 5px 0px 0px;
	padding:0px 5px 5px 5px;
	float: left;
	width: 158px;
	height:150px;	
	color: #000;
	font-size: 12px;
	font-weight: 100;
	background-color: #e7e7e7;
	text-align: left;	
}

.tabligne2 /* pour les flêches*/
{
	margin:0px 5px 5px 0px;
	padding:0px 5px 5px 5px;
	float: left;
	width: 158px;	
	color: #000;
	font-size: 12px;
	font-weight: 100;
	/*background-color: #e1e2e8;*/
	text-align: center;	
}

.tabligne3 /*comments - pas de fond*/
{
	margin:0px 5px 5px 0px;
	padding:0px 5px 5px 5px;
	float: left;
	width: 158px;	
	color: #000;
	font-size: 12px;
	font-weight: 100;
	/*background-color: #fff;*/
	text-align: left;	
}

.tabexperthead /*En-têtes pour les technologies maîtrisées */
{
	margin:0px 5px 0px 0px;
	padding:5px 0px 5px 0px;
	float: left;
	width: 109px;
	height:50px;	
	color: #1E5A96;/****/
	font-size: 12px;
	font-weight: 100;
	background: url(images/Coins_Head_Tab.gif) no-repeat left top ;
	text-align: center;	
}

.tabexpertheadespace/*Espace d'en-tête */
{
	margin:0px 5px 0px 0px;
	padding:5px 0px 5px 0px;
	float: left;
	width: 109px;
	height:50px;		
}

.tabexpertfrontligne1 /* Titre de Front de ligne pour Microsoft*/
{
	margin:0px 5px 0px 0px;
	padding:5px 0px 5px 0px;
	float: left;
	width: 109px;
	height:45px;	
	color: #1E5A96;/****/
	font-size: 12px;
	font-weight: 100;
	background: url(images/Coins_Front_Tab1.gif) no-repeat left top ;
	text-align: center;	
}

.tabexpertfrontlignevide /* Titre de Front de ligne pour Microsoft*/
{
	margin:0px 5px 0px 0px;
	padding:5px 0px 5px 0px;
	float: left;
	width: 109px;
	height:45px;	
	color: #1E5A96;/****/
	font-size: 12px;
	font-weight: 100;
	background: url(images/Coins_Front_Tabvide.gif) no-repeat left top ;
	text-align: center;	
}

.tabexpertfrontligne2 /* Titre de Front de ligne pour OpenSource*/
{
	margin:0px 5px 0px 0px;
	padding:5px 0px 5px 0px;
	float: left;
	width: 109px;
	height:105px;	
	color: #1E5A96;/****/
	font-size: 12px;
	font-weight: 100;
	background: url(images/Coins_Front_Tab2.gif) no-repeat left top ;
	text-align: center;	
}

.tabexpertendligne /* Contenu pour BDD*/
{
	margin:0px 5px 0px 0px;
	padding:5px 5px 5px 5px;
	float: left;
	width: 99px;
	height:50px;	
	color: #000;/****/
	font-size: 12px;
	font-weight: 100;
	background-color: #e7e7e7;
	text-align: center;	
}

.tabexpertendligne2 /* Contenu pour BDD*/
{
	margin:0px 5px 5px 0px;
	padding:5px 0px 5px 0px;
	float: left;
	width: 109px;
	height:45px;	
	color: #000;/****/
	font-size: 12px;
	font-weight: 100;
	background-color: #e7e7e7;
	text-align: center;	
}

.tabexpertligne1 /*pour les technologies maîtrisées */
{
	margin:0px 5px 5px 0px;
	padding:5px 5px 5px 5px;
	float: left;
	width: 99px;
	height:45px;	
	color: #000;
	font-size: 12px;
	font-weight: 100;
	background-color: #e7e7e7;
	text-align: center;	
}

.tabexpertlignevide /*pour vide dans technologies*/
{
	margin:0px 5px 5px 0px;
	padding:5px 5px 5px 5px;
	float: left;
	width: 99px;
	height:45px;	
	color: #000;
	font-size: 12px;
	font-weight: 100;
	background-color: #e1e2e8;
	text-align: center;	
}


.tabexpertespace /*pour espace avant BdD - technologies maîtrisées */
{
	margin:0px 5px 0px 0px;
	padding:0px 5px 5px 5px;
	float: left;
	width: 20px;
	height:50px;	
}

.tabcommentlogo /*pour les commentaires - fond blanc */
{
	margin:0px 5px 0px 5px;
	padding:5px 5px 5px 5px;
	float: left;
	width: 180px;
	height:15px;	
	color: #000;
	font-size: 12px;
	font-weight: 100;
	/*background-color: #fff;*/
	text-align: center;	
}

div#ligne /*ligne blanche*/
{
	line-height: 8px ;
	border-bottom: 2px solid #ffffff ;
}

div#sansligne /*sans ligne blanche*/
{
	line-height: 8px ;
	border-bottom: 0px solid #ffffff ;
}
	
div#contentright { /*richmedia (3ème colonne)*/
	padding: 0px 0px 0px 0px; /*20px ;*/
  	text-align: justify ;
  	float: left;
	width: 300px;/*297px;*/
	/*background-color: #fff;*/
	}	
div#contentright h4
{
	margin-left: 0px ;
	padding-left: 0px ;
	padding-right: 20px ;
	font-size: 12px ;
	font-weight: 100;
	color: #000000  ;
}
	
div#contentright h2
{
	padding-left: 0px ;
	text-align: center ;
	line-height: 31px ;
	font-size: 16px ;
	color: #EB741D ;
}

div#contentright h3
{
margin-left: 0px ;
	line-height: 14px ;
	padding-left: 5px ;
	padding-top: 5px ;
	font-size: 12px ;
	color: #115d9f  ;
}

.bordure{
border: 1px solid #cccccc ;
}
	

	
div#contentright h6
{/* taille Légende*/
	margin:0px 0px 0px 0px;
	padding-left: 0px ;	
	font-size: 10px ;
	font-weight: 100;
	line-height: 12px ;
	/*color: #115d9f ;	*/
}

div#surfooter { /* bas fond de page*/
padding: 0px 0px 0px 0px ;
margin: 0px 0px 0px 0px;
text-align: justify ;
float: left;
width: 954px;
background: url(images/basfondpage.gif) left top no-repeat;
background-color: #fff;
	}
	
div#surfooterwider { /* bas fond de page plus large*/
padding: 0px 0px 0px 0px ;
margin: 0px 0px 0px 0px;
text-align: justify ;
float: left;
width: 954px;
background: url(images/basfondpagewider.gif) left top no-repeat;
background-color: #fff;
	}
	
div#ombrefoot {
padding: 0px ;
margin: 0px;
float: left;
width: 954px;
height: 8px;
background: url(images/ombrefoot.gif) left bottom repeat-x;
background-color: #ffffff ;
	}

p#footer
{	
	padding: 0px Opx 1px 1px;
	margin: 0px 0px 0px 0px;
	position: relative;
	float: left;
	width: 954px;
	line-height: 21px ;
	bottom: Opx;
	text-align: right ;
	background: url(images/foot.gif) repeat-x;
	background-color: #b3b3b3;
	font-size: 10px; color: #fff; text-decoration:none;
}


pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}

/* En passant on définit l'overflow de la balise pre à auto pour
 permettre d'afficher des barres de défilement si le texte contenu
  dans cette balise est trop grand */
  /*une couleur de fond, une bordure, la taille de police
 et un léger espace entre le texte et les bords du pre */
 
pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span
 eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}
/* Couleur différente pour les span.comment, les span
 utilisés pour les commentaires */
/* Une largeur est donné au <pre> à cause d'Internet Explorer, 
en utilisant le commentaire conditionnel suivant, placé dans l'élément <head> de la partie HTML*/