/* Date de modification : 17/09/08 */

 /***** Définition générale *****/

 * {margin: 0; padding: 0; font-size:11px; font-family:Arial;}

 body {
 	width:100%;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:11px;
 	min-width:760px;
 }

 table,tr,td {
 	font-size:11px;
 	padding: 0 ;
 }

 h1{
	font-size: 20px;
	font-weight: bold;
	color:#143b7c;
	text-align:left;
 }

 h2{
	font-size: 16px;
	font-weight: bold;
	color:#5a75a3;
	text-align:left;
	padding:2px 0 2px 0;
	display:inline;
 }

 ul{list-style:none;}

 /* Définition de dl, dt, dd */

 dd{min-height:32px;}

 dd, dt{width:200px}

  dt{
	margin:5px 0;
 	padding-left:10px;
 	padding-top:5px;
 	padding-bottom:5px;
 	color:#fff;
 	font-weight:bold;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
 }

 /* Liens dans les dd */
 dd a{
 	background: url(./images/menu/ss_menu_off.gif) no-repeat;
 	display:block;
 	min-height:27px;
 	padding:5px 0 0 35px;
 }

 dd a:hover{background: url(./images/menu/ss_menu_on.gif) no-repeat;}

 dd.page_select a{background: url(./images/menu/ss_menu_on.gif) no-repeat;}

 /* Liens autres que le menu principal et le menu de gauche */
 a{color:#9a8c81;text-decoration:none;}
 a:hover{color:#143b7c;text-decoration:none}

 a.lien{
 	color:#9a8c8;
 	text-decoration:none;
 }

 a.lien:hover{color:#143b7c;}

 .lienClic{
 	color:#143b7c;
 	font-weight:bold;
 	text-decoration:underline;
 }

 /* menu principal */
 .pmenu a{
 	color:#fff;
 	text-decoration:none;
 }

 .pmenu a:hover{color:#143b7c;}

 .pmenu .page_select a{
 	color:#143b7c;
 	font-weight:bold;
 }

 /* sous menu */
 .smenu a{
 	color:#fff;
 	text-decoration:none;
 }

 .smenu a:hover{color:#143b7c;}

 .smenu .page_select a{
 	color:#143b7c;
 	font-weight:bold;
 }


 /***** HEADER : bandeau haut avec menu principal et détails plate-forme *****/

 #header{
 	position:relative;
 	height:113px;
 	background:url(./images/menu/degrade_horiz.gif) repeat-x 0 83px;
	border-bottom:2px solid #fff;
 }


 /* Logo gauche */
 #bandeau_part1{
 	height:83px;
 	background:url(./images/logo_societe.gif) no-repeat;
 }
 
 #logo {
    display:none!important;
 }
 
 /* Logo droit */
 #bandeau_part2{
 	background:url(./images/bandeau.jpg) no-repeat;
	height:83px;
	width:562px;
	position:absolute;
	right:0;
	margin-top:-83px;
 }

 /* Lien logo */
 #bandeau_part1 a{
 	height:100%;
 	width:149px;
 	display:block;
 }
 
 #bandeau_part2 a{display:none}

 /*** Menu principal ***/
 #menu_principal{
	 position:absolute;
	 top:83px;
 }

 #menu_principal li{
 	display:inline;
 	line-height:30px;
 }
 
ul#menu_principal li#menu_admin_toggle_show,
ul#menu_principal li#menu_admin_toggle_hide {
    margin-left : 10px;
    padding-left : 16px;
    height : 17px;
    background-image: url("./images/icones/menu_admin_toggle.png");
    background-repeat : no-repeat;
    cursor : pointer;
}

ul#menu_principal li#menu_admin_toggle_show {
    background-position : 0px -2px;
}

