ADD possibilité d'afficher une bulle d'aide sur un coté determiné d'une boite

[euphorik.git] / css / 1 / euphorik.css

diff --git a/css/1/euphorik.css b/css/1/euphorik.css
index 3a41bae..25b51cf 100755 (executable)
--- a/css/1/euphorik.css
+++ b/css/1/euphorik.css
@@ -18,7 +18,6 @@ body {
 }
 
 #container {
-       position: relative;
        height: auto;
        margin: 0px;
 }
@@ -60,7 +59,7 @@ ul#menu {
 #menuCss {
        position: absolute;
        z-index: 10;
-       left: 600px;    
+       left: 550px;    
        top:0px;
        font-size: 9px;
 }
@@ -100,7 +99,6 @@ ul#menu {
        margin-top: 3px;
        margin-left: 45px;
 }
-
 #logo {
        z-index: 10;
        background-image: url(../../img/css1/logo.png);
@@ -109,13 +107,24 @@ ul#menu {
        height: 129px;
        position: absolute;
 }
+#logo.ekMaster {
+       background-image: url(../../img/css1/logo_ek_master.png);
+}
 
+/***** Le pied de page *****/
 #footer {
        background-color: #e19671;
-       text-align: center;
+       text-align: right;
+       font-size: 9px;
+       padding: 2px
 }
 #footer a img{
        border-style: none;
+       vertical-align: middle;
+       margin-right: 5px;
+}
+#footer span{
+       margin-right: 10px;
 }
 
 /***** La boite d'information (s'apparente à une MessageBox) *****/
@@ -169,10 +178,27 @@ div#info .boutons div:hover {
 #flecheBulle {
        position: absolute;
        z-index: 50;
+       display: none
+}
+.flecheBulleHaut {
+       background-image: url(../../img/css1/fleche_bulle_haut.png);
        width: 15px;
        height: 8px;
-       background-image: url(../../img/css1/fleche_bulle.png);
-       display: none
+}
+.flecheBulleDroite {
+       background-image: url(../../img/css1/fleche_bulle_droite.png);
+       width: 8px;
+       height: 15px;
+}
+.flecheBulleBas {
+       background-image: url(../../img/css1/fleche_bulle_bas.png);
+       width: 15px;
+       height: 8px;
+}
+.flecheBulleGauche {
+       background-image: url(../../img/css1/fleche_bulle_gauche.png);
+       width: 8px;
+       height: 15px;
 }
 #messageBulle {
        position: absolute;
@@ -210,14 +236,21 @@ form select {
 form button {
        font-size: 11px;
 }
+form input[readonly] {
+       background-color: #d0c9aa
+}
 
 /***** Les liens *****/
-a {
+.lien, a {
        text-decoration: underline;
+       color: #c62929;
+}
+.lien {
+       cursor: pointer
 }
 a:link, a:visited {
        color: #c62929;
 }
-a:hover, a:active {
+.lien:hover, .lien:active, a:hover, a:active {
        color: #e84747;
 }