diff --git a/epfl/default.css b/epfl/default.css
index 4f075bc..404450f 100644
--- a/epfl/default.css
+++ b/epfl/default.css
@@ -1,2463 +1,2522 @@
 /**
 Planning Biblio
 Licence GNU/GPL (version 2 et au dela)
 Voir les fichiers README.md et LICENSE
 
 @file public/themes/default/default.css
 @author Jérôme Combes <jerome@planningbiblio.fr>
+@contributor Sylvain Vuilleumier <sylvain.vuilleumier@epfl.ch>
 
 Description :
-Feuille de style principale du programme.
+Feuille de style réadaptée pour le style EPFL.
 */
 
 body,a,input,select,textarea,button {
 	color: #29495C;
 	font-family: Poppins;
 	font-size:13px;
-	}
-
+}
+/* EPFL */
+a{
+	transition: text-decoration-color .2s ease-in-out,color .2s ease-in-out,-webkit-text-decoration-color .2s ease-in-out;
+}
+/* EPFL */
+a:hover{
+    color:red;
+}
 b{
   font-weight: normal;
 }
 
 .left-border{
   padding: 10px 19px 6px 19px;
   border-left:  1px solid #000;
   border-bottom: 0px;
   border-top: 0px;
   border-right: 0px;
 }
 
 input:disabled {
 	color:grey;
 }
-
 input,select,textarea {
 	font-size:13px;
-	}
+	padding:8px; /* EPFL */
+}
+/* EPFL */
+select.ui-widget-content{
+    padding:8px;
+}
+/* EPFL */
+input,textarea {
+  background-color: white;
+  border: 1px solid #5B5B66;
+  border-radius: 3px;
+  color:#5B5B66;
+  font-size:1.2em;
+  min-height:36px;
+  padding: 0 6px;
+  transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
+}
+/* EPFL */
+input:hover, select:hover{
+	border-color: #c00;
+}
 
 .decalage-gauche{
   width: 90%;
   margin: auto;
 }
 
 /* fond de tous le site avec image par transparance */
 body {
-  background:url("images/background.png") repeat-y top rgba(240, 240, 240, 1);
+  /*background:url("images/background.png") repeat-y top rgba(240, 240, 240, 1);*/
 	margin: 0px 0px 0px 0px;
 }
 
 h3{
   margin-top:25px;
   font-size:20pt;
 }
 
 #h3-Multisites{
   position: absolute;
   top: 62px;
   left: 690px;
   font-size: 20px;
   font-weight: bold;
 }
 
 #acces_refuse {
   margin: 60px 0 80px 0;
   width:100%;
   text-align:center;
   font-weight:bold;
 }
 
 #auth, #auth input {
   color:#29485C;
 }
 
 #auth-logo{
   margin:15px auto 0 auto;
   width:260px;
   height:50px;
   background:url("images/logo-planno.svg") no-repeat right top;
 }
 
 #h2-authentification, #h2-planning-authentification {
   text-align:center;
   margin: 30px 0 30px;
 }
 
 #h2-planning-authentification {
   display:none;
 }
 
 #logo {
 	position: absolute;
   left:10px;
 	top: 12px;
   width: 280px;
   height: 75px;
 	background:url("images/logo-planno.svg") no-repeat left top;
 }
 
 #logo2 {
 	position: absolute;
 	left: 140px;
 	top: 23px;
 	font-size: 24pt;
 	color:#BE541A;
 }
 
 #logout_img{
   text-align:right;
   width:42px;
 }
 
 #logout_text a{
   font-size:13pt;
   display:none;
 }
 
 #title{
   text-align:center;
 }
 
 #content{
   width: 90%;
   margin: 10px auto auto auto;
   padding: 80px 5px 5px 5px;
 }
 
 .content-div{
   width: 100%;
   background: #FFF;
   border-radius: 5px;
   padding: 10px;
 }
 
 #content-auth{
   margin-top: 10px;
   padding: 40px 0 0 0;
 }
 
 #content-planning{
   margin-top: 10px;
   padding: 0 0 0 0;
 }
 
 #ferie,.ferie{
   color: #BA1800;
   margin: 15px 0 5px 0;
 }
 
 .important{
   color: #BA1800;
 }
 
 .calendar-absence{
   margin-bottom: 0px;
 }
 
 .absences-pj{
   display:inline;
   padding:0 8px;
   white-space:nowrap;
   text-align:center;
 }
 
 .absences-pj-fiche{
   display:inline;
   margin-right:40px;
 }
 
 .absences-motif-div{
   height: 20px;
   font-weight: bold;
   background: #29495C;
   color:#FFF;
 }
 
 .absences-motif-div span {
   position: absolute;
   }
   
   .absences-motif-div span:nth-child(1) {
   left: 60px;
   }
   
   .absences-motif-div span:nth-child(2) {
   left: 415px;
   }
   
   .absences-motif-div span:nth-child(3) {
   left: 590px;
   }
   
   .absences-motif-div span:nth-child(4) {
   left: 750px;
   }
 
 /* Absences récurrentes */
 #recurrence-summary, #recurrence-summary-form {
   max-width:300px;
   white-space: normal;
 }
 
 /* .perso_ul : sélection des agents dans les pages absences/* */
 .perso_ul{
   display: inline-block;
   vertical-align: top;
   white-space: normal;
 }
 
 /* .perso-drop : suppression des agents sélectionés dans les pages absences/* */
 .perso-drop{
   float: right;
   margin-left: 10px;
 }
 
 /*	Icônes		*/
 .pl-icon{
   padding: 9px 13px 9px 13px;
   text-decoration:none;
 }
 
 .pl-icon-add {
   background:url("images/icon/add_black_18dp.svg") no-repeat center;
 }
 
 .pl-icon-copy {
   background:url("images/icon/content_copy_black_18dp.svg") no-repeat center;
 }
 
 .pl-icon-drop {
   background:url("images/icon/close_white_24dp.svg") no-repeat center;
 }
 
 .pl-icon-dropblack {
   background:url("images/icon/close_black_24dp.svg") no-repeat center;
 }
 
 .pl-icon-edit {
   background:url("images/icon/edit_black_18dp.svg") no-repeat center;
 }
 
 .pl-icon-google-calendar {
   background:url("images/icon/calendar_month_black_18dp.svg") no-repeat center;
 }
 
 .pl-icon-hide {
   background:url("images/icon/visibility_off_white_18dp.svg") no-repeat center;
 }
 
 .pl-icon-lock {
   background:url("images/icon/lock_white_24dp.svg") no-repeat center;
 }
 
 .pl-icon-logout {
   background:url("images/icon/logout_black_24dp.svg") no-repeat center;
 }
 
 .pl-icon-open {
   background:url("images/icon/folder_white_24dp.svg") no-repeat center;
 }
 
 .pl-icon-printer {
   background:url("images/icon/print_white_24dp.svg") no-repeat center;
 }
 
 .pl-icon-recurring {
   background:url("images/icon/restart_alt_black_18dp.svg") no-repeat center;
 }
 
 .pl-icon-refresh {
   background:url("images/icon/refresh_white_24dp.svg") no-repeat center;
 }
 
 .pl-icon-save {
   background:url("images/icon/save_white_24dp.svg") no-repeat center;
 }
 
 .pl-icon-unlock {
   background:url("images/icon/lock_open_white_24dp.svg") no-repeat center;
 }
 
 .pl-icon-valid {
   background:url("images/icon/done_black_18dp.svg") no-repeat center/70%;
 }
 
 .pl-icon-trash {
   background:url("images/icon/delete_black_18dp.svg") no-repeat center;
 }
 
 .pl-icon-arrowupdown{
   background:url("images/icon/import_export_black_18dp.svg") no-repeat center;
   margin-top: 3px;
 }
 
 .pl-icon-undo {
   background:url("images/icon/undo_white_24dp.svg") no-repeat center;
 }
 
 .pl-icon-redo {
   background:url("images/icon/redo_white_24dp.svg") no-repeat center;
 }
 
 /* Info-bulles */
 .ui-tooltip{
   /* Permet les sauts de lignes avec l'entité .&#013; */
   white-space:pre-wrap;
 }
 
 /* Les agents */
 li .agent-acces-checked2{
   position:absolute;
   left:550px;
 }
 
 /* Importation des agents */
 #import-div td {
   padding: 0 10px 0 10px;
 }
 
 
 /* Les tableaux */
 .tableauStandard,.tableauFiches{
   border-spacing: 0px;
   border-collapse: collapse;
   margin-top:10px;  
 }
 
 .tableauStandard{
   width: 100%;
   margin: 10px 0;
 }
 
 .tableauStandard td{
   text-align: center;
   vertical-align:top;
   padding-right: 20px;
 }
 
 #EDTTabs .tableauStandard td{
   text-align: right;
   vertical-align:top;
   padding-right: 20px;
 }
 
 .table-validation-notification {
   border-spacing: 0px;
 }
 
 .table-validation-notification td{
   text-align: left;
   vertical-align:top;
   padding: 0 60px 10px 10px;
   white-space: nowrap;
 }
 
 .table-validation-notification td:nth-child(2) {
   width: 60px;
 }
 
 .table-validation-notification th {
   padding-bottom: 10px;
   padding-left: 10px;
 }
 
 .table-validation-notification .border-right {
   border-right: 1px solid black;
 }
 
 
 
 
 .tableauFiches td{
   vertical-align:top;
   padding: 0 60px 10px 10px;
   white-space: nowrap;
 }
 
 .tableauFiches td:first-child{
   width: 160px;
 }
 
 .tableauFiches td:nth-child(2){
   width: 300px;
 }
 
 .tableauFiches .td_validation{
   text-align: center;
   padding-top: 20px;
 }
 
 .tableauFiches input[type=text]{
   width: 200px;
   text-align:center;
 }
 
 .tableauFiches textarea{
   width: 100%;
   height: 100px;
 } 
 
 .tableauFiches input[type=button],.tableauFiches input[type=submit]{
   margin: 0 20px 0 20px;
 }
 
 .tableauFiches .tdValidation{
   padding-top:20px;
   text-align:center;
 } 
 
 /* Menu Principal */
 /* solution temp, il faudrait peut être une class spécifique pour la div top gauche*/
 /* solution provoque des bugss dans les tableaux */
 
 /* .logo_td : permet de positionner le menu principal, 1ere cellule avant le 1er item du menu */
 .logo_td{
   width:15%;
 }
 
 /*		Menu JavaScript		*/
 .menu_table{
   position: absolute;
   min-width:200px;
 }
 
 .menu_table td{
   padding : 1px 10px;
 }
 
 .menu_table tr:first-child td{
   border-top: 1px outset #29495C;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
 }
 
 .menu_table tr:last-child td{
   border-bottom: 1px outset #29495C;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
 }
 
 .ejsmenu2{
   padding : 5px;
 }
 
 .navigation { 
   position:relative;
   height:30px;
 }
 
 .popper { 
   position: absolute; 
   visibility: hidden; 
   z-index:20; 
 }
 
 a.ejsmenu, a:hover.ejsmenu {
   font-size:16px; 
   text-decoration:none; 
   display:inline-block; 
   width:100%;
 }
 
 a.ejsmenu2 {
   font-size:16px; 
   text-decoration:none;
   font-weight:bold;
 }
 
 a:hover.ejsmenu2 {
   font-size:16px; 
   text-decoration:none;
   font-weight:bold; 
-  color: #FFD700;
-  border-bottom: 5px solid #FFD700;
+  color: #FF0000; /* EPFL */
+  border-bottom: 5px solid #FF0000; /* EPFL */
 }
 
 
 .ejsmenu2.active {
-  color: #FFD700;
-  border-bottom: 5px solid #FFD700;
+  color: #FF0000; /* EPFL */
+  border-bottom: 0px solid #FFD700; /* EPFL */
 }
 
 /* Menu top */
 .topgauche{
   background-color: #FFFFFF;
 }
 .menu_ul{
   width: 70%;
   padding: 0;
   margin:0px;
   white-space: nowrap;
   list-style: none;
 }
 
 .menu_li{
   display: inline;
   padding: 5px 15px;
 }
 
 .menu_li a, .menu_li a:hover{
   font-size:13pt;
 }
 
 /* TD du menu top */
 /* maintenant directement le texte qui change de couleur
 li.menu_li:hover {
     background: #FFD700;
 }
 */
 
 /* TD des sous menu top */
 .menu_table{
   margin-top: 15px;
   z-index: 20;
 }
 .menu_td{
   padding-left: 30px;
 }
 
 td.menu_td2{
-	background:#FFFFFF;
+	background:white; /* EPFL */
 	height:20px;
 	text-align:left;
   border-left: 1px outset #29495C;
   border-right: 1px outset #29495C;
   border-bottom: none;
   border-top: none;
 }
 td.menu_td2:hover{
-	background:#FFD700;
+	background:#FF0000; /* EPFL */
+}
+/* EPFL */
+.menu_td2:hover a{
+    color:white;
 }