ul#menu_principal li#menu_admin_toggle_hide {
    background-position : 0px -19px;
}

 /* Lien du menu principal */
 #menu_principal li a{
 	padding:4px 0 10px 30px;
 	text-transform:uppercase;
 }

 #menu_principal li a:hover{}

  /* Menu sélectioné */
 #menu_principal li.page_select a{}

 /*** Détails plate-forme ***/
 /* Type d'installation de la plate-form (Ganesha standard, etc.) */
 #plateforme{}

  /* Type de profil (Apprenant, Admin, etc.) */
 #profil{
 	position:absolute;
 	top:0;
	margin-top:17px;
	width:30%;
 	color:#9a8c81;
 	font-size:16px;
	font-weight:bold;
	padding:15px 0 15px 0px;
	margin-left:330px;
 }

 /* Navigation interne : situe où l'on se trouve */
 #nav_interne{
 	float:left;
 	color:#fff;
 	font-size:10px;
 }

 #nav_interne:before{content:" > ";}

 /* Image du bouton qui permet de "cacher" le menu de gauche pendant une séquence*/
 #agrandir_fenetre{float:right;}

 #agrandir_fenetre a{
 	background: url(./images/actions/agrandir_fenetre.gif) 2px 5px no-repeat;
 	padding:7px 10px 5px 7px;
 	text-decoration:none;
 }

  /* Date */
 #date{
 	float:right;
 	color:#fff;
 	font-size:10px;
	margin:2px 10px 0px 10px;
 	padding-top:5px;
 	padding-bottom:5px;
 }

 /* Nom de l'utilisateur */
 #nom{
 	float:right;
 	color:#fff;
 	font-size:10px;
	margin:2px 10px 0px 10px;
 	padding-top:5px;
 	padding-bottom:5px;
 }

 #resize{
 	float:right;
 	padding-top:5px;
 	padding-bottom:5px;
 }

 /***** Colonne de gauche (sous menu) *****/

 #colonne_gauche{
 	float: left;
 	width:200px;
 	background-color:#9a8c81;
 }

 /*** Bloc Déconnexion - Aide (=> ul) ***/

 #aide_deconx{
 	padding-top:4px;
 }

 #aide_deconx li{
 	font-size:10px;
 	position:relative;
 	z-index:1;
 	background-color:#f1efee;
 }

 #aide_deconx a{
 	text-decoration:none;
 	display:block;
 	height:100%;
 	padding-left:35px;
 }

 #aide_deconx a:hover{
 	text-decoration:underline;
 	color:#000;
 }

 /* Aide */
 #aide{height:16px;}

 #aide a{
 	color:#339900;
 	font-weight:bold;
 	background: url(./images/menu/aide.gif) no-repeat;
 }

 /* Déconnexion */
 #deconnexion{height:17px;}

 #deconnexion a{
 	color:#FF0000;
 	font-weight:bold;
 	background: url(./images/menu/deconnexion.gif) no-repeat;
 }
 
  #deconnexion_seq a{
 	color:#FF0000;
 	font-weight:bold;
 	background: url(./images/menu/deconnexion.gif) no-repeat;
 }

 /*** Bloc 1er sous menu (après bloc Déconnexion - Aide) ***/
 #premier_sousmenu dt{}

 /*** Bloc Impression***/
 
 #impression {
 	padding-top:20px;
 }

 #impression dt{display:none;}
 
 #impression dd a {
	 background: url(./images/menu/print_seq.gif) no-repeat 7px 4px;
	 color:#fff;
 }

 #impression dd a:hover {
	 background: url(./images/menu/print_seq.gif) no-repeat 7px 4px;
	 color:#143b7c;
 }

 /*** Bloc dernier élément de la colonne de gauche ***/
 .dernier_element dd{}


 /***** Colonne de gauche dans le cas de l'exécution d'une SEQUENCE *****/

 /* Image pour le lien Accueil */
 .sequence a{background: url(./images/menu/home.gif) no-repeat;}

 /* Image pour matérialiser un support d'activité */
 .sequence dd.activite_support a{background: url(./images/menu/support.gif) no-repeat;}
 .sequence dd.activite_support a:hover{background: url(./images/menu/support.gif) no-repeat;}

 /* Image pour matérialiser le lancement d'une activité linéaire sans choix */
 .sequence dd.activite_lancer a{background: url(./images/menu/lancer.gif) no-repeat;}
 .sequence dd.activite_lancer a:hover{background: url(./images/menu/ss_menu_on.gif) no-repeat;}

 /* Image pour matérialiser une activité pas commencée */
 .sequence dd.status_not_attempted a{background: url(./images/menu/status_not_attempted.gif) no-repeat;}
 .sequence dd.status_not_attempted a:hover{background: url(./images/menu/ss_menu_on.gif) no-repeat;}

 /* Image pour matérialiser une activité réussie */
 .sequence dd.status_passed a{background: url(./images/menu/status_passed.gif) no-repeat;}
 .sequence dd.status_passed a:hover{background: url(./images/menu/status_passed.gif) no-repeat;}

 /* Image pour matérialiser une activité échouée */
 .sequence dd.status_failed a{background: url(./images/menu/status_failed.gif) no-repeat;}
 .sequence dd.status_failed a:hover{background: url(./images/menu/status_failed.gif) no-repeat;}

 /* Image pour matérialiser une activité effectuée */
 .sequence dd.status_completed a{background: url(./images/menu/status_completed.gif) no-repeat;}
 .sequence dd.status_completed a:hover{background: url(./images/menu/status_completed.gif) no-repeat;}

 /* Image pour matérialiser une activité en cours */
 .sequence dd.status_incomplete a{background: url(./images/menu/status_incomplete.gif) no-repeat;}
 .sequence dd.status_incomplete a:hover{background: url(./images/menu/status_incomplete.gif) no-repeat;}

 /* Image pour matérialiser une activité bloquée */
 .sequence dd.activite_bloquee {
    background: url(./images/menu/status_not_attempted.gif) no-repeat;
    padding:5px 0 0 35px; 
 	display:block;
 	height:27px;    
    color:#cccccc;
    font-style:italic;
    font-weight: bold;
    width:150px;
 }

 .sequence dt { padding-top: 0px;padding-bottom: 0px;vertical-align: middle;}

 .sequence span {
	display: inline-block;
	line-height:15px;
	vertical-align: middle ;
 }
  .align {height: 100%; }

 /***** CONTENU *****/
 #contenu{
 	float:left;
 	width: 70%;
 	margin-left:20px;
 	right:0;
 	top:110px;
 	background-color:#ffffff;
 }

 /* dans pop-up admin */
 #contenuW{
 	width: 95%;
 	margin-left:20px;
 	right:0;
 	background-color:#ffffff;
 }

 .titre1{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
 }

 .separateur{background-color: #f1efee;}

 .separateur_pab{background-color: #f1efee;border-left:1px solid #9a8c81;border-right:1px solid #9a8c81;height:2px}

 .ligne1{background-color: #fff;}

 .ligne2{background-color: #f1efee;}

 .ligne3{background-color: #fff;vertical-align:top;}
 
 .ligneSelectionnee td {background-color: #ffcccc;}

 .ligne_form{background-color: #fff; height:25px;}

 .ligne_form_valid{background-color: #fff; height:25px;text-align: right;}

 .obligatoire{background-color: #fff; color:red;text-align: left;}

 #nombre {
	position:relative;
	margin-right: 10px;
	text-align: center;
 	background-color: #fff;
 	width: 20%;
 	border:1px solid #000;
 	font-size: 12px;
	font-weight: bold;
	color: #000000;
	display:block;
	margin-top: 10px;
	margin-bottom: 30px;
  }

  .photo {
  	position:absolute;
  	width:122px;
  	height:170px;
  	right:12px;
  	top:101px;
  }

  /* tableau dans formulaire */
  .out {
	position:relative;
	width: 90%;
  }
  
  .avertissement {
    color : #FF6600;
    font-weight : bold;
  }
  
    #information, #warning {
    padding:6px 0 5px 20px ;
    width:40%;
    height:30px;
    font-weight: bold;
    margin-top: 10px;
   }

   #warning {
   	color:#ff0000;
   	border:1px solid #ff0000;
    background: url(./images/icones/erreur.gif) no-repeat #ffffcc 0 5px;
    padding:6px 0 5px 20px ;
    width:40%;
    height:30px;
    font-weight: bold;
    margin-top: 10px;
   }
   
    #information {
   	color:#1F4187;
   	border:1px solid #1F4187;
    background: url(./images/icones/ic_note.gif) no-repeat #D3DEFF 0 5px;
   }

   #footer {
	width:99%;
	text-align:center;
	vertical-align:middle;
	padding-top:20px;
	clear: both;
   }
   
    #footer_contenu {
	text-align : center;
	clear: both;
   }
   
   #footer_contenu img {
	vertical-align : middle;
   }

  /***** TABLEAUX *****/
  /*** Tableaux multilignes (avec les lignes de couleur une sur deux) ***/
  .tableau {
	margin-bottom: 20px;
	margin-left:0;
	border-spacing:0;
	width:90%;
  }

  .taille1 {
    width:60%;
  }

  .taille2 {
    width:80%;
  }

  /* Haut */
  .tab_coin_h_g{background-color: #aea39a; border-top:1px solid #9a8c81; border-left:1px solid #9a8c81; height:20px;width:10px}
  .tab_milieu_h{background-color: #aea39a; border-top:1px solid #9a8c81; text-align:left; vertical-align:middle; font-weight:bold;height:20px;color:#fff}
  .tab_coin_h_d{background: url(./images/angle_fond_tab_h_d.gif) no-repeat top right; height:20px;width:10px;}

  /* Bas */
  .tab_coin_b_g{background-color: #fff; border-bottom:1px solid #9a8c81; border-left:1px solid #9a8c81;width:10px;}
  .tab_milieu_b{background-color: #fff; border-bottom:1px solid #9a8c81;height:10px;}
  .tab_coin_b_d{background-color: #fff; border-bottom:1px solid #9a8c81; border-right:1px solid #9a8c81;width:10px;}

  /* Côtés */
  .tab_milieu_g1{background-color: #fff; border-left:1px solid #9a8c81;}
  .tab_milieu_d1{background-color: #fff; border-right:1px solid #9a8c81;}
  .tab_milieu_g2{background-color: #f1efee; border-left:1px solid #9a8c81;}
  .tab_milieu_d2{background-color: #f1efee; border-right:1px solid #9a8c81;}
  .tab_milieu_g3{background-color: #fff; border-left:1px solid #9a8c81;}
  .tab_milieu_d3{background-color: #fff; border-right:1px solid #9a8c81;}

  /* tr */
  .tab_form_rechercher{background-color: #fff; height:40px; text-align:right;vertical-align:middle;}


  /*** Tableaux de formulaires ***/
  #tab_form {
	margin-left:0;
	border-spacing:0;
	width: 100%;
	left:0;
  }

  #tab_form h3 {
	font-size: 14px;
	background-color: #ececec;
	color: #9a8c81;
  }

  #tab_form .aide {
	font-size: 11px;
	background-color: #fff;
	color: #999;
	font-style:italic;
  }

  /* Haut */
  #tab_form .tab_coin_h_g{}
  #tab_form .tab_milieu_h{background-color: #aea39a;text-align:center; vertical-align:middle; font-weight:bold;}
  #tab_form .tab_coin_h_d{background: url(./images/angle_fond_tab_h_d.gif) no-repeat top right; height:20px;width:10px;}

  /* Bas */
  #tab_form .tab_coin_b_g{height:0}
  #tab_form .tab_milieu_b{height:0}
  #tab_form .tab_coin_b_d{height:0}

  /* Côtés */
  #tab_form .tab_milieu_g{background-color: #fff; border-left:1px solid #9a8c81;width:10px;}
  #tab_form .tab_milieu_d{background-color: #fff; border-right:1px solid #9a8c81;width:10px;}


  /***** FORMULAIRES *****/

 /* Eléments graphiques composant un formulaire */
 /* text => zone de saisie avec taille fixe par Ganesha */
  input.text {
	border:1px solid #ccc;
	font-size:11px;
	color:#9a8c81;
  }

  input.text:hover {
	border:1px solid #9a8c81;
  }

  /* text => zone de saisie pour les noms de fichiers .... */
  input.text_taille1 {
  	border : 1px solid #ccc ;
	font-size : 11px;
	width: 350px ;
	color:#9a8c81;
  }

  input.text_taille1:hover {
	border:1px solid #9a8c81;
  }

  /* text => zone de saisie pour le nom, prenom, .... */
  input.text_taille2 {
  	border : 1px solid #ccc ;
	font-size : 11px;
	width: 200px ;
	color:#9a8c81;
  }

  input.text_taille2:hover {
	border:1px solid #9a8c81;;
  }

  /* text => zone de saisie pour la durée, version IFTI */
  input.text_taille4 {
  	border : 1px solid #ccc ;
	font-size : 11px;
	width: 15px ;
	height:16px;
	margin-bottom:1px;
	color:#9a8c81;
  }

  input.text_taille4:hover {
	border : 1px solid #9a8c81;
  }

  input.text_file {
  	border : 1px solid #ccc ;
	font-size : 11px;
	width:268px;
	color:#9a8c81;
  }
  
  input.text_file:hover {
  	border : 1px solid #9a8c81;
  }

  input.bouton {
	font-weight: bold;
	color: #fff;
	background-color: #9a8c81;
	border : 1px solid #9a8c81;
  }

  input.bouton:hover {
  	border : 1px solid #9a8c81;
	color: #9a8c81;
	background-color: #FFF;
  }
  
  input.activite_terminee {
  	border : 1px solid #836f5f;
	color: #9a8c81;
	background-color: #FFF;
	font-weight: bold;
	margin-left:27px;
  }
  
  input.activite_terminee:hover {
	color: #fff;
	background-color: #9a8c81;
	border : 1px solid #fff;
  }

  input.rechercher {
	border : 1px solid #ccc ;
	font-weight: bold;
	color: #9a8c81;
	width:400px;
  }
  
  input.rechercher:hover {
	border : 1px solid #9a8c81;
  }

  /* Cases à cocher */
  input.checkbox {
	border : 1px solid #9a8c81;
	background-color: #f1efee;
  }

  textarea {
	border : 1px solid #ccc ;
	font-size : 11px;
	color:#9a8c81;
	width:300px
  }

  textarea:hover {
	border : 1px solid #9a8c81;
  }

  select.list {
  	border: 1px solid #ccc ;
	font-weight: bold;
	color: #9a8c81;
	background-color: #ffffff;
	text-align:left;
	width: 200px;
  }

  select.list:hover {
	border : 1px solid #9a8c81;
  }

  select option.ligne {
	background-color: #b8c4d7;
	color: #ffffff;
	text-align:left;
  }

  select.ifti_type {
  	border : 1px solid #ccc ;
	text-align:left;
	width: 50px;
	color: #9a8c81;
  }
  select.ifti_type:hover {
  	border : 1px solid #9a8c81;
  }

  select.ifti_niveau {
  	border : 1px solid #ccc ;
	text-align:left;
	width: 40px;
	color: #9a8c81;
  }

  select.ifti_niveau:hover {
  	border : 1px solid #9a8c81;
  }

  select.ifti_format {
  	border : 1px solid #ccc ;
	text-align:left;
	width: 40px;
	color: #9a8c81;
  }
  select.ifti_format:hover {
  	border : 1px solid #9a8c81;
  }
  
  /* admin > réservation */
  select.time {
  	border : 1px solid #ccc ;
	text-align:left;
	width: 40px;
	color: #9a8c81;
  }
  select.time:hover {
  	border : 1px solid #9a8c81;
  }

  /* bouton ds la partie admin */
  #admin_menu_util {
	width:50%;
	margin-left:10px;
	display:inline; 	
  }
  
  /* pour IE6 */
  * html #admin_menu_util {
	margin-left:8px;
  }

  .admin_bouton {
  	padding:10px;
  }

/* Navigation */
  #ss_navigation_interne {
  	width:90%;
  	height: 30px;
  	text-align: left;
  	padding: 5px 0 5px 0 ;
  	font-size: 10px;
  }

  #ss_navigation_interne a {
    color:#9a8c81;
    font-size: 10px;
    text-decoration: none;
  }

  #ss_navigation_interne a:hover {
    color:#143b7c;
    text-decoration: underline;
  }

/* liste des groupes */
  #div_liste_groupe {
    width:99% ;
    text-align: center;
  }

  #liste_groupe {
    width:100% ;
    margin:auto;
  }

  #liste_groupe p {
    display: inline;
  }

  #liste_groupe .select_groupe {
  	padding-left: 5px;
  }

/* affiche/masque les tableaux */
  .div_table_titre {
    width:30%;
  	float:left;
  	margin-right: 10px;
  	margin-top: 10px;
  }

  .div_table {
  	margin-top: 30px;
  }

  .menuDyn, .menuDynApprenant {
  	width: 40%;
  	height: 24px;
  	background-color:#f1efee;
  	background-image: url(./images/icones/ic_onglet.gif);
  	background-repeat: no-repeat;
	padding-left:30px;
	border:1px solid #9a8c81;
	margin-top: 10px;
	position : relative;
  }
  
  .menuDynApprenant {
  	background-image: url(./images/admin/ic_apprenant.gif);
  }

  .menuDynGroupe {
  	width: 60%;
  	height: 24px;
  	background-color:#f1efee;
  	background-image: url(./images/icones/ic_groupe.gif);
  	background-repeat: no-repeat;
	padding-left:30px;
	border:1px solid #9a8c81;
	margin-top: 10px;
	position : relative;
  }

  .menuDynSession {
  	width: 60%;
  	height: 24px;
  	background-color:#f1efee;
  	background-image: url(./images/icones/ic_ss_ind.gif);
  	background-repeat: no-repeat;
	padding-left:30px;
	border:1px solid #9a8c81;
	margin-top: 10px;
	position : relative;
  }
  
  /* -------------------------------------------------------------------------
   * Icones indiquant les propriétés d'un groupe dans la liste des groupes 
   * de la partie administrateur : Positionné dans le cadre à l'aide 
   * d'un décallage vertical
  */
  
  .menuDyn span, .menuDynSession span, .menuDynGroupe span, .menuDynApprenant span {
    position:absolute;
    right : 5px;
    top : 3px;
  }
  
  .menuDyn img, .menuDynSession img, .menuDynGroupe img, .menuDynApprenant img {
    cursor : help;
    margin-left : 5px;
  }
  
  .menuDyn a img, .menuDynSession a img, .menuDynGroupe a img, .menuDynApprenant a img {
    cursor : pointer;
    margin-left : 15px;
  }
  
  /*---------------------------------------------------------------------------*/

  .menuRechercher {
  	width: 20%;
  	height: 24px;
  	background-color:#f1efee;
  	background-image: url(./images/icones/ic_rechercher.gif);
  	background-repeat: no-repeat;
	padding-left:30px;
	border:1px solid #9a8c81;
	margin-top: 10px;
  }

  .onglet {
  	width: 100%;
	display: block;
	color: #9a8c81;
	padding:4px 0 4px 30px;
	margin-left: -30px;
	font-weight:bold;
  }

  .onglet:hover {
	border:1px solid #9a8c81;
  }

  .menuCloseWindow {
  	width: 20%;
  	height: 24px;
  	background-color: white;
  	background-image: url(./images/actions/fermeture.gif);
  	background-repeat: no-repeat;
	padding-left:30px;
	margin-left: 200px;
	margin-top: 10px;
  }

  #TitreWindow {
  	width: 98%;
  	height: 19px;
  	background-color: #9a8c81;
  	background-repeat: no-repeat;
	margin-left: 0;
	margin-top: 0;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 0 4px 10px;
  }

/* =================================================================================
** Menu de navigation pour parcours de formation : Généralités
*/
ul#menu_session {
    padding : 0 0 0 20px;
    margin : 0;
    margin-left : 0;
}
            
