MOD french -> english (5)

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

diff --git a/styles/1/euphorik.css b/styles/1/euphorik.css
index 54aef62..7248588 100755 (executable)
--- a/styles/1/euphorik.css
+++ b/styles/1/euphorik.css
@@ -22,6 +22,34 @@ body {
        margin: 0px;
 }
 
+/***** Textile *****/
+em {
+       font-style: italic
+}
+strong {
+       font-style: normal;
+       font-weight: bold
+}
+
+/***** Une barre de progression s'affichant lors des communications entre le client et le serveur *****/
+#waitbar {
+       text-align: center;
+       height: 16px;
+       width:100%;
+       position: fixed;
+       left: 0px;
+       top: 0px;
+       z-index: 500;
+}
+#waitbar .image {
+       background-image: url(../../img/waitbar.gif);
+       margin-top: 3px;
+       margin-right: 3px;
+       float: right;
+       height: 13px;
+       width: 105px;
+}
+
 /***** Textile *****/
 em.leger {
        font-style: italic
@@ -148,12 +176,12 @@ div#info {
        z-index: 100;
        color: #f0df95
 }
-div#info div.fermer {
+div#info div.close {
        float:right;
        cursor: pointer;
        height:16px;
        width: 16px;
-       background-image: url(../../img/fermer.gif)
+       background-image: url(../../img/close.gif)
 }
 div#info #icone {
        float:left;     
@@ -169,47 +197,47 @@ div#info #icone.information {
 div#info #icone.exclamation {
        background-image: url(../../img/exclamation.gif)
 }      
-div#info .boutons {
+div#info .buttons {
        padding: 1px;
 }
-div#info .boutons div {
+div#info .buttons div {
        cursor: pointer;
        background-color: #c62929;      
        display: inline;
        padding: 0px 5px 0px 5px;
        margin: 0px 5px 0px 5px;
 }
-div#info .boutons div:hover {
+div#info .buttons div:hover {
        background-color: #e84747;      
 }
 
-/***** Les infos bulles *****/
-#flecheBulle {
+/***** The tooltips *****/
+#tooltipArrow {
        position: absolute;
        z-index: 50;
        display: none
 }
-.flecheBulleHaut {
+.tooltipArrowTop {
        background-image: url(img/fleche_bulle_haut.png);
        width: 15px;
        height: 8px;
 }
-.flecheBulleDroite {
+.tooltipArrowRight {
        background-image: url(img/fleche_bulle_droite.png);
        width: 8px;
        height: 15px;
 }
-.flecheBulleBas {
+.tooltipArrowBottom {
        background-image: url(img/fleche_bulle_bas.png);
        width: 15px;
        height: 8px;
 }
-.flecheBulleGauche {
+.tooltipArrowLeft {
        background-image: url(img/fleche_bulle_gauche.png);
        width: 8px;
        height: 15px;
 }
-#messageBulle {
+#tooltipMessage {
        position: absolute;
        z-index: 50;
        color: #ffffff;
@@ -217,7 +245,7 @@ div#info .boutons div:hover {
        display: none;
        font-size: 10px;
 }
-#messageBulle p {
+#tooltipMessage p {
        padding: 3px 6px;
 }
 
@@ -251,16 +279,16 @@ form input[readonly] {
 }
 
 /***** Les liens *****/
-.lien, a {
+.pageLink, a {
        text-decoration: underline;
        color: #c62929;
 }
-.lien {
+.pageLink {
        cursor: pointer
 }
 a:link, a:visited {
        color: #c62929;
 }
-.lien:hover, .lien:active, a:hover, a:active {
+.pageLink:hover, .pageLink:active, a:hover, a:active {
        color: #e84747;
 }