-
 .myAccountLink{
   font-size:9pt;
 }
 
 .myAccountLink:hover{
-  color: #FFD700;
+  color: #FF0000; /* EPFL */
 }
 
 input[type=text],input[type=password]
 	{
 	width:150px;
 	}
 select
 	{
 	width:155px;
 	}
 
 
 #popup {
 	background-color:#FFF;
 	position:absolute;
 	z-index:10;
 	}
 
 .select-popup{
   width: auto;
   height: 20px;
   font-size: 1em;
   position: absolute;
   left: 350px;
 }
 
 #opac {
 	opacity: 0.5;
 	filter: alpha(opacity=50);		/*	Pour IE */
 	background:#000;
 	height:100%;
 	width:100%;
 	position:fixed;
 	left:0px;
 	top:0px;
 	z-index:5;
 	}
 
 .th{
   background-color:#FFD700;	
   font-weight:bold;
   white-space: nowrap;
 }
 
 .tr1{
   background-color:#DFDFDF;
 }
 
 .tr2{
   background-color:#999999;
 }
 
 .striped{
   text-decoration:line-through;
 }
 
 .aLeft{
   text-align:left;
 }
 
 .aRight{
   text-align:right;
 }
 
 .green{
   color:green;
 }
 
 /* .out-of-work-time avant .red dans le CSS : permet de donner la priorité au red (absences) par rapport au out-of-work-time (heures de présence) dans le marquage des absences et congés dans le planning */
 .out-of-work-time {
   color: #5394BA;
 }
 
 /* .red avant .orange dans le CSS : permet de donner la priorité au orange (congés) par rapport au red (absences) dans le marquage des absences et congés dans le planning */
 .red{
-  color:#cd1b19;
+  color:#FF0000; /* EPFL */
 }
 
 .orange{
   color:#FFA500;
 }
 
 .pointer{
   cursor:pointer;
 }
 
 /*		Plannings				*/
 /* Calendrier, titre (Semaine ...), Boutons de droite */
 #divcalendrier {
   margin : 10px 0 0 0;
 }
 
 .pl-validation {
   margin: 0px 0 10px 0;
   color: #FFFFFF;
   position: absolute;
   right: 175px;
 }
 
 /*.pl-undo {
   color: #FFFFFF;
   position: absolute;
   right: 75px;
 }
 
 .pl-undo a {
   color: #FFFFFF;
 }*/
 
 #planning-semaine #td_boutons{
   padding:30px;
 }
 
 
 
 .pl-semaine-header{
   text-align: left;
   margin: 25px auto 5px auto;
   width: 90%;
 }
 
 .pl-semaine-date{
   font-size: 16pt;
   font-weight: bold;
   background-color:#FFD700;	/*FF5E0E;*/
 }
 
 
 .pl-semaine-validation{
   margin: 10px auto 0 auto;
   position: absolute;
   right: 5%;
 }
 
 #planningTips {
   margin: 20px 0px;
   font-weight: bold;
   display: none;
 }
 
 #planningTips .ui-icon-alert{
   margin-top: 0.3em;
 }
 
 #date_planning, #semaine_planning {
   margin-top: 5px;
 }
 
 #semaine_planning{
   display:none;
 }
 
 /*
 table #tabsemaine1 .tabsemaine1
     -----------------------------------------------------------------------------------------------------
 tr .tr_horaires		|   td					|   td					|
     -----------------------------------------------------------------------------------------------------
 tr  | td .td_postes	|   td >				|   td >				|
     | [.td_obligatoire]	|	div .cellDiv > span .cellSpan	|	div .cellDiv > span .cellSpan	|
     | [.td_renfort]	|	div .cellDiv > span .cellSpan	|	div .cellDiv > span .cellSpan	|
     |			|	div .cellDiv > span .cellSpan	|	div .cellDiv > span .cellSpan	|
     -----------------------------------------------------------------------------------------------------
 tr  | td .td_postes	|   td >				|   td >				|
     | [.td_obligatoire]	|	div .cellDiv > span .cellSpan	|	div .cellDiv > span .cellSpan	|
     | [.td_renfort]	|	div .cellDiv > span .cellSpan	|	div .cellDiv > span .cellSpan	|
     |			|	div .cellDiv > span .cellSpan	|	div .cellDiv > span .cellSpan	|
     -----------------------------------------------------------------------------------------------------
 tr .tr_separation
     -----------------------------------------------------------------------------------------------------
 tr  | td .td_postes	|   td >				|   td >				|
     | [.td_obligatoire]	|	div .cellDiv > span .cellSpan	|	div .cellDiv > span .cellSpan	|
     | [.td_renfort]	|	div .cellDiv > span .cellSpan	|	div .cellDiv > span .cellSpan	|
     |			|	div .cellDiv > span .cellSpan	|	div .cellDiv > span .cellSpan	|
     -----------------------------------------------------------------------------------------------------
 tr .tr_espace
 */
 
 /*	Catégories, lignes du planning, en fonction de la catégorie requise par le poste	*/
 /*
 .tr_CategorieA td{
 }
 
 .tr_CategorieA td.td_obligatoire{
 }
 
 .tr_CategorieB td{
 }
 
 .tr_CategorieB td.td_obligatoire{
 }
 
 .tr_CategorieC td{
 }
 
 .tr_CategorieC td.td_obligatoire{
 }
 
 td.cellule_grise{
 }
 */
 
 /*	Cellules et Statuts
 class cellule = cellule par défaut
 .statut_xxx	 = complète le style de la cellule en fonction du statut
 .service_xxx	 = complète le style de la cellule en fonction du service
 */
 /*
 .statut_moniteur, td.statut_moniteur{
   background:yellow;
 }
 */
 #tabsemaine1 tr:first-child td:first-child{
   border-top-left-radius: 5px;
   -moz-border-top-left-radius: 5px;
 }
 
 #tabsemaine1 tr:first-child td:last-child{
   border-top-right-radius: 5px;
   -moz-border-top-right-radius: 5px;
 }
 
 .arrondi_tabsemaine_topLeft{
   border-top-left-radius: 5px;
 }
 .arrondi_tabsemaine_topRight{
   border-top-right-radius: 5px;
 }
 .arrondi_tabsemaine_bottomLeft{
   border-bottom-left-radius: 5px;
 }
 .arrondi_tabsemaine_bottomRight{
   border-bottom-right-radius: 5px;
 }
 
 #tabsemaine1, .tabsemaine1 {
   width:90%;
   margin: auto;
   empty-cells:show;
 }
 
 #tabsemaine1 td, .tabsemaine1 td{
   height: 30px;
 }
 
 /* tabsemaine1 est un div sur la page semaine.php : permet l'affichage des tableaux masqués */
 div#tabsemaine1{
   margin: 20px 0 0 0;
 }
 
 .tr_horaires, .tr_separation, .tr_horaires a{
   background: #29495C;
   color:#FFFFFF;
   font-size:11pt;
   font-weight:bold;
 }
 
 .tr_horaires td:first-child{
   border-top-left-radius: 5px;
 }
 
 .tr_horaires td:last-child{
   border-top-right-radius: 5px;
 }
 
 .roundup-tab tr:last-child td:first-child{
   border-bottom-left-radius: 5px;
 }
 
 .roundup-tab tr:last-child td:first-child{
   border-bottom-right-radius: 5px;
 }
 
 .roundup-tab-left {
   border-bottom-left-radius: 5px;
 }
 
 .roundup-tab-right{
   border-bottom-right-radius: 5px;
 }
 
 .tr_separation {
   color: #FFD700;
 }
 .sticky {
   position: -webkit-sticky;
   position: sticky;
   top: 0px;
   left: 0;
   z-index: 3;
 }
 .sticky-line {
   background: inherit;
   position: -webkit-sticky;
   position: sticky;
   top: 0px;
   z-index: 1;
   border: #29495C;
 }
 .sticky-col {
   position: -webkit-sticky;
   position: sticky;
   left: 0;
   z-index: 1;
 }
 .td_sep {
   background: inherit;
 }
 
 /* tr_espace : permet d'ajouter un espace entre les tableaux : ex: display:block; height:20px; */
 .tr_espace{
   display: block;
   height:20px; 
 }
 
 #tabsemaine1 tr.tr_espace td,
 .tabsemaine1 tr.tr_espace td{
   border: none;
 }
 
 .td_postes {
   width:192px;
   font-size:11pt;
   font-weight: bold;
   white-space: nowrap;
-  color: #FFD700;
+  color: white; /* EPFL */
 }
 
 .td_obligatoire{
-  background:#0A8754;
-  color: #29495C;
+  background: #d4edda; /* EPFL */
+  color:#054714; /* EPFL */
+  font-weight: 100; /* EPFL */
   border-right: 1px solid #999999;
   border-bottom: 1px solid #999999;
   border-left: 1px solid #999999;
 
 }
 
 .td_renfort{
-  background:#FFFFFF;
-  color: #29495C;
+  background:#bedeff; /* EPFL */
+  color: #004085; /* EPFL */
+  font-weight: 100; /* EPFL */
   border-right: 1px solid #999999;
   border-bottom: 1px solid #999999;
   border-left: 1px solid #999999;
 }
 
 .td_postes tr:last-child td{
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
 }
 
 .cellSpan{
   display:block;
   padding:3px;
   white-space: nowrap;
 }
 
 #afficheTableaux{
   width: 90%;
   text-align: left;
   margin: auto;
 }
 
 .noteBasDePage{
   text-align:left;
   padding-top:30px;
   font-style:italic;
   font-size:10pt;
 }
 
 .menudiv-titre{
   background:#7B7B7B;
   color:#FFFFFF;
   text-align:center;
   text-decoration:none;
   font-size:11.0pt;
   font-family:Poppins;
   font-weight: bold
 }
 
 #menudiv1{
   position:absolute;
   z-index:10;
   width:250px;
   overflow:auto;
 }
 
 #menudiv2{
   position:absolute;
   z-index:20;
   width:250px;
   overflow:auto;
 }
 
 #menudivtab1, #menudivtab2{
   position:absolute;
   cursor:pointer;
   background: #FFFFFF;
   width: 100%;
 }
 
 #menudivtab1 td{
   padding-left: 15px;
 }
 
 #menudivtab2 td{
   padding-left: 10px;
 }
 
 .menudiv-tr:hover{
   background:#CCCCCC;
 }
 
 .menudiv-tr td{
   height: 25px;
   white-space: nowrap;
 }
 
 .menudiv-tr td:first-child{
   width: 220px;
   font-weight:normal;
 }
 
 .menudiv-tr a{
   text-decoration: none;
   font-size: 1.2em;
 }
 
 .menudiv-nom{
   font-weight: bold;
   white-space:nowrap;
 }
 
 .menudiv-heures{
   width:100%;
   text-align:right;
   white-space:nowrap;
   font-style: italic;
   font-size: 0.95em;
 }
 
 .menuTrigger {
   background-color: #FFFFFF;
   position: relative;
   border-right: 1px solid #999999;
   border-bottom: 1px solid #999999;
 }
 
 .arrow-right {
   background:url("images/icon/arrow_forward_black_36dp.svg") no-repeat center;
   z-index:7;
   display: none;
   position:absolute;
   right: -15px;
   top: calc(50% - 8px);
 }
 
 /* Configuration des tableaux */
 .tableaux-cfg {
   display: inline-block;
   min-width:500px;
   width: 31%;
   vertical-align:top;
   padding: 0 15px;
 }
 
 
 #tab_titre{	/* /index */
   width:100%;
   border: none;
   background-color: #29495C;
   margin-bottom: 60px;
 }
 
 /* Calendrier affiché en haut des plannings */
 #pl-calendar{
   border:0;
   background: rgba(255, 255, 255, 0);
   margin: 50px 0 0px 12px;
   width: 165.75px;
   position: absolute;
   top: 30px;
 }
 
 #pl-calendar .calendar-datepicker {
   font-size:65%;
 }
 
 #pl-calendar .calendar-datepicker a{
   font-size:110%;
 }
 
 .pl-highlight {
   background: #f0e68c;
 }
 
 /* Notes affichées en bas des plannings */
 #pl-notes-div1, .pl-notes-div1{
   width: 90%;
   margin: 20px auto 0 auto;
   text-align: left;