ul#menu_session li {
    list-style-type : none;
    padding-left : 19px;
    background-repeat : no-repeat;
    min-height:20px;
}

/*IE avant la version 7*/
* html ul#menu_session li {
    height:20px;
}

ul#menu_session li ul {
    padding-top : 3px
}

/* =================================================================================
** Menu de navigation pour parours de formation : Les images de fonds
*/

/*Les parcours*/
ul#menu_session li.menu_parcours {
    background-image : url("./images/tree/ic_parcours_local.gif");
}

    ul#menu_session li.menu_parcours.national {
        background-image : url("./images/tree/ic_parcours_national.gif");
    }
    
    ul#menu_session li.menu_parcours_termine {
        background-image : url("./images/tree/ic_parcours_completed.gif");
    }

/*Les parcours de positionnement*/
ul#menu_session li.menu_parcours_position {
    background-image : url("./images/tree/ic_parcours_pos_local.gif");
}

    ul#menu_session li.menu_parcours_position.national {
        background-image : url("./images/tree/ic_parcours_pos_national.gif");
    }

/*Les parcours de formation*/
ul#menu_session li.menu_parcours_formation {
    background-image : url("./images/tree/ic_parcours_pf_pos.gif");
}

    ul#menu_session li.menu_parcours_formation_termine {
        background-image : url("./images/tree/ic_parcours_pf_pos.gif");
    }
    
    ul#menu_session li.menu_parcours_formation.national {
        background-image : url("./images/tree/ic_parcours_pf_pos_national.gif");
    }

