margin-top: 40px;
}
+/***** Textile *****/
+em {
+ font-style: italic
+}
+strong {
+ font-style: normal;
+ font-weight: bold
+}
+
/***** Menu *****/
ul#menu {
padding-left: 300px;
border-bottom: 1px solid #aeaeae;
z-index: 20;
}
-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: #770000;
display: inline;
padding: 0px 5px 0px 5px;
margin: 0px 5px 0px 5px;
}
-div#info .boutons div:hover {
+div#info .buttons div:hover {
background-color: #bc0000;
}
-/***** Les infos bulles *****/
+/***** The tooltips *****/
#flecheBulle {
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;
}
}
/***** Les liens *****/
-.lien, a {
+.pageLink, a {
text-decoration: none;
color: #7664ff;
}
-.lien {
+.pageLink {
cursor: pointer;
}
a:link, a:visited {
color: #7664ff;
}
-.lien:hover, .lien:active, a:hover, a:active {
+.pageLink:hover, .pageLink:active, a:hover, a:active {
color: #ffad0f;
}