diff --git a/epfl.css b/epfl.css
new file mode 100644
index 0000000..e0533e3
--- /dev/null
+++ b/epfl.css
@@ -0,0 +1,1261 @@
+/**
+Planning Biblio, Version 2.7.14
+Licence GNU/GPL (version 2 et au dela)
+Voir les fichiers README.md et LICENSE
+@copyright 2011-2018 Jérôme Combes
+
+Fichier : themes/default/default.css
+Création : mai 2011
+Dernière modification : 22 novembre 2017
+@author Jérôme Combes <jerome@planningbiblio.fr>
+
+Description :
+Feuille de style principale du programme.
+
+Incluse dans les fichiers include/header.php et setup/header.php
+*/
+
+/* Bug :  « en dehors de leurs horaires de présence » https://www.planningbiblio.fr/forums/search/pr%C3%A9sence/ */
+
+/* SV: On Supprime les heures de présences des guichetiers. Inutile)*/
+.div_date + p {
+    display: none;
+}
+
+@font-face {
+ font-family:'SuisseIntl';
+ font-weight:400;
+ src:url("https://www.epfl.ch/fonts/SuisseIntl-Regular-WebS.eot");
+ src:url("https://www.epfl.ch/fonts/SuisseIntl-Regular-WebS.eot?#iefix") format("embedded-opentype"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-Regular-WebS.woff2") format("woff2"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-Regular-WebS.woff") format("woff"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-Regular-WebS.ttf") format("truetype"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-Regular-WebS.svg#svgFontName") format("svg")
+}
+@font-face {
+ font-family:'SuisseIntl';
+ font-weight:400;
+ font-style:italic;
+ src:url("https://www.epfl.ch/fonts/SuisseIntl-RegularItalic-WebS.eot");
+ src:url("https://www.epfl.ch/fonts/SuisseIntl-RegularItalic-WebS.eot?#iefix") format("embedded-opentype"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-RegularItalic-WebS.woff2") format("woff2"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-RegularItalic-WebS.woff") format("woff"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-RegularItalic-WebS.ttf") format("truetype"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-RegularItalic-WebS.svg#svgFontName") format("svg")
+}
+@font-face {
+ font-family:'SuisseIntl';
+ font-weight:700;
+ src:url("https://www.epfl.ch/fonts/SuisseIntl-SemiBold-WebS.eot");
+ src:url("https://www.epfl.ch/fonts/SuisseIntl-SemiBold-WebS.eot?#iefix") format("embedded-opentype"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-SemiBold-WebS.woff2") format("woff2"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-SemiBold-WebS.woff") format("woff"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-SemiBold-WebS.ttf") format("truetype"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-SemiBold-WebS.svg#svgFontName") format("svg")
+}
+@font-face {
+ font-family:'SuisseIntl';
+ font-weight:700;
+ font-style:italic;
+ src:url("https://www.epfl.ch/fonts/SuisseIntl-SemiBoldItalic-WebS.eot");
+ src:url("https://www.epfl.ch/fonts/SuisseIntl-SemiBoldItalic-WebS.eot?#iefix") format("embedded-opentype"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-SemiBoldItalic-WebS.woff2") format("woff2"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-SemiBoldItalic-WebS.woff") format("woff"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-SemiBoldItalic-WebS.ttf") format("truetype"),
+ url("https://www.epfl.ch/fonts/SuisseIntl-SemiBoldItalic-WebS.svg#svgFontName") format("svg")
+}
+
+body,input,select,textarea,button {
+	//color:#7D3C25;
+	color:#212121;
+	//font-family:Verdana;
+	font-family:"SuisseIntl", Arial, sans-serif;
+	font-size:14px;
+	}
+a.menuRed {
+    font-weight: 900;
+}
+
+a:hover.menuRed {
+    color:rgb(255, 0, 0);
+}
+
+
+
+a, a.ejsmenu, a.menu, a.menuRed, a.myAccountLink{
+    color:rgb(33, 33, 33);
+    text-decoration: underline;
+    text-decoration-color: rgb(255, 0, 0);
+}
+a:hover, a.ejsmenu:hover, a.ejsmenu2:hover, a.menu:hover, a.menuRed:hover, a.myAccountLink:hover {
+	color:rgb(255, 0, 0);
+	text-decoration: underline;
+    text-decoration-color: rgb(33, 33, 33);
+}
+
+a.ejsmenu2:hover {
+	color:rgb(255, 0, 0);
+	text-decoration-color: white;
+}
+
+input:disabled {
+	color:grey;
+}
+
+input,select,textarea {
+	font-size:12px;
+	}
+
+body {
+	background:url("images/bg_menu.gif") repeat-x top;
+	margin-top:0px;
+	margin-left:10px;
+	}
+
+h3{
+  margin-top:25px;
+  font-size:13pt;
+}
+
+#acces_refuse {
+  margin: 60px 0 80px 0;
+  width:100%;
+  text-align:center;
+  font-weight:bold;
+}
+
+#auth, #auth input {
+  //color:#7D3C25;
+  color:#212121;
+  text-align: left;
+
+}
+
+#auth-logo{
+  margin:15px auto 0 auto;
+  width:200px;
+  height:80px;
+  background:url("images/logo200.png") 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: 15px;
+	top: 12px;
+	width:160px;
+	height:54px;
+	background:url("images/logo160.png") no-repeat right 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{
+  margin-top: 10px;
+  padding: 80px 5px 5px 5px;
+}
+
+#content-auth{
+  margin-top: 10px;
+  padding: 40px 0 0 0;
+  text-align: center;
+}
+
+#content-planning{
+  margin-top: 10px;
+  padding: 40px 0 0 0;
+}
+
+#ferie,.ferie,.important {
+  color: #FF5E0E;
+}
+
+.absences-pj{
+  display:inline;
+  padding:0 8px;
+  white-space:nowrap;
+  text-align:center;
+}
+
+.absences-pj-fiche{
+  display:inline;
+  margin-right:40px;
+}
+
+/* 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;
+}
+
+/* .perso-drop : suppression des agents sélectionés dans les pages absences/* */
+.perso-drop{
+  float: right;
+  margin-left: 10px;
+}
+
+/*	Icônes		*/
+.pl-icon{
+  padding: 5px 13px 5px 13px;
+  text-decoration:none;
+}
+
+.pl-icon-add {
+  background:url("images/add.png") no-repeat center;
+}
+
+.pl-icon-copy {
+  background:url("images/copy.png") no-repeat center;
+}
+
+.pl-icon-drop {
+  background:url("images/drop.png") no-repeat center;
+}
+
+.pl-icon-edit {
+  background:url("images/edit.png") no-repeat center;
+}
+
+.pl-icon-google-calendar {
+  background:url("images/googlecalendar.png") no-repeat center;
+}
+
+.pl-icon-hide {
+  background:url("images/hide.png") no-repeat center;
+}
+
+.pl-icon-lock {
+  background:url("images/lock.png") no-repeat center;
+}
+
+.pl-icon-logout {
+  background:url("images/logout.png") no-repeat center;
+}
+
+.pl-icon-open {
+  background:url("images/open.png") no-repeat center;
+}
+
+.pl-icon-printer {
+  background:url("images/printer.png") no-repeat center;
+}
+
+.pl-icon-recurring {
+  background:url("images/recurring.png") no-repeat center;
+}
+
+.pl-icon-refresh {
+  background:url("images/refresh.png") no-repeat center;
+}
+
+.pl-icon-save {
+  background:url("images/save.png") no-repeat center;
+}
+
+.pl-icon-unlock {
+  background:url("images/unlock.png") no-repeat center;
+}
+
+/* Info-bulles */
+.ui-tooltip{
+  /* Permet les sauts de lignes avec l'entité .&#013; */
+  white-space:pre-wrap;
+}
+
+/* SV : Couleur pour les renforts Accueil*/
+.td_postes.td_renfort, .tr_renfort {
+    background-color: #0099cc;
+    color: white;
+}
+
+/* SV : Couleur pour les renforts Pickup
+tbody tr:nth-child(7), tbody tr:nth-child(7) .td_postes  {
+    background-color: #0099cc;
+    color: white;
+}
+*/
+
+/* Les agents */
+li .agent-acces-checked2{
+  position:absolute;
+  left:500px;
+}
+
+/* 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 td{
+  text-align: center;
+  vertical-align:top;
+  padding: 0 20px 0 20px;
+}
+
+.tableauFiches td{
+  text-align: left;
+  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 select, .tableauFiches input[type=text].ui-widget-content{
+  width: 100%;
+}
+
+.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 */
+/* .logo_td : permet de positionner le menu principal, 1ere cellule avant le 1er item du menu */
+.logo_td{
+  width:260px;
+}
+
+/*		Menu JavaScript		*/
+.menu_table{
+  position: absolute;
+  min-width:200px;
+/*  border: 1px solid #7D3C25;*/
+}
+
+.menu_table td{
+  padding : 1px 10px;
+  //border: 1px outset #7D3C25;
+  border: 1px outset #212121;
+  border-top: 0px;
+}
+
+.menu_table tr:first-child td{
+  //border-top: 1px outset #7D3C25;
+  border-top: 1px outset #212121;
+}
+
+.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.ejsmenu, a:hover.ejsmenu {font-size:16px; text-decoration:none; display:inline-block; width:100%;}
+//a.ejsmenu2, a:hover.ejsmenu2 {font-size:16px; text-decoration:none;font-weight:bold;}
+a.ejsmenu2, a:hover.ejsmenu2 {font-size:16px; font-weight:bold;}
+
+
+
+/* Menu top */
+.menu_ul{
+  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 */
+li.menu_li:hover {
+  //background:#FF5E0E;
+  background:#FFFFFF;
+  //background-color:rgb(227, 7, 19);
+  text-decoration: underline;
+}
+
+/* TD des sous menu top */
+.menu_table{
+  margin-top: 15px;
+  z-index: 20;
+}
+
+td.menu_td2{
+	background:#FFFFFF;
+	height:20px;
+	text-align:center;
+}
+td.menu_td2:hover{
+  //background:#FF5E0E;
+  background:rgb(230, 230, 230);
+  text-decoration: underline;
+}
+
+.myAccountLink{
+  font-size:9pt;
+}
+
+.myAccountLink:hover{
+  //background:#FF5E0E;
+  background:#FFFFFF;
+}
+
+input[type=text],input[type=password]
+	{
+	width:150px;
+	}
+select
+	{
+	width:155px;
+	}
+
+
+#popup {
+	background-color:#FFF;
+	position:absolute;
+	z-index:10;
+	}
+
+#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:#FF7F3F;	/*FF5E0E;*/
+  font-weight:bold;
+  white-space: nowrap;
+}
+
+.tr1{
+  background-color:#FFD8C4;
+}
+
+.tr2{
+  background-color:#FFFFFF;
+}
+
+.striped{
+  text-decoration:line-through;
+}
+
+.aLeft{
+  text-align:left;
+}
+
+.aRight{
+  text-align:right;
+}
+
+.green{
+  color:green;
+}
+
+/* .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:red;
+}
+
+.orange{
+  color:#FFA500;
+}
+
+.pointer{
+  cursor:pointer;
+}
+
+/*		Plannings				*/
+/* Calendrier, titre (Semaine ...), Boutons de droite */
+#divcalendrier {
+  margin : 10px 0 0 0;
+}
+
+.pl-validation {
+  margin: 0 0 10px 0;
+}
+
+#planning-semaine #td_boutons{
+  padding:30px;
+}
+
+}
+.pl-semaine-header{
+  text-align: left;
+  margin: 50px 0 5px 0;
+  width: 100%;
+}
+
+.pl-semaine-date{
+  font-size: 16pt;
+  font-family: bold;
+}
+
+.pl-semaine-validation{
+  margin: 10px 0 0 0;
+  position: absolute;
+  right:10px;
+}
+
+#planningTips {
+  margin: 20px 0px;
+  color: #FF5E0E;
+  font-weight: bold;
+  display: none;
+}
+
+#date_planning, #semaine_planning {
+  margin-top: 6px;
+  font-weight:bold;
+}
+
+#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, .tabsemaine1 {
+  width:100%;
+  empty-cells:show;
+}
+
+#tabsemaine1 tr{
+}
+
+#tabsemaine1 td, .tabsemaine1 td{
+  border-width : 1px;
+  border-style : outset;
+}
+
+/* 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: #7D3C25;
+  background:#212121;
+  color:#FFFFFF;
+  font-size:12pt;
+  font-weight:bold;
+}
+
+.tr_horaires {
+  //background: rgb(120, 120, 120);
+  background: linear-gradient(#393939,#313131);
+  color: #e9e8ec;
+}
+
+/* tr_espace : permet d'ajouter un espace entre les tableaux : ex: display:block; height:20px; */
+.tr_espace{
+  display: none;
+  height:20px; 
+}
+
+#tabsemaine1 tr.tr_espace td,
+.tabsemaine1 tr.tr_espace td{
+  border: none;
+}
+
+.td_postes {
+  width:192px;
+  font-size:12pt;
+  font-weight: bold;
+}
+
+.td_obligatoire{
+  //background:#00FA92;
+  background:#FFFFFF;
+}
+
+.td_renfort{
+  background:#FFFFFF;
+}
+
+.cellDiv{
+}
+
+.cellSpan{
+  display:block;
+  padding:3px;
+  white-space: nowrap;
+}
+
+#afficheTableaux{
+  text-align: left;
+  margin: 2px 0 10px 0;
+}
+
+.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:Verdana;
+  font-family:"SuisseIntl", Arial, sans-serif;
+  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;
+}
+
+/* Configuration des tableaux */
+.tableaux-cfg {
+  display: inline-block;
+  min-width:500px;
+  width: 30%;
+  vertical-align:top;
+  padding: 0 15px;
+}
+
+
+#tab_titre{	/* planning/poste/index.php */
+  width:100%;
+  border: none;
+}
+
+/* Calendrier affiché en haut des plannings */
+#pl-calendar{
+  border:0;
+  background: #FFFFFF;
+  margin: 0 0 10px 12px;
+}
+
+#pl-calendar .ui-datepicker {
+  font-size:75%;
+}
+
+
+#pl-calendar .ui-datepicker a{
+  font-size:110%;
+}
+
+.pl-highlight {
+  background: #f0e68c;
+}
+
+/* Notes affichées en bas des plannings */
+#pl-notes-div1, .pl-notes-div1{
+  margin: 20px 0 0 0;
+  //border : 1px solid #7D3C25;
+  border : 1px solid #212121;
+  border-radius: 5px;
+  padding: 10px;
+}
+
+#pl-notes-div2{
+  position: absolute;
+  left: 10px;
+  display: inline-block;
+  margin: 5px 0 0 0;
+  text-align: left;
+}
+
+#pl-notes-div1-validation{
+  display: inline-block;
+  width: 100%;
+  text-align: right;
+  padding: 5px 0;
+}
+
+#pl-appelDispo-sujet{
+  width: 100%;
+}
+
+#pl-appelDispo-text{
+  width: 100%;
+  height: 200px;
+}
+
+#pl-notes-text{
+  width: 100%;
+  height: 240px;
+}
+
+.empty-line,
+.hidden-table{
+  display: none;
+}
+
+.print_only
+	{
+	font-size:13px; 
+	display:none;
+	}
+
+.menu
+	{
+	background:white;
+	text-decoration:none;
+	font-size:10.0pt;
+    //font-family:Verdana;
+	font-family:"SuisseIntl", Arial, sans-serif;
+	font-weight: bold;
+	z-index:3;
+	}
+	
+.menuRed
+	{
+	color:#FF5E0E;
+	background:white;
+	text-decoration:none;
+	font-size:10.0pt;
+	//font-family:Verdana;
+	font-family:"SuisseIntl", Arial, sans-serif;
+	font-weight: bold;
+	z-index:3;
+	}
+
+
+.menu2
+	{
+	//color:#7D3C25;
+	color:#212121;
+	background:white;
+	text-decoration:none;
+	font-size:8.0pt;
+	//font-family:Verdana;
+	font-family:"SuisseIntl", Arial, sans-serif;
+	font-weight: bold
+	}
+	
+.menu2Red
+	{
+	color:red;
+	background:white;
+	text-decoration:none;
+	font-size:8.0pt;
+	//font-family:Verdana;
+	font-family:"SuisseIntl", Arial, sans-serif;
+	font-weight: bold
+	}
+
+.right
+	{
+	//color:#7D3C25;
+	color:#212121;
+	text-decoration:none;
+	text-align:right;
+	font-size:10.0pt;
+	//font-family:Verdana;
+	font-family:"SuisseIntl", Arial, sans-serif;
+	font-weight:normal;
+	}
+
+.text,.text_clic
+	{
+	color:#000000;
+	text-decoration:none;
+	font-size:9.0pt;
+	//font-family:Verdana;
+	font-family:"SuisseIntl", Arial, sans-serif;
+	}
+
+.titre
+	{
+	position:absolute;
+	top:50px;
+	left:380px;
+	color:white; 
+	font-size:32.0pt;
+	//font-family:Verdana;
+	font-family:"SuisseIntl", Arial, sans-serif;
+	}
+
+.titreSemFixe{
+  //color:#7D3C25;
+  color:#212121;
+  text-decoration:none;
+  font-size:10.5pt;
+  //font-family:Verdana;
+	font-family:"SuisseIntl", Arial, sans-serif;
+  width:50%;
+  text-align:center;
+}
+
+#tab_jours{	/*	planning/poste/index.php	*/
+  margin : 5px auto 0px auto;
+  text-align:center;
+}
+
+.tr
+	{
+	color:#FFF;
+	text-decoration:none;
+	font-size:11.0pt;
+	//font-family:Verdana;
+	font-family:"SuisseIntl", Arial, sans-serif;
+	font-weight: bold
+	}
+
+.cellule_grise {
+	text-align:center;
+	//background:#FFCCB3;
+	background-color:rgb(230, 230, 230);
+	}
+
+/*																				*/
+/*	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:20px;
+  bottom:20px;
+}
+
+/*	Messages d'informations		*/
+#messages_infos {
+	color:#FF5E0E;	
+	font-weight:bold;
+	font-size:13pt;
+}
+
+img{
+  border: none;
+}
+
+#tab_titre tr{
+  vertical-align:top;
+}
+
+#cal_ifram{	
+  width:200px;
+  height:160px;
+}
+
+#td_boutons{
+  width:25%;
+  text-align:right;
+}
+
+#validation{
+  font-size:13px;
+  margin:10px 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;
+}
+
+/* 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: 18px; }
+ul[id$="-sortable"] li span { position: absolute; 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;
+}
+
+/*	FixedColumns	*/
+.DTFC_LeftBodyLiner{
+  overflow:hidden;
+}
+
+.bg-yellow{
+  background:yellow;
+}
+
+/*	DataTables */
+.dataTable tbody tr.odd {
+  background-color:#FFD8C4;
+}
+
+.dataTable tbody tr.odd td.sorting_1,
+.dataTable tbody tr.odd td.sorting_2,
+.dataTable tbody tr.odd td.sorting_3{
+  background-color:#FFBE9D;
+}
+
+.dataTable tbody tr.even td.sorting_1,
+.dataTable tbody tr.even td.sorting_2,
+.dataTable tbody tr.even td.sorting_3{
+  background-color:#FEE7DC;
+}
+
+/*	JQuery-UI Accordion	*/
+.ui-accordion .ui-accordion-header{
+  margin-bottom: 0px;
+}
+
+/*	Agenda	*/
+#div_agenda{
+  min-height:400px;
+}
+
+#div_agenda .information{
+  display: inline-block;
+}
+
+#tab_agenda td{
+  vertical-align: top;
+}
+
+#tab_agenda td{
+  border-right : 1px outset;
+  border-bottom : 1px outset;
+  border-radius : 0 0 5px 0;
+}
+
+#div_agenda .div_date{
+  font-weight:bold;
+  text-decoration:underline;
+  margin-bottom:10px;
+  text-align:center;
+}
+
+#div_agenda ul{
+  margin-top:0px;
+  padding-left:20px;
+}
+
+#div_agenda .postes{
+  margin-top: 10px;
+}
+
+/*	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;
+}
+
+/* Couleur pour "l'agent fermé" */
+.agent_208 {
+    background-color: red;
+    color: white;
+}
+/* «  en dehors de ses heures de présences » */
+.out-of-work-time {
+  color: black;
+}
+
+/* Couleur verte pour les AE dans le planning */
+.agent_207, .agent_215 {
+    color: #00cc00;
+}
\ No newline at end of file
diff --git a/epfl_orig.css b/epfl_orig.css
new file mode 100644
index 0000000..6db02b2
--- /dev/null
+++ b/epfl_orig.css
@@ -0,0 +1,1126 @@
+/**
+Planning Biblio, Version 2.7.14
+Licence GNU/GPL (version 2 et au dela)
+Voir les fichiers README.md et LICENSE
+@copyright 2011-2018 Jérôme Combes
+
+Fichier : themes/default/default.css
+Création : mai 2011
+Dernière modification : 22 novembre 2017
+@author Jérôme Combes <jerome@planningbiblio.fr>
+
+Description :
+Feuille de style principale du programme.
+
+Incluse dans les fichiers include/header.php et setup/header.php
+*/
+
+body,a,input,select,textarea,button {
+	color:#7D3C25;
+	font-family:Verdana;
+	font-size:14px;
+	}
+
+input:disabled {
+	color:grey;
+}
+
+input,select,textarea {
+	font-size:12px;
+	}
+
+body {
+	background:url("images/bg_menu.gif") repeat-x top;
+	margin-top:0px;
+	margin-left:10px;
+	}
+
+h3{
+  margin-top:25px;
+  font-size:13pt;
+}
+
+#acces_refuse {
+  margin: 60px 0 80px 0;
+  width:100%;
+  text-align:center;
+  font-weight:bold;
+}
+
+#auth, #auth input {
+  color:#7D3C25;
+  text-align: left;
+
+}
+
+#auth-logo{
+  margin:15px auto 0 auto;
+  width:200px;
+  height:80px;
+  background:url("images/logo200.png") 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: 15px;
+	top: 12px;
+	width:160px;
+	height:54px;
+	background:url("images/logo160.png") no-repeat right 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{
+  margin-top: 10px;
+  padding: 80px 5px 5px 5px;
+}
+
+#content-auth{
+  margin-top: 10px;
+  padding: 40px 0 0 0;
+  text-align: center;
+}
+
+#content-planning{
+  margin-top: 10px;
+  padding: 40px 0 0 0;
+}
+
+#ferie,.ferie,.important {
+  color: #FF5E0E;
+}
+
+.absences-pj{
+  display:inline;
+  padding:0 8px;
+  white-space:nowrap;
+  text-align:center;
+}
+
+.absences-pj-fiche{
+  display:inline;
+  margin-right:40px;
+}
+
+/* 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;
+}
+
+/* .perso-drop : suppression des agents sélectionés dans les pages absences/* */
+.perso-drop{
+  float: right;
+  margin-left: 10px;
+}
+
+/*	Icônes		*/
+.pl-icon{
+  padding: 5px 13px 5px 13px;
+  text-decoration:none;
+}
+
+.pl-icon-add {
+  background:url("images/add.png") no-repeat center;
+}
+
+.pl-icon-copy {
+  background:url("images/copy.png") no-repeat center;
+}
+
+.pl-icon-drop {
+  background:url("images/drop.png") no-repeat center;
+}
+
+.pl-icon-edit {
+  background:url("images/edit.png") no-repeat center;
+}
+
+.pl-icon-google-calendar {
+  background:url("images/googlecalendar.png") no-repeat center;
+}
+
+.pl-icon-hide {
+  background:url("images/hide.png") no-repeat center;
+}
+
+.pl-icon-lock {
+  background:url("images/lock.png") no-repeat center;
+}
+
+.pl-icon-logout {
+  background:url("images/logout.png") no-repeat center;
+}
+
+.pl-icon-open {
+  background:url("images/open.png") no-repeat center;
+}
+
+.pl-icon-printer {
+  background:url("images/printer.png") no-repeat center;
+}
+
+.pl-icon-recurring {
+  background:url("images/recurring.png") no-repeat center;
+}
+
+.pl-icon-refresh {
+  background:url("images/refresh.png") no-repeat center;
+}
+
+.pl-icon-save {
+  background:url("images/save.png") no-repeat center;
+}
+
+.pl-icon-unlock {
+  background:url("images/unlock.png") 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:500px;
+}
+
+/* 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 td{
+  text-align: center;
+  vertical-align:top;
+  padding: 0 20px 0 20px;
+}
+
+.tableauFiches td{
+  text-align: left;
+  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 select, .tableauFiches input[type=text].ui-widget-content{
+  width: 100%;
+}
+
+.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 */
+/* .logo_td : permet de positionner le menu principal, 1ere cellule avant le 1er item du menu */
+.logo_td{
+  width:260px;
+}
+
+/*		Menu JavaScript		*/
+.menu_table{
+  position: absolute;
+  min-width:200px;
+/*  border: 1px solid #7D3C25;*/
+}
+
+.menu_table td{
+  padding : 1px 10px;
+  border: 1px outset #7D3C25;
+  border-top: 0px;
+}
+
+.menu_table tr:first-child td{
+  border-top: 1px outset #7D3C25;
+}
+
+.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, a:hover.ejsmenu2 {font-size:16px; text-decoration:none;font-weight:bold;}
+
+
+
+/* Menu top */
+.menu_ul{
+  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 */
+li.menu_li:hover {
+  background:#FF5E0E;
+}
+
+/* TD des sous menu top */
+.menu_table{
+  margin-top: 15px;
+  z-index: 20;
+}
+
+td.menu_td2{
+	background:#FFFFFF;
+	height:20px;
+	text-align:center;
+}
+td.menu_td2:hover{
+	background:#FF5E0E;
+}
+
+.myAccountLink{
+  font-size:9pt;
+}
+
+.myAccountLink:hover{
+  color: #FF5E0E;
+}
+
+input[type=text],input[type=password]
+	{
+	width:150px;
+	}
+select
+	{
+	width:155px;
+	}
+
+
+#popup {
+	background-color:#FFF;
+	position:absolute;
+	z-index:10;
+	}
+
+#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:#FF7F3F;	/*FF5E0E;*/
+  font-weight:bold;
+  white-space: nowrap;
+}
+
+.tr1{
+  background-color:#FFD8C4;
+}
+
+.tr2{
+  background-color:#FFFFFF;
+}
+
+.striped{
+  text-decoration:line-through;
+}
+
+.aLeft{
+  text-align:left;
+}
+
+.aRight{
+  text-align:right;
+}
+
+.green{
+  color:green;
+}
+
+/* .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:red;
+}
+
+.orange{
+  color:#FFA500;
+}
+
+.pointer{
+  cursor:pointer;
+}
+
+/*		Plannings				*/
+/* Calendrier, titre (Semaine ...), Boutons de droite */
+#divcalendrier {
+  margin : 10px 0 0 0;
+}
+
+.pl-validation {
+  margin: 0 0 10px 0;
+}
+
+#planning-semaine #td_boutons{
+  padding:30px;
+}
+
+}
+.pl-semaine-header{
+  text-align: left;
+  margin: 50px 0 5px 0;
+  width: 100%;
+}
+
+.pl-semaine-date{
+  font-size: 16pt;
+  font-family: bold;
+}
+
+.pl-semaine-validation{
+  margin: 10px 0 0 0;
+  position: absolute;
+  right:10px;
+}
+
+#planningTips {
+  margin: 20px 0px;
+  color: #FF5E0E;
+  font-weight: bold;
+  display: none;
+}
+
+#date_planning, #semaine_planning {
+  margin-top: 6px;
+  font-weight:bold;
+}
+
+#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, .tabsemaine1 {
+  width:100%;
+  empty-cells:show;
+}
+
+#tabsemaine1 tr{
+}
+
+#tabsemaine1 td, .tabsemaine1 td{
+  border-width : 1px;
+  border-style : outset;
+}
+
+/* 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: #7D3C25;
+  color:#FFFFFF;
+  font-size:12pt;
+  font-weight:bold;
+}
+
+/* tr_espace : permet d'ajouter un espace entre les tableaux : ex: display:block; height:20px; */
+.tr_espace{
+  display: none;
+  height:20px; 
+}
+
+#tabsemaine1 tr.tr_espace td,
+.tabsemaine1 tr.tr_espace td{
+  border: none;
+}
+
+.td_postes {
+  width:192px;
+  font-size:12pt;
+  font-weight: bold;
+}
+
+.td_obligatoire{
+  background:#00FA92;
+}
+
+.td_renfort{
+  background:#FFFFFF;
+}
+
+.cellDiv{
+}
+
+.cellSpan{
+  display:block;
+  padding:3px;
+  white-space: nowrap;
+}
+
+#afficheTableaux{
+  text-align: left;
+  margin: 2px 0 10px 0;
+}
+
+.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:Verdana;
+  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;
+}
+
+/* Configuration des tableaux */
+.tableaux-cfg {
+  display: inline-block;
+  min-width:500px;
+  width: 30%;
+  vertical-align:top;
+  padding: 0 15px;
+}
+
+
+#tab_titre{	/* planning/poste/index.php */
+  width:100%;
+  border: none;
+}
+
+/* Calendrier affiché en haut des plannings */
+#pl-calendar{
+  border:0;
+  background: #FFFFFF;
+  margin: 0 0 10px 12px;
+}
+
+#pl-calendar .ui-datepicker {
+  font-size:75%;
+}
+
+
+#pl-calendar .ui-datepicker a{
+  font-size:110%;
+}
+
+.pl-highlight {
+  background: #f0e68c;
+}
+
+/* Notes affichées en bas des plannings */
+#pl-notes-div1, .pl-notes-div1{
+  margin: 20px 0 0 0;
+  border : 1px solid #7D3C25;
+  border-radius: 5px;
+  padding: 10px;
+}
+
+#pl-notes-div2{
+  position: absolute;
+  left: 10px;
+  display: inline-block;
+  margin: 5px 0 0 0;
+  text-align: left;
+}
+
+#pl-notes-div1-validation{
+  display: inline-block;
+  width: 100%;
+  text-align: right;
+  padding: 5px 0;
+}
+
+#pl-appelDispo-sujet{
+  width: 100%;
+}
+
+#pl-appelDispo-text{
+  width: 100%;
+  height: 200px;
+}
+
+#pl-notes-text{
+  width: 100%;
+  height: 240px;
+}
+
+.empty-line,
+.hidden-table{
+  display: none;
+}
+
+.print_only
+	{
+	font-size:13px; 
+	display:none;
+	}
+
+.menu
+	{
+	background:white;
+	text-decoration:none;
+	font-size:10.0pt;
+	font-family:Verdana;
+	font-weight: bold;
+	z-index:3;
+	}
+	
+.menuRed
+	{
+	color:#FF5E0E;
+	background:white;
+	text-decoration:none;
+	font-size:10.0pt;
+	font-family:Verdana;
+	font-weight: bold;
+	z-index:3;
+	}
+
+a:hover.menuRed, a:hover.menu {
+	color:#FF5E0E;
+	font-size:10.0pt;
+}
+
+.menu2
+	{
+	color:#7D3C25;
+	background:white;
+	text-decoration:none;
+	font-size:8.0pt;
+	font-family:Verdana;
+	font-weight: bold
+	}
+	
+.menu2Red
+	{
+	color:red;
+	background:white;
+	text-decoration:none;
+	font-size:8.0pt;
+	font-family:Verdana;
+	font-weight: bold
+	}
+
+.right
+	{
+	color:#7D3C25;
+	text-decoration:none;
+	text-align:right;
+	font-size:10.0pt;
+	font-family:Verdana;
+	font-weight:normal;
+	}
+
+.text,.text_clic
+	{
+	color:#000000;
+	text-decoration:none;
+	font-size:9.0pt;
+	font-family:Verdana;
+	}
+
+.titre
+	{
+	position:absolute;
+	top:50px;
+	left:380px;
+	color:white; 
+	font-size:32.0pt;
+	font-family:Verdana;
+	}
+
+.titreSemFixe{
+  color:#7D3C25;
+  text-decoration:none;
+  font-size:10.5pt;
+  font-family:Verdana;
+  width:50%;
+  text-align:center;
+}
+
+#tab_jours{	/*	planning/poste/index.php	*/
+  margin : 5px auto 0px auto;
+  text-align:center;
+}
+
+.tr
+	{
+	color:#FFF;
+	text-decoration:none;
+	font-size:11.0pt;
+	font-family:Verdana;
+	font-weight: bold
+	}
+
+.cellule_grise {
+	text-align:center;
+	background:#FFCCB3;
+	}
+
+/*																				*/
+/*	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:20px;
+  bottom:20px;
+}
+
+/*	Messages d'informations		*/
+#messages_infos {
+	color:#FF5E0E;	
+	font-weight:bold;
+	font-size:13pt;
+}
+
+img{
+  border: none;
+}
+
+#tab_titre tr{
+  vertical-align:top;
+}
+
+#cal_ifram{	
+  width:200px;
+  height:160px;
+}
+
+#td_boutons{
+  width:25%;
+  text-align:right;
+}
+
+#validation{
+  font-size:13px;
+  margin:10px 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;
+}
+
+/* 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: 18px; }
+ul[id$="-sortable"] li span { position: absolute; 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;
+}
+
+/*	FixedColumns	*/
+.DTFC_LeftBodyLiner{
+  overflow:hidden;
+}
+
+.bg-yellow{
+  background:yellow;
+}
+
+/*	DataTables */
+.dataTable tbody tr.odd {
+  background-color:#FFD8C4;
+}
+
+.dataTable tbody tr.odd td.sorting_1,
+.dataTable tbody tr.odd td.sorting_2,
+.dataTable tbody tr.odd td.sorting_3{
+  background-color:#FFBE9D;
+}
+
+.dataTable tbody tr.even td.sorting_1,
+.dataTable tbody tr.even td.sorting_2,
+.dataTable tbody tr.even td.sorting_3{
+  background-color:#FEE7DC;
+}
+
+/*	JQuery-UI Accordion	*/
+.ui-accordion .ui-accordion-header{
+  margin-bottom: 0px;
+}
+
+/*	Agenda	*/
+#div_agenda{
+  min-height:400px;
+}
+
+#div_agenda .information{
+  display: inline-block;
+}
+
+#tab_agenda td{
+  vertical-align: top;
+}
+
+#tab_agenda td{
+  border-right : 1px outset;
+  border-bottom : 1px outset;
+  border-radius : 0 0 5px 0;
+}
+
+#div_agenda .div_date{
+  font-weight:bold;
+  text-decoration:underline;
+  margin-bottom:10px;
+  text-align:center;
+}
+
+#div_agenda ul{
+  margin-top:0px;
+  padding-left:20px;
+}
+
+#div_agenda .postes{
+  margin-top: 10px;
+}
+
+/*	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;
+}
\ No newline at end of file
diff --git a/images/add.png b/images/add.png
new file mode 100644
index 0000000..e5688bf
Binary files /dev/null and b/images/add.png differ
diff --git a/images/animated-overlay.gif b/images/animated-overlay.gif
new file mode 100644
index 0000000..d441f75
Binary files /dev/null and b/images/animated-overlay.gif differ
diff --git a/images/bg_menu.gif b/images/bg_menu.gif
new file mode 100644
index 0000000..3766efb
Binary files /dev/null and b/images/bg_menu.gif differ
diff --git a/images/bg_menu_orig.gif b/images/bg_menu_orig.gif
new file mode 100644
index 0000000..068aa88
Binary files /dev/null and b/images/bg_menu_orig.gif differ
diff --git a/images/copy.png b/images/copy.png
new file mode 100644
index 0000000..f149e5e
Binary files /dev/null and b/images/copy.png differ
diff --git a/images/drop.png b/images/drop.png
new file mode 100644
index 0000000..93f65cb
Binary files /dev/null and b/images/drop.png differ
diff --git a/images/edit.png b/images/edit.png
new file mode 100644
index 0000000..cee71be
Binary files /dev/null and b/images/edit.png differ
diff --git a/images/googlecalendar.png b/images/googlecalendar.png
new file mode 100644
index 0000000..825671e
Binary files /dev/null and b/images/googlecalendar.png differ
diff --git a/images/hide.png b/images/hide.png
new file mode 100644
index 0000000..724aaf8
Binary files /dev/null and b/images/hide.png differ
diff --git a/images/lock.png b/images/lock.png
new file mode 100644
index 0000000..64e5b4e
Binary files /dev/null and b/images/lock.png differ
diff --git a/images/logo160.png b/images/logo160.png
new file mode 100644
index 0000000..ec394ea
Binary files /dev/null and b/images/logo160.png differ
diff --git a/images/logo160_Old.png b/images/logo160_Old.png
new file mode 100644
index 0000000..4f8c597
Binary files /dev/null and b/images/logo160_Old.png differ
diff --git a/images/logo160_old2.png b/images/logo160_old2.png
new file mode 100644
index 0000000..8432b57
Binary files /dev/null and b/images/logo160_old2.png differ
diff --git a/images/logo200.png b/images/logo200.png
new file mode 100644
index 0000000..34bc50b
Binary files /dev/null and b/images/logo200.png differ
diff --git a/images/logo200_old.png b/images/logo200_old.png
new file mode 100644
index 0000000..5c1c5dc
Binary files /dev/null and b/images/logo200_old.png differ
diff --git a/images/logo200_old2.png b/images/logo200_old2.png
new file mode 100644
index 0000000..e6ac9a8
Binary files /dev/null and b/images/logo200_old2.png differ
diff --git a/images/logout.png b/images/logout.png
new file mode 100644
index 0000000..b4b4dca
Binary files /dev/null and b/images/logout.png differ
diff --git a/images/open.png b/images/open.png
new file mode 100644
index 0000000..48b5e09
Binary files /dev/null and b/images/open.png differ
diff --git a/images/printer.png b/images/printer.png
new file mode 100644
index 0000000..5aefe1b
Binary files /dev/null and b/images/printer.png differ
diff --git a/images/recurring.png b/images/recurring.png
new file mode 100644
index 0000000..28a37c4
Binary files /dev/null and b/images/recurring.png differ
diff --git a/images/refresh.png b/images/refresh.png
new file mode 100644
index 0000000..eb7475e
Binary files /dev/null and b/images/refresh.png differ
diff --git a/images/save.png b/images/save.png
new file mode 100644
index 0000000..ac12e6e
Binary files /dev/null and b/images/save.png differ
diff --git a/images/trash.png b/images/trash.png
new file mode 100644
index 0000000..208d3f6
Binary files /dev/null and b/images/trash.png differ
diff --git a/images/ui-bg_flat_75_aaaaaa_40x100.png b/images/ui-bg_flat_75_aaaaaa_40x100.png
new file mode 100644
index 0000000..d39ab23
Binary files /dev/null and b/images/ui-bg_flat_75_aaaaaa_40x100.png differ
diff --git a/images/ui-bg_glass_100_f5f0e5_1x400.png b/images/ui-bg_glass_100_f5f0e5_1x400.png
new file mode 100644
index 0000000..faf1441
Binary files /dev/null and b/images/ui-bg_glass_100_f5f0e5_1x400.png differ
diff --git a/images/ui-bg_glass_70_ede4d4_1x400.png b/images/ui-bg_glass_70_ede4d4_1x400.png
new file mode 100644
index 0000000..437530c
Binary files /dev/null and b/images/ui-bg_glass_70_ede4d4_1x400.png differ
diff --git a/images/ui-bg_highlight-hard_100_FF7F3F_1x100.png b/images/ui-bg_highlight-hard_100_FF7F3F_1x100.png
new file mode 100644
index 0000000..7c6af7e
Binary files /dev/null and b/images/ui-bg_highlight-hard_100_FF7F3F_1x100.png differ
diff --git a/images/ui-bg_highlight-hard_100_f4f0ec_1x100.png b/images/ui-bg_highlight-hard_100_f4f0ec_1x100.png
new file mode 100644
index 0000000..99ba758
Binary files /dev/null and b/images/ui-bg_highlight-hard_100_f4f0ec_1x100.png differ
diff --git a/images/ui-bg_highlight-hard_65_fdd9d0_1x100.png b/images/ui-bg_highlight-hard_65_fdd9d0_1x100.png
new file mode 100644
index 0000000..4ec2ada
Binary files /dev/null and b/images/ui-bg_highlight-hard_65_fdd9d0_1x100.png differ
diff --git a/images/ui-bg_highlight-hard_75_FF7F3F_1x100.png b/images/ui-bg_highlight-hard_75_FF7F3F_1x100.png
new file mode 100644
index 0000000..2152c38
Binary files /dev/null and b/images/ui-bg_highlight-hard_75_FF7F3F_1x100.png differ
diff --git a/images/ui-bg_highlight-hard_75_e5f5b9_1x100.png b/images/ui-bg_highlight-hard_75_e5f5b9_1x100.png
new file mode 100644
index 0000000..d3aa808
Binary files /dev/null and b/images/ui-bg_highlight-hard_75_e5f5b9_1x100.png differ
diff --git a/images/ui-bg_inset-soft_100_f4f0ec_1x100.png b/images/ui-bg_inset-soft_100_f4f0ec_1x100.png
new file mode 100644
index 0000000..e90f5f4
Binary files /dev/null and b/images/ui-bg_inset-soft_100_f4f0ec_1x100.png differ
diff --git a/images/ui-icons_FF7F3F_256x240.png b/images/ui-icons_FF7F3F_256x240.png
new file mode 100644
index 0000000..e5bf601
Binary files /dev/null and b/images/ui-icons_FF7F3F_256x240.png differ
diff --git a/images/ui-icons_cb672b_256x240.png b/images/ui-icons_cb672b_256x240.png
new file mode 100644
index 0000000..474ac94
Binary files /dev/null and b/images/ui-icons_cb672b_256x240.png differ
diff --git a/images/ui-icons_ff7519_256x240.png b/images/ui-icons_ff7519_256x240.png
new file mode 100644
index 0000000..b391afc
Binary files /dev/null and b/images/ui-icons_ff7519_256x240.png differ
diff --git a/images/ui-icons_ffffff_256x240.png b/images/ui-icons_ffffff_256x240.png
new file mode 100644
index 0000000..4f624bb
Binary files /dev/null and b/images/ui-icons_ffffff_256x240.png differ
diff --git a/images/unlock.png b/images/unlock.png
new file mode 100644
index 0000000..50bea95
Binary files /dev/null and b/images/unlock.png differ
diff --git a/jquery-ui.min.css b/jquery-ui.min.css
new file mode 100644
index 0000000..95b330a
--- /dev/null
+++ b/jquery-ui.min.css
@@ -0,0 +1,7 @@
+/*! jQuery UI - v1.10.3 - 2013-10-19
+* http://jqueryui.com
+* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=%23FF7F3F&bgTextureHeader=highlight_hard&bgImgOpacityHeader=100&borderColorHeader=%23fdaf88&fcHeader=%237D3C25&iconColorHeader=%23ffffff&bgColorContent=%23f4f0ec&bgTextureContent=inset_soft&bgImgOpacityContent=100&borderColorContent=%23e0cfc2&fcContent=%237D3C25&iconColorContent=%23cb672b&bgColorDefault=%23ede4d4&bgTextureDefault=glass&bgImgOpacityDefault=70&borderColorDefault=%23cdc3b7&fcDefault=%237D3C25&iconColorDefault=%23FF7F3F&bgColorHover=%23f5f0e5&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=%23f5ad66&fcHover=%23FF7F3F&iconColorHover=%23FF7F3F&bgColorActive=%23f4f0ec&bgTextureActive=highlight_hard&bgImgOpacityActive=100&borderColorActive=%23e0cfc2&fcActive=%23FF7F3F&iconColorActive=%23FF7F3F&bgColorHighlight=%23e5f5b9&bgTextureHighlight=highlight_hard&bgImgOpacityHighlight=75&borderColorHighlight=%23d9bb73&fcHighlight=%237D3C25&iconColorHighlight=%23cb672b&bgColorError=%23fdd9d0&bgTextureError=highlight_hard&bgImgOpacityError=65&borderColorError=%23f8893f&fcError=%23FF7F3F&iconColorError=%23ff7519&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=75&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
+
+.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Helvetica,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Helvetica,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #e0cfc2;background:#f4f0ec url(images/ui-bg_inset-soft_100_f4f0ec_1x100.png) 50% bottom repeat-x;color:#7D3C25}.ui-widget-content a{color:#7D3C25}.ui-widget-header{border:1px solid #fdaf88;background:#FF7F3F url(images/ui-bg_highlight-hard_75_FF7F3F_1x100.png) 50% 50% repeat-x;color:#7D3C25;font-weight:bold}.ui-widget-header a{color:#7D3C25}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #cdc3b7;background:#ede4d4 url(images/ui-bg_glass_70_ede4d4_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#7D3C25}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#7D3C25;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #f5ad66;background:#f5f0e5 url(images/ui-bg_glass_100_f5f0e5_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#FF7F3F}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#FF7F3F;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #e0cfc2;background:#f4f0ec url(images/ui-bg_highlight-hard_100_f4f0ec_1x100.png) 50% 50% repeat-x;font-weight:normal;color:#FF7F3F}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#FF7F3F;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #d9bb73;background:#e5f5b9 url(images/ui-bg_highlight-hard_75_e5f5b9_1x100.png) 50% top repeat-x;color:#7D3C25}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#7D3C25}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f8893f;background:#fdd9d0 url(images/ui-bg_highlight-hard_65_fdd9d0_1x100.png) 50% top repeat-x;color:#FF7F3F}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#FF7F3F}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#FF7F3F}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_cb672b_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_FF7F3F_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_FF7F3F_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_FF7F3F_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_cb672b_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_ff7519_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}.ui-widget-overlay{background:#aaa url(images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
diff --git a/print.css b/print.css
new file mode 100644
index 0000000..d82c041
--- /dev/null
+++ b/print.css
@@ -0,0 +1,66 @@
+/**
+Planning Biblio, Version 2.7.14
+Licence GNU/GPL (version 2 et au dela)
+Voir les fichiers README.md et LICENSE
+@copyright 2011-2018 Jérôme Combes
+
+Fichier : css/print.css
+Création : mai 2011
+Dernière modification : 15 novembre 2016
+@author Jérôme Combes <jerome@planningbiblio.fr>
+
+Description :
+Feuille de style pour les impressions (media=print)
+
+Incluse dans les fichiers include/header.php et setup/header.php
+*/
+
+body{
+  font-size:10pt;
+}
+
+body{
+  background:none;
+}
+
+#planning{
+	width:297mm;
+	height:210mm;
+	-webkit-transform:rotate(90deg);
+	-moz-transform:rotate(-90deg);
+	rotation:90deg;
+	position:absolute;
+	left:-40mm;
+	bottom:50mm;
+}
+#tabsemaine1 {
+	font-size:10pt;
+	white-space: nowrap;
+	}
+
+#tableau td {
+	padding-left:2mm;
+	padding-right:1mm;
+}
+
+#date_planning {
+	font-weight:bold;
+	font-size:18pt;
+	margin-bottom:5mm;
+	}
+
+#h3-Multisites{
+  font-size:16pt;
+}
+
+#validation {
+	position:absolute;
+	right:10mm;
+	top:0mm;
+	white-space: nowrap;
+	}
+	
+a, img, .noprint, .popper, .footer, .navigation, .ui-widget-header, div.ui-state-error, .menu_table, #planningTips{
+	display:none;
+	}
+