/*
///////////////////////////////////////////////////////////////////////////////////////////
// DEBUT : COMMUN
///////////////////////////////////////////////////////////////////////////////////////////
*/


#overDiv table tr td 
{
	padding: 1px;
	margin: 1px;
}

*{
	padding: 0;
	margin: 0;
}

body{
	background-image: url(images/grandM.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

a:link{
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}
a:hover{
	color: #8b0000;
	text-decoration: none;
}

/* DEBUT : Bloc Titre */
.Bloc_Titre{
	/*v2*/
	float: left;
	padding-top: 2px;
	padding-right: 3px;
	padding-left: 3px;
}

.Bloc_Titre H1{
	/*v2*/
	float: left;
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	font-size: 12pt;
	padding-top: 2px;
	background-image: url(images/ongletCentre.gif);
	padding: 2px 3px 0 0px;
	margin: 0 -3px 0 -3px;
	text-indent: 2px;
}

.Bloc_Titre img{
/*v2*/
	float: left;
	z-index: 1;
	position: relative;
}
/* FIN : Bloc Titre */

/* DEBUT : Bloc Outil */
.Bloc_Outil{
	margin: 3px 0 0 50px;
	float: left;
}

.Bloc_Outil img{
	margin: 0px -3px 0 -3px;
	padding: 0 3px 0 3px;
	z-index: 1;
	position: relative;
	float: left;
}
/* FIN : Bloc Outil */

.TraitPointilleOrange{
	height: 1px;
	background-image: url(images/traitorange.gif);
	margin: 0 2px 0 2px;
	clear: both;
}


.BoutonContinuer{
	padding: 0px 2px 0 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.BoutonContinuer p a{
	color: #e6561e;
}
.BoutonContinuer p a:hover{
	color:#990000;
}

/* DEBUT : L'ecran erreur */

.erreur {
	position:absolute;
	left:30%;
	top:20%;
	width: 450px;
	z-index:10;
/*	visibility: visible;*/
	border: solid #e6571e 2px;
	background-color: #FFFFFF;
}
.erreur_haut{
	height: 29px;
}

.erreur_haut_centre{
	float: left;
	height: 21px;
	width: 100%;
	padding: 4px 0 4px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #e6571e;
	text-indent: 5px;
}

.erreur_contenu{
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10pt;
	overflow-x : hidden;
	overflow-y : auto;
	scrollbar-3dlight-color:;
	scrollbar-arrow-color: #e6561e;
	scrollbar-base-color:;
	scrollbar-darkshadow-color:;
	scrollbar-face-color: #fceee8;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#fceee8;
}

.erreur_contenu p{
	padding: 10px 5px 10px 5px;
}

.erreur_contenu img{
	width: 32px;
	height: 32px;
	float: left;
	margin: 0px 8px 0px 5px;
}
.erreur_contenu h1{
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 5px;
}

.erreur_contenu H2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width: 210px;
	margin-bottom: 4px;
	font-weight: normal;
	display: block;
	float: left;
}
.erreur_contenu input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border-right: solid #e6571e 2px;
	border-left: solid #e6571e 1px;
	border-bottom: solid #e6571e 2px;
	border-top: solid #e6571e 1px;
	margin: 2px;
}
.erreur_bas{
	width: 100%;
	height: 20px;
	background-color: #fceee8;
	border-top: solid #e6571e 1px;
	padding: 5px 0 5px 0px;
}

.PluginDwl_contenu{
	padding: 10px 0 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10pt;
	background-color: Transparent;
	overflow-x : hidden;
	overflow-y : auto;
	scrollbar-3dlight-color:;
	scrollbar-arrow-color: #e6561e;
	scrollbar-base-color:;
	scrollbar-darkshadow-color:;
	scrollbar-face-color: #fceee8;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#fceee8;
}
.PluginDwl_Progress_Barre{
	border: solid #333333 1px;
	height: 5px;
	width:90%;
	margin: 0px 5px 0px 5px;
	
}

.PluginDwl_Progress_Barre img{
	margin:0;
	padding:0;
	height:5px;
	width:0px;
}

.erreur_bas a{
	border-top: solid #e6571e 1px;
	border-left: solid #e6571e 1px;
	border-right: solid #e6571e 2px;
	border-bottom: solid #e6571e 2px;
	margin: 0 5px 0 5px;
	padding: 2px 5px 2px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #e6571e;
	background-image: url(images/grilleBlancheDense.gif);
	display: block;
	float: right;
}

.erreur_bas input{
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	margin: 0 5px 0 0;
}
/* FIN : L'ecran erreur */


.BarreProgression{
	border: solid #333333 2px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10pt;
}
.BarreProgression img{
	float: left;
	margin: 0px 8px 0px 0px;
	width: 50px;
	height: 54px;
}

.BarreProgression_ImgAvancementBarre img{
	border: solid #333333 1px;
	width: 250px;
	height: 9px;
	float: right;
	margin: 2px 0px 0px 0px;
}

.Cadre_commun{
	height: 100%;
}
/*
///////////////////////////////////////////////////////////////////////////////////////////
// FIN : COMMUN
///////////////////////////////////////////////////////////////////////////////////////////
*/

/*
///////////////////////////////////////////////////////////////////////////////////////////
// DEBUT : LA PAGE LOGIN
///////////////////////////////////////////////////////////////////////////////////////////
*/
.FondCouleur {
	background-color: #e6571e;
}
.Cadre{
	width: 973px;
	background-image: url(images/fondMP.gif);
	height: 590px;
	margin-right: auto;
	margin-left: auto;
}

.LoginHautBandeau{
	margin: 20px 0 30px 50px;
	float:left;
	font-weight: bold;
	background-image: url(images/LoginMenuHaut.gif);
	height: 30px;
	width: 626px;
	background-repeat: no-repeat;
}

.LoginHautBandeau a
{
	padding: 6px 0px 0px 20px ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	float:left;
}
.LoginHautBandeau a:visited{
	color: #ffffff;
}
.LoginHautBandeau a:hover{
	color: #8b0000;
}
.LoginHautBandeau h1{
	padding: 6px 10px 0px 0px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	float: right;
}
.LoginHautBandeau select{
	margin: 4px 20px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	float: right;
}

.LoginHautBandeau input{
	margin: 4px 20px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	float: right;
}
.LoginLogo{
	padding: 2px;
}

.Login_Infos_conteneur{
	float: left;
	width: 800px;
	padding: 0 0 20px 145px;
}

.LoginMilieu{
	padding: 0 0 0 165px;
	float: left;
	clear: both;
	width: 800px;
}

.LoginMilieuGauche{
	width: 290px;
	background-image: url(images/grilleblanche.gif);
	float: left;
}

.LoginMilieuGauche_bordure{
	width: 290px;
	background-image: url(images/grilleblanche.gif);
	float: left;
	clear: inherit;
	height: 5px;
}
.LoginMilieuGauche_Contenu{

	border-right: solid #e6571e 1px;
	border-left: solid #e6571e 1px;
}
.BlocLogin
{
    clear:both;
	margin: 5px 0 15px 0;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	width: 250px;
}
.BlocLogin table{
	float:right;
	margin:0 0 10px 0;
}
.BlocLogin form{
	margin: 0;
	padding: 0;
	height: 80px;
}
.BlocLogin input{
	margin: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: solid #e6571e 1px;
}
.BlocLoginAide{
	background-color: #8b0000;
	float:right;
	clear: both;
	padding: 0 40px 0 0;
	display:none;
}
.BlocLoginAideTexte{
	text-align: right;
	margin: 4px 0 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.BlocLoginAideTexte a{
	color: #FFFFFF;
}
.BlocLoginAideTexte a:hover{
	color: #f09672;
}
.BlocLoginAideTexteHautGauche {
	background: url(images/bordGH.gif);
	padding: -2px 0 0 -2px;
	float: left;
	height: 5px; 
	width: 5px;
	background-repeat: no-repeat;
	font-size: 1px; /* correction d'un bug IE */
}
.BlocLoginAideTexteBasGauche {
	background: url(images/bordGB.gif);
	height: 5px; 
	width: 5px;
	background-repeat: no-repeat;
	font-size: 1px; /* correction d'un bug IE */
}


.EcranCentrale{
	margin: 0 0 0 -30px;
	padding: 20px 0 0 0;
	float: left;
	position: relative;
	z-index: 2;
}

.OngletDemo{
	margin: 60px 0 0 -3px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #e6571e;
	height: 15px;
	padding: 0 0px 0px 0;
	text-indent: 8px;
}
.OngletDemoDroit {
	float: left;
	margin-top: 60px;
	clear: right;
	width: 200px;
	height: 15px;
	overflow: hidden;
}

.BlocDemo{
	margin: 0 0px  0 -7px;
	padding: 8px 0 8px 12px;
	border: solid #e6571e 1px;
	width: 185px;
	background-image: url(images/grilleblanche.gif);
	float: left;
	position: relative;
	z-index: 1;
}
.BlocDemo img{
	margin: 2px 0px 0 5px;
}
.BlocDemo p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: justify;
}
.BlocDemo a{
	color: #e6571e;
}
.BlocDemo a:hover{
	color: #990000;
}

/* DEBUT : barre du bas : copyright et logo eni */

.LoginBas{
	background-color: #990000;
	width: 100%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	height: 17px;
	padding-top: 3px;
}

.LoginBasLogo{
	margin: -100px 0 0 0px;
	float: right;
	height: 100px;
	position: relative;
	width: 973px;
	z-index: 1;
	margin-right: auto;
	margin-left: auto;
}

.LoginBasLogo img{
	margin: 0px 0 0 700px;
}
/* FIN : barre du bas : copyright et logo eni */


/*
///////////////////////////////////////////////////////////////////////////////////////////
// FIN : LA PAGE LOGIN
///////////////////////////////////////////////////////////////////////////////////////////
*/


/*
///////////////////////////////////////////////////////////////////////////////////////////
// DEBUT : LA PAGE CURSUS
///////////////////////////////////////////////////////////////////////////////////////////
*/


/*
///////////////////////////////////////////////////////////////////////////////////////////
// DEBUT : PAGE HAUT
///////////////////////////////////////////////////////////////////////////////////////////
*/

.Page_Haut{
	width: 100%;
	height: 78px;
	background-image: url(images/image_haute.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding-top: 58px;
}

.Page_Haut img{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

/* DEBUT : boutons du menu haut */
.Menu_Haut_Bouton{
/*V2*/
	padding-left: 130px;
}

.Menu_Haut_Bouton img{
/*V2*/
	float:left;
	position:relative;
	height: 28px;
}

.Menu_Haut_Bouton a{
	/*V2*/
	float: left;
	font-size: 11px;
	border-top: solid #e6561e 2px;
	border-bottom: solid #e6561e 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e6561e;
	margin: 0px -3px 0 0px;
	padding: 6px 3px 5px 0px;
	background-color: #FFFFFF;
	text-indent:3px;
}

.Menu_Haut_Bouton a:hover{
	color: #801212;
}

/* FIN : boutons du menu haut */
/*
///////////////////////////////////////////////////////////////////////////////////////////
// FIN : PAGE HAUT 
///////////////////////////////////////////////////////////////////////////////////////////
*/

/*
///////////////////////////////////////////////////////////////////////////////////////////
// DEBUT : PAGE MILIEU
///////////////////////////////////////////////////////////////////////////////////////////
*/

.Page_Milieu{
	/*position:absolute;*/
	background-image: url(images/barre_logoEni.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-top:-50px;
	padding: 0 0 10px 110px;
	/*height: 480px;*/
	width: 650px;
	/*steven*/
	float:left;
}

/* DEBUT : Logo Client */
.Logo_Client{
	/*background-image: url(images/bureau_cyril_grand.gif);*/
	/*background-position: left bottom;*/
	background-repeat: no-repeat;
	padding: 0 0 0 110px;
	/*height: 480px;*/
	height: 100%;
	/*steven*/
	float: right;
}

.Logo_Client img{
	margin: 20px 0 0 0;
}
/* FIN : Logo Client */

/* DEBUT : Zone Infos */
.Infos{
	/*v2*/
	float: left;
	margin: 25px 0 0 0;
	width: 650px;
	clear: left;
}

.Infos_Texte{
/*v2*/
	float: left;
	border: solid #e6561e 1px;
	width: 610px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: -13px 0px 0 10px;
	padding: 10px;
	background-image: url(images/grilleblanche.gif);
	text-align: justify;
	clear: left;
}
.Infos_Texte H1{
	/*v2*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #8b0000;
	font-weight: bold;
	display: inline;
}

.Infos_Bas{
	/*v2*/
	background-image: url(images/grilleblanche.gif);
	margin: 0 0 0 10px;
	float: left;
	clear: left;
}
.Infos_Bas img{
	/*v2*/
	width: 598px;
	height: 0px;
}

/* FIN : Zone Infos */

/* DEBUT : le pavé cursus  */
.Cursus{
	float: left;
	margin: 21px 0 50px 0;
	clear: left;
	z-index: 1;
	position: relative;
	width: 641px;
}

.Cursus_Content{margin:-13px 0 5px 0;float:left;width:100%;}

/* DEBUT : Cursus_Liste : grand bloc qui contient la combo de tri des parcours et la liste des parcours  */
.Cursus_Liste{
	float: left;
	width: 265px;
	clear: left;
	margin: 0 0 0 10px;
	border-bottom: 0;
}

.Cursus_Liste_Tri{
	height: 35px;
	width: 278px;
	background-image: url(images/grilleOrange.gif);
	padding: 10px 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border: solid #e6561e 1px;
	border-bottom: 0;
}
.Cursus_Liste_Tri select{
	border: solid #e6561e 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.Cursus_Liste_Parcours{
	width: 288px;
	clear: left;
	background-image: url(images/grilleblanche.gif);
	height: 260px;
	border: solid #e6561e 1px;
	overflow-x : hidden;
	overflow-y : scroll;
	scrollbar-3dlight-color:;
	scrollbar-arrow-color: #e6561e;
	scrollbar-base-color:;
	scrollbar-darkshadow-color:;
	scrollbar-face-color: #fceee8;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#fceee8;
}


/* DEBUT : Un parcours de type formation  */
.Parcours_Form {
	margin-top: 4px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;

}
.Parcours_Form a{
	color: #8b0000;
}
.Parcours_Form a:hover{
	color: #e6561e;
}

.Parcours_Form h1{
	font-size: 9pt;
	font-weight: bold;
}

.Parcours_Form h2{
	font-size: 9pt;
	font-weight: normal;
}

.Parcours_Form strong{
	font-size: 7pt;
	color: #ffffff;
	font-weight: bold;
	background-color: #e6561e;
}

.Parcours_Form h6{
	padding: 2px 5px 3px 5px;
	border-top: solid #e6561e 1px;
	background-image: url(images/grilleOrangeDense.gif);
	border-bottom: solid #e6561e 1px;
	margin: 3px 0 0 -5px;
}
.Parcours_Form_Icone{
	float: right;
	padding: 15px 20px 0px 0px ;
	
}

/* FIN : Un parcours de type formation  */

/* DEBUT : Un parcours de type eval  */
.Parcours_Eval {
	margin-top: 4px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
}

.Parcours_Eval a{
	color: #0f437a;
}
.Parcours_Eval a:hover{
	color: #4169e1;
}

.Parcours_Eval h1{
	font-size: 9pt;
	font-weight: bold;
}

.Parcours_Eval h2{
	font-size: 9pt;
	font-weight: normal;
}

.Parcours_Eval strong{
	font-size: 7pt;
	color: #ffffff;
	font-weight: bold;
	background-color: #155aac;
}

.Parcours_Eval h6{
	padding: 2px 5px 3px 5px;
	border-top: solid #155aac 1px;
	background-image: url(images/grilleBleu.gif);
	border-bottom: solid #155aac 1px;
	margin: 3px 0 0 -5px;
}
/* FIN : Un parcours de type eval  */

/* FIN : Cursus_Liste : grand bloc qui contient la combo de tri des parcours et la liste des parcours  */

/* DEBUT : Cursus_Proprietes : grand bloc qui contient le detail du parcours selectionner */

.Cursus_Proprietes{
	float: right;
	width: 320px;
	margin: 0 0 0 0;
}

.Cursus_Proprietes_HautetBas{
	height: 5px;
	background-image: url(images/grilleOrange.gif);
}

.Cursus_Proprietes_Milieu{
	height: 294px;
	border-right: solid #e6561e 1px;
	border-left: solid #e6561e 1px;
	padding: 0 4px 0 4px;
	background-image: url(images/grilleOrange.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.Cursus_Proprietes_Milieu_ImgVerso{
	padding: 4px;
	float: left;
}

.Cursus_Proprietes_Milieu_ImgAvancementBarre{
	border: solid #333333 1px;
	width: 100px;
	height: 9px;
	float: right;
	margin: 0 40px 0 0;
}

.Cursus_Proprietes_Milieu h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #990000;
	font-weight: bold;
}
.Cursus_Proprietes_Milieu h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #990000;
	font-weight: normal;
}

.Cursus_Proprietes_Milieu h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #0f437a;
	font-weight: bold;
}
.Cursus_Proprietes_Milieu h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #0f437a;
	font-weight: normal;
}

.Cursus_Proprietes_Milieu h5{
	font-size: 8pt;
}
/* FIN : Cursus_Proprietes : grand bloc qui contient le detail du parcours selectionner */

/* FIN : le pavé cursus  */

/*
///////////////////////////////////////////////////////////////////////////////////////////
// FIN : PAGE MILIEU
///////////////////////////////////////////////////////////////////////////////////////////
*/

/*
///////////////////////////////////////////////////////////////////////////////////////////
// DEBUT : PAGE BAS
///////////////////////////////////////////////////////////////////////////////////////////
*/

.Page_Bas{
	/*position:absolute;
	top:630px;*/
	clear:both;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	height: 15px;
	padding-right: 10px;
	text-align: right;
	border-top: solid #e6561e 1px;
	border-bottom: solid #e6561e 1px;
	background-color: #fceee8;
	z-index:1;

}
.Page_Bas_Ombre{
	/*position:absolute;
	top:646px;*/
	width:100%;
	z-index:0;
	height: 5px;
	background-image: url(images/ombre_horizontale.gif);
	background-repeat: repeat-x;
}

/*
///////////////////////////////////////////////////////////////////////////////////////////
// FIN : PAGE BAS
///////////////////////////////////////////////////////////////////////////////////////////
*/

/*
///////////////////////////////////////////////////////////////////////////////////////////
// FIN : LA PAGE 	CURSUS
///////////////////////////////////////////////////////////////////////////////////////////
*/

/*
///////////////////////////////////////////////////////////////////////////////////////////
// DEBUT : PAGE MODULE
///////////////////////////////////////////////////////////////////////////////////////////
*/

/* DEBUT : Page du milieu, développement des modules */

.Page_Milieu_Module{
      background-image: url(images/barre_logoEni.gif);
      background-position: left bottom;
      background-repeat: no-repeat;
      margin-top:-50px;
      padding: 0 0 10px 110px;
      /*height: 480px;*/
      width: 650px;
      /*steven*/
      float:left;
}


.Module{
	float: left;
	margin-top: 26px;
	z-index: 0;
	width: 650px;
	clear: left;
}

.Module_Conteneur{
	float: left;
	width: 619px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	clear: left;
	margin: -13px 0 0 10px;
	padding: 0px;
	text-align: justify;
	z-index: 0;
	height: 300px;
	border: solid #e6561e 1px;
	overflow-x : hidden;
	overflow-y : scroll;
	scrollbar-3dlight-color:;
	scrollbar-arrow-color: #e6561e;
	scrollbar-base-color:;
	scrollbar-darkshadow-color:;
	scrollbar-face-color: #fceee8;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#fceee8;

}

.Module_Introduction_Form{
	padding: 10px 10px 5px 10px;
	border-bottom: solid #e6561e 1px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/grilleOrange.gif);
	font-size: 10pt;
	font-weight: normal;
}
.Module_Introduction_Eval{
	padding: 10px 10px 5px 10px;
	border-bottom: solid #e6561e 1px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/grilleBleu.gif);
	font-size: 10pt;
	font-weight: normal;
}

/* DEBUT : le paragrpahe exercice pour la partie Formation*/
.Module_Exercice_Form{
	height: 24px;
	padding: 2px 10px 2px 10px;
	font-size: 8pt;
	background-image: url(images/grilleblanche.gif);
}
.Module_Exercice_Form img{
	float: left;
	margin: 0 12px 0 0;
	padding: 3px 0 0 5px;
}
.Module_Exercice_Form a{
	font-weight: bold;
	color: #990000;
}
.Module_Exercice_Form a:hover{
	color: #e6561e;
}
.Module_Exercice_Form p{
	color: #000000;
	font-weight: normal;
}
.Module_Exercice_Form h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
/* FIN : le paragrpahe exercice pour la partie Formation*/


/* DEBUT : le paragrpahe exercice pour la partie évaluation*/
.Module_Exercice_Eval{
	height: 24px;
	padding: 2px 10px 2px 10px;
	font-size: 8pt;
}
.Module_Exercice_Eval img{
	float: left;
	margin: 0 12px 0 0;
	padding: 3px 0 0 5px;
}
.Module_Exercice_Eval a{
	font-weight: bold;
	color: #0f437a;
}
.Module_Exercice_Eval a:hover{
	color: #4169e1;
}
.Module_Exercice_Eval p{
	color: #000000;
	font-weight: normal;
}
.Module_Exercice_Eval h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
/* FIN : le paragrpahe exercice pour la partie évaluation*/


.Module_Objectif{
	float: right;
	border: solid #e6561e 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 5px;
	width: 220px;
	margin: -60px -300px 0 0px;
	position: relative;
	z-index: 2;
	visibility: visible;
}
/* DEBUT : une etape pour la page formation*/
.Module_Horfocus_Form{
	padding: 6px 10px 3px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	background-image: url(images/grilleblanche.gif);
}
.Module_Horfocus_Form img{
	float: left;
	margin: 0 12px 0 0;
	width: 24px;
	padding: 3px 0 0 5px;
}
.Module_Horfocus_Form H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}
.Module_Horfocus_Form a{
	color: #990000;
	font-weight: bold;
}
.Module_Horfocus_Form a:hover{
	color: #e6561e;
}
/* FIN : une etape pour la page formation*/

/* DEBUT : une etape pour la page évaluation*/
.Module_Horfocus_Eval{

	padding: 1px 10px 1px 10px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	overflow: visible;
}
.Module_Horfocus_Eval img{
	float: left;
	margin: 0 12px 0 0;
	width: 24px;
	padding: 3px 0 0 5px;
}
.Module_Horfocus_Eval H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}
.Module_Horfocus_Eval a{
	color: #0f437a;
	font-weight: bold;
}
.Module_Horfocus_Eval a:hover{
	color: #4169e1;
}
/* FIN : une etape pour la page évaluation*/

