Renommage beta_accents -> final pour diffs

18 files changed, 1449 insertions, 0 deletions

diff --git a/final/app/css/default.css b/final/app/css/default.css
new file mode 100644
index 0000000..b8ecc3d
--- /dev/null
+++ b/final/app/css/default.css
@@ -0,0 +1,240 @@
+
+img { border : none ; }
+body {
+	color: #000000;
+	background-color:#F5F5DC;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	padding:0px;
+	margin:0px;
+	min-width:750px; /*Pour eviter le chevauchement pour FireFox, ne change rien pour IE (qui gere pas trop mal sans ca) */
+}
+table {
+	border-spacing:0px;
+	margin: auto;
+	padding: 0px;
+	width:98%;
+	text-align:center;
+	border: thin solid #E0E0E0;
+	border-collapse:collapse; /* Imite le cellspacing=0 et fonctionne sous IE */
+	background-color:#F7F7F7;
+}
+th {
+	border-right:none;
+	font-weight: bold;
+	color: #FFFFFF;
+	background-color: #551A8B;
+}
+td {
+	border-bottom-width: thin;
+	border-bottom-style: solid;
+	border-bottom-color: #E0E0E0;
+}
+th a:link, th a:visited {
+	font-size: x-small;
+	color: #FFFFFF;
+}
+h1 {
+	font-weight: bold;
+	color: #9999FF;
+	text-align: center;
+}
+h2 {
+	color: #5C5CFF;
+	margin: 0px;
+}
+select { width:auto; }
+/***** Titre *****/
+#titre h2 {
+	color: #551A8B;
+	margin-left:50px;
+	height:50px;
+	width:200px;
+	background-image:url(default_img/titre.png);
+	background-position:left;
+	background-repeat:no-repeat;
+	color:#FFFFFF;
+	font-size:0px;
+}
+#titre {
+	height:50px;
+	clear:left;
+	background-color:#FFFFFF;
+	background-image:url(../images/logo.png);
+	background-position:left;
+	background-repeat:no-repeat;
+}
+
+/*****************/
+/***** Menu *****/
+#menu {
+	padding:0px;
+	margin:0px;
+	width:100%;
+	height:20px;
+	background-color:#551A8B;
+}
+#menu a {
+	text-decoration:none;
+	display:block;
+	font-weight:bold;
+	text-align:center;
+	color:#FFFFFF; 
+}
+#menu a:hover {
+	color:#000000;
+	background-color:#FFFFFF;
+}
+/* Pour IE5/MAC \*/#menu a{float:none;}/**/
+#menu li {
+	list-style: none;
+	float:left;
+	padding:0;
+	margin:0;
+	width:120px;
+	white-space:nowrap;/*Evite l'étalement sur deux ligne*/
+	vertical-align:middle;
+}
+#menu #deconnection {
+	float:right;
+}
+
+#main_menu {
+
+}
+/*********************/
+/***** Sous Menu *****/
+#sous_menu {
+	clear:left;
+	padding-top:5px;
+	padding-bottom:3px;
+	padding-left:15px;
+	border-bottom:1px solid #000000;
+	background-color:#8470FF;
+}
+/* -------------- Arbre -------------------*/
+p.arbre {
+	font-size: small;
+	color: #FFFFFF;
+	text-align: left;
+	margin-top: 0px;
+	margin-right: 0px;
+	margin-bottom: 0px;
+	margin-left: 0px;
+}
+p.arbre a:link, p.arbre a:visited {color:#FFFFFF; }
+
+/*******************/
+/***** Contenu *****/
+#contenu {
+	padding-top:10px;
+	padding-bottom:20px;
+	padding-left:5px;
+	padding-right:22%;/*225px;*/ /*200 + 5*2 + 2*2 + (pour ie 5*2) */
+}
+#help {
+	text-align:justify;
+	color:#000000;
+	float:right;
+	margin:5px;
+	padding:5px;
+	border:thin solid #000000;
+	background-color:#F7F7F7;
+	font-size:small;
+	width:18%;
+}
+#help h2
+{
+	text-align:center;
+	font-size:medium;
+	color:#FFFFFF;
+	background-color:#551A8B;
+	margin-top:0;
+	margin-bottom:10px;
+}
+
+#no_help h2
+{
+	display:none;
+}
+.popup , .popup_creneau , .popup_personne , .popup_commentaire , .popup_fichier , .popup_new  {
+	display: none;
+	position: absolute;
+	left:50%;
+	top:50%;
+	border: 3px solid #000000;
+	background-color: #8470FF;
+	z-index: 500;
+	font-size: 80%;
+	text-align:center;
+}
+.popup {
+	width: 20em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -10em ;/*moitié de width */
+}
+
+.popup_creneau {
+	width: 45em;
+	height: 22em;
+	margin-top: -11em ;/*moitié de height */
+	margin-left: -22.5em ;/*moitié de width */
+}
+.popup_personne {
+	width: 45em;
+	height: 25em;
+	margin-top: -12.5em ;/*moitié de height */
+	margin-left: -22.5em ;/*moitié de width */
+}
+.popup_commentaire {
+	width: 30em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -15em ;/*moitié de width */
+}
+
+.popup_fichier {
+	width: 30em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -15em ;/*moitié de width */
+}
+
+.popup_new {
+	width: 30em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -15em ;/*moitié de width */
+}
+
+.popup h2 , .popup_creneau h2 , .popup_personne h2 , .popup_commentaire h2 , .popup_fichier h2 , .popup_new h2
+{
+	background:#551A8B;
+	color:#FFFFFF;
+	font-size:small;
+	border-bottom:inherit;
+}
+
+div.popup_contenu
+{
+	margin-top:1em;
+	vertical-align:middle;
+}
+
+.popup input , .popup_creneau input , .popup_personne input , .popup_commentaire input , .popup_fichier input , .popup_new input
+{
+	cursor:pointer;
+}
+
+#masque
+{
+	width:100%;
+	height:100%;
+	display: none;
+	position: absolute;
+	left:0px;
+	top:0px;
+	background-image:url(../images/masque.png);
+	background-repeat:repeat;
+	z-index: 499;
+}	
\ No newline at end of file
diff --git a/final/app/css/default_img/README.txt b/final/app/css/default_img/README.txt
new file mode 100644
index 0000000..fec6abf
--- /dev/null
+++ b/final/app/css/default_img/README.txt
@@ -0,0 +1 @@
+C'est ici qu'on stockera les images propre au style default.css
diff --git a/final/app/css/default_img/README.txt~ b/final/app/css/default_img/README.txt~
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/final/app/css/default_img/README.txt~
diff --git a/final/app/css/default_img/titre.png b/final/app/css/default_img/titre.png
new file mode 100644
index 0000000..d8d9ce6
--- /dev/null
+++ b/final/app/css/default_img/titre.png
diff --git a/final/app/css/ice.css b/final/app/css/ice.css
new file mode 100644
index 0000000..a60500d
--- /dev/null
+++ b/final/app/css/ice.css
@@ -0,0 +1,359 @@
+em {color:#F00;}
+img { border : none ; }
+img.spacing{ margin: 0 0.2em 0 0.2em;}
+body {
+	color: #000000;
+	background-color:#F5F5DC;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	padding:0px;
+	margin:0px;
+	min-width:750px; /*Pour eviter le chevauchement pour FireFox, ne change rien pour IE (qui gere pas trop mal sans ca) */
+}
+table {
+	border-spacing:0px;
+	margin: auto;
+	padding: 0px;
+	width:98%;
+	text-align:center;
+	border: thin solid #E0E0E0;
+	border-collapse:collapse; /* Imite le cellspacing=0 et fonctionne sous IE */
+	background-color:#F7F7F7;
+}
+
+th , thead tr  {
+	border-right:none;
+	font-weight: bold;
+	color: #FFFFFF;
+	background-color:#551A8B;
+}
+th.selected {color:#FFF;background-color:#8470FF}
+td {
+	border-bottom-width: thin;
+	border-bottom-style: solid;
+	border-bottom-color: #E0E0E0;
+}
+th a:link, th a:visited {
+	font-size: x-small;
+	color: #FFFFFF;
+}
+
+h1 {
+	font-weight: bold;
+	color: #9999FF;
+	text-align: center;
+}
+h2 {
+	color: #5C5CFF;
+	margin: 0px;
+}
+.reunion_fixee {
+	color:#bf7e00;
+}
+.reunion_en_cours {
+	color:#9fbf00;
+}
+.reunion_annulee {
+	color:#bf2000;
+}
+select { width:auto; }
+li {
+	margin-left:-20px;
+}
+/***** Titre *****/
+#titre h2 {
+	color: #551A8B;
+	margin-left:50px;
+	height:50px;
+	width:200px;
+	background-image:url(ice_img/titre.png);
+	background-position:left;
+	background-repeat:no-repeat;
+	color:#FFFFFF;
+	font-size:0px;
+}
+#titre {
+	height:50px;
+	clear:left;
+	background-color:#FFFFFF;
+	background-image:url(ice_img/logo.png);
+	background-position:left;
+	background-repeat:no-repeat;
+}
+
+/*****************/
+/***** Menu *****/
+#menu {
+	padding:0px;
+	margin:0px;
+	width:100%;
+	height:1.5em;
+	background-color:#551A8B;
+}
+#menu a {
+	text-decoration:none;
+	display:block;
+	font-weight:bold;
+	text-align:center;
+	color:#FFFFFF; 
+	height:1.5em;
+}
+#menu a:hover {
+	color:#000000;
+	background-color:#FFFFFF;
+	height:1.5em;
+}
+/* Pour IE5/MAC \*/#menu a{float:none;}/**/
+#menu li {
+	list-style: none;
+	float:left;
+	padding:0 1em;
+	width:8em;
+	white-space:nowrap;/*Evite l'étalement sur deux ligne*/
+	vertical-align:middle;
+}
+#menu #deconnection {
+	float:right;
+	padding:0 1em;
+	margin:0;
+	
+}
+#main_menu {
+
+}
+/*********************/
+/***** Sous Menu *****/
+#sous_menu {
+
+	clear:left;
+	padding-top:5px;
+	padding-bottom:3px;
+	padding-left:15px;
+	border-bottom:1px solid #000000;
+	background-color:#8470FF;
+}
+/* -------------- Arbre -------------------*/
+p.arbre {
+	font-size: small;
+	color: #FFFFFF;
+	text-align: left;
+	margin-top: 0px;
+	margin-right: 0px;
+	margin-bottom: 0px;
+	margin-left: 0px;
+}
+p.arbre a:link, p.arbre a:visited {color:#FFFFFF; }
+
+/*******************/
+/***** Contenu *****/
+#contenu {
+	padding-top:10px;
+	padding-bottom:20px;
+	padding-left:5px;
+	float:left;
+	width:78%;
+	min-height:100%;
+}
+#help {
+	text-align:left;
+	color:#000000;
+	float:right;
+	margin:5px;
+	padding:5px;
+	border:thin solid #000000;
+	background-color:#F7F7F7;
+	font-size:small;
+	width:18%;
+}
+#help a:link,#help a:hover,#help a:visited
+{
+	text-align:center;
+	font-size:small;
+	color:#8470FF;
+}
+#help h2, #help h2 a, #help h2 a:link, #help h2 a:hover, #help h2 a:visited
+{
+	text-align:center;
+	font-size:medium;
+	color:#FFFFFF;
+	background-color:#551A8B;
+	margin-top:0;
+	margin-bottom:10px;
+}
+
+#no_help, #no_help h2
+{
+	display:none;
+}
+
+
+.popup , .popup_creneau , .popup_personne , .popup_commentaire , .popup_fichier , .popup_deletelist  {
+	display: none;
+	position: absolute;
+	left:50%;
+	top:50%;
+	border: 3px solid #000000;
+	background-color: #8470FF;
+	z-index: 500;
+	font-size: 80%;
+	text-align:center;
+}
+.popup {
+	width: 20em;
+	height: 10em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -10em ;/*moitié de width */
+}
+
+.popup_creneau {
+	width: 45em;
+	height: 22em;
+	margin-top: -11em ;/*moitié de height */
+	margin-left: -22.5em ;/*moitié de width */
+}
+.popup_personne {
+	width: 45em;
+	height: 30em;
+	margin-top: -15em ;/*moitié de height */
+	margin-left: -22.5em ;/*moitié de width */
+}
+.popup_commentaire {
+	width: 30em;
+	height: 14em;
+	margin-top: -7em ;/*moitié de height */
+	margin-left: -15em ;/*moitié de width */
+}
+
+.popup_fichier {
+	width: 30em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -15em ;/*moitié de width */
+}
+.popup_deletelist {
+	width: 26em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -13em ;/*moitié de width */
+}
+
+.popup h2 , .popup_creneau h2 , .popup_personne h2 , .popup_commentaire h2 , .popup_fichier h2 , .popup_deletelist h2 
+{
+	background:#551A8B;
+	color:#FFFFFF;
+	font-size:small;
+	border-bottom:inherit;
+}
+
+div.popup_contenu
+{
+	margin-top:1em;
+	vertical-align:middle;
+}
+div.popup_contenu em
+{
+	font-size:x-small;
+	color:#FFF;
+}
+
+.popup input , .popup_creneau input , .popup_personne input , .popup_commentaire input , .popup_fichier input , .popup_deletelist input
+{
+	cursor:pointer;
+}
+
+#masque
+{
+	width:100%;
+	height:100%;
+	display: none;
+	position: absolute;
+	left:0px;
+	top:0px;
+	background-image:url(ice_img/masque.png);
+	background-repeat:repeat;
+	z-index: 499;
+}
+
+#page_accueil h1
+{
+	background:#551A8B;
+	color:#FFF;
+	margin-top:0;
+}
+
+#page_accueil 
+{
+	text-align:center;
+}
+
+#msg 
+{
+	display:none;
+	position:absolute;
+	text-align:center;
+	left:50%;
+	margin-left:-20%;
+	width:40%;
+	background-color:#551A8B;
+	top:-10px;
+	padding-top:15px;
+	padding-bottom:10px;
+	color:#FFF;
+	-moz-border-radius:16px;
+}
+#msg em
+{
+	color:#FFF;
+}
+
+
+#footer
+{
+	float:left;
+	display:block;
+	width:100%;
+	background-color:#551A8B;
+	height:30px;
+	color:#FFF;
+	font-size:x-small;
+	margin-top:20px;
+	margin-bottom:0px;
+	padding-bottom:0px;
+}
+#footer ul
+{
+	list-style-type:none;
+	white-space:nowrap;
+	margin-top:0px;
+	padding:0px;
+}
+#footer li.right {
+	display:inline;
+	float:left;
+	list-style:none;
+	white-space:nowrap;/*Evite l'étalement sur deux ligne*/
+	vertical-align:middle;
+	padding-left:10px;
+	margin-left:0px;
+}
+#footer li.center {
+	display:inline;
+	float:right;
+	list-style: none;
+	white-space:nowrap;/*Evite l'étalement sur deux ligne*/
+	vertical-align:middle;
+	padding-right:30px;
+	margin-left:0px;
+}
+#footer li.left select {
+	border:thin solid #000;
+}
+#footer li.left {
+	float:left;
+	display:inline;
+	list-style: none;
+	white-space:nowrap;/*Evite l'étalement sur deux ligne*/
+	vertical-align:middle;
+	margin-top:0px;
+	padding-left:30px;
+	margin-left:0px;
+}
diff --git a/final/app/css/ice_img/README.txt b/final/app/css/ice_img/README.txt
new file mode 100644
index 0000000..b81d613
--- /dev/null
+++ b/final/app/css/ice_img/README.txt
@@ -0,0 +1 @@
+C'est ici qu'on stockera les images propre au style Ice.css
diff --git a/final/app/css/ice_img/logo.png b/final/app/css/ice_img/logo.png
new file mode 100644
index 0000000..a768d45
--- /dev/null
+++ b/final/app/css/ice_img/logo.png
diff --git a/final/app/css/ice_img/masque.png b/final/app/css/ice_img/masque.png
new file mode 100644
index 0000000..45a6027
--- /dev/null
+++ b/final/app/css/ice_img/masque.png
diff --git a/final/app/css/ice_img/titleTable.png b/final/app/css/ice_img/titleTable.png
new file mode 100644
index 0000000..e6c02d9
--- /dev/null
+++ b/final/app/css/ice_img/titleTable.png
diff --git a/final/app/css/ice_img/titre.png b/final/app/css/ice_img/titre.png
new file mode 100644
index 0000000..d8d9ce6
--- /dev/null
+++ b/final/app/css/ice_img/titre.png
diff --git a/final/app/css/ice_moche.css b/final/app/css/ice_moche.css
new file mode 100644
index 0000000..0004b1a
--- /dev/null
+++ b/final/app/css/ice_moche.css
@@ -0,0 +1,233 @@
+img { border : none ; }
+body {
+	color: #000000;
+	background-color:#F5F5DC;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	padding:0px;
+	margin:0px;
+	min-width:750px; /*Pour eviter le chevauchement pour FireFox, ne change rien pour IE (qui gere pas trop mal sans ca) */
+}
+table {
+	border-spacing:0px;
+	margin: auto;
+	padding: 0px;
+	width:98%;
+	text-align:center;
+	border: thin solid #E0E0E0;
+	border-collapse:collapse; /* Imite le cellspacing=0 et fonctionne sous IE */
+	background-color:#F7F7F7;
+}
+th {
+	border-right:none;
+	font-weight: bold;
+	color: #FFFFFF;
+	background-color:#551A8B;
+}
+
+th.selected {color:#8470FF;}
+td {
+	border-bottom-width: thin;
+	border-bottom-style: solid;
+	border-bottom-color: #E0E0E0;
+}
+th a:link, th a:visited {
+	font-size: x-small;
+	color: #FFFFFF;
+}
+
+h1 {
+	font-weight: bold;
+	color: #9999FF;
+	text-align: center;
+}
+h2 {
+	color: #5C5CFF;
+	margin: 0px;
+}
+select { width:auto; }
+/***** Titre *****/
+#titre h2 {
+	color: #551A8B;
+	height:60px;
+	width:200px;
+	margin-left:60px;
+	padding-top:5px;
+/*	background-image:url(ice_img/titre.png);
+	background-position:left;
+	background-repeat:no-repeat;*/
+	color:#FFFFFF;
+	font-size:40px;
+
+}
+#titre {
+	height:60px;
+	padding-top:5px;
+	width:100%;
+	clear:left;
+	background-color:#551A8B;
+	background-image:url(ice_img/logo.png);
+	background-position:left;
+	background-repeat:no-repeat;
+}
+
+/*****************/
+/***** Menu *****/
+#menu {
+	padding:0px;
+	margin:0px;
+	color:#551A8B;
+	width:15em;
+	background-color:#FFFFFF;
+}
+#menu a {
+	text-decoration:none;
+	display:block;
+	font-weight:bold;
+	text-align:center;
+	color:#551A8B;
+}
+#menu a:hover {
+	color:#FFFFFF;
+	background-color:#551A8B;
+}
+/* Pour IE5/MAC \*/#menu a{float:none;}/**/
+#menu li {
+	list-style: none;
+	padding:0px;
+	margin:0px;
+	vertical-align:middle;
+}
+#menu #deconnection {
+}
+
+#main_menu {
+
+}
+/*********************/
+/***** Sous Menu *****/
+#sous_menu {
+	display:none;
+}
+
+/*******************/
+/***** Contenu *****/
+#contenu {
+	padding-top:10px;
+	padding-bottom:10px;
+	padding-right:3em;
+	padding_left:3em;
+	position:absolute;
+	top:60px;
+	left:15em;
+	
+}
+#help {
+	text-align:justify;
+	color:#000000;
+	float:left;
+	margin-top:20px;
+	margin-left:10px;
+	padding:5px;
+	border:thin solid #000000;
+	background-color:#F7F7F7;
+	font-size:small;
+	width:15em;
+}
+
+#help h2 , #help a
+{
+	text-align:center;
+	font-size:medium;
+	color:#FFFFFF;
+	background-color:#551A8B;
+	color:#FFFFFF;	
+	margin-top:0;
+	margin-bottom:10px;
+}
+#no_help, #no_help h2
+{
+	display:none;
+}
+
+
+.popup , .popup_creneau , .popup_personne , .popup_commentaire , .popup_fichier , .popup_deletelist  {
+	display: none;
+	position: absolute;
+	left:50%;
+	top:50%;
+	border: 3px solid #000000;
+	background-color: #8470FF;
+	z-index: 500;
+	font-size: 80%;
+	text-align:center;
+}
+.popup {
+	width: 20em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -10em ;/*moitié de width */
+}
+
+.popup_creneau {
+	width: 45em;
+	height: 22em;
+	margin-top: -11em ;/*moitié de height */
+	margin-left: -22.5em ;/*moitié de width */
+}
+.popup_personne {
+	width: 45em;
+	height: 30em;
+	margin-top: -15em ;/*moitié de height */
+	margin-left: -22.5em ;/*moitié de width */
+}
+.popup_commentaire {
+	width: 30em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -15em ;/*moitié de width */
+}
+
+.popup_fichier {
+	width: 30em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -15em ;/*moitié de width */
+}
+.popup_deletelist {
+	width: 26em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -13em ;/*moitié de width */
+}
+
+.popup h2 , .popup_creneau h2 , .popup_personne h2 , .popup_commentaire h2 , .popup_fichier h2 , .popup_deletelist h2 
+{
+	background:#551A8B;
+	color:#FFFFFF;
+	font-size:small;
+	border-bottom:inherit;
+}
+
+div.popup_contenu
+{
+	margin-top:1em;
+	vertical-align:middle;
+}
+
+.popup input , .popup_creneau input , .popup_personne input , .popup_commentaire input , .popup_fichier input , .popup_deletelist input
+{
+	cursor:pointer;
+}
+
+#masque
+{
+	width:100%;
+	height:100%;
+	display: none;
+	position: absolute;
+	left:0px;
+	top:0px;
+	background-image:url(ice_img/masque.png);
+	background-repeat:repeat;
+	z-index: 499;
+}
diff --git a/final/app/css/ice_moche_img/README.txt b/final/app/css/ice_moche_img/README.txt
new file mode 100644
index 0000000..b81d613
--- /dev/null
+++ b/final/app/css/ice_moche_img/README.txt
@@ -0,0 +1 @@
+C'est ici qu'on stockera les images propre au style Ice.css
diff --git a/final/app/css/ice_moche_img/logo.png b/final/app/css/ice_moche_img/logo.png
new file mode 100644
index 0000000..a768d45
--- /dev/null
+++ b/final/app/css/ice_moche_img/logo.png
diff --git a/final/app/css/ice_moche_img/masque.png b/final/app/css/ice_moche_img/masque.png
new file mode 100644
index 0000000..45a6027
--- /dev/null
+++ b/final/app/css/ice_moche_img/masque.png
diff --git a/final/app/css/ice_moche_img/titleTable.png b/final/app/css/ice_moche_img/titleTable.png
new file mode 100644
index 0000000..e6c02d9
--- /dev/null
+++ b/final/app/css/ice_moche_img/titleTable.png
diff --git a/final/app/css/ice_moche_img/titre.png b/final/app/css/ice_moche_img/titre.png
new file mode 100644
index 0000000..d8d9ce6
--- /dev/null
+++ b/final/app/css/ice_moche_img/titre.png
diff --git a/final/app/css/ice_moche_nohelp.css b/final/app/css/ice_moche_nohelp.css
new file mode 100644
index 0000000..9032594
--- /dev/null
+++ b/final/app/css/ice_moche_nohelp.css
@@ -0,0 +1,252 @@
+
+img { border : none ; }
+body {
+	color: #000000;
+	background-color:#F5F5DC;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	padding:0px;
+	margin:0px;
+	min-width:750px; /*Pour eviter le chevauchement pour FireFox, ne change rien pour IE (qui gere pas trop mal sans ca) */
+}
+table {
+	border-spacing:0px;
+	margin: auto;
+	padding: 0px;
+	width:98%;
+	text-align:center;
+	border: thin solid #E0E0E0;
+	border-collapse:collapse; /* Imite le cellspacing=0 et fonctionne sous IE */
+	background-color:#F7F7F7;
+}
+th {
+	border-right:none;
+	font-weight: bold;
+	color: #FFFFFF;
+	background-color: #551A8B;
+}
+th.selected {color:#8470FF;}
+td {
+	border-bottom-width: thin;
+	border-bottom-style: solid;
+	border-bottom-color: #E0E0E0;
+}
+th a:link, th a:visited {
+	font-size: x-small;
+	color: #FFFFFF;
+}
+h1 {
+	font-weight: bold;
+	color: #9999FF;
+	text-align: center;
+}
+h2 {
+	color: #5C5CFF;
+	margin: 0px;
+}
+select { width:auto; }
+/***** Titre *****/
+#titre h2 {
+	color: #551A8B;
+	margin-left:50px;
+	height:50px;
+	width:200px;
+	background-image:url(ice_img/titre.png);
+	background-position:left;
+	background-repeat:no-repeat;
+	color:#FFFFFF;
+	font-size:0px;
+}
+#titre {
+	height:50px;
+	clear:left;
+	background-color:#FFFFFF;
+	background-image:url(ice_img/logo.png);
+	background-position:left;
+	background-repeat:no-repeat;
+}
+
+/*****************/
+/***** Menu *****/
+#menu {
+	padding:0px;
+	margin:0px;
+	width:100%;
+	height:1.5em;
+	background-color:#551A8B;
+}
+#menu a {
+	text-decoration:none;
+	display:block;
+	font-weight:bold;
+	text-align:center;
+	color:#FFFFFF; 
+	height:1.5em;
+}
+#menu a:hover {
+	color:#000000;
+	background-color:#FFFFFF;
+	height:1.5em;
+}
+/* Pour IE5/MAC \*/#menu a{float:none;}/**/
+#menu li {
+	list-style: none;
+	float:left;
+	padding:0;
+	margin:0;
+	width:10em;
+	white-space:nowrap;/*Evite l'étalement sur deux ligne*/
+	vertical-align:middle;
+}
+#menu #deconnection {
+	float:right;
+}
+
+#main_menu {
+
+}
+/*********************/
+/***** Sous Menu *****/
+#sous_menu {
+	clear:left;
+	padding-top:5px;
+	padding-bottom:3px;
+	padding-left:15px;
+	border-bottom:1px solid #000000;
+	background-color:#8470FF;
+}
+/* -------------- Arbre -------------------*/
+p.arbre {
+	font-size: small;
+	color: #FFFFFF;
+	text-align: left;
+	margin-top: 0px;
+	margin-right: 0px;
+	margin-bottom: 0px;
+	margin-left: 0px;
+}
+p.arbre a:link, p.arbre a:visited {color:#FFFFFF; }
+
+
+/*******************/
+/***** Contenu *****/
+
+#contenu {
+	padding-top:10px;
+	padding-bottom:20px;
+	padding-left:5px;
+	padding-right:5px;
+	float:left;
+	width:95%;
+}
+#no_help {
+	display:block;
+	text-align:justify;
+	color:#000000;
+	float:right;
+	margin:0px;
+	padding:1px;
+	border:thin solid #000000;
+	background-color:#F7F7F7;
+	font-size:small;
+	width:3%;
+}
+#no_help h2 , #no_help a
+{
+	display:block;
+	text-align:center;
+	font-size:medium;
+	color:#FFFFFF;
+	background-color:#551A8B;
+	margin:0px;
+	padding:0px;
+}
+#help,#help h2
+{
+	display:none;
+}
+
+
+
+
+.popup , .popup_creneau , .popup_personne , .popup_commentaire , .popup_fichier , .popup_deletelist {
+	display: none;
+	position: absolute;
+	left:50%;
+	top:50%;
+	border: 3px solid #000000;
+	background-color: #8470FF;
+	z-index: 500;
+	font-size: 80%;
+	text-align:center;
+}
+.popup {
+	width: 20em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -10em ;/*moitié de width */
+}
+
+.popup_creneau {
+	width: 45em;
+	height: 22em;
+	margin-top: -11em ;/*moitié de height */
+	margin-left: -22.5em ;/*moitié de width */
+}
+.popup_personne {
+	width: 45em;
+	height: 30em;
+	margin-top: -15em ;/*moitié de height */
+	margin-left: -22.5em ;/*moitié de width */
+}
+.popup_commentaire {
+	width: 30em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -15em ;/*moitié de width */
+}
+
+.popup_fichier {
+	width: 30em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -15em ;/*moitié de width */
+}
+
+.popup_deletelist {
+	width: 26em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -13em ;/*moitié de width */
+}
+
+.popup h2 , .popup_creneau h2 , .popup_personne h2 , .popup_commentaire h2 , .popup_fichier h2 , .popup_deletelist h2
+{
+	background:#551A8B;
+	color:#FFFFFF;
+	font-size:small;
+	border-bottom:inherit;
+}
+
+div.popup_contenu
+{
+	margin-top:1em;
+	vertical-align:middle;
+}
+
+.popup input , .popup_creneau input , .popup_personne input , .popup_commentaire input , .popup_fichier input , .popup_deletelist input
+{
+	cursor:pointer;
+}
+
+#masque
+{
+	width:100%;
+	height:100%;
+	display: none;
+	position: absolute;
+	left:0px;
+	top:0px;
+	background-image:url(ice_img/masque.png);
+	background-repeat:repeat;
+	z-index: 499;
+}
\ No newline at end of file
diff --git a/final/app/css/ice_nohelp.css b/final/app/css/ice_nohelp.css
new file mode 100644
index 0000000..9724abd
--- /dev/null
+++ b/final/app/css/ice_nohelp.css
@@ -0,0 +1,362 @@
+em {color:#F00;}
+img { border : none ; }
+img.spacing{ margin: 0 0.5em 0 0.5em;}
+body {
+	color: #000000;
+	background-color:#F5F5DC;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	padding:0px;
+	margin:0px;
+	min-width:750px; /*Pour eviter le chevauchement pour FireFox, ne change rien pour IE (qui gere pas trop mal sans ca) */
+	height: 100%;
+}
+table {
+	border-spacing:0px;
+	margin: auto;
+	padding: 0px;
+	width:98%;
+	text-align:center;
+	border: thin solid #E0E0E0;
+	border-collapse:collapse; /* Imite le cellspacing=0 et fonctionne sous IE */
+	background-color:#F7F7F7;
+}
+th, thead tr {
+	border-right:none;
+	font-weight: bold;
+	color: #FFFFFF;
+	background-color: #551A8B;
+}
+th.selected {color:#FFF;background-color:#8470FF}
+td {
+	margin:0.5em;
+	border-bottom-width: thin;
+	border-bottom-style: solid;
+	border-bottom-color: #E0E0E0;
+}
+th a:link, th a:visited {
+	font-size: x-small;
+	color: #FFFFFF;
+}
+h1 {
+	font-weight: bold;
+	color: #9999FF;
+	text-align: center;
+}
+h2 {
+	color: #5C5CFF;
+	margin: 0px;
+}
+.reunion_fixee {
+	color:#bf7e00;
+}
+.reunion_en_cours {
+	color:#9fbf00;
+}
+.reunion_annulee {
+	color:#bf2000;
+}
+select { width:auto; }
+li {
+	margin-left:-20px;
+}
+/***** Titre *****/
+#titre h2 {
+	color: #551A8B;
+	margin-left:50px;
+	height:50px;
+	width:200px;
+	background-image:url(ice_img/titre.png);
+	background-position:left;
+	background-repeat:no-repeat;
+	color:#FFFFFF;
+	font-size:0px;
+}
+#titre {
+	height:50px;
+	clear:left;
+	background-color:#FFFFFF;
+	background-image:url(ice_img/logo.png);
+	background-position:left;
+	background-repeat:no-repeat;
+}
+
+/*****************/
+/***** Menu *****/
+#menu {
+	padding:0px;
+	margin:0px;
+	width:100%;
+	height:1.5em;
+	background-color:#551A8B;
+}
+#menu a {
+	text-decoration:none;
+	display:block;
+	font-weight:bold;
+	text-align:center;
+	color:#FFFFFF; 
+	height:1.5em;
+}
+#menu a:hover {
+	color:#000000;
+	background-color:#FFFFFF;
+	height:1.5em;
+}
+/* Pour IE5/MAC \*/#menu a{float:none;}/**/
+#menu li {
+	list-style: none;
+	float:left;
+	padding:0 1em;
+	width:8em;
+	white-space:nowrap;/*Evite l'étalement sur deux ligne*/
+	vertical-align:middle;
+}
+#menu #deconnection {
+	float:right;
+	padding:0 1em;
+	margin:0;
+	
+}
+
+#main_menu {
+
+}
+/*********************/
+/***** Sous Menu *****/
+#sous_menu {
+	clear:left;
+	padding-top:5px;
+	padding-bottom:3px;
+	padding-left:15px;
+	border-bottom:1px solid #000000;
+	background-color:#8470FF;
+}
+/* -------------- Arbre -------------------*/
+p.arbre {
+	font-size: small;
+	color: #FFFFFF;
+	text-align: left;
+	margin-top: 0px;
+	margin-right: 0px;
+	margin-bottom: 0px;
+	margin-left: 0px;
+}
+p.arbre a:link, p.arbre a:visited {color:#FFFFFF; }
+
+
+/*******************/
+/***** Contenu *****/
+
+#contenu {
+	padding-top:10px;
+	padding-bottom:20px;
+	padding-left:5px;
+	padding-right:5px;
+	float:left;
+	width:95%;
+	min-height:100%;
+}
+
+#no_help {
+	display:block;
+	text-align:justify;
+	color:#000000;
+	float:right;
+	margin:0px;
+	padding:1px;
+	border:thin solid #000000;
+	background-color:#F7F7F7;
+	font-size:small;
+	width:3%;
+}
+#no_help h2 , #no_help h2 a
+{
+	display:block;
+	text-align:center;
+	font-size:medium;
+	color:#FFFFFF;
+	background-color:#551A8B;
+	margin:0px;
+	padding:0px;
+}
+#help a:link
+{
+	text-align:center;
+	font-size:medium;
+	color:#8470FF;
+}
+#help,#help h2
+{
+	display:none;
+}
+
+
+.popup , .popup_creneau , .popup_personne , .popup_commentaire , .popup_fichier , .popup_deletelist {
+	display: none;
+	position: absolute;
+	left:50%;
+	top:50%;
+	border: 3px solid #000000;
+	background-color: #8470FF;
+	z-index: 500;
+	font-size: 80%;
+	text-align:center;
+}
+.popup {
+	width: 20em;
+	height: 10em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -10em ;/*moitié de width */
+}
+
+.popup_creneau {
+	width: 45em;
+	height: 22em;
+	margin-top: -11em ;/*moitié de height */
+	margin-left: -22.5em ;/*moitié de width */
+}
+.popup_personne {
+	width: 45em;
+	height: 30em;
+	margin-top: -15em ;/*moitié de height */
+	margin-left: -22.5em ;/*moitié de width */
+}
+.popup_commentaire {
+	width: 30em;
+	height: 14em;
+	margin-top: -7em ;/*moitié de height */
+	margin-left: -15em ;/*moitié de width */
+}
+
+.popup_fichier {
+	width: 30em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -15em ;/*moitié de width */
+}
+
+.popup_deletelist {
+	width: 26em;
+	height: 8em;
+	margin-top: -4em ;/*moitié de height */
+	margin-left: -13em ;/*moitié de width */
+}
+
+.popup h2 , .popup_creneau h2 , .popup_personne h2 , .popup_commentaire h2 , .popup_fichier h2 , .popup_deletelist h2
+{
+	background:#551A8B;
+	color:#FFFFFF;
+	font-size:small;
+	border-bottom:inherit;
+}
+
+div.popup_contenu
+{
+	margin-top:1em;
+	vertical-align:middle;
+}
+div.popup_contenu em
+{
+	font-size:x-small;
+	color:#FFF;
+}
+
+.popup input , .popup_creneau input , .popup_personne input , .popup_commentaire input , .popup_fichier input , .popup_deletelist input
+{
+	cursor:pointer;
+}
+
+#masque
+{
+	width:100%;
+	height:100%;
+	display: none;
+	position: absolute;
+	left:0px;
+	top:0px;
+	background-image:url(ice_img/masque.png);
+	background-repeat:repeat;
+	z-index: 499;
+}
+
+#page_accueil h1
+{
+	background:#551A8B;
+	color:#FFF;
+	margin-top:0;
+}
+
+#page_accueil 
+{
+	text-align:center;
+}
+
+#msg 
+{
+	display:none;
+	position:absolute;
+	text-align:center;
+	left:50%;
+	margin-left:-20%;
+	width:40%;
+	background-color:#551A8B;
+	top:-10px;
+	padding-top:15px;
+	padding-bottom:10px;
+	color:#FFF;
+	-moz-border-radius:16px;
+}
+#msg em
+{
+	color:#FFF;
+}
+
+
+#footer
+{
+	float:left;
+	display:block;
+	width:100%;
+	background-color:#551A8B;
+	height:30px;
+	color:#FFF;
+	font-size:x-small;
+	margin-top:20px;
+	margin-bottom:0px;
+	padding-bottom:0px;
+}
+#footer ul
+{
+	list-style-type:none;
+	white-space:nowrap;
+	margin-top:0px;
+	padding:0px;
+}
+#footer li.right {
+	display:inline;
+	float:left;
+	list-style:none;
+	white-space:nowrap;/*Evite l'étalement sur deux ligne*/
+	vertical-align:middle;
+	padding-left:10px;
+	margin-left:0px;
+}
+#footer li.center {
+	display:inline;
+	float:right;
+	list-style: none;
+	white-space:nowrap;/*Evite l'étalement sur deux ligne*/
+	vertical-align:middle;
+	padding-right:30px;
+	margin-left:0px;
+}
+#footer li.left {
+	float:left;
+	display:inline;
+	list-style: none;
+	white-space:nowrap;/*Evite l'étalement sur deux ligne*/
+	vertical-align:middle;
+	margin-top:0px;
+	padding-left:30px;
+	margin-left:0px;
+}