-  border: 1px solid #29495C;
+  border: 1px solid #FF0000; /* EPFL */
   border-radius: 5px;
   padding: 5px;
   background: #FFF;
 }
 
 #pl-notes-div2{
   position: relative;
   left: 5%;
   display: inline-block;
   margin: 15px 10px 0 0;
   text-align: left;
 }
 
 #pl-notes-div1-validation{
   width: 90%;
   margin: auto;
   text-align: right;
   padding: 5px 0;
+  border-color: red; /* EPFL */
 }
 
 #pl-appelDispo-sujet,
 #ics-url-subject{
   width: 100%;
 }
 
 #pl-appelDispo-text{
   width: 100%;
   height: 200px;
 }
 
 #ics-url-text{
   width: 100%;
   height: 160px;
 }
 
 #pl-notes-text{
   width: 100%;
   height: 240px;
 }
 
 .empty-line,
 .hidden-table{
   display: none;
 }
 
 .print_only
 	{
 	font-size:13px; 
 	display:none;
 	}
 
 .menu
 	{
 	background:#29495C;
-  color: #FFFFFF;
+	color: #FFFFFF;
 	text-decoration:none;
 	font-size:13.0pt;
 	font-family: Poppins;
 	font-weight: bold;
 	z-index:3;
 	}
 	
 .menuRed
 	{
-	color:#FFD700;
+	color:#91E5A5; /* EPFL */
 	background:#29495C;
 	text-decoration:none;
 	font-size:13.0pt;
 	font-family:Poppins;
 	font-weight: bold;
 	z-index:3;
 	}
 
 a:hover.menuRed, a:hover.menu {
-	color:#FFD700;
+	color:white; /* EPFL */
 	font-size:13.0pt;
-  border-top: #FFD700;
-  border-top-width: 5px;
-  border-top-style: solid;
+	border-top: #91E5A5; /* EPFL */
+	border-top-width: 5px;
+	border-top-style: solid;
+	transition: color .4s cubic-bezier(.25,.8,.25,1); /* EPFL */
+}
+/* EPFL */
+a:hover.menuRed {
+	color:#91E5A5;
 }
 
 .text,.text_clic
 	{
 	color:#29495C;
 	text-decoration:none;
-  font-weight: bolder;
+	font-weight: 100; /* EPFL */
 	font-size:10.0pt;
 	font-family: Poppins;
 	}
 
 .titre
 	{
 	position:absolute;
 	top:50px;
 	left:380px;
 	color:white; 
 	font-size:32.0pt;
 	font-family:Poppins;
 	}
 
 .titreSemFixe{
   color:#FFFFFF;
   text-decoration:none;
   font-size:15pt;
   font-family: Poppins;
   font-weight: normal;
   width:50%;
   text-align:left;
   padding-top: 50px;
   padding-bottom: 20px;
   padding-left: 220px;
 }
 
 .top-button-div {
     text-align:right;
     margin: 0 10px 30px 0;
 }
 
 #tab_jours{ /* /index */
   margin : 10px 0px 0px 0px;
   text-align:left;
 }
 
 .tr
 	{
 	color:#FFF;
 	text-decoration:none;
 	font-size:11.0pt;
 	font-family:Poppins;
 	font-weight: bold
 	}
 
 .cellule_grise {
 	text-align:center;
 	background: #dfdfdf;
 	}
 
 td.cellule_grise {
   border-right: 1px solid #999999;
   border-bottom: 1px solid #999999;
 }
 
 /*																				*/
 /*	Setup																		*/
 /*																				*/
 #setup #auth-logo{
   position:relative;
   margin: 20px;
 }
 
 #setup input[type=text], #setup input[type=password]{
 	width:300px;
 	margin:2px;
 	}
 
 #setup input[type=checkbox]{
   margin:4px;
 }
 #setup fieldset{
 	width:640px;
 	padding: 20px;
 	}
 	
 #aide {
 	margin:0px 80px 0px 30px;
 	text-align:justify;
 	}
 	
 #aide h3 {
 	margin-top:30px;
 	margin-bottom:10px;
 	}
 #aide h4 {
 	margin-left:20px;
 	margin-top:30px;
 	margin-bottom:10px;
 	}
 #aide h5 {
 	font-size:12pt;
 	margin-left:40px;
 	margin-top:30px;
 	margin-bottom:10px;
 	}
 
 #a_retour {
   position:fixed;
   right:40px;
   bottom:40px;
 }
 
 /*	Messages d'informations		*/
 #messages_infos {
 	width: 90%;
   margin: auto;
 	color:#cd1b19;	
 	font-weight:bold;
 	font-size:13pt;
   padding: 5px 10px;
 }
 
 img{
   border: none;
 }
 
 #tab_titre tr{
   vertical-align:top;
 }
 
 #cal_ifram{	
   width:200px;
   height:160px;
 }
 
 #td_boutons{
   width:25%;
   text-align:right;
   padding:50px 20px 0 0;
 }
 
 #td_boutons .ui-state-error{
     text-align: left;
 }
 
 #validation{
   font-size:13px;
   margin:0 20px 0 0;
 }
 
 #undo-redo{
   font-size:13px;
   margin:5px 20px 0 0;
 }
 
 #imprimante{
   cursor:pointer;
 }
 
 #choix_tableaux{
   margin: 20px 15px;
 }
 
 #choix_tableaux td{
   width:200px;
   padding: 10px 0;
 }
 
 #choix_tableaux select{
   width:180px;
 }
 
 #tableau, .tableau{
   text-align:center;
 }
 
 /*	Jours Fériés	*/
 #joursFeries table{
   width:1024px;
   margin-top:30px;
 }
 
 #joursFeries .c350{
   width:300px;
 }
 
 #joursFeries .c100{
   width:100px;
 }
 
 .intitule, label{
   font-weight: bold;
   white-space: nowrap;
   color: #29495C;
 }
 
 .textAlignRight{
   text-align: right;
   padding-right: 5px;
 }
 
 /*text of table header when background is blue*/
 #tablePresenceMonCompte_length label, #tablePresenceMonCompte_filter label, #tableConges_wrapper label, #tableAbsencesVoir_wrapper label, #tableStatAbsences_wrapper label, #DataTables_Table_0_wrapper label, #AbsenceInfoTable_wrapper label, #tableAgents_wrapper label, #tableAgents_wrapper label, #tablePostes_wrapper label, #tableModeles_wrapper label, #table-groups_wrapper label, #table-separations_wrapper label, #table-list_wrapper label, #table-list_length label, #table-list_filter label, #tablePlanningHebdo_wrapper label, #tablePlanningAbsences_wrapper label{
   color: #FFF;
 }
 
 /* Elements "sortable" (gestion des motifs d'absences, des statuts des agents */
 ul[id$="-sortable"] { list-style-type: none; margin: 0; padding: 0; }
 ul[id$="-sortable"] li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; height: 30px; }
 ul[id$="-sortable"] li span { margin-left: -1.3em; }
 
 .bold{
   font-weight:bold;
 }
 
 option.bold{
   margin-top:3px;
 }
 
 .center{
   text-align:center;
 }
 
 .inline{
   display: inline;
 }
 
 .nowrap{
   white-space:nowrap;
 }
 
 .padding20{
   padding-left:20px;
 }
 
 /* Statistiques */
 #stat-col1{
   width:350px;
 }
 
 #stat-col1 select,#stat-col1 input[type=text] {
   width:250px;
 }
 
 #stat-col1 textarea {
   width:244px;
 }
 
 #stat-temps-aff-grp{
   margin: 0 0 0 30px;
 }
 
 .statistiques-heures{
   text-align:right;
   white-space:nowrap;
 }
 
 #table_temps{
   text-align:center;
 }
 
 div.presents-absents {
   width: 97%;
   margin-left: 25px;
 }
 
 /*	FixedColumns	*/
 .DTFC_LeftBodyLiner{
   overflow:hidden;
 }
 
 .bg-yellow{
   background:#FFD700;
 }
 
 /*	DataTables */
 .dataTable tbody tr.odd {
   background-color:#F0F0F0;
+  transition: color .4s cubic-bezier(.25,.8,.25,1);
 }
 
 .dataTable tbody tr:hover{
-  background-color: #FFD700;
+  background-color: #FF0000; /* EPFL */
+  color:white /* EPFL */
 }
 
 .dataTable tbody td{
   border-right: 1px solid #000;
 }
 
 .dataTable tbody tr.odd td:last-child{
   border-right: 1px solid #F0F0F0;
 }
 .dataTable tbody tr.even td:last-child{
   border-right: 1px solid #FFFFFF;
 }
 
 .dataTable tbody tr.odd:hover td.sorting_1,
 .dataTable tbody tr.odd:hover td.sorting_2,
 .dataTable tbody tr.odd:hover td.sorting_3{
-  background-color:#FFD700;
+  background-color: #FF0000; /* EPFL */
 }
 
 .dataTable tbody tr.even:hover td.sorting_1,
 .dataTable tbody tr.even:hover td.sorting_2,
 .dataTable tbody tr.even:hover td.sorting_3{
-  background-color:#FFD700;
+  background-color: #FF0000; /* EPFL */
 }
 
 .fg-toolbar {
     color: inherit;
 }
 
 .dataTables_wrapper .dataTables_filter input,
 .dataTables_wrapper .dataTables_length select {
     background-color: #29485C;
     color: #FFFFFF
 }
 
 .dt-buttons {
     background-color: #FFFFFF;
     width: 100%;
     padding: 11px 0 11px 0;
     text-align: right;
     border-radius: 4px;
     margin-bottom: 5px;
 }
 
 .ellipsis{
   color:#FFF;
 }
 
 .dataTables_wrapper .dataTables_info{
   color: #fff;
 }
 
 /*	JQuery-UI Accordion	*/
 .ui-accordion .ui-accordion-header{
   margin-bottom: 0px;
 }
 
 /*	Agenda	*/
 #div_agenda{
   min-height:400px;