.Module_Focus_Form{
	padding: 0px 0px 0 10px;
	background-image: url(images/grilleOrange.gif);
}
.Module_Focus_Form a{
	color: #990000;
}
.Module_Focus_Form a:hover{
	color: #e6561e;
}

.Module_Focus_Eval{
	padding: 0px 0px 0 10px;
	background-image: url(images/grilleBleu.gif);
}
.Module_Focus_Eval a{
	color: #0f437a;
}
.Module_Focus_Eval a:hover{
	color: #4169e1;
}

.Module_Focus_Intro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	float: left;
	padding-bottom: 5px;
}
.Module_Focus_Intro img{
	float: left;
	margin: 0 12px 20px 0;
	width: 24px;
	padding: 3px 0 0 5px;
}
.Module_Focus_Intro h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}
.Module_Focus_Intro p{
	float: left;
}
.Module_Focus_Intro_Barre{
	border: solid #333333 1px;
	width: 100px;
	height: 5px;
	float: left;
	margin-top: 3px;
}
.Module_Focus_Intro_Barre img{
		padding: 0;
		margin: 0;
}


.Module_Focus_Bouton{
	float: left;
	margin-left: -15px;
}

.Module_Focus_Echec{
	width: 470px;
	margin: 0px 0 0px 15px;
	border-top: dotted #ffdab9 1px;
	font-weight: bold;
	float: left;
	padding-top: 2px;
	color: #999999;
}
.Module_Focus_Echec h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin-right: 5px;
	width: 20px;
	text-align: right;
	float: left;
}
.Module_Focus_Echec img{
	margin-right: 5px;
	float: left;
	border: 0;
}
.Module_Focus_Echec a{
	color: #FF0000;
	font-weight: normal;
}