/*Les modules*/
ul#menu_session li.menu_module {
    background-image : url("./images/tree/ic_module_local.gif");
}

    ul#menu_session li.menu_module.national {
        background-image : url("./images/tree/ic_module_national.gif");
    }
    
    ul#menu_session li.menu_module_termine {
        background-image : url("./images/tree/ic_module_completed.gif");
    }

/*Les séquences*/
ul#menu_session li.menu_sequence {
    background-image : url("./images/tree/ic_sequence_local.gif");
}

    ul#menu_session li.menu_sequence.national {
        background-image : url("./images/tree/ic_sequence_national.gif");
    }
    
    ul#menu_session li.menu_sequence_termine {
        background-image : url("./images/tree/ic_sequence_completed.gif");
    }
    
/*Le reste du menu*/
ul#menu_session li.menu_export {
    background-image : url("./images/tree/ic_pdf.gif");
    background-position : left 1.8em;
    margin-top : 2em;
    padding-top : 2em;
    border-top : 1px solid #9a8c81;
}

ul#menu_session li.menu_objectifs {
    background-image:url("./images/icones/ic_bno.gif")
}

ul#menu_session li.menu_resultPB {
    background-image : url("./images/tree/ic_resultat_pb.gif");
}

ul#menu_session li.menu_acces_bar {
    background-image : url("./images/tree/bar.gif");
}