-  width: 72%;
+  width: 100%; /* EPFL */
   margin-left: auto;
   margin-right: auto;
 }
 
 #div_agenda_content{
   background-color: #FFF;
   padding:25px 25px 25px 25px;
   border-radius: 5px;
 }
 
 #div_agenda table {
   width: 100%;
 }
 
 #div_agenda .information{
   display: inline-block;
 }
 
 #tab_agenda tr:last-child td:first-child{
   border-bottom-left-radius: 5px;
 }
 
 #tab_agenda tr:last-child td:last-child{
   border-bottom-right-radius: 5px;
 }
 
 #tab_agenda td{
   vertical-align: top;
 }
 
 #tab_agenda tr td:first-child{
   border-left: 1px solid #999999;
 }
 
 #tab_agenda td{
   border-right : 1px solid #999999;
   border-bottom : 1px solid #999999;
 }
 
 .calendar-border{
   border-right : 1px solid #999999;
   border-bottom : 1px solid #999999;
   border-top :  1px solid #999999;
 }
 
 .calendar-border td:first-child{
   border-left: 1px solid #999999;
 }
 
 #div_agenda .div_date{
   font-weight:bold;
   margin-bottom:10px;
   text-align:right;
 }
 
 #div_agenda ul{
   margin-top:0px;
   padding-left:20px;
 }
 
 #div_agenda .postes{
   margin-top: 10px;
 }
 
 /* Agents volants */
 #date_planning.volants-title{
   width: 600px;
   margin: 0 auto 8  0px;
   text-align: center;
 }
 
 .volants-header{
   position:absolute;
   left: 200px;
   top: 70px;
 }
 
 .volants-h2{
   text-align: left;
   padding-left: 10px;
 }
 
 .volants-a{
   position: absolute;
   left: 0px;
 }
 
 .volants-calendar{
   z-index: 10;
   position: absolute;
   top: 100px;
   left: 10px
 }
 
 #volants-content{
   margin: 200px auto;
   width: 1080px;
 }
 
 #volants-dispo-div,
 #volants-buttons-div,
 #volants-selectionnes-div,
 #volants-validation{
   display: inline-block;
   vertical-align: top;
   width: 300px;
   float: both;
 }
 
 #volants-buttons-div,
 #volants-calendar{
   margin-top : 45px;
 }
 
 #volants-buttons-div{
   padding-top: 90px;
   text-align: center;
   width: 240px;
 }
 
 #volants-validation{
   padding-top: 45px;
   text-align: right;
   width: 220px;
 }
 
 #volants-buttons-div input,
 #volants-validation input{
   width: 180px;
 }
 
 #volants-dispo-div select,
 #volants-selectionnes-div select{
   height: 400px; 
   width: 300px; 
   font-size: 1em;
 }
 
 .statut_volants{
    background: #D5F5E3;
 }
 
 /*	Footer	*/
 .footer{
   text-align:center;
   margin:50px 30px 0 0;
   opacity:0.7;
   font-size:9pt;
   width:100%;
 }
 
 /*	Congés	*/
 #tableConges td{
   white-space: nowrap;
 }
 
 .selectSite:disabled {
   color: #29495C;
   appearance: none;
   background-color: inherit;
   border: white;
   text-indent: 1px;
 }
 
 .planno-timepicker:disabled,
 .planno-break-timepicker:disabled {
     color: #29495C;
 }
 
 .wh-timepicker {
   width: 150px;
 }
 
 .framework-timepicker {
   width: 85px;
 }
 
 /*Buttons START*/
 .ui-button{
   min-width: 85px;
+  border: 1px solid #FF0000; /* EPFL */
+  background-color: #FF0000; /* EPFL */
+  color: white; /* EPFL */
+  border-radius: 4px; /* EPFL */
+}
+/* EPFL */
+.ui-button:hover{
+  border: 1px solid #C00; /* EPFL */
+  background-color: #C00; /* EPFL */
+  color: white; /* EPFL */
 }
 /*main button style*/
 .ui-button-type1{
-  border: 1px solid #FFD700;
-  background-color: #FFD700;
-  color: #29495C;
+  border: 1px solid #FF0000; /* EPFL */
+  background-color: #FF0000; /* EPFL */
+  color: white!important; /* EPFL */
 }
 
 .ui-button-type1:hover{
-  border: 1px solid #d5ba2B;
-  background-color: #d5ba2B;
-  color: #29495C;
+  border: 1px solid #C00; /* EPFL */
+  background-color: #C00; /* EPFL */
+  color: white; /* EPFL */
 }
 .ui-button-type1:active{
-  border: 1px solid #d5ba2B;
-  background-color: #d5ba2B;
-  color: #29495C;
+  border: 1px solid #FF0000; /* EPFL */
+  background-color: #FF0000; /* EPFL */
+  color: white; /* EPFL */
 }
 
 .ui-button-type1.ui-state-active:hover{
-  border: 1px solid #d5ba2B;
-  background-color: #d5ba2B;
-  color: #29495C;
+  border: 1px solid #FF0000; /* EPFL */
+  background-color: #FF0000; /* EPFL */
+  color: white; /* EPFL */
 }
 
 .ui-button-type1:focus{
-  border: 1px solid #d5ba2B;
-  background-color: #d5ba2B;
-  color: #29495C;
+  border: 1px solid #FF0000; /* EPFL */
+  background-color: #FF0000; /* EPFL */
+  color: white; /* EPFL */
 }
 
 /*secondary button style*/
 .ui-button-type2{
-  border: 1px solid #29495C;
-  color: #29495C;
-  background-color: #FFFFFF;
+  border: 1px solid #FF0000; /* EPFL */
+  background-color: #FF0000; /* EPFL */
+  color: white; /* EPFL */
 }
 
 .ui-button-type2:hover{
-  border: 1px solid #29495C;
-  color: #FFFFFF;
-  background-color: #29495C;
+  border: 1px solid #C00; /* EPFL */
+  background-color: #C00; /* EPFL */
+  color: white; /* EPFL */
 }
 
 .ui-button-type2 .ui-state-hover{
   border: 1px solid #29495C;
   color: #FFFFFF;
   background-color: #29495C;
 }
 
 .ui-button-type2:active{
   border: 1px solid #29495C;
   color: #FFFFFF;
   background-color: #29495C;
 }
 
 .ui-button-type2:focus{
   border: 1px solid #29495C;
   color: #FFFFFF;
   background-color: #29495C;
 }
 
 .ui-button-type2.ui-state-active:hover{
   border: 1px solid #29495C;
   color: #FFFFFF;
   background-color: #29495C;
 }
 
 /*delete button style*/
 .ui-button-type3{
   border: 1px solid #cd1b19;
   color: #cd1b19;
   background-color: #FFFFFF;
 }
 
 .ui-button-type3:hover{
   border: 1px solid #cd1b19;
   color: #FFFFFF;
   background-color: #cd1b19;
 }
 
 .ui-button-type3:active{
   border: 1px solid #cd1b19;
   color: #FFFFFF;
   background-color: #cd1b19;
 }
 
 .ui-button-type3:focus{
   border: 1px solid #cd1b19;
   color: #FFFFFF;
   background-color: #cd1b19;
 }
 
 .ui-button-type3.ui-state-active:hover{
   border: 1px solid #cd1b19;
   color: #FFFFFF;
   background-color: #cd1b19;
 }
 
 /*Buttons END*/
 
 /*Popup START*/
 
 .popup-background{
   background: #FFFFFF;
   border: 1px solid #999999;
   color: #29495C;
   padding: 0 0 0 0;
 }
 
 .popup-header{
   background: #FFD700;
   border: 1px solid #FFD700;
   color: #29495C;
 }
 
 .popup-button{
   background: #FFD700;
   border: 1px solid #FFD700;
   color: #29495C;
 }
 
 /*Popup END*/
 
 /*Table START*/
 
 table.dataTable th{
   background-color: #456578;
   border: 1px solid #456578;
   border-right-color: #000;
   color: #FFFFFF;
 }
 
 
 .ui-button-table{
   background: #29495C;
   border: 1px solid #FFFFFF;
 
 }
 
 #tablePlanningAbsences_wrapper{
   width: 90%;
   margin: auto;
 }
 
 /*Table END*/
 
 /*Admin START*/
 #content-admin{
   width: 90%;
   margin: 10px auto auto auto;
 }
 
 .admin-div{
   width: 100%;
   background: #FFF;
   border-radius: 5px;
   padding: 10px;
 }
 
 
 #admin .ui-state-default, .ui-widget-header .ui-state-default {
     border: 2px solid #FFF;
     background: #29495C;
     font-weight: bold;
     color: #FFF;
 }
 
 #admin .ui-state-active, .ui-widget-header .ui-state-active{
   border: 2px solid #FFF;
   background: #FFF;
   font-weight: bold;
   color: #29485C;
 }
 
 #admin .ui-state-hover, .ui-widget-header .ui-state-hover{
   border: 2px solid #FFF;
   background: #FFF;
   font-weight: bold;
   color: #29485C;
 }
 
 .ui-widget-header .ui-state-hover a {
   color: #29495C;
 }
 
 #workhours{
   width: 100%;
   margin: 10px auto auto auto;
 }
 
 .workhours-header, .workhours-body{
   border: 0px solid #000;
   border-left: 1px solid #000;
   border-top: 1px solid #000;
 }
 
 .workhours-header td:last-child, .workhours-body td:last-child{
   border-right: 1px solid #000;
 }
 
 .workhours-body tr:last-child td{
   border-bottom: 1px solid #000;
 }
 
 .workhours-header {
   background: #29495C;
   color: #fff;
 }
 
 #closingday{
   width: 90%;
   margin: 10px auto auto auto;
 }
 
 #closingday td{
   border-left: 1px solid #000;
   border-bottom: 1px solid #000;
 }
 
 #closingday tr:first-child td{
   border-top: 1px solid #000;
 }
 
 #closingday tr td:last-child{
   border-right: 1px solid #000;
 }
 
 .closingday-header{
   background: #29495C;
   color: #fff;
 }
 
 #content-skill {
   width: 90%;
   margin: 10px auto auto auto;
 }
 
 .skill{
   width: 100%;
   background: #FFF;
   border-radius: 5px;
   padding: 10px;
 }
 
 .icon-div{
   width: 80px;
   margin: auto;
   text-align: left;
 }
 
 /*Admin END*/
 
 /*Statistics START*/
 
 #content-form, .content-form{
   width: 90%;
   margin: 10px auto auto auto;
 }
 
 .statistics-div{
   width: 100%;
   background: #FFF;
   border-radius: 5px;
   padding: 10px;
 }
 
 #content-form .th{
   background: #29495C;
   color: #fff;
 }
 
 .statistics-table{
   border-width: 0px;
   box-sizing: content-box;
   width: 100%;
 }
 
 .statistics-td{
   border-right: 1px solid #999999;
   border-bottom: 1px solid #999999; 
   border-top: 0px solid red;
   border-left: 0px solid red;
 }
 
 .statistics-td-topleft{
   border-top: 1px solid #999999;
   border-left: 1px solid #999999;
 }
 
 .statistics-td-top{
   border-top: 1px solid #999999;
 }
 
 .statistics-td-left{
   border-left: 1px solid #999999;
 }
 
 .statistics-table tr:first-child td:first-child{
   border-top-left-radius: 5px;
 }
 
 .statistics-table tr:first-child td:last-child{
   border-top-right-radius: 5px;
 }
 
 .statistics-table tr:last-child td:first-child{
   border-bottom-left-radius: 5px;
 }
 
 .statistics-table tr:last-child td:last-child{
   border-bottom-right-radius: 5px;
 }
 
 .dataTable tbody tr.odd td.no-hover:hover{
   background: #F0F0F0;
 }
 
 .dataTable tbody tr.even td.no-hover:hover{
   background: #FFFFFF;
 }
 
 .dataTable tbody tr.odd:hover td.no-hover{
   background: #F0F0F0;
 }
 
 .dataTable tbody tr.even:hover td.no-hover{
   background: #FFFFFF;
 }
 
 .dataTable tbody tr.odd th.no-hover:hover{
   background: #F0F0F0;
 }
 
 .dataTable tbody tr.even th.no-hover:hover{
   background: #FFFFFF;
 }
 
 .dataTable tbody tr.odd:hover th.no-hover{
   background: #F0F0F0;
 }
 
 .dataTable tbody tr.even:hover th.no-hover{
   background: #FFFFFF;
 }
 
 /*Statistics END*/
 
 /*Account START*/
 
 #account .ui-widget-content a{
   color: #29495C;
 }
 
 #account .ui-state-default{
   background-color: #456578;
   border: 1px solid #456578;
   border-right-color: #000;
   color: #29495C;
 }
 
 #account .ui-widget-content .ui-state-default{
   background-color: #456578;
   border: 1px solid #456578;
   border-right-color: #000;
   color: #FFFFFF;
 }
 
 /*Account END*/
 
 /*CSS Datepicker START*/
 /* This CSS overrides the Jquery-ui.min.css to set the datepicker style*/
 
 .calendar-helper-clearfix:before, .calendar-helper-clearfix:after{
   content:"";
   display:table;
   border-collapse:collapse
 }
 
 .calendar-helper-clearfix:after{
   clear:both
 }
 
 .calendar-state-disabled{
   cursor:default!important;
   pointer-events:none
 }
 
 .calendar-icon{
   display:inline-block;
   vertical-align:middle;
   margin-top:-.25em;
   position:relative;
   text-indent:-99999px;
   overflow:hidden;
   background-repeat:no-repeat
 }
 
 .calendar-datepicker{
   width:17em;
   padding:.2em .2em 0;
   display:none
 }
 
 .calendar-datepicker .calendar-datepicker-header{
   position:relative;
   padding:.2em 0
 }
 
 .calendar-datepicker .calendar-datepicker-prev,.calendar-datepicker .calendar-datepicker-next{
   position:absolute;
   top:2px;width:1.8em;
   height:1.8em
 }
 
 .calendar-datepicker .calendar-datepicker-prev-hover,.calendar-datepicker .calendar-datepicker-next-hover{
   top:1px
 }
 
 .calendar-datepicker .calendar-datepicker-prev{
   left:2px
 }
 
 .calendar-datepicker .calendar-datepicker-next{
   right:2px
 }
 
 .calendar-datepicker .calendar-datepicker-prev-hover{
   left:1px
 }
 
 .calendar-datepicker .calendar-datepicker-next-hover{
   right:1px
 }
 
 .calendar-datepicker .calendar-datepicker-prev span,.calendar-datepicker .calendar-datepicker-next span{
   display:block;
   position:absolute;
   left:50%;
   margin-left:-8px;
   top:50%;
   margin-top:-8px
 }
 
 .calendar-datepicker .calendar-datepicker-title{
   margin:0 2.3em;
   line-height:1.8em;
   text-align:center
 }
 
 .calendar-datepicker .calendar-datepicker-title select{
   font-size:1em;
   margin:1px 0
 }
 
 .calendar-datepicker select.calendar-datepicker-month,.calendar-datepicker select.calendar-datepicker-year{
   width:45%
 }
 
 .calendar-datepicker table{
   width:100%;
   font-size:.9em;
   border-collapse:collapse;
   margin:0 0 .4em
 }
 
 .calendar-datepicker th{
   padding:.7em .3em;
   text-align:center;
   font-weight:bold;
   border:0
 }
 
 .calendar-datepicker td{
   border:0;padding:1px
 }
 
 .calendar-datepicker td span,.calendar-datepicker td a{
   display:block;
   padding:.2em;
   text-align:right;
   text-decoration:none
 }
 
 .calendar-datepicker .calendar-datepicker-buttonpane{
   background-image:none;
   margin:.7em 0 0 0;
   padding:0 .2em;
   border-left:0;
   border-right:0;
   border-bottom:0
 }
 
 .calendar-datepicker .calendar-datepicker-buttonpane button{
   float:right;
   margin:.5em .2em .4em;
   cursor:pointer;
   padding:.2em .6em .3em .6em;
   width:auto;
   overflow:visible
 }
 
 .calendar-datepicker .calendar-datepicker-buttonpane button.calendar-datepicker-current{
   float:left
 }
 
 .calendar-datepicker.calendar-datepicker-multi{
   width:auto
 }
 
 .calendar-datepicker-multi .calendar-datepicker-group{
   float:left
 }
 
 .calendar-datepicker-multi .calendar-datepicker-group table{
   width:95%;
   margin:0 auto .4em
 }
 
 .calendar-datepicker-multi-2 .calendar-datepicker-group{
   width:50%
 }
 
 .calendar-datepicker-multi-3 .calendar-datepicker-group{
   width:33.3%
 }
 
 .calendar-datepicker-multi-4 .calendar-datepicker-group{
   width:25%
 }
 
 .calendar-datepicker-multi .calendar-datepicker-group-last .calendar-datepicker-header,.calendar-datepicker-multi .calendar-datepicker-group-middle .calendar-datepicker-header{border-left-width:0}
 .calendar-datepicker-multi .calendar-datepicker-buttonpane{
   clear:left
 }
 
 .calendar-datepicker-row-break{
   clear:both;
   width:100%;
   font-size:0
 }
 
 .calendar-datepicker-rtl{
   direction:rtl
 }
 
 .calendar-datepicker-rtl .calendar-datepicker-prev{
   right:2px;
   left:auto
 }
 
 .calendar-datepicker-rtl .calendar-datepicker-next{
   left:2px;
   right:auto
 }
 
 .calendar-datepicker-rtl .calendar-datepicker-prev:hover{
   right:1px;
   left:auto
 }
 
 .calendar-datepicker-rtl .calendar-datepicker-next:hover{
   left:1px;
   right:auto
 }
 
 .calendar-datepicker-rtl .calendar-datepicker-buttonpane{
   clear:right
 }
 
 .calendar-datepicker-rtl .calendar-datepicker-buttonpane button{
   float:left
 }
 
 .calendar-datepicker-rtl .calendar-datepicker-buttonpane button.calendar-datepicker-current,.calendar-datepicker-rtl .calendar-datepicker-group{
   float:right
 }
 
 .calendar-datepicker-rtl .calendar-datepicker-group-last .calendar-datepicker-header,.calendar-datepicker-rtl .calendar-datepicker-group-middle .calendar-datepicker-header{
   border-right-width:0;
   border-left-width:1px
 }
 
 .calendar-datepicker .calendar-icon{
   display:block;
   text-indent:-99999px;
   overflow:hidden;
   background-repeat:no-repeat;
   left:.5em;top:.3em
 }
 
 .calendar-widget{
   font-family:Poppins;
   font-size:1em
 }
 
 .calendar-widget .calendar-widget{
   font-size:1em
 }
 
 .calendar-widget input,.calendar-widget select,.calendar-widget textarea,.calendar-widget button{
   font-family:Poppins;
   font-size:1em
 }
 
 .calendar-widget.calendar-widget-content{
   border:1px solid #999
 }
 
 .calendar-widget-content{
   border:1px solid #FFF;
   background:#fff;
   color:#29495C
 }
 
 .calendar-widget-content a{
   color:#29495C
 }
 
 .calendar-widget-header{
-  border:1px solid #FFD700;
-  background:#FFD700;
-  color:#29495C;
+  border:1px solid #FF0000; /* EPFL */
+  background:#FF0000; /* EPFL */
+  color:white; /* EPFL */
   font-weight:bold
 }
 
 .calendar-widget-header a{
   color:#29495C
 }
 
 .calendar-state-default,.calendar-widget-content .calendar-state-default,.calendar-widget-header .calendar-state-default,.calendar-button,html .calendar-button.calendar-state-disabled:hover,html .calendar-button.calendar-state-disabled:active{
   border:1px solid #999;
   background:#999;
   font-weight:bold;
   color:#29495C
 }
 
 .calendar-state-default a,.calendar-state-default a:link,.calendar-state-default a:visited,a.calendar-button,a:link.calendar-button,a:visited.calendar-button,.calendar-button{
   color:#29495C;
   text-decoration:none
 }
 .calendar-state-hover,.calendar-widget-content .calendar-state-hover,.calendar-widget-header .calendar-state-hover,.calendar-state-focus,.calendar-widget-content .calendar-state-focus,.calendar-widget-header .calendar-state-focus,.calendar-button:hover,.calendar-button:focus{
-  border:1px solid #29495C;
-  background:#29495C;
+  border:1px solid #c00; /* EPFL */
+  background:#c00; /* EPFL */
   font-weight:bold;
   color:#FFF
 }
 
 .calendar-state-hover a,.calendar-state-hover a:hover,.calendar-state-hover a:link,.calendar-state-hover a:visited,.calendar-state-focus a,.calendar-state-focus a:hover,.calendar-state-focus a:link,.calendar-state-focus a:visited,a.calendar-button:hover,a.calendar-button:focus{
   color:#FFF;
   text-decoration:none
 }
 
 .calendar-state-active,.calendar-widget-content .calendar-state-active,.calendar-widget-header .calendar-state-active,a.calendar-button:active,.calendar-button:active,.calendar-button.calendar-state-active:hover{
   border:1px solid #29495C;
   background:#29495C;
   font-weight:bold;
   color:#fff
 }
 
 .calendar-icon-background,.calendar-state-active .calendar-icon-background{
   border:#29495C;
   background-color:#fff
 }
 
 .calendar-state-active a,.calendar-state-active a:link,.calendar-state-active a:visited{
   color:#fff;
   text-decoration:none
 }
 
 .calendar-state-highlight,.calendar-widget-content .calendar-state-highlight,.calendar-widget-header .calendar-state-highlight{
-  border:1px solid #FFD700;
-  background:#FFD700;
-  color:#29495C
+  border:1px solid #FF0000; /* EPFL */
+  background:#FF0000; /* EPFL */
+  color:white; /* EPFL */
 }
 
 .calendar-state-highlight a,.calendar-widget-content .calendar-state-highlight a,.calendar-widget-header .calendar-state-highlight a{
   color:#29495C
 }
 
 .calendar-priority-primary,.calendar-widget-content .calendar-priority-primary,.calendar-widget-header .calendar-priority-primary{
   font-weight:bold
 }
 
 .calendar-priority-secondary,.calendar-widget-content .calendar-priority-secondary,.calendar-widget-header .calendar-priority-secondary{
   opacity:.7;
   -ms-filter:"alpha(opacity=70)";
   font-weight:normal
 }
 
 .calendar-state-disabled,.calendar-widget-content .calendar-state-disabled,.calendar-widget-header .calendar-state-disabled{
   opacity:.35;
   -ms-filter:"alpha(opacity=35)";
   background-image:none
 }
 
 .calendar-state-disabled .calendar-icon{
   -ms-filter:"alpha(opacity=35)"
 }
 
 .calendar-icon{
   width:16px;
   height:16px
 }
 
 .calendar-icon,.calendar-widget-content .calendar-icon{
-  background-image:url("images/ui-icons_29495C_256x240.png")
+  background-image:url("images/ui-icons_FFFFFF_256x240.png") /* EPFL */
 }
 
 .calendar-widget-header .calendar-icon{
-  background-image:url("images/ui-icons_29495C_256x240.png")
+  background-image:url("images/ui-icons_FFFFFF_256x240.png") /* EPFL */
 }
 
 .calendar-state-hover .calendar-icon,.calendar-state-focus .calendar-icon,.calendar-button:hover .calendar-icon,.calendar-button:focus .calendar-icon{
   background-image:url("images/ui-icons_FFFFFF_256x240.png")
 }
 
 .calendar-state-active .calendar-icon,.calendar-button:active .calendar-icon{
   background-image:url("images/ui-icons_ffffff_256x240.png")
 }
 
 .calendar-state-highlight .calendar-icon,.calendar-button .calendar-state-highlight.calendar-icon{
   background-image:url("images/ui-icons_29495C_256x240.png")
 }
 
 .calendar-button .calendar-icon{
   background-image:url("images/ui-icons_29495C_256x240.png")
 }
 
 .calendar-icon-blank.calendar-icon-blank.calendar-icon-blank{
   background-image:none
 }
 
 .calendar-icon-circle-triangle-w{
   background-position:-80px -192px
 }
 
 .calendar-icon-circle-triangle-e{
   background-position:-48px -192px
 }
 
 .calendar-corner-all,.calendar-corner-top,.calendar-corner-left,.calendar-corner-tl{
   border-top-left-radius:4px
 }
 
 .calendar-corner-all,.calendar-corner-top,.calendar-corner-right,.calendar-corner-tr{
   border-top-right-radius:4px
 }
 
 .calendar-corner-all,.calendar-corner-bottom,.calendar-corner-left,.calendar-corner-bl{
   border-bottom-left-radius:4px
 }
 
 .calendar-corner-all,.calendar-corner-bottom,.calendar-corner-right,.calendar-corner-br{
   border-bottom-right-radius:4px
 }
 
 /*CSS Datepicker END*/
 
 /*Personnalisation couleur tableau*/
 /* Bleu */
 .bleu.tr_horaires, .bleu.tr_separation, .bleu.tr_horaires td.td_postes, .blue.tr_horaires, .blue.tr_separation, .blue.tr_horaires td.td_postes{
   background: #04133b;
   color: #FFF;
 }
 
 .bleu td.td_postes, .blue td.td_postes{
   background: #CCECF8; 
   color: #000;
 }
 
 /* Jaune */
 .jaune.tr_horaires, .jaune.tr_separation, .jaune.tr_horaires td.td_postes, .yellow.tr_horaires, .yellow.tr_separation, .yellow.tr_horaires td.td_postes{
   background: #d1ac07;
   color: #000;
 }
 
 .jaune td.td_postes, .yellow td.td_postes{
   background: #efe0a3; 
   color: #000;
 }
 
 /* Rouge */
 .rouge.tr_horaires, .rouge.tr_separation, .rouge.tr_horaires td.td_postes, .red.tr_horaires, .red.tr_separation, .red.tr_horaires td.td_postes {
   background: #720a05;
   color: #FFF;
 }
 
 .rouge td.td_postes, .red td.td_postes{
   background: #eacac9; 
   color: #000;
 }
 
 /* Violet */
 .violet.tr_horaires, .violet.tr_separation, .violet.tr_horaires td.td_postes, .purple.tr_horaires, .purple.tr_separation, .purple.tr_horaires td.td_postes{
   background: rgb(68, 0, 68);
   color: #FFF;
 }
 
 .violet td.td_postes, .purple td.td_postes{
   background: #E3D8F7; 
   color: #000;
 }
 
 /* Vert */
 .vert.tr_horaires, .vert.tr_separation, .vert.tr_horaires td.td_postes, .green.tr_horaires, .green.tr_separation, .green.tr_horaires td.td_postes{
   background: #06360f;
   color: #FFF;
 }
 
 .vert td.td_postes, .green td.td_postes{
   background: #BFEEC8; 
   color: #000;
 }
 
 .isDisabled {
   cursor: not-allowed;
   opacity: 0.5;
 }
 .isDisabled > a {
   color: currentColor;
   display: inline-block;  /* For IE11/ MS Edge bug */
   pointer-events: none;
   text-decoration: none;
 }
