MOD Remplace la font ttf par une font eot créé à l'aide de ce tutorial : http://www...

Ceci a pour unique but d'être compatible avec IE .. :(

diff --git a/css/BORGNIN0.eot b/css/BORGNIN0.eot
new file mode 100644 (file)
index 0000000..528d38e
Binary files /dev/null and b/css/BORGNIN0.eot differ

diff --git a/css/style.css b/css/style.css
index ac9933a..86de936 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -1,14 +1,14 @@
-/* coding:utf-8 */\r
-\r
-@font-face { \r
-   font-family: "Borgnine";\r
-   src: url("http://cl8.euphorik.ch/css/Borgnine.ttf")\r
-}\r
-\r
-html {\r
-   min-height: 100%;\r
-   margin-bottom: 1px;\r
-}\r
+/* coding:utf-8 */
+
+@font-face { 
+   font-family: borgnine;
+   src: url(BORGNIN0.eot)
+}
+
+html {
+   min-height: 100%;
+   margin-bottom: 1px;
+}
 body {
        margin: 0px;
        font-family: monospace;
@@ -18,24 +18,24 @@ body {
 }
 img {
        border-width: 0px;
-}\r
-a {\r
-   color: #8888ff;\r
-   text-decoration: none;\r
-}\r
-a:hover {\r
-   color: #aaaaff;   \r
-}\r
-a.externe {\r
-       padding-right: 12px;\r
-       background:transparent url(../images/lien_externe.png) no-repeat scroll right center;\r
-}\r
-th {\r
-   background-image:url(../images/fond1.png);\r
-   background-repeat:repeat;\r
-}\r
-em {\r
-   color: #ffff00;\r
+}
+a {
+   color: #8888ff;
+   text-decoration: none;
+}
+a:hover {
+   color: #aaaaff;   
+}
+a.externe {
+       padding-right: 12px;
+       background:transparent url(../images/lien_externe.png) no-repeat scroll right center;
+}
+th {
+   background-image:url(../images/fond1.png);
+   background-repeat:repeat;
+}
+em {
+   color: #ffff00;
 }
 
 #container {
@@ -58,26 +58,26 @@ em {
    background-repeat: repeat-y;
    background-position: 0px -75px;
 
-}\r
+}
        
 #titre {
    width: 580px;
    padding: 5px 10px 5px 10px;
    font-size: 20px;
    background-image: url(../images/fond1.png);
-   background-repeat: repeat;\r
-   color: #FFFF00;\r
-   font-family: "Borgnine",  monospace;
-}\r
-\r
-#titre #nbPlacesRestantes {\r
-   font-size: 11px;\r
-   float: right;\r
+   background-repeat: repeat;
+   color: #FFFF00;
+   font-family: borgnine,  monospace;
+}
+
+#titre #nbPlacesRestantes {
+   font-size: 11px;
+   float: right;
 }
 
-ul#menu {\r
+ul#menu {
    text-align: justify;
-   margin: 0px;\r
+   margin: 0px;
    padding: 3px;
    background-image: url(../images/fond3.png);
    background-repeat: repeat;
@@ -90,7 +90,7 @@ ul#menu {
    color: #6bff6b;
    text-decoration: none;
 }
-#menu a:hover,\r
+#menu a:hover,
 #menu li.courante a {
    color: #ffffff;
    background-color: #00d000;
@@ -115,7 +115,7 @@ ul#menu {
    margin-top: 2px;
 }
 #contenu ul {
-   margin-top: 2px;\r
+   margin-top: 2px;
    padding-left: 23px;
 }
 #contenu .miniInfo {
@@ -132,9 +132,9 @@ ul#menu {
 }
 #contenu col#inscriptionColonneValeur {
    width: 70%;
-}\r
-#contenu #formulaireJeuxJoues .aVote {\r
-   color: #ffff00;\r
+}
+#contenu #formulaireJeuxJoues .aVote {
+   color: #ffff00;
 }
 #contenu #formulaireInscription p {
        margin-top: 1px;
@@ -155,22 +155,22 @@ ul#menu {
    float: right;
    background-image: url(../images/fond2.png);
    background-repeat: repeat;
-}\r
-#informations ul {\r
-   padding-left: 5px;\r
-}\r
-#informations li {\r
-   list-style-type: none;\r
-}\r
-#informations li:before {\r
-   content: "» ";\r
+}
+#informations ul {
+   padding-left: 5px;
+}
+#informations li {
+   list-style-type: none;
+}
+#informations li:before {
+   content: "» ";
 }
 #informations form p {
    margin-bottom: 1px;
    margin-top: 1px;
 }
 
-#pieddepage {\r
+#pieddepage {
    text-align: center;
    background-image: url(../images/fond1.png);
    background-repeat: repeat;
@@ -180,8 +180,8 @@ ul#menu {
 form input,
 form button,
 form select,
-form textarea{   \r
-   font-family: monospace;\r
+form textarea{   
+   font-family: monospace;
    font-size: 11px;
    color: #ffffff;
    background-color: transparent; 
@@ -191,7 +191,7 @@ form input:hover, form input:focus,
 form button:hover, form button:focus,
 form select:hover, form select:focus,
 form textarea:hover, form textarea:focus {
-   background-color: transparent; \r
+   background-color: transparent; 
    border: #ffff00 1px solid;
 }