/* Date de modification : avril 2009 */ /***** Définition générale *****/ * {margin: 0; padding: 0; font-size:11px; font-family:Arial;} body { background:url(images/background-inter.gif) repeat-x; background-color:#fff;position:absolute; width:100%;font-family:Arial, Helvetica, sans-serif;font-size:11px;background-color:#fff;} /* paramétrage couleur de fond du navigateur en fonction des profils */ body.admin {background-color:#fff;} body.apprenant {background-color:#fff;} body.formateur {} body.tuteur_entreprise {} body.conseiller {} body.integrateur {} body.chat{width:95%;} body.activity_fullscreen { position: static;} body.inscription #tab_form { margin-top:25px;} table,tr,td {font-size:11px;padding:0px;} h1{font-size: 20px;font-weight: bold;color:#80A312;text-align:left;} h2{font-size: 16px;font-weight:bold;color:#80A312;text-align:left;padding:8px 0 2px 20px;display:block; } h3{ color:#80A312; margin-left:25px;} ul{list-style:none;} dd{min-height:26px;width:198px;} dt{width:190px;margin:5px 0;color:#fff;font-weight:bold;border-top:1px solid #fff;border-bottom:1px solid #fff;padding-left:15px;padding-top:5px;padding-bottom:5px;} 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;} a{color:#87888A;text-decoration:none;} a:hover{color:#1f3767;text-decoration:none} a.lien{color:#80A312;text-decoration:none;} a.lien:hover{color:#678B1B;} .lienClic{color:#20AFDF;font-weight:bold;} /* --------------------------------------PROFIL TUTEUR -----------------------------------------------------------------*/ .tuteur_entreprise #main #content #contenu br { display:block; clear:both; margin:5px 0px 5px 0px;} .tuteur_entreprise #main #content #contenu h1{ margin-left:30px; padding-bottom:15px;} .tuteur_entreprise #main #content #contenu h1 img{ margin-left:0px;} .tuteur_entreprise #main #content #contenu h2{ margin-left:10px;} .tuteur_entreprise #main #content #contenu img{ margin-left:30px;} .tuteur_entreprise #main #content #contenu .tableau tbody .ligne1 img{ margin:0px;} .tuteur_entreprise #main #content #contenu div.tab_content_section{ padding-top:10px;} .tuteur_entreprise #main #content #contenu .tableau tbody .ligne1 td img{ margin-left:0px;} .tuteur_entreprise #main #content #contenu .tableau tbody .ligne2 td img{ margin-left:0px;} /* --------------------------------------PROFIL APPRENANT -----------------------------------------------------------------*/ .apprenant #contenu h3{ display:block; float:left; margin-top:20px; padding-bottom:20px;} .formateur #contenu h3{ display:block; float:left; margin-top:20px; padding-bottom:20px; margin-left:15px;} .admin #contenu h3{ display:block; float:left; margin-top:20px; padding-bottom:0px; margin-left:15px;} /* --------------------------------------------MENU PRINCIPAL------------------------------------------------------------- */ .pmenu a{color:#fff;text-decoration:none;} .pmenu a:hover{color:#2660da;} .pmenu .page_select a{color:#2660da;font-weight:bold;} .smenu a{color:#fff;text-decoration:none;} .smenu a:hover{color:#506F17;} .smenu .page_select a{color:#FFED00;font-weight:bold;} /* --------------------------------------------------HEADER--------------------------------------------------------------- */ #header{position:relative;height:62px; margin:0px; padding:0px;} #bandeau{background:url(images/degrade_horiz.gif) repeat-x;height:72px;} #bandeau_part1 a{height:69px;width:212px;position:absolute;z-index:10;} #logo {position:absolute;width:200px;height:57px;top:7px; left:-2px;z-index:7;} * html #logo {position:absolute;width:200px;height:57px;top:7px; left:-2px;z-index:7; background:url(images/logo.gif) no-repeat;} #menu_principal {position:absolute;width:570px;line-height:normal;top:0px;margin-left:180px;} #menu_principal a {display:block;text-transform:uppercase;background:url(images/menu/onglet_menu_on2.jpg) no-repeat right top; padding-bottom:40px; padding-top:20px; padding-right:30px; color:#80A312;} #menu_principal .page_select {background:url(images/menu/onglet_menu_on1-hover.jpg) no-repeat left top;} #menu_principal .page_select a {background:url(images/menu/onglet_menu_on2-hover.jpg) no-repeat right top; color:#007AB8;} #menu_principal li {float:left;background:url(images/menu/onglet_menu_on1.jpg) no-repeat left top;padding:0px 0px 20px 25px;} #menu_principal li:hover {background:url(images/menu/onglet_menu_on1-hover.jpg) no-repeat left top;} #menu_principal li:hover a{background:url(images/menu/onglet_menu_on2-hover.jpg) no-repeat right top;color:#007AB8;} #menu_principal {width : 100%} .apprenant #menu_principal {position:absolute;line-height:normal;top:0px; left:30px;margin-left:180px;} .formateur #menu_principal {position:absolute;line-height:normal;top:0px; left:30px;margin-left:180px;} * html #menu_principal li.page_select{background:url(images/menu/onglet_menu_on1.jpg) no-repeat left top;} * html #menu_principal li.page_select a{background:url(images/menu/onglet_menu_on2.jpg) no-repeat right top;} ul#menu_principal li#menu_admin_toggle_show,ul#menu_principal li#menu_admin_toggle_hide { visibility:hidden;} ul#menu_principal li#menu_admin_toggle_show {background-position : 0px -2px;} ul#menu_principal li#menu_admin_toggle_hide {background-position : 0px -19px;} /* ------------------------------------LES PROFILS---------------------------------------------------------------------------- */ #profil{position:absolute;color:#005480;font-weight:bold;margin-top:13px;padding-left:45px; padding-top:10px;height:35px;width:55px;background:url(images/icones/profil_apprenant.gif) no-repeat 7px 5px;} * html #profil{position:absolute;color:#005480;font-weight:bold;margin-top:13px;padding:20px 0px 10px 55px;height:35px;width:55px;background:url(images/icones/profil_apprenant.gif) no-repeat 10px 20px;} .tuteur_entreprise #profil{position:absolute;color:#005480;font-weight:bold;margin-top:13px;padding-left:45px; padding-top:10px;height:35px;width:105px;background:url(images/icones/profil_apprenant.gif) no-repeat 3px 0;} * html .tuteur_entreprise #profil{position:absolute;color:#005480;font-weight:bold;margin-top:13px;padding-left:55px; padding-top:20px;height:35px;width:105px;background:url(images/icones/profil_apprenant.gif) no-repeat 7px 18px;} .apprenant p#profil.apprenant {background:url(images/icones/profil_apprenant.gif) no-repeat 11px 4px; padding-left:55px;} *html .apprenant p#profil.apprenant {position:absolute;color:#005480;font-weight:bold;margin-top:13px;padding:20px 0px 10px 55px;height:35px;width:55px;background:url(images/icones/profil_apprenant.gif) no-repeat 10px 20px;} .apprenant p#profil{padding-left:55px;} .apprenant p#nom{padding-left:55px;} .formateur p#profil.formateur{background:url(images/icones/profil_formateur.gif) no-repeat; background-position:10px 5px;} p#profil.apprenant {background:url(images/icones/profil_apprenant.gif) no-repeat 3px 0px;} p#profil.admin {background:url(images/icones/profil_admin.gif) no-repeat 12px 3px; padding-bottom:3px;} 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;background-position:10px 5px;} p#profil.conseiller{background:url(images/icones/profil_formateur.gif) no-repeat;background-position:10px 5px;} p#profil.integrateur {background:url(images/icones/profil_formateur.gif) no-repeat;background-position:10px 5px;} /* ------------------------------------------------NAVIGATION-------------------------------------------------------------------- */ #nav_interne{float:left;color:#fff;font-size:10px;} #nav_interne:before{content:" > ";} #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{ visibility:hidden;} #nom{position:absolute;color:#0092D6;font-size:10px;margin-top:26px;padding-left:45px;width:160px;} * html #nom{position:absolute;color:#0092D6;font-size:10px;margin-top:36px;padding-left:55px;width:160px;} #resize{position:absolute;margin-top:33px;right:4px;} #colonne_gauche{float: left;width:206px;height:100%;display:block; background:url(images/menu/colonne-gauche.jpg) no-repeat;} * html #colonne_gauche{margin:0px; padding:0px; float:left;} /* ---------------------------------------------CONNECTION----------------------------------------------------------------------*/ #aide_deconx{position:absolute;top:5px; right:0%;} .formateur #aide_deconx{position:absolute;top:20px; right:10%;} .admin #aide_deconx{position:absolute;top:20px; right:10%;} #aide_deconx li{font-size:10px;} #aide_deconx a{text-decoration:none;display:block;margin:5px 0px 5px 0px;} #aide_deconx a:hover{text-decoration:underline;} #aide a{color:#EA620E;font-weight:bold;font-size:12px; background:url(images/actions/aide.gif) no-repeat;background-position:0px -1px; padding-top:2px; padding-left:22px;} #deconnexion a{color:#C50219;font-weight:bold;font-size:12px; background:url(images/actions/deconnexion.gif) no-repeat;background-position:0px -1px; padding-top:2px; padding-left:20px;} #deconnexion_seq a{color:#C50219;font-weight:bold;font-size:12px;background:url(images/actions/deconnexion.gif) no-repeat;background-position:0px -1px; padding-top:2px; padding-left:20px;} /* ---------------------------------------------MENU DE GAUCHE ----------------------------------------------------------------------*/ #premier_sousmenu dt{margin-top:57px; background:url(images/menu/premier-sousmenu.jpg) repeat-y; width:206px;} * html #premier_sousmenu dt{margin-top:57px; background:url(images/menu/premier-sousmenu.jpg) repeat-y; width:189px;} #impression {padding-top:20px;} #impression dt{display:none;} #impression dd a {background: url(./images/menu/print_seq.gif) no-repeat;color:#2660da;} #impression dd a:hover {background: url(./images/menu/ss_menu_on.gif) no-repeat;color:#1f3767;} .dernier_element dd{} .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;} .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;} .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;} .apprenant .sequence dd.status_not_attempted a{background: url(./images/menu/status_not_attempted.gif) no-repeat;padding-bottom:10px; padding-top:5px; padding-left:30px;} .formateur .sequence dd.status_not_attempted a{background: url(./images/menu/status_not_attempted.gif) no-repeat;padding-bottom:10px; padding-top:5px; padding-left:30px;} .admin .sequence dd.status_not_attempted a{background: url(./images/menu/status_not_attempted.gif) no-repeat;padding-bottom:10px; padding-top:5px; padding-left:30px;} .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;} .apprenant .sequence dd.status_passed a{background: url(./images/menu/status_passed.gif) no-repeat;padding-bottom:10px; padding-top:5px; padding-left:30px;} .formateur .sequence dd.status_passed a{background: url(./images/menu/status_passed.gif) no-repeat;padding-bottom:10px; padding-top:5px; padding-left:30px;} .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;} .apprenant .sequence dd.status_failed a{background: url(./images/menu/status_failed.gif) no-repeat; padding-bottom:10px; padding-top:5px; padding-left:30px;} .formateur .sequence dd.status_failed a{background: url(./images/menu/status_failed.gif) no-repeat; padding-bottom:10px; padding-top:5px; padding-left:30px;} .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;} .apprenant .sequence dd.status_completed a{background: url(./images/menu/status_completed.gif) no-repeat; padding-bottom:10px; padding-top:5px; padding-left:30px;} .formateur .sequence dd.status_completed a{background: url(./images/menu/status_completed.gif) no-repeat; padding-bottom:10px; padding-top:5px; padding-left:30px;} .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;} .apprenant .sequence dd.status_incomplete a{background: url(./images/menu/status_incomplete.gif) no-repeat;padding-bottom:10px; padding-top:5px; padding-left:30px;} .formateur .sequence dd.status_incomplete a{background: url(./images/menu/status_incomplete.gif) no-repeat;padding-bottom:10px; padding-top:5px; padding-left:30px;} .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;width:160px;} .sequence dd.activite_bloquee {background: url(./images/menu/status_lock.gif) no-repeat;padding:5px 0 0 16px;display:block;height:27px;color:#fff;font-style:italic;width:160px;padding-bottom:10px; padding-top:5px; padding-left:30px;} .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:760px;float:left;display:block; background:url(images/menu/contenu-top.jpg) no-repeat; height:100%;padding-top:0px;} * html #contenu{width:760px;float:left;display:block; background:url(images/menu/contenu-top.jpg) no-repeat; height:100%;padding-top:0px;} #contenuW{width: 95%;margin-left:20px;right:0; background:#ffffff; overflow-x:hidden;} .page_window #contenuW .tab_content_section .tab_content .menuDynSession span a{ background:none;} .page_window #contenuW .tab_content_section .tab_content .menuDynGroupe span a{ background:none;} #contenu a{ font-size:1em; white-space:nowrap } body.admin #contenu > a{ clear:both; float:left;} .titre1{font-size: 14px;color: #FFFFFF;font-weight: bold;} .separateur{background-color: #eceff4;} .separateur_pab{background-color: #eceff4;border-left:1px solid #2660da;border-right:1px solid #2660da;height:2px} .ligne1{background-color: #fff;} .ligne2{background-color: #E0E8A9;} .ligne3{background-color: #fff;vertical-align:top; height:50px;} .ligneSelectionnee td {background-color:#E0E8A9;} .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:14%;top:300px;} * html .photo {position:absolute;width:122px;height:170px;right:14%;top:330px;} *+html .photo {position:absolute;width:122px;height:170px;right:4%;top:300px;} /* ------------------------------TABLEAU DANS FORMULAIRE----------------------------------------------------------------- */ .avertissement {color : #FF6600;font-weight : bold;} #information, #warning {padding:6px 0 5px 20px ;width:40%;height:30px;font-weight: bold;margin-top: 30px;} #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:0px;background:url(images/menu/footer.png) no-repeat; height:34px;} /* -------------------------------------------------TABLEAUX----------------------------------------------------------- */ .out{ padding-top:25px;} .required{ margin-top:10px;} .tableau {margin-bottom:20px;margin-left:20px;border-spacing:0;width:100%; margin-top:5px; clear:both;} .apprenant .tableau {margin-bottom:20px;margin-left:20px;border-spacing:0;width:100%; margin-top:25px; clear:both;} .tableau tr td{ line-height:15px; padding-bottom:10px;} .tableau tr.ligne3 > td > table tr td { padding-bottom:0px;} .tableau tr td:first-letter{ text-transform:uppercase;} .tableau tbody{width:730px; display:block; clear:both; margin-top:0px;} body.page_chargement .tableau tbody{width:610px;} body.chat .tableau tbody {width:100%;} .formateur table.tableau tbody tr.ligne1 td table.tableau tbody {width:430px; display:block; clear:both; margin-top:0px;} .tableau table{padding-top:5px; display:block; clear:both;} .taille1 {width:60%;} .taille2 {width:80%;} .apprenant table.tableau tbody tr td.tab_coin_h_g{ background:none;} .apprenant tbody tr td.tab_milieu_h img{ width:30px; height:30px; margin-left:7px;} .apprenant .tab_content > ul { margin-left:18px} .apprenant #contenu > h1 { margin-top:20px;} .formateur table.tableau tbody tr td.tab_coin_h_g{ background:none;} .formateur tbody tr td.tab_milieu_h img{ width:30px; height:30px; margin-left:7px;} .tab_coin_h_g{background-color:#B6CA00;height:24px;width:5px} .tab_milieu_h{ background-color:#B6CA00;text-align:left;font-weight:bold;height:20px;color:#fff; width:590px; padding:5px; margin-bottom:5px;} .chat .tab_milieu_h{ width: 100%; } .tab_coin_h_d{background-color:#B6CA00;height:24px;width:5px} .tab_coin_b_g{background-color: #fff;width:5px;} .tab_milieu_b{background-color: #fff;height:5px;} .tab_coin_b_d{background-color: #fff;width:5px;} .tab_milieu_g1{ height:30px; } .tab_milieu_d1{ } .tab_milieu_g2{} .tab_milieu_d2{} .tab_milieu_g3{} .tab_milieu_d3{} .tab_form_rechercher{height:40px;} #tab_form {padding-top:5px; display:block; clear:both;margin-left:20px;} .apprenant #tab_form {padding-top:5px; display:block; clear:both;margin-left:20px;} .conseiller #tab_form {padding-top:15px;} .admin #tab_form h3 { margin-left:0; margin-top : 10px} #tab_form h3 {font-size: 14px;color: #80A312; margin-left:0px; background:#fff;} #tab_form .aide {font-size: 11px;background-color: #fff;color: #999;font-style:italic;} #tab_form .tab_coin_h_g{width:5px;} #tab_form .tab_milieu_h{background-color: ##B6CA00;text-align:left; vertical-align:middle; font-weight:bold;} #tab_form .tab_coin_h_d{height:20px;width:5px;} #tab_form .tab_coin_b_g{height:0} #tab_form .tab_milieu_b{height:0} #tab_form .tab_coin_b_d{height:0} #tab_form .tab_milieu_g{background-color: #fff; width:5px;} #tab_form .tab_milieu_d{background-color: #fff; width:5px;} /* ----------------------------------------------FORMULAIRES----------------------------------------------------------------- */ input.text {border:1px solid #c1cbe1;font-size:11px;color:#2660da;} input.text:hover {border:1px solid #2660da;} input.text_taille1 {border : 1px solid #c1cbe1;font-size : 11px;width: 350px ;color:#2660da;} input.text_taille1:hover {border:1px solid #2660da;} input.text_taille2 {border : 1px solid #c1cbe1;font-size : 11px;width: 200px ;color:#2660da;} input.text_taille2:hover {border:1px solid #2660da;} input.text_taille4 {border : 1px solid #c1cbe1;font-size : 11px;width: 15px ;height:16px;margin-bottom:1px;color:#2660da;} input.text_taille4:hover {border : 1px solid #2660da;}input.text_file {border : 1px solid #c1cbe1;font-size : 11px;width:268px;color:#2660da;} input.text_file:hover {border:1px solid #2660da;} input.bouton {font-weight:bold; background:url(images/actions/bt-envoyer.jpg) no-repeat; width:82px; height:20px; border:none; color:#fff; padding-bottom:4px; cursor:pointer;} input.bouton:hover {color:#005480;background:url(images/actions/bt-envoyer-hover.jpg) no-repeat; width:82px; height:20px; border:none;} input.activite_terminee {border : 1px solid #2660da;color: #2660da;background-color: #FFF;font-weight: bold;margin-left:25px;} input.activite_terminee:hover {color: #fff;background-color: #2660da;border : 1px solid #2660da;} input.rechercher {border : 1px solid #c1cbe1;font-weight: bold;color: #2660da;width:400px;} input.rechercher:hover {border : 1px solid #2660da;} input.checkbox {border:none;} textarea {border : 1px solid #c1cbe1;font-size : 11px;color:#2660da;width:300px} textarea:hover {border : 1px solid #2660da;} select.list {border: 1px solid #c1cbe1;font-weight: bold;color: #2660da;background-color: #ffffff;text-align:left;width: 200px;} select.list:hover {border : 1px solid #2660da;} select option.ligne {background-color: #dde4f3;color: #1f3767;text-align:left;} select.ifti_type {} select.ifti_type:hover {} select.ifti_niveau {} select.ifti_niveau:hover {} select.ifti_format {} select.ifti_format:hover {} select.time {border : 1px solid #c1cbe1;text-align:left;width: 40px;color: #2660da;} select.time:hover {border : 1px solid #2660da;} #admin_menu_util {margin-left:10px;display:block; float:left; width:500px; height:36px; margin-top:5px; position:relative} .formateur #admin_menu_util {margin-left:20px;display:block; float:left; width:290px; height:36px; margin-top:5px; position:relative;} .conseiller #admin_menu_util {margin-left:20px;display:block; float:left; width:290px; height:36px; margin-top:5px; position:relative;} #admin_menu_util a img{ margin-bottom:11px;} * html #admin_menu_util {margin-left:8px;} .admin_bouton {padding-right:25px;} #ss_navigation_interne {width:90%;height: 30px;text-align: left;padding: 5px 0 5px 0 ;font-size: 10px;} .apprenant #ss_navigation_interne {width:90%;height: 30px;text-align: left;padding: 5px 0 5px 0 ;font-size: 10px; margin-top:20px;} * html .apprenant #ss_navigation_interne {width:90%;height: 30px;text-align: left;padding:20px 0px 5px 0px;font-size: 10px; margin-top:0px;} #ss_navigation_interne a {color:#2660da;font-size: 10px;text-decoration: none;} #ss_navigation_interne a:hover {color:#1f3767;} #div_liste_groupe {width:99% ;text-align: center;} .apprenant #div_liste_groupe {width:99% ;text-align: center; margin-top:20px;} * html .apprenant #div_liste_groupe {width:99% ;text-align: center; margin-top:0px; padding-top:20px;} .formateur #div_liste_groupe {width:99% ;text-align: center; margin-top:20px; margin-bottom:10px;} * html .formateur #div_liste_groupe {width:99% ;text-align: center; margin-top:0px; padding-top:20px; margin-bottom:15px;} #liste_groupe {width:100% ;margin:auto;} .apprenant #liste_groupe {width:100% ;margin:auto; margin-bottom:10px;} .tuteur_entreprise #liste_groupe {width:100% ;margin-top:20px; margin-bottom:20px;} #liste_groupe p {display: inline;} #liste_groupe .select_groupe {padding-left: 5px;} /* -----------------------------------------FONCTIONNALITE : 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:url(images/icones/ic_onglet.gif) no-repeat #dde4f3;padding-left:30px;border:1px solid #2660da;margin-top: 10px;position : relative;} .apprenant .menuDyn, .menuDynApprenant {width: 40%;height: 25px;background:url(images/menu/onglets-off.jpg) repeat-x;margin-top:20px;padding-left:30px;position : relative;border: 1px solid #005480;-moz-border-radius-topleft: 7px;-webkit-border-top-left-radius: 7px;-moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px; margin-left:20px;} .menuDynApprenant {background:transparent url(./images/admin/ic_apprenant.gif) no-repeat scroll left center;} .menuDynGroupe {float:left; width:95%; margin-left:20px;height:25px; background:url(images/menu/onglets-off.jpg) repeat-x;margin-top: 10px;position : relative;border: 1px solid #005480;-moz-border-radius-topleft: 7px;-webkit-border-top-left-radius: 7px;-moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px;} .menuDynSession { clear:both;width:95%; margin-left:20px;height:25px; background:url(images/menu/onglets-off.jpg) repeat-x;margin-top: 10px;position : relative;border: 1px solid #005480;-moz-border-radius-topleft: 7px;-webkit-border-top-left-radius: 7px;-moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px;} .menuDynSession a{ background:url(images/icones/ic_ss_ind.gif) no-repeat; padding-left:80px; background-position:35px 0px;} .menuDynSession span a{ background:url(images/boutons/modifier.gif) no-repeat; height:26px; width:93px; padding:6px 17px 12px 55px; margin-left:10px; margin-right:0px; background-position:10px -1px;} * html .menuDynSession span a{background:url(images/boutons/modifier.gif) no-repeat; height:32px; width:93px; padding:6px 22px 18px 55px; margin-left:10px; margin-right:0px; background-position:0px 2px;} *+html .menuDynSession span a{background:url(images/boutons/modifier.gif) no-repeat; height:32px; width:93px; padding:6px 22px 18px 55px; margin-left:10px; margin-right:0px; background-position:0px 2px;} .menuDynSession span a img{ padding:0px;} * html .menuDynSession span a img{} .menuDynSession img{ margin:0px 5px 0px 5px;} .menuDynGroupe img{ margin:0px 5px 0px 5px;} .menuDynGroupe a{ background:url(images/icones/ic_groupe.gif) no-repeat; padding-left:80px; background-position:35px 0px;} .menuDynGroupe span a{ background:url(images/boutons/modifier.gif) no-repeat; height:26px; width:93px; padding:6px 17px 12px 55px; margin-left:10px; margin-right:0px; background-position:10px -1px;} * html .menuDynGroupe span a{background:url(images/boutons/modifier.gif) no-repeat; height:32px; width:93px; padding:6px 22px 18px 55px; margin-left:10px; margin-right:0px; background-position:0px 2px;} *+html .menuDynGroupe span a{background:url(images/boutons/modifier.gif) no-repeat; height:32px; width:93px; padding:6px 22px 18px 55px; margin-left:10px; margin-right:0px; background-position:0px 2px;} .menuDynGroupe span a img{ padding:0px;} * html .menuDynGroupe span a img{ padding:0px 0px 0px 5px;} .ligne3 td a img{margin-right:5px; margin-top:5px;} .menuDynSession a:first-letter { text-transform:uppercase;} .menuDynGroupe a:first-letter { text-transform:uppercase;} .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 { clear:both;width:80px;height: 24px;padding-left:30px;margin-top:15px; margin-left:20px; border:solid 1px; display:block; float:left; margin-bottom:10px;height:25px; background:url(images/boutons/bt-rechercher.jpg) no-repeat; width:96px; height:25px; border:none;} .menuRechercher:hover{background:url(images/boutons/bt-rechercher-hover.jpg) no-repeat;} * html .menuRechercher { clear:both;width:80px;height: 24px;padding-left:30px;margin-top:15px; margin-left:10px; border:solid 1px; display:block; float:left; margin-bottom:2px;height:25px; background:url(images/boutons/bt-rechercher.jpg) no-repeat; width:96px; height:25px; border:none;} .onglet {width: 100%;display: block;color: #2660da;padding:4px 0 4px 30px;margin-left: -30px; } .onglet:hover {} .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: #B6CA00;background-repeat: no-repeat;margin-left: 0;margin-top: 0;color:#FFFFFF;font-weight:bold;padding:5px 0 4px 10px;} ul#menu_session {padding : 10px 0 0 40px;margin : 0;margin-left : 0;} ul#menu_session li {list-style-type : none;background-repeat : no-repeat; background-position : left top; min-height:25px; line-height:25px;padding: 5px 0 5px 30px;} * html ul#menu_session li {height:25px;} ul#menu_session li ul {padding-top : 3px} ul#menu_session li.menu_parcours {background-image : url("./images/tree/ic_parcours_local.gif"); } ul#menu_session li.menu_parcours_termine {background-image : url("./images/tree/ic_parcours_completed.gif"); } ul#menu_session li.menu_parcours_position {background-image : url("./images/tree/ic_parcours_pos_local.gif");} 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");} .apprenant iframe {margin-top:12px;} .admin #main #content #contenu .tab_content_section .tab_content ul#menu_session img { margin : -5px 0 0 10px} ul#menu_session li.menu_module {background-image : url("./images/tree/ic_module_local.gif"); } ul#menu_session li.menu_module_termine { background-image : url("./images/tree/ic_module_completed.gif");} ul#menu_session li.menu_sequence {background-image : url("./images/tree/ic_sequence_local.gif");} ul#menu_session li.menu_sequence_termine {background-image : url("./images/tree/ic_sequence_completed.gif");} .admin #main #content #contenu .tab_content_section .tab_content a img{ margin:7px 3px 7px 20px;} .admin #main #content #contenu .tab_content_section .tab_content a img{ margin:7px 3px 7px 20px;} .apprenant #contenu .tab_content_section .tab_content #menu_session .menu_sequence_termine a img{ margin:0px;} 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 #B6CA00;} .apprenant 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:none;} ul#menu_session li.menu_objectifs {background-image:url("./images/icones/ic_bno.gif"); padding:10px 0px 15px 30px;} 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"); padding-bottom:5px; padding-top:3px;} ul#menu_session li#loading {background-image:url("./images/load.gif");height : 20px;} ul.tab_menu_section { width:990px; font-weight:bold;list-style-type: none; margin:45px 0px 0px 42px;padding-top:1px;} * html ul.tab_menu_section { width:990px; font-weight:bold;list-style-type: none; margin:65px 0px 5px 42px;} *+html ul.tab_menu_section { width:990px; font-weight:bold;list-style-type: none; margin:65px 0px 5px 42px;} body.page_chargement ul.tab_menu_section { width:530px;} .apprenant ul.tab_menu_section { width:560px; font-weight:bold;list-style-type: none; margin:20px 0px 0px 22px; clear:both;} ul.tab_menu_section li {float: left;height:25px; background:url(images/menu/onglets-off.jpg) repeat-x;margin: 2px 2px 0px 0px ;border: 1px solid #005480;-moz-border-radius-topleft: 7px;-webkit-border-top-left-radius: 7px;-moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px;} ul.tab_menu_section li a{-moz-border-radius-topleft: 7px;-webkit-border-top-left-radius: 7px;-moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px;} ul.tab_menu_section a.tab_active {background:url(images/menu/onglets-on.jpg) repeat-x; color:#fff;} ul.tab_menu_section li a {float: left;display: block;text-decoration: none;padding:4px;white-space : nowrap;} * html ul.tab_menu_section li a {float: left;display: block;text-decoration: none;padding:4px 4px 4px 4px;} ul.tab_menu_section li a:hover {background:url(images/menu/onglets-off-hover.jpg) repeat-x; color:#547518; height:25px;} * html ul.tab_menu_section li a:hover {background:url(images/menu/onglets-off-hover.jpg) repeat-x; color:#547518; height:25px; padding:0px 4px 0px 4px;margin-bottom:0px;} div.tab_content_section {clear:both; width:700px; margin-left:22px;} .apprenant div.tab_content_section {clear:both; width:600px; margin-left:0px;} .apprenant #menu_session .menu_sequence img{ margin:0px;} .apprenant .tab_content img{ margin-top:5px; margin-bottom:5px;} .apprenant .tab_content img{margin:5px 3px 10px 20px;} .apprenant table.tableau tbody tr.ligne1 td img{ margin:0px;} .apprenant table.tableau tbody tr.ligne2 td img{ margin:0px;} .apprenant td.ligne1 a img{ margin:0px; width:30px; height:30px;} .apprenant td.ligne2 a img{ margin:0px;width:30px; height:30px;} .apprenant td.ligne1 img{ width:30px; height:30px;margin-left:7px;} .apprenant td.ligne2 img{ width:30px; height:30px; margin-left:7px;} .apprenant td.ligne2{padding-left:10px;} .apprenant td.ligne1{padding-left:10px;} .apprenant td.ligne1 img{ width:30px; height:30px;margin-left:7px;} .apprenant td.ligne2 img{ width:30px; height:30px; margin-left:7px;} .formateur td.ligne1 a img{ margin:0px; width:30px; height:30px;} .formateur td.ligne2 a img{ margin:0px;width:30px; height:30px;} .formateur td.ligne1 img{ width:30px; height:30px;margin-left:7px;} .formateur td.ligne2 img{ width:30px; height:30px; margin-left:7px;} .formateur td.ligne2{padding-left:10px;} .formateur td.ligne1{padding-left:10px;} 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;} div.load {background-image:url("./images/load.gif");background-position : left center;background-repeat : no-repeat;width:130px;height:40px;} div.tooltip {border: 2px solid #899828; 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 #1f3767; 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: #2660da; 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:#dde4f3; color : #2660da; border : 1px solid #2660da; 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 : #2660da; } /* ================================================================================= ** Style pour les messages de notification */ div.notification { width : 30%; height : 22%; background-color : #E0E7A0; color : #899828; border : 1px solid #899828; padding : 1%; z-index : 5000; opacity: 0.8; filter: alpha(opacity=80); } div.notification h1 { border-bottom : 1px solid #899828; 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 #899828; } /* ================================================================================= ** 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 #2660da; } .decallage { padding-left : 20px; } /* ================================================================================= ** Tableau statistiques agrégées (fiche apprenant) */ .titre td {background-color: #eceff4; color: #2660da; height:25px; font-weight:bold;} .titre td img {margin-right:10px} .infos td {padding-left:10px;} .activite td {padding-left:20px;} /* ================================================================================= ** structure ganesha */ #left { width:8%; float:left; margin-top:0px; } #main { margin:0 auto; width:900px;} * html #main { margin:0 auto; width:900px;position:absolute;} *+html #main { margin:0 auto; width:900px;position:absolute;} #right { width:8%; float:right; } #content {float:left;background: url(./images/menu/content.jpg) repeat-y #FFFFFF;width:1024px;margin-top:10px;} * html #content {width:1024px; float:left; margin-top:0px; padding-top:0px;} #idframe { width:100%; background-color:#FFF; } /* supplément FOOTER */ /* footer partie gauche */ #footer_part1{ height:29px; width:17px; float:left; margin-left:-17px; } /* Pour version < IE 7 */ * html #footer_part1{ position:absolute; } /* footer partie milieu */ #footer_fond{ height:29px; margin-left:17px; margin-right:17px; } /* footer partie droite */ #footer_part2{ 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;} #footer_contenu a { color:#2660da; text-decoration:none; } #footer_contenu a:hover { color:#1f3767; } #footer_contenu img{ vertical-align:middle; } /*Email HTML*/ body.email #content { background-image : none; background-color : #fff; } body.email #contenu { padding:2%; width:96%; margin:0; }