ul#menu_session li#loading {
    background-image:url("./images/load.gif");
    height : 20px;
}
/* =================================================================================
** Menu des onglets
*/

ul.tab_menu_section {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #9a8c81;
    margin: 20px 0 0 0 ;
}

ul.tab_menu_section li {
    float: left;
    height: 21px;
    background-color: #f1efee;
    margin: 2px 2px 0 2px ; 
    border: 1px solid #9a8c81;
    border-bottom: 0;
}

/*IE avant la version 7*/
* html ul.tab_menu_section li {
    margin: 1px 2px 0 2px ; 
}

ul.tab_menu_section a.tab_active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
	color:#143b7c;
}

ul.tab_menu_section li a {
    float: left;
    display: block;
    text-decoration: none;
    padding: 4px;
	white-space : nowrap;
}

ul.tab_menu_section li a:hover {
    background: #fff;
	border-bottom:1px solid #fff;/* pour IE6 ! */
}

div.tab_content_section {
    background-color : #fff;
    border : 1px solid #9a8c81;
    border-top : 0;
    padding : 1em;
	clear : both;
}

div.tab_content_section div.tab_load {
    background-image:url("./images/load.gif");
    background-position : left center;
    background-repeat : no-repeat;
    width:130px;
    height:40px;
}

/* =================================================================================
** Loading général
*/

