/* Date de modification : 05/12/07 */

 /***** 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;
	background-color:#e6e6e6;
 }
 
 /* paramétrage couleur de fond du navigateur en fonction des profils */ 
 body.admin {background-color:#e6e6e6;}
 body.apprenant {background-color:#e6e6e6;}
 body.formateur {}
 body.tuteur_entreprise {} 
 body.conseiller {}
 body.integrateur {}

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

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

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

 ul{list-style:none;}

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

 dd{min-height:26px;}

 dd{width:198px}

 dt{width:190px}

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

 /* Liens dans les dd */
 dd a{
 	display:block;
 	padding-left:16px;
	padding-top:2px;
 }

 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:#7c08bd;text-decoration:none;}
 a:hover{color:#31539a;text-decoration:none}

 a.lien{
 	color:#7c08bd;
 	text-decoration:none;
 }

 a.lien:hover{color:#31539a;}

 .lienClic{
 	color:#31539a;
 	font-weight:bold;
 	text-decoration:underline;
 }

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

 .pmenu a:hover{
 	color:#7c08bd;
 }

 .pmenu .page_select a{
 	color:#7c08bd;
 	font-weight:bold;
 }

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

 .smenu a:hover{color:#31539a;}

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


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

 #header{
 	position:relative;
 	height:62px;
 }

 /* bandeau (affichage partie milieu) */
  #bandeau{
 	background:url(images/degrade_horiz.gif) repeat-x;
	height:62px;
	margin-left:17px;
	margin-right:17px;
 }

 /* bandeau partie gauche */
 #bandeau_part1{
	background:url(images/bandeau_hg.gif) no-repeat;
	height:62px;
	width:17px;
	float:left;
	margin-left:-17px;
 }
 
 /* Pour version < IE 7 */
 * html #bandeau_part1{
	position:absolute;
 }
 
 /* bandeau partie droite */
 #bandeau_part2{
 	background:url(images/bandeau_hd.gif) no-repeat;
	height:62px;
	width:17px;
	float:right;
	margin-right:-17px;
 }
 
  /* Pour version < IE 7 */
 * html #bandeau_part2{
	position:absolute;
	right:0;
	margin-right:1px;
 }

 /* Lien sur bandeau + logo pour la déconnexion */
 #bandeau_part1 a{
	 height:69px;
	 width:212px;
	 position:absolute;
	 z-index:5;
 }
 
 #bandeau_part2 a{}
 
 #logo {
 	position:absolute;
	width:205px;
	height:59px;
	top:10px;
	left:5px;
	z-index:2;
 }

 /*** Menu principal ***/
 #menu_principal {	
	position:absolute;
	width:75%;
	line-height:normal;
	margin-top:-33px;	
	margin-left:240px;	
 }
 
 /* Menu off */
 #menu_principal li {
	float:left;
	background:url(images/menu/onglet_menu_off1.gif) no-repeat left top;
	margin:5px;
	padding:0 0 0 13px;		
 }
 #menu_principal a {
 	display:block;
	text-transform:uppercase;
	background:url(images/menu/onglet_menu_off2.gif) no-repeat right top;
	padding:8px 15px 7px 2px;
 }
 
 /* Menu sélectioné */
 #menu_principal .page_select {
	background:url(images/menu/onglet_menu_on1.gif) no-repeat left top;
 }
  #menu_principal .page_select a {
	background:url(images/menu/onglet_menu_on2.gif) no-repeat right top;
 }
 
  /* Menu on */
 #menu_principal li:hover {
	background:url(images/menu/onglet_menu_on1.gif) no-repeat left top;
 }
 #menu_principal li:hover a{
 	background:url(images/menu/onglet_menu_on2.gif) no-repeat right top;
	color:#7c08bd;
 }

 /* Pas utilisés */
 #menu_principal li a{}
 
 /* Menu sélectioné pr IE6 */
 * html #menu_principal li.page_select{background:url(images/menu/onglet_menu_on1.gif) no-repeat left top;}
 * html #menu_principal li.page_select a{background:url(images/menu/onglet_menu_on2.gif) no-repeat right top;} 

 ul#menu_principal li#menu_admin_toggle_show,
 ul#menu_principal li#menu_admin_toggle_hide {
    margin-left:5px;
    padding-left:16px;
	margin-top:15px;
    height:16px;
    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;
 }  

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

 /* Type de profil (Apprenant, Admin, etc.) */
 #profil{
	position:absolute;
 	color:#7c08bd;
 	font-weight:bold;
	margin-top:13px;
	padding-left:39px;
	height:35px;
	width:55px;
	background:url(images/icones/profil_apprenant.gif) no-repeat 3px 0;
 }
 
 p#profil.apprenant {
 	background:url(images/icones/profil_apprenant.gif) no-repeat 3px 0;
 }
 
 p#profil.admin {
 	background:url(images/icones/profil_admin.gif) no-repeat 3px 0;
 }
 
 p#profil.formateur{
 	background:url(images/icones/profil_formateur.gif) no-repeat 2px 0;
 }
 
 p#profil.tuteur_entreprise{
 	background:url(images/icones/profil_formateur.gif) no-repeat 2px 0;
 }

 p#profil.conseiller{
 	background:url(images/icones/profil_formateur.gif) no-repeat 2px 0;
 }

 p#profil.integrateur {
  	background:url(images/icones/profil_formateur.gif) no-repeat 2px 0;
 }


 /* 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{
	position:absolute;
 	color:#31539a;
 	font-size:10px;
	margin-top:13px;
	right:4px;
 }

 /* Nom de l'utilisateur */
 #nom{
 	position:absolute;
 	color:#7c08bd;
 	font-size:10px;
	margin-top:33px;
	padding-left:38px;
	width:160px;
 }

 #resize{
 	position:absolute;
	margin-top:33px;
	right:4px;
 }

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

 #colonne_gauche{
 	float: left;
 	width:200px;
	height:100%;
	display:inline;
 }

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

 #aide_deconx{
	position:absolute;
	right:11%;
	top:15px;
 }

 #aide_deconx li{
 	font-size:10px;
	float:left;
 }

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

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

 /* Aide */
 #aide a{
 	color:#fff;
 	font-weight:bold;
	font-size:12px;
 }

 /* Déconnexion */
 #deconnexion a{
 	color:#ffcc00;
 	font-weight:bold;
	font-size:12px;
 }
 
 #deconnexion_seq a{
 	color:#ffcc00;
 	font-weight:bold;
	font-size:12px;
	margin-top:10px;
 }

 /*** Bloc 1er sous menu (après bloc Déconnexion - Aide) ***/
 #premier_sousmenu dt{margin-top:42px;}

 /*** Bloc Impression***/

 #impression {
 	padding-top:20px;
 }

 #impression dt{display:none;}


 #impression dd a {
	 background: url(./images/menu/print_seq.gif) no-repeat;
	 color:#7c08bd;	 
 }

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

 /*** 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 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/ss_menu_on.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/ss_menu_on.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/ss_menu_on.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/ss_menu_on.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/ss_menu_on.gif) no-repeat;}

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

 .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{	
	width:70%;
 	margin-left:20px;
	float:left;
 	background-color:#ffffff;
	display:inline;
 }

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

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

 .separateur{background-color: #f8effe;}

 .separateur_pab{background-color: #f8effe;border-left:1px solid #B042F7;border-right:1px solid #B042F7;height:2px}

 .ligne1{background-color: #fff;}

 .ligne2{background-color: #f8effe;}

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

 .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:9%;
  	top:110px;
  }

  /* tableau dans formulaire */
  .out {
	position:relative;
	width: 100%;
  }
  
  .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 {
    float:left;
	width:100%;
	margin-top:10px;
   }

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

  .taille1 {
    width:60%;
  }

  .taille2 {
    width:80%;
  }

  /* Haut */
  .tab_coin_h_g{background-color: #98a9cc; border-top:1px solid #b042f7; border-left:1px solid #b042f7; height:20px;width:10px}
  .tab_milieu_h{background-color: #98a9cc; border-top:1px solid #b042f7; text-align:left; vertical-align:middle; font-weight:bold;height:20px;color:#fff}
  .tab_coin_h_d{background-color: #98a9cc; border-top:1px solid #b042f7; border-right:1px solid #b042f7; height:20px;width:10px}

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

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

  /* 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: #eaedf5;
	color: #7c08bd;
  }

  #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: #98a9cc;text-align:center; vertical-align:middle; font-weight:bold;}
  #tab_form .tab_coin_h_d{background-color: #98a9cc; border-top:1px solid #b042f7; border-right:1px solid #b042f7; 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 #b042f7;width:10px;}
  #tab_form .tab_milieu_d{background-color: #fff; border-right:1px solid #b042f7;width:10px;}


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

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

  input.text:hover {
	border:1px solid #7c08bd;
  }

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

  input.text_taille1:hover {
	border:1px solid #7c08bd;
  }

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

  input.text_taille2:hover {
	border:1px solid #7c08bd;;
  }

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

  input.text_taille4:hover {
	border : 1px solid #7c08bd;
  }

  input.text_file {
  	border : 1px solid #c1cbe1;
	font-size : 11px;
	width:268px;
	color:#7c08bd;
  }
  
  input.text_file:hover {
	border:1px solid #7c08bd;
  }

  input.bouton {
  	border : 1px solid #7c08bd;
	color: #7c08bd;
	background-color: #FFF;
	font-weight: bold;
  }

  input.bouton:hover {
	color: #fff;
	background-color: #98a9cc;
	border : 1px solid #000 ;
  }
  
  input.activite_terminee {
  	border: 1px solid #7c08bd;
	color: #fff;
	background-color: #7c08bd;
	font-weight: bold;
	margin-left:25px;
  }
  
  input.activite_terminee:hover {
	color: #7c08bd;
	background-color: #fff;
	border: 1px solid #7c08bd;
  }

  input.rechercher {
	border : 1px solid #c1cbe1;
	font-weight: bold;
	color: #7c08bd;
	width:400px;
  }
  
  input.rechercher:hover {
	border : 1px solid #7c08bd;
  }

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

  textarea {
	border : 1px solid #c1cbe1;
	font-size : 11px;
	color:#7c08bd;
	width:300px
  }

  textarea:hover {
	border : 1px solid #7c08bd;
  }

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

  select.list:hover {
	border : 1px solid #7c08bd;
  }

  select option.ligne {
	background-color: #eaedf5;
	color: #31539a;
	text-align:left;
  }
	
  /* visible dans skin ifti */
  select.ifti_type {}
  select.ifti_type:hover {}

  select.ifti_niveau {}
  select.ifti_niveau:hover {}

  select.ifti_format {}
  select.ifti_format:hover {}

  /* admin > réservation */
  select.time {
  	border : 1px solid #c1cbe1;
	text-align:left;
	width: 40px;
	color: #7c08bd;
  }
  
  select.time:hover {
  	border : 1px solid #7c08bd;
  }

  /* 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-right: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:#7c08bd;
    font-size: 10px;
    text-decoration: none;
  }

  #ss_navigation_interne a:hover {
    color:#31539a;
  }

/* 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 {
  	width: 40%;
  	height: 24px;
	background:url(images/icones/ic_onglet.gif) no-repeat #e8c9fc;
	padding-left:30px;
	border:1px solid #7c08bd;
	margin-top: 10px;
  }

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

  .menuDynSession {
  	width: 60%;
  	height: 24px;
	background:url(images/icones/ic_ss_ind.gif) no-repeat #e8c9fc;
	padding-left:30px;
	border:1px solid #7c08bd;
	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
  */
  
  .menuDynSession span, .menuDynGroupe span {
    position:absolute;
    right : 5px;
    top : 3px;
  }
  
  .menuDynSession img, .menuDynGroupe img {
    cursor : help;
    margin-left : 5px;
  }
  
  .menuDynSession a img, .menuDynGroupe a img {
    cursor : pointer;
    margin-left : 15px;
  }
  
  /*---------------------------------------------------------------------------*/

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

  .onglet {
  	width: 100%;
	display: block;
	color: #7c08bd;
	padding:4px 0 4px 30px;
	margin-left: -30px;
  }

  .onglet:hover {
	border:1px solid #7c08bd;
  }

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

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

/* =================================================================================
** Menu de navigation pour parours 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 #b042f7;
}

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 #B042F7;
    margin: 20px 0 0 0 ;
}

ul.tab_menu_section li {
    float: left;
    height: 21px;
    background-color: #e8c9fc;
    margin: 2px 2px 0 2px ; 
    border: 1px solid #B042F7;
    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;
}

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;
    padding-top : 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 #B042F7; 
    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 : 9px;
    height : 20px;
    vertical-align : middle;
    font-weight : bold;
	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 #b042f7;
    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:#E8C9FC;
    color : #B042F7;
    border : 1px solid #B042F7;
    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 : #B042F7;
}


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

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

div.notification h1 {
    border-bottom : 1px solid #1F4187;
    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 #1F4187;
}


/* =================================================================================
** 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');
}


/* =================================================================================
** structure ganesha 
*/

#left {
	width:8%;
	float:left;
	margin-top:10px;
}

#main {
	margin-top:10px;
	width:84%;
	float:left;
}

#right {
	width:8%;
	float:right;
}

#content {
	float: left;
	background: url(./images/menu/fond_menu_vertical.jpg) repeat-y #FFFFFF;
	width:100%;
	margin-top:10px;
	padding-bottom:15px;
}

#idframe {
	width:100%;
	background-color:#FFF;
}

/* supplément FOOTER */
/* footer partie gauche */
 #footer_part1{
 	background:url(./images/bandeau_bg.gif) no-repeat;
	height:29px;
	width:17px;
	float:left;
	margin-left:-17px;
 }
 
 /* Pour version < IE 7 */
 * html #footer_part1{
	position:absolute;
 }
 
 /* footer partie milieu */
 #footer_fond{
 	background:url(./images/degrade_horiz2.gif) repeat-x;
	height:29px;
	margin-left:17px;
	margin-right:17px;	
 }
 
 /* footer partie droite */
 #footer_part2{
 	background:url(./images/bandeau_bd.gif) no-repeat;
	height:29px;
	width:17px;
	float:right;
	margin-right:-17px;
 }
 
 /* Pour version < IE 7 */
 * html #footer_part2{
	position:relative;
	right:0;
 }
 
 #footer_contenu {
   	text-align:center;
	margin-top:-25px;
 }
  
 #footer_contenu a {
	color:#7c08bd;
	text-decoration:none;
 }
  
 #footer_contenu a:hover {
	color:#31539a;
 }
  
 #footer_contenu img{
	vertical-align:middle;
 }