Version alpha_old2 2007-02-04+10:57:50 - 2007-02-21+19:05:18

7 files changed, 731 insertions, 235 deletions

diff --git a/appli_3_alpha_old/css/default.css b/appli_3_alpha_old/css/default.css
index 59b853a..806d579 100644
--- a/appli_3_alpha_old/css/default.css
+++ b/appli_3_alpha_old/css/default.css
@@ -1,240 +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;

-}

+
+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%;

+}
+.popup , .popup_creneau , .popup_personne , .popup_commentaire , .popup_fichier , .popup_new  {
 	display: none;

-	position: absolute;

-	left:0px;

-	top:0px;

-	background-image:url(../images/masque.png);

-	background-repeat:repeat;

-	z-index: 499;

+	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/appli_3_alpha_old/css/ice.css b/appli_3_alpha_old/css/ice.css
new file mode 100644
index 0000000..2328d2d
--- /dev/null
+++ b/appli_3_alpha_old/css/ice.css
@@ -0,0 +1,244 @@
+
+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(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: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;
+	float:left;
+	width:78%;
+}
+#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 , #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_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(ice_img/masque.png);
+	background-repeat:repeat;
+	z-index: 499;
+}	
\ No newline at end of file
diff --git a/appli_3_alpha_old/css/ice_img/README.txt b/appli_3_alpha_old/css/ice_img/README.txt
new file mode 100644
index 0000000..b81d613
--- /dev/null
+++ b/appli_3_alpha_old/css/ice_img/README.txt
@@ -0,0 +1 @@
+C'est ici qu'on stockera les images propre au style Ice.css
diff --git a/appli_3_alpha_old/css/ice_img/logo.png b/appli_3_alpha_old/css/ice_img/logo.png
new file mode 100644
index 0000000..a768d45
--- /dev/null
+++ b/appli_3_alpha_old/css/ice_img/logo.png
diff --git a/appli_3_alpha_old/css/ice_img/masque.png b/appli_3_alpha_old/css/ice_img/masque.png
new file mode 100644
index 0000000..45a6027
--- /dev/null
+++ b/appli_3_alpha_old/css/ice_img/masque.png
diff --git a/appli_3_alpha_old/css/ice_img/titre.png b/appli_3_alpha_old/css/ice_img/titre.png
new file mode 100644
index 0000000..d8d9ce6
--- /dev/null
+++ b/appli_3_alpha_old/css/ice_img/titre.png
diff --git a/appli_3_alpha_old/css/ice_nohelp.css b/appli_3_alpha_old/css/ice_nohelp.css
new file mode 100644
index 0000000..716ac7c
--- /dev/null
+++ b/appli_3_alpha_old/css/ice_nohelp.css
@@ -0,0 +1,251 @@
+
+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(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: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: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_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(ice_img/masque.png);
+	background-repeat:repeat;
+	z-index: 499;
+}	
+
+