[AJ] Compatiblité de la feuille de style avec d'autres navigateurs

- compatibilité des bordures avec les navigateurs sous webkit
- compatibilité des ombres avec les navigateurs sous webkit
- testé avec Midori et Firefox 3.6.13

TACHES

@@ -5,7 +5,6 @@
 - permettre l'ajout d'un pied de page
 - faire une section install dans le makefile permettant d'installer dans 
 DESTDIR
-- compatibilité avec d'autres navigateurs pour le CSS -moz-border-radius et -moz-box-shadow
 - dans dossier categ on fait une somme sha1 ou md5 de tous les fichiers. On copie dans le dossier porteail. Au début du programme, on compare somme de tous les fichiers du dossier categ avec la somme contenue dans dossier porteail (s'il existe). Si les sommes sont pareilles, alors on quitte le makefile
 - faire des "which" pour les programmes utilisés (notamment pour sha1 ou md5). Quitter le makefile si dans TEST les "which" sont vides
 - créer un site internet parlant de PorteAil avec une page générée par PorteAil comportant l'ensemble des sites utilisant Porteail
@@ -64,3 +63,4 @@ le cas
 - dans le makefile s'occuper de faire une section pour les catégories contenant
 des éléments
 - ajouter des fichiers images au bon format et sous licence libre
+- compatibilité avec d'autres navigateurs pour le CSS -moz-border-radius et -moz-box-shadow

style/bicolore_ajout_menu.patch

@@ -1,6 +1,6 @@
---- bicolore_sans_menu.css	2011-02-26 14:56:15.000000000 +0100
-+++ bicolore_avec_menu.css	2011-02-26 15:03:12.000000000 +0100
-@@ -47,11 +47,12 @@
+--- bicolore_sans_menu.css	2011-03-06 22:45:57.000000000 +0100
++++ bicolore_avec_menu.css	2011-03-06 22:45:31.000000000 +0100
+@@ -51,7 +51,7 @@
  
  div#chapeau {
  position: relative;
@@ -9,12 +9,7 @@
  padding: 0;
  height: 50px;
  width: 78%;
- top: 0;
-+left: 1%;
- background-color: #000000;
- color: #ffffff;
- text-align: center;
-@@ -70,7 +71,7 @@
+@@ -79,7 +79,7 @@
  
  div#corps {
  position: relative;

style/bicolore_sans_menu.css

@@ -33,6 +33,8 @@ color: #000000;
 border-bottom: solid;
 border-left: solid;
 -moz-border-radius: 10px;
+border-radius: 10px;
+-webkit-border-radius: 10px;
 }
 
 h3 {
@@ -43,6 +45,8 @@ color: #000000;
 border-bottom: solid;
 border-left: solid;
 -moz-border-radius: 12px;
+border-radius: 12px;
+-webkit-border-radius: 12px;
 }
 
 div#chapeau {
@@ -52,13 +56,18 @@ padding: 0;
 height: 50px;
 width: 78%;
 top: 0;
+left: 1%;
 background-color: #000000;
 color: #ffffff;
 text-align: center;
 font-size: 120%;
 line-height: 15%;
 -moz-border-radius-bottomright: 25px;
+border-bottom-left-radius: 25px;
+-webkit-border-radius-bottomright: 25px;
 -moz-border-radius-bottomleft: 25px;
+border-bottom-right-radius: 25px;
+-webkit-border-radius-bottomleft: 25px;
 }
 
 div#chapeau h1 {
@@ -85,7 +94,11 @@ margin: 0 5px 10px 5px;
 float: left;
 border: thin solid #000000;
 -moz-border-radius: 15px;
+border-radius: 15px;
+-webkit-border-radius: 15px;
 -moz-box-shadow: 1px 1px 8px #000000;
+box-shadow: 1px 1px 8px #000000;
+-webkit-box-shadow: 1px 1px 8px #000000;
 overflow: hidden;
 }
 
@@ -123,16 +136,24 @@ right: 0;
 background-color: #000000;
 color: #ffffff;
 -moz-border-radius-topleft: 25px;
+border-top-left-radius: 25px;
+-webkit-border-radius-topleft: 25px;
 -moz-border-radius-bottomleft: 25px;
+border-bottom-left-radius: 25px;
+-webkit-border-radius-bottomleft: 25px;
 overflow: hidden;
 }
 
 div#cartable h3 {
 width: 90%;
-border-color: #ffffff;
-border: ;
 color: #ffffff;
 text-align: center;
+border-bottom: solid;
+border-left: solid;
+-moz-border-radius: 12px;
+border-radius: 12px;
+-webkit-border-radius: 12px;
+border-color: #ffffff;
 }
 
 div#cartable a:link {