div.load {
    background-image:url("./images/load.gif");
    background-position : left center;
    background-repeat : no-repeat;
    width:130px;
    height:40px;
}

/* =================================================================================
** Tooltip
*/

div.tooltip {
    border: 2px solid #9a8c81; 
    padding: 10px 0px 10px 20px; 
    position: absolute; 
    background-color : #fff;
    opacity: 0.8;
	filter: alpha(opacity=80);
	display : inline;
}

div.tooltip ul {
    list-style-type : none;
	display : inline;
}

div.tooltip ul li {
    float : left;
    clear : both;
    background-position : left center;
    background-repeat : no-repeat;
    padding-left : 20px;
    padding-top : 5px;
    height : 20px;
    vertical-align : middle;
	display : inline;
	margin-right : 20px;
}

div.tooltip ul li.tuteur-tooltip {
    background-image : url("./images/admin/ic_formateur.gif");
}

div.tooltip ul li.stagiaire-tooltip {
    background-image : url("./images/admin/ic_apprenant.gif");
}

div.tooltip ul li.parcours-tooltip {
    background-image : url("./images/tree/ic_parcours_local.gif");
}

div.tooltip ul li.module-tooltip {
    background-image : url("./images/tree/ic_module_local.gif");
}

div.tooltip ul li.sequence-tooltip {
    background-image : url("./images/tree/ic_sequence_local.gif");
}

div.tooltip ul li.nbconnexion-tooltip {
    background-image : url("./images/icones/ic_cnx.gif");
    background-position : -5px center;
}


div.tooltip-load {
    background-image:url("./images/load.gif");
    background-position : center center;
    background-repeat : no-repeat;
    width:130px;
    height:40px;
}



/* =================================================================================
** Message des objectifs dans la tooltip
*/
div.tooltip p {
    margin-right : 20px;
}

div.tooltip h1 {
    font-size : 13px;
    font-weight : bold;
    border-bottom : 1px solid #1f4187;
    margin-bottom : 1em;
    margin-right : 20px;
}

/* =================================================================================
** Tooltip => Infos apprenant, formateur et administrateur
*/

div.tooltip #infos-membre {
    float : left;
    margin-left : 20px;
}

div.tooltip #infos-membre li {
    padding-left : 0;
    padding-top : 2px;
}

div.tooltip img#photo {
    float : left;
    margin-top : 5px;
}

/* =================================================================================
** Layer qui s'affiche sur toute la page avec un GIF de chargement
*/

div#global-loading {
    background-image : url("./images/load_big.gif");
    background-position : center center;
    background-repeat : no-repeat;
    height : 100%;
    width : 100%;
    position : fixed;
    top : 0;
    left : 0;
    z-index : 5000;
    background-color : #000;
    opacity: 0.5;
	filter: alpha(opacity=50);
}

.idframe {
    display:inline;
    background-color: #1f4187;
    border: 1px #000 solid;
}
 

/* =================================================================================
** Messages de confirmation et d'erreur des formulaires
*/

div#confirmation-message,div#error-message {
    display : none;
    background-color : #ffffff;
    background-position : 1em center;
    background-repeat : no-repeat;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    padding-top : 1.2em;
    padding-bottom : 1em;
    left : 0;
    z-index : 5000;
}

div#confirmation-message {
    background-image : url("./images/icones/passed.gif");
    border-bottom-color : green;
}

div#error-message {
    background-image : url("./images/icones/erreur.gif");
    border-bottom-color : red;
}

div#confirmation-message p, div#error-message p {
    margin-left : 1em;
    padding-left : 30px;
	font-size : 1.2em;
}

/* =================================================================================
** Fenêtre d'alert HTML, CSS et Javascript
*/

div.alertOverlay {
    background-color : #000;
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
}

div.alertBox, div.confirmBox {
    border : 1px solid black;
    background : #fff;
    display : none;
    padding : 1em;
    width : 40%;
    height : 30%;
    margin-top : -5%;
    -moz-border-radius : 20px;
}

div.alertBox h1, div.confirmBox h1 {
    border-bottom : 1px solid black;
    margin-bottom : 1em;
}

div.alertBox p.message, div.confirmBox p.message {
    height : 70%; 
    overflow : auto;
    text-align : justify;
    padding-right : 5px;
}

div.alertBox input.closeCross, div.confirmBox input.closeCross {
    position: absolute;
    right: 15px;
    top: 10px;
    background-image: url("./images/icones/close.gif");
    background-position : top left;
    background-repeat : no-repeat;
    font-size : 0px;
    height : 19px;
    width : 19px;
    color: #777;
    background-color: #fff;
    cursor: pointer;
    border : 0;
}

div.alertBox input.closeCross:hover, div.confirmBox input.closeCross:hover {
    background-position: bottom left;
}

div.alertBox p.button, div.confirmBox p.button {
    position : absolute;
    bottom : 5px;
    left : 0;
    width : 100%;
    text-align : center;
}

div.alertBox p.button input, div.confirmBox p.button input {
    margin-right : 5px;
    margin-left : 5px;
    width : 80px;
}


/* =================================================================================
** Style pour les champs de recherches qui s'auto-complète 
*/
.autocompleter {
    background-color:#f1efee;
    color : #9a8c81;
    border : 1px solid #9a8c81;
    width : 400px; /*Voir input.rechercher */
    opacity : 0.8;
    filter : (opacity=80);
}

.autocompleter ul li {
    font-size : 11px;
    padding : 2px 10px;
    white-space : nowrap;
}

.selectAutocompleter {
    color : #fff;
    background-color : #9a8c81;
}

/* =================================================================================
** Style pour les messages de notification 
*/

div.notification {
    width : 30%;
    height : 22%;
    background-color : #f1efee;
    color : #9a8c81;
    border : 1px solid #9a8c81;
    padding : 1%;
    z-index : 5000;
    opacity: 0.8;
	filter: alpha(opacity=80);
}

div.notification h1 {
    border-bottom : 1px solid #9a8c81;
    font-size : 12px;
}

div.notification .close {
    position: absolute;
    top : 10px;
    right : 13px;
    font-weight : bold;
    color : #000;
    text-decoration : underline; 
    font-size : 1em; 
}

div.notification div.notification-overflow {
    margin-top : 2%;
    height : 90%;
    width : 100%;
    overflow : auto;
}

div.notification div.notification-overflow p {
    text-align : justify;
}

div.notification div.notification-overflow em {
    font-weight : bold;
}

div.notification div.notification-overflow img {
    float : left;
    margin-right : 15px;
    border : 1px solid #9a8c81;
}

/* =================================================================================
** Style pour les seuils
*/

div.seuil_0, div.seuil_1, div.seuil_2 {
    float : left ;
    text-align : center ;
    color : #fff ;
    padding-top: 5px;
    height: 20px;
    background-repeat: repeat;
    margin-left : -1px; /*Patch pour IE*/
}

div.seuil_0 {
    background-image: url('../../ganesha/images/seuils/ok_0.gif');
}

div.seuil_1 {
    background-image: url('../../ganesha/images/seuils/ok_1.gif');
}

div.seuil_2 {
    background-image: url('../../ganesha/images/seuils/ok_2.gif');
}

/* =================================================================================
** Statistiques
*/

div.statzone {
	margin-bottom:15px;
 	padding:5px;
	border:1px dotted #9a8c81;
}

.decallage {
    padding-left : 20px;
}

/* =================================================================================
** Tableau statistiques agrégées (fiche apprenant)
*/

.titre td {background-color: #ececec; color: #9a8c81; height:25px; font-weight:bold;}
.titre td img {margin-right:10px}
.infos td {padding-left:10px;}
.activite td {padding-left:20px;}