.Module_Focus_Reussite{
	width: 470px;
	margin: 0px 0 0px 15px;
	border-top: dotted #ffdab9 1px;
	font-weight: bold;
	float: left;
	padding-top: 2px;
	color: #999999;
}
.Module_Focus_Reussite h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin-right: 5px;
	width: 20px;
	text-align: right;
	float: left;
}
.Module_Focus_Reussite img{
	margin-right: 5px;
	float: left;
	border: 0;
}
.Module_Focus_Reussite a{
	color: #339933;
	font-weight: normal;
}

.Module_Focus_Afaire{
	width: 470px;
	margin: 2px 0 0px 15px;
	border-top: dotted #ffdab9 1px;
	font-weight: bold;
	float: left;
	padding-top: 4px;
	color: #999999;
}
.Module_Focus_Afaire h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin-right: 21px;
	width: 20px;
	text-align: right;
	float: left;
}
.Module_Focus_Afaire a{
	color: #000000;
}
.Module_Focus_Exercice{
	width: 470px;
	padding: 2px 0 0 0;
	border-top: dotted #ffdab9 1px;
	margin: 2px 0 0px 15px;
	font-weight: bold;
	float: left;
}
.Module_Focus_Exercice img{
	float: left;
	border: 0;
	margin: 0 16px 0px 5px;
}
.Module_Focus_Exercice p{
	padding: 3px 0px 0px 0;
}
.Module_Focus_Exercice a{
	color: #000000;
}
.Module_Focus_Fin{
	width: 100%;
	height: 5px;
	clear: both;
}
.Module_Bas_Bordure{
	float: left;
	height: 6px;
	background-image: url(images/grilleblanche.gif);
	margin-left: 10px;
}
/*
///////////////////////////////////////////////////////////////////////////////////////////
// FIN : PAGE MODULE
///////////////////////////////////////////////////////////////////////////////////////////
*/



