X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F2%2Feuphorik.css;h=4ba935273e59053ff9067497b0d2cbb0465a22b8;hp=c2d57017c42ef4832e67ff4ed15e7c7efc4a0cdb;hb=384d85d53813f191ec34860ec9c69efad8e5366e;hpb=1676c1bd20cb3e8e1b0f98d18df88c4520dcae6d

diff --git a/css/2/euphorik.css b/css/2/euphorik.css
index c2d5701..4ba9352 100755
--- a/css/2/euphorik.css
+++ b/css/2/euphorik.css
@@ -1,29 +1,28 @@
 /* coding: utf-8 */
-
+
 @import url(pageMinichat.css);
-@import url(pageAdmin.css);
+@import url(pageAdmin.css);
 @import url(pageProfileRegister.css);
 @import url(pageAbout.css);
-
-* {
-	padding: 0px;
-	margin: 0px;
-}
-
-body {
-   font-family: sans-serif;
+
+* {
+	padding: 0px;
+	margin: 0px;
+}
+
+body {
+   font-family: monospace;
    font-size: 12px;
-   color: #EEEEEE;
-   background-color: #DFDFDF;
-   background-image: url(../../img/css2/fond.png)
-}
-
+   color: #EEEEEE;
+   background-color: #DFDFDF;
+   background-image: url(../../img/css2/fond.png)
+}
+
 #container {
-   position: relative;
-   height: auto;
-   margin-left: 10px;
-   margin-right: 10px;
-   margin-top: 40px;
+   height: auto;
+   margin-left: 10px;
+   margin-right: 10px;
+   margin-top: 40px;
 }
 
 /***** Menu *****/
@@ -54,13 +53,12 @@ ul#menu {
 	position: absolute;
 	z-index: 10;
 	left: 600px;	
-	top:0px;
+	top:40px;
 	font-size: 9px;
 }
 
 /***** Le style du contenu des pages *****/
 #page {
-   position: relative;
    font-size: 12px;
    background-color: #000000;
    padding: 10px 10px 15px 10px;
@@ -106,9 +104,9 @@ ul#menu {
    width: 253px;
    height: 37px;
    position: absolute;
-   top: -20px;
+   top: 20px;
    left: 4px;
-}
+}
 
 /***** Le pied de page *****/
 #footer {
@@ -122,18 +120,18 @@ ul#menu {
 }
 #footer span{
 	margin-right: 10px;
-}
+}
 
-/***** La boite d'information (s'apparente à une MessageBox) *****/
+/***** La boite d'information (s'apparente à une MessageBox) *****/
 div#info {
-	text-align: center;
-	width:100%;
-	position: fixed;
-	left: 0px;
-	top: 0px;
+	text-align: center;
+	width:100%;
+	position: fixed;
+	left: 0px;
+	top: 0px;
 	background-color: #000000;
-	border-bottom: 1px solid #aeaeae;
-	z-index: 20;
+	border-bottom: 1px solid #aeaeae;
+	z-index: 20;
 }
 div#info div.fermer {
 	float:right;
@@ -174,10 +172,27 @@ div#info .boutons div:hover {
 #flecheBulle {
 	position: absolute;
 	z-index: 50;
+	display: none
+}
+.flecheBulleHaut {
+	background-image: url(../../img/css2/fleche_bulle_haut.png);
 	width: 15px;
 	height: 8px;
-	background-image: url(../../img/css2/fleche_bulle.png);
-	display: none
+}
+.flecheBulleDroite {
+	background-image: url(../../img/css2/fleche_bulle_droite.png);
+	width: 8px;
+	height: 15px;
+}
+.flecheBulleBas {
+	background-image: url(../../img/css2/fleche_bulle_bas.png);
+	width: 15px;
+	height: 8px;
+}
+.flecheBulleGauche {
+	background-image: url(../../img/css2/fleche_bulle_gauche.png);
+	width: 8px;
+	height: 15px;
 }
 #messageBulle {
 	position: absolute;
@@ -191,9 +206,9 @@ div#info .boutons div:hover {
 	padding: 3px 6px;
 }
 
-/***** Le faux captcha *****/
-.captcha {
-	display:none
+/***** Le faux captcha *****/
+.captcha {
+	display:none
 }
 
 /***** Les formulaires *****/
@@ -211,19 +226,22 @@ form select {
 form button {
 	font-size: 11px;
 }
+form input[readonly] {
+	background-color: #484e46
+}
 
-/***** Les liens *****/
-.lien, a {
+/***** Les liens *****/
+.lien, a {
    text-decoration: none;
-	color: #7664ff;
+	color: #7664ff;
 }
 .lien {
 	cursor: pointer;
-}
-a:link, a:visited {
-	color: #7664ff;
-}
-.lien:hover, .lien:active, a:hover, a:active {
-   color: #ffad0f;
-}
-
+}
+a:link, a:visited {
+	color: #7664ff;
+}
+.lien:hover, .lien:active, a:hover, a:active {
+   color: #ffad0f;
+}
+