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);
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;
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;
display: none;
font-size: 10px;
}
-#messageBulle p {
+#tooltipMessage p {
padding: 3px 6px;
}
form input,
form button,
form select {
+ color: #841919;
background-color: #f0df95;
border: #841919 1px solid;
}
}
/***** 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;
}