diff --git a/GNUmakefile b/GNUmakefile
index 590a92d..5686410 100644
--- a/GNUmakefile
+++ b/GNUmakefile
@@ -28,8 +28,8 @@
 ## configuration
 DESTINATION = porteail
 INDEX = $(DESTINATION)/index.html
-CSS_DEFAUT = bicolore_sans_menu.css
-CSS_PATCH_AJOUT_MENU = bicolore_ajout_menu.patch
+CSS_SANS_MENU = bicolore_sans_menu.css
+CSS_AVEC_MENU = bicolore_avec_menu.css
 CSS_NOM = defaut.css
 TITRE = Titre par défaut
 ACCUEIL = Accueil - $(TITRE)
@@ -39,9 +39,9 @@ MENU = $(DOSSIER_HTML)/menu.html
 INTRO = $(DOSSIER_HTML)/introduction.html
 ## utiles pour le makefile
 ifndef $(MENU)
-	dependances_css = style/$(CSS_DEFAUT)
+	dependances_css = style/$(CSS_SANS_MENU)
 else
-	dependances_css = style/$(CSS_DEFAUT) style/$(CSS_PATCH_AJOUT_MENU)
+	dependances_css = style/$(CSS_AVEC_MENU) 
 endif
 entete = $(DOSSIER_HTML)/entete.html
 enqueue = $(DOSSIER_HTML)/enqueue.html
@@ -70,15 +70,12 @@ test:
 	@test -d img || mkdir img
 	@test -d categ || mkdir categ
 	@test -d style || mkdir style
-	@$(PROG_ECHO) -e "\t…existence de la feuille de style par défaut : '$(CSS_DEFAUT)'"
-	@test -f style/$(CSS_DEFAUT) || exit
 	@$(PROG_ECHO) -e "\t…option introduction dans la page"
 	$(if $(INTRO), @test -f $(INTRO) || exit)
 	$(if $(INTRO), @$(PROG_ECHO) -e "\t\t-> activée", @$(PROG_ECHO) -e "\t\t-> désactivée")
 	@$(PROG_ECHO) -e "\t…option ajout d'un menu (vérification de l'existence)"
 	$(if $(MENU), @test -f $(MENU) || exit)
 	$(if $(MENU), @$(PROG_ECHO) -e "\t\t-> activée", @$(PROG_ECHO) -e "\t\t-> désactivée")
-	$(if $(MENU), @test -f style/$(CSS_PATCH_AJOUT_MENU) || exit)
 	@$(PROG_ECHO) -e "\t…création de la destination"
 	@test -d $(DESTINATION) || mkdir $(DESTINATION)
 	@$(PROG_ECHO) -e "\t…création du dossier image"
@@ -90,8 +87,8 @@ test:
 # création du fichier CSS
 css: $(dependances_css)
 	@$(PROG_ECHO) -e "Création du fichier CSS…"
-	@cp style/$(CSS_DEFAUT) $(DESTINATION)/$(CSS_NOM)
-	$(if $(MENU), @patch -u -p0 $(DESTINATION)/$(CSS_NOM) style/$(CSS_PATCH_AJOUT_MENU); $(PROG_ECHO) -e "\t…patch pour affichage du menu")
+	$(if $(MENU), @cp style/$(CSS_AVEC_MENU) $(DESTINATION)/$(CSS_NOM), @cp style/$(CSS_SANS_MENU) $(DESTINATION)/$(CSS_NOM))
+#	@cp style/$(CSS_DEFAUT) $(DESTINATION)/$(CSS_NOM)
 	@$(PROG_ECHO) -e "  …terminée."
 
 # création du fichier $(contenu)
diff --git a/TACHES b/TACHES
index faef822..aeccc81 100644
--- a/TACHES
+++ b/TACHES
@@ -26,8 +26,6 @@ Pour la v0.1 :
   - les dossiers résultants
   - les variables à changer pour personnaliser
   - ajouter un paragraphe LICENCE pour expliquer la licence appliquée
-- Éviter l'utilisation d'un patch pour le CSS avec/sans menu. Proposer deux variables contenant les deux versions du fichier CSS.
-
 
 FAITES :
 ---------
@@ -66,3 +64,4 @@ le cas
 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
+- Éviter l'utilisation d'un patch pour le CSS avec/sans menu. Proposer deux variables contenant les deux versions du fichier CSS.
diff --git a/style/bicolore_ajout_menu.patch b/style/bicolore_ajout_menu.patch
deleted file mode 100644
index d73d234..0000000
--- a/style/bicolore_ajout_menu.patch
+++ /dev/null
@@ -1,20 +0,0 @@
---- 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;
--margin: 0 auto;
-+margin: 0;
- padding: 0;
- height: 50px;
- width: 78%;
-@@ -79,7 +79,7 @@
- 
- div#corps {
- position: relative;
--width: 98%;
-+width: 78%;
- left: 2%;
- }
- 
diff --git a/style/bicolore_avec_menu.css b/style/bicolore_avec_menu.css
new file mode 100644
index 0000000..bd8b6c8
--- /dev/null
+++ b/style/bicolore_avec_menu.css
@@ -0,0 +1,187 @@
+html, body {
+height: 100%;
+width: 100%;
+margin: 0;
+padding: 0;
+background-color: #ffffff;
+color: #000000;
+}
+
+a:link {
+color: #6276a4;
+text-decoration: underline;
+}
+
+a:visited {
+color: #6276a4;
+}
+
+a:hover {
+background-color: #6276a4;
+color: #ffffff;
+}
+
+p {
+padding: 5px;
+}
+
+h2 {
+width: 80%;
+padding-left: 2%;
+margin-left: 1%;
+color: #000000;
+border-bottom: solid;
+border-left: solid;
+-moz-border-radius: 10px;
+border-radius: 10px;
+-webkit-border-radius: 10px;
+}
+
+h3 {
+width: 80%;
+padding-left: 3%;
+margin-left: 1%;
+color: #000000;
+border-bottom: solid;
+border-left: solid;
+-moz-border-radius: 12px;
+border-radius: 12px;
+-webkit-border-radius: 12px;
+}
+
+div#chapeau {
+position: relative;
+margin: 0;
+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 {
+margin: 0;
+padding: 0;
+height: 50px;
+line-height: 50px;
+}
+
+div#corps {
+position: relative;
+width: 78%;
+left: 2%;
+}
+
+div#corps div.ensemble_element {
+min-height: 10em;
+}
+
+div#corps div.element {
+height: 9em;
+width: 19ex;
+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;
+}
+
+div#corps div.element:hover {
+background-color: #000000;
+color: #ffffff;
+}
+
+div#corps div.element div.titre {
+height: 3em;
+margin-top: 1em;
+text-align: center;
+}
+
+div#corps div.element div.image {
+height: 48px;
+margin: 1em 0 2em 0;
+text-align: center;
+}
+
+div#corps div.element div.image img {
+border: 0;
+}
+
+div#corps div.espace {
+  clear: both;
+}
+
+div#cartable {
+position: absolute;
+height: auto;
+width: 20%;
+top: 90px;
+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%;
+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 {
+color: #aaaabb;
+text-decoration: underline;
+}
+
+div#cartable a:visited {
+color: #aaaabb;
+}
+
+div#cartable a:hover {
+background-color: #aaaabb;
+color: #223355;
+}
+
+div#soulier {
+position: relative;
+top: 5px;
+right: 5px;
+height: 20px;
+width: 98%;
+color: #000000;
+}
+
+div#soulier p {
+margin: 0;
+padding: 0;
+font-size: 10px;
+text-align: center;
+}