+/* EPFL */
+.dataTables_wrapper .dataTables_paginate .fg-button:hover{
+    opacity: 1;
+}
+/* EPFL */
+.dataTables_wrapper .dataTables_filter input{
+    background-color: white;
+    color:#444444;
+}
\ No newline at end of file
diff --git a/epfl/images/logo-planno.svg b/epfl/images/logo-planno.svg
index 0e90039..0f82fa5 100644
--- a/epfl/images/logo-planno.svg
+++ b/epfl/images/logo-planno.svg
@@ -1,43 +1,24 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="239px" height="43px" viewBox="0 0 239 43" enable-background="new 0 0 239 43" xml:space="preserve">
-<g id="Calque_2">
-</g>
-<g id="Calque_1_1_">
-	<path fill="#29495C" d="M28.554,19.294c-1.044,1.925-2.647,3.479-4.81,4.659c-2.162,1.184-4.847,1.771-8.051,1.771h-5.93V43H0.201
-		V0h15.492c3.13,0,5.776,0.552,7.939,1.658c2.161,1.105,3.783,2.631,4.865,4.573c1.081,1.944,1.621,4.174,1.621,6.69
-		C30.119,15.246,29.598,17.371,28.554,19.294z M19.047,16.636c0.896-0.876,1.342-2.115,1.342-3.716s-0.446-2.839-1.342-3.716
-		c-0.895-0.877-2.256-1.315-4.083-1.315h-5.2v10.062h5.2C16.791,17.951,18.152,17.513,19.047,16.636z"/>
-	<path fill="#29495C" d="M40.7,0v43.23h-9.99V0H40.7z"/>
-	<path fill="#29495C" d="M44.339,18.452c1.209-2.417,2.854-4.277,4.938-5.579c2.082-1.302,4.407-1.953,6.973-1.953
-		c2.195,0,4.12,0.447,5.775,1.339c1.654,0.892,2.93,2.064,3.822,3.515v-4.408h9.54v31.132h-9.54V38.09
-		c-0.93,1.451-2.224,2.622-3.878,3.516c-1.655,0.893-3.581,1.338-5.774,1.338c-2.53,0-4.836-0.659-6.918-1.979
-		c-2.084-1.319-3.729-3.198-4.938-5.635c-1.208-2.437-1.813-5.253-1.813-8.453C42.526,23.678,43.131,20.87,44.339,18.452z
-		 M63.866,21.297c-1.32-1.376-2.929-2.064-4.825-2.064s-3.507,0.679-4.826,2.036c-1.32,1.358-1.981,3.228-1.981,5.607
-		c0,2.381,0.661,4.269,1.981,5.663c1.319,1.395,2.93,2.092,4.826,2.092s3.505-0.688,4.825-2.064
-		c1.319-1.375,1.981-3.254,1.981-5.635C65.848,24.553,65.186,22.673,63.866,21.297z"/>
-	<path fill="#29495C" d="M139.484,14.886c2.149,2.335,3.227,5.541,3.227,9.62v17.971h-9.371V25.773c0-2.058-0.533-3.655-1.6-4.795
-		c-1.066-1.139-2.5-1.709-4.299-1.709c-1.803,0-3.235,0.57-4.301,1.709c-1.066,1.14-1.599,2.738-1.599,4.795v16.703h-9.428v-30.76
-		h9.428v4.079c0.954-1.359,2.24-2.434,3.856-3.225c1.617-0.79,3.438-1.185,5.459-1.185C134.46,11.386,137.336,12.553,139.484,14.886
-		z"/>
-	<path fill="#29495C" d="M105.652,14.886c2.149,2.335,3.226,5.541,3.226,9.62v17.971h-9.371V25.773c0-2.058-0.534-3.655-1.6-4.795
-		c-1.066-1.139-2.5-1.709-4.299-1.709c-1.802,0-3.235,0.57-4.301,1.709c-1.066,1.14-1.598,2.738-1.598,4.795v16.703h-9.428v-30.76
-		h9.428v4.079c0.954-1.359,2.24-2.434,3.857-3.225c1.617-0.79,3.437-1.185,5.458-1.185
-		C100.627,11.386,103.503,12.553,105.652,14.886z"/>
-	<path fill="#FFD700" d="M152.092,41.479c-2.551-1.362-4.557-3.31-6.018-5.842c-1.461-2.531-2.19-5.492-2.19-8.88
-		c0-3.349,0.739-6.299,2.22-8.851c1.48-2.55,3.506-4.507,6.076-5.871c2.57-1.363,5.452-2.045,8.646-2.045
-		c3.191,0,6.074,0.682,8.646,2.045c2.57,1.364,4.596,3.321,6.075,5.871c1.479,2.552,2.22,5.502,2.22,8.851
-		c0,3.351-0.75,6.3-2.248,8.851c-1.5,2.552-3.545,4.509-6.135,5.873c-2.591,1.363-5.482,2.043-8.676,2.043
-		S154.643,42.844,152.092,41.479z M165.587,32.773c1.345-1.401,2.017-3.406,2.017-6.017c0-2.608-0.652-4.614-1.957-6.018
-		c-1.307-1.402-2.912-2.103-4.819-2.103c-1.948,0-3.563,0.692-4.851,2.074c-1.285,1.384-1.928,3.397-1.928,6.047
-		c0,2.61,0.633,4.615,1.898,6.017c1.266,1.402,2.854,2.104,4.762,2.104S164.243,34.178,165.587,32.773z"/>
-	<path fill="#29495C" d="M177.55,41.277c-0.86-0.801-1.291-1.789-1.291-2.967c0-1.207,0.431-2.219,1.291-3.035
-		c0.86-0.814,1.97-1.221,3.328-1.221c1.328,0,2.423,0.406,3.283,1.221c0.86,0.815,1.291,1.828,1.291,3.035
-		c0,1.178-0.431,2.168-1.291,2.967c-0.86,0.8-1.955,1.199-3.283,1.199C179.52,42.477,178.41,42.078,177.55,41.277z"/>
-	<rect x="192.75" y="9.99" fill="#29495C" width="41.188" height="8.054"/>
-	<rect x="192.75" y="34.238" fill="#29495C" width="41.188" height="8.054"/>
-	<polygon fill="#FFD700" points="233.938,30.105 192.75,30.105 192.75,22.051 233.938,22.051 239,26.078 	"/>
-</g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 182.4 53" height="53" width="182.4" data-name="logo epfl 2019" id="logo_epfl_2019">
+  <metadata id="metadata27">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+        <dc:title>epfl-logo-new</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs id="defs4">
+    <style id="style2">.cls-1{fill:red;}</style>
+  </defs>
+  <title id="title6">epfl-logo-new</title>
+  <path id="polygon8" d="M 0,21.6 H 11.43 V 9.8 H 38.34 V 0 H 0 Z" style="fill:#ff0000"/>
+  <path id="polygon10" d="M 0,53 H 38.34 V 43.2 H 11.43 V 31.4 H 0 Z" style="fill:#ff0000"/>
+  <path id="rect12" d="m 11.43,21.6 h 24.610001 v 9.800001 H 11.43 Z" style="fill:#ff0000"/>
+  <path style="fill:#ff0000" id="path14" d="M86,4.87a16.12,16.12,0,0,0-5.68-3.53A23.76,23.76,0,0,0,71.82,0H48.14V53H59.57V31.4H71.82a23.76,23.76,0,0,0,8.46-1.34A16.12,16.12,0,0,0,86,26.53a13.43,13.43,0,0,0,3.19-5,17.38,17.38,0,0,0,0-11.62A13.52,13.52,0,0,0,86,4.87ZM78,18.73a5.7,5.7,0,0,1-2.26,1.8,11.33,11.33,0,0,1-3.27.85,32,32,0,0,1-3.86.22H59.57V9.8h9.05a32,32,0,0,1,3.86.22,11,11,0,0,1,3.27.86A5.59,5.59,0,0,1,78,12.67a5,5,0,0,1,.86,3A5,5,0,0,1,78,18.73Z" class="cls-1"/>
+  <path id="polygon16" d="M 155.47,43.2 V 0 h -11.43 v 53 h 38.34 v -9.8 z" style="fill:#ff0000"/>
+  <path id="polygon18" d="m 97.42,21.6 h 11.43 V 9.8 h 26.91 V 0 H 97.42 Z" style="fill:#ff0000"/>
+  <path id="rect20" d="M 97.419998,31.4 H 108.85 V 53 H 97.419998 Z" style="fill:#ff0000"/>
+  <path id="rect22" d="m 108.85,21.6 h 24.61 v 9.800001 h -24.61 z" style="fill:#ff0000"/>
+</svg>
\ No newline at end of file