X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=styles%2F1%2Feuphorik.css;h=7248588087f75b8028d96a093ab147e5ed2026bb;hp=0383346aaa95bb473e95e3ece025348a21cf9348;hb=cf274dbe8b2049cfb3d2116d9298bfb8c1a38d11;hpb=7892ce3f365cbb8b6cc7d7c3799e296fc5fff1a5

diff --git a/styles/1/euphorik.css b/styles/1/euphorik.css
index 0383346..7248588 100755
--- a/styles/1/euphorik.css
+++ b/styles/1/euphorik.css
@@ -22,6 +22,43 @@ 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
+}
+em.fort {
+	font-style: normal;
+	font-weight: bold
+}
+
 /***** Menu *****/
 ul#menu {
 	background-image: url(img/logo_fond.png);
@@ -136,15 +173,15 @@ div#info {
 	top: 0px;
 	background-color: #841919;
 	border-bottom: 1px solid #FFFFFF;
-	z-index: 20;
+	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;	
@@ -160,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;
@@ -208,7 +245,7 @@ div#info .boutons div:hover {
 	display: none;
 	font-size: 10px;
 }
-#messageBulle p {
+#tooltipMessage p {
 	padding: 3px 6px;
 }
 
@@ -221,6 +258,7 @@ div#info .boutons div:hover {
 form input,
 form button,
 form select {
+	color: #841919;
 	background-color: #f0df95; 
 	border: #841919 1px solid;
 }
@@ -241,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;
 }