/*
///////////////////////////////////////////////////////////////////////////////////////////
// DEBUT : PAGE RESULAT
///////////////////////////////////////////////////////////////////////////////////////////
*/


/* DEBUT : Zone Infos */
.Resultat{
	margin-top: 15px;
	width: 650px;
	clear: both;
}

.ResultatOnglet{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFee;
	font-weight: bold;
	text-align: center;
	padding: 4px 5px 0 5px;
	height: 17px;
	background-image: url(images/ongletCentre.gif);
}
.ResultatOngletlogin{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFee;
}
.ResultatOngletDroit {
	float: left;
	clear: right;
	width: 5px;
}
.ResultatOngletGauche {
	float: left;
	clear: right;
	width: 5px;
	margin-left: 10px;
}
.Resultat_Titre_ENI{
	float: left;
	margin-left: 10px;
	border-right: solid #e6561e 1px;
	border-left: solid #e6561e 1px;
	border-top: solid #e6561e 1px;
	width: 614px;
	padding: 2px;
	background-image: url(images/grilleOrangeDense.gif);
	border-bottom: 0px;
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;

	color: #e6561e;
}
.Resultat_Titre{
	float: left;
	margin-left: 10px;
	border-right: solid #e6561e 1px;
	border-left: solid #e6561e 1px;
	width: 598px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 10px;
	background-image: url(images/grilleblanche.gif);
	border-bottom: 0px;
	clear: left;
}
.Resultat_Titre H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #8b0000;
	font-weight: bold;
}
.Resultat_Titre H2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #666666;
}

.Resultat_Texte{
	float: left;
	border: solid #e6561e 1px;
	width: 598px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: -13px 0 0 10px;
	padding: 10px;
	background-image: url(images/grilleBlancheDense.gif);
	text-align: justify;
	border-bottom: 0px;
	clear: left;
}
.Resultat_Texte_paragraphe{
	width: 550px;
	clear: both;
	float: left;
	height: 10px;
}
.Resultat_Texte H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #8b0000;
	font-weight: bold;
	float: left;
	clear: both;
	display: block;
	width: 550px;
	padding: 10px;
}
.Resultat_Texte H2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #8b0000;
	font-weight: bold;
	display: block;
	float: left;
	width: 200px;
}
.Resultat_Texte H3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	display: block;
	float: left;
	width: 380px;
}
.Resultat_Texte H4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	display: block;
	float: left;
	width: 40px;
}
.Resultat_Texte table{
border:solid #f7d3c4 1px;
width: 600px;
}
.Resultat_Texte th{
	padding-top : 3px;
	padding-left: 3px;
	text-align: center;
	background-image: url(images/grilleOrangeDense.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #8b0000;
	font-weight: bold;
}
.Resultat_Texte td{
	padding-top : 3px;
	padding-left: 3px;
	border-bottom:solid #f7d3c4 1px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.Resultat_Texte td img{
	padding-bottom : 3px;
}
.Resultat_ImgAvancementBarre{
	border: solid #333333 1px;
	width: 200px;
	height: 9px;
	float: left;
}

.Resultat_Bas{
	background-image: url(images/grilleblanche.gif);
	margin-left: 10px;
	float: left;
	clear: left;
}
/*
///////////////////////////////////////////////////////////////////////////////////////////
// FIN : PAGE RESULAT
///////////////////////////////////////////////////////////////////////////////////////////
*/


.Dialog_DialogCss, .Dialog_HeaderCss, .Dialog_ContentCss, .Dialog_FooterCss
{
	cursor:pointer;
}

.Dialog_DialogCss img
{
	display:block;
}

.Dialog_HeaderCss .DialogTop, .Dialog_HeaderCss .DialogTop_AlignRight
{
	background-image:url(images/Dialog/top.gif);
}

.Dialog_HeaderCss .DialogTop .Title
{
	color:#990000;
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
}

.Dialog_HeaderCss .DialogTop_AlignRight
{
	text-align:right
}

.Dialog_HeaderCss a:link, .Dialog_HeaderCss a:visited, .Dialog_HeaderCss a:hover
{
  font-family: verdana,arial; 
  font-size: 11px; 
  color:#666666;
  cursor: hand;
}

.Dialog_HeaderCss a:hover
{
  color: #648bcb; 
  text-decoration: underline; 
}

.Dialog_ContentCss table
{
	background-color:White;
	height:100%;
	width:100%;
}

.Dialog_FooterCss .DialogBottom
{
	background-image:url(images/Dialog/bottom.gif);
	background-color:#F0F0F0;
}

.Clear{clear:both;}