/* Date de création : 07/02/06 */

 /***** 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;

	/*
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #333333;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-face-color: #F1E7F7;
	scrollbar-highlight-color: #333333;
	scrollbar-shadow-color: #333333;
	scrollbar-track-color: #F1E7F7;
	*/
 }

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

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

 h2{
	font-size: 16px;
	font-weight: bold;
	color:#000;
	text-align:left;
 }

 /* Définition du ul */
 ul{list-style:none;}

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

 dd{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;
 	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:#15737b;text-decoration:none;}
 a:hover{color:#ffa912;text-decoration:none}

.lienGrise {color:#B0B0B0;}

 a.lien{
 	color:#145C62;
 	text-decoration:none;
 }

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

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

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

 .pmenu a:hover{color:#FC9a04;}

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

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

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

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


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

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


 /* Logo gauche */
 #logo1{
 	height:66px;
 	background:url(./images/bandeau.jpg) no-repeat;
 	border-top:2px solid #333333;
 	border-bottom: 2px solid #333333;
 	border-left:2px solid #333333;
 }
 /* Logo droit */
 #logo2{display:none;}

 /* Lien logo */
 #logo1 a{
 	height:100%;
 	width:200px;
 	display:block;
	margin-left:75px;
 }
 
  #logo2 a{
 	height:100%;
 	width:156px;
 	display:block;
 }

 /*** Menu principal ***/
 #menu_principal{
	 position:absolute;
	 top:70px;
	 padding-left:180px;
 }

 #menu_principal li{
 	display:inline;
 	line-height:30px;
 }

 /* 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:10px;
	text-align:center;
	width:100px;
 	color:#fff;
 	font-size:16px;
	font-weight:bold;
	padding:15px 0 15px 0px;
	margin-left:360px;
 }

 /* 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:#333333;
 	font-size:10px;
	margin:2px 10px 0px 10px;
 	padding-top:5px;
 	padding-bottom:5px;
 }

 /* Nom de l'utilisateur */
 #nom{
 	float:right;
 	color:#333333;
 	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:#333333;
 }

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

 #aide_deconx{
 	padding-top:4px;
 }

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

 #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;*/
 }

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

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

 #impression dt{display:block;}

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

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

 /*** 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 (cf. conseil -> image sur le lien ) */
 .sequence a{background: url(./images/menu/home.gif) no-repeat;}

 /* Image pour matérialiser l'activité non faite */
 .sequence dd.activite_pasfait a{background: url(./images/menu/qtodo.gif) no-repeat;}
 .sequence dd.activite_pasfait a:hover{background: url(./images/menu/ss_menu_on.gif) no-repeat;}

 /* Image pour matérialiser l'activité faite */
 .sequence dd.activite_fait a{background: url(./images/menu/qdo.gif) no-repeat;}
 .sequence dd.activite_fait a:hover{background: url(./images/menu/ss_menu_on.gif) no-repeat;}

 .sequence dd.activite_bloquee {background: url(./images/menu/qdo.gif) no-repeat;padding:5px 0 0 35px; }

 .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:5px;
 	right:0;
 	top:110px;
 	background-color:#ffffff;
 }

 #contenuW{
 	width: 95%;
 	margin-left:20px;
 	right:0;
 	background-color:#ffffff;
 }

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

 .separateur{background-color: #333333;}

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

 .ligne1{background-color: #fff;}

 .ligne2{background-color: #E8E8E8;}

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

 .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;}

 /* Calendrier */
 .calendar{
	font-size: 10px;
	background-color: #F9DFC5;
	color: #000000;
 }

 #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:41px;
  }

  .out {
	position:relative;
	width: 90%;
  }

   #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;
   }

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

  /***** 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_multi .tab_coin_h_g{background: url(./images/angle_fond_tab_h_g.gif) no-repeat top right; height:10px;}*/
  .tab_coin_h_g{background-color: #FC9A04; border-top:1px solid #333333; border-left:1px solid #333333; height:20px;width:10px}
  .tab_milieu_h{background-color: #FC9A04; border-top:1px solid #333333; 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 #333333; border-left:1px solid #333333;width:10px;}
  .tab_milieu_b{background-color: #fff; border-bottom:1px solid #333333;height:10px;}
  .tab_coin_b_d{background-color: #fff; border-bottom:1px solid #333333; border-right:1px solid #333333;width:10px;}

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

  /* 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;
	margin-top: 20px;
  }

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

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

  /* Haut */
  /*  #tab_multi .tab_coin_h_g{background-color: #000; border-top:1px solid #333333; border-left:1px solid #333333; height:10px;} */
  #tab_form .tab_coin_h_g{}
  #tab_form .tab_milieu_h{background-color: #FC9A04;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 #333333;width:10px;}
  #tab_form .tab_milieu_d{background-color: #fff; border-right:1px solid #333333;width:10px;}

  /*** Tableaux des fenetres ***/
  #tab_fenetre {
	width: 100%;
  }

  #tab_fenetre .entete {
    background: url(./images/menu/degrade_horiz.gif);
    height:30px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
  }

  #tab_fenetre .fermer {
    background: url(./images/menu/degrade_horiz.gif);
    height:30px;
    text-align:center;
  }

  /***** 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:#333333;
  }

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

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

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

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

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

  /* 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:#333333;
  }

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

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

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

  input.bouton:hover {
	color: #fff;
	background-color: #333333;
	border : 1px solid #000 ;
  }
  
  input.activite_terminee {
  	border : 1px solid #000 ;
	color: #333333;
	background-color: #FFF;
	font-weight: bold;
	margin-left:50px;
  }
  
  input.activite_terminee:hover {
	color: #fff;
	background-color: #333333;
	border : 1px solid #000 ;
  }

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

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

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

  textarea:hover {
	border : 1px solid #333333 ;
  }

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

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

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

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

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

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

  select.ifti_format {
  	border : 1px solid #ccc ;
	text-align:left;
	width: 40px;
	color: #333333;
  }
  select.ifti_format:hover {
  	border : 1px solid #333333 ;
  }

  select.time {
  	border : 1px solid #ccc ;
	text-align:left;
	width: 40px;
	color: #333333;
  }
  select.time:hover {
  	border : 1px solid #333333 ;
  }

/* bouton ds la partie admin */
  #admin_menu_util {
  	margin:10px;
  	text-align: center;
  }

  .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:#333333;
    font-size: 10px;
    text-decoration: none;
  }

  #ss_navigation_interne a:hover {
    color:#F4810E;
    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 {
  	width: 40%;
  	height: 24px;
  	background-color:#05abbe;
  	background-image: url(./images/icones/ic_onglet.gif);
  	background-repeat: no-repeat;
	padding-left:30px;
	border:1px solid #000;
	margin-top: 10px;
  }

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

  .menuDynSession {
  	width: 60%;
  	height: 24px;
  	background-color:#05abbe;
  	background-image: url(./images/icones/ic_ss_ind.gif);
  	background-repeat: no-repeat;
	padding-left:30px;
	border:1px solid #000;
	margin-top: 10px;
  }

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

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

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

  #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: #333333;
  	background-repeat: no-repeat;
	margin-left: 0;
	margin-top: 0;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 0 4px 10px;
  }