diff --git a/GNUmakefile b/GNUmakefile
index e0250db..81fdb4d 100644
--- a/GNUmakefile
+++ b/GNUmakefile
@@ -180,11 +180,18 @@ $(CONTENU_ADDR): $(CONFIG) $(GEN_CATEGORIES) $(SOURCE) $(DEFAUT_IMG_ADDR)
@$(PROG_ECHO) -e "\t\t- Dossier de destination global : $(CIBLE)"
@$(PROG_SH) $(GEN_CATEGORIES) $(CATEGORIES) $(CONTENU_ADDR) $(CATEGORIES_EXT) $(COMPOSANTS) $(ENTETE_CAT_ADDR) $(ENQUEUE_CAT_ADDR) $(ELEMENT_ADDR) $(IMAGES) $(IMAGES_CIBLE) $(DEFAUT_IMG_ADDR) $(CIBLE)
+## JAVASCRIPT
+# création du fichier html5.js
+html5.js: $(COMPOSANTS)
+ @$(PROG_ECHO) -e "Création du fichier html5.js…"
+ @$(PROG_CP) $(COMPOSANTS)/html5.js $(CIBLE)/html5.js
+ @$(PROG_ECHO) -e " …terminée."
+
## INDEX
# création de la page d'index
index: $(CONFIG) $(INDEX_ADDR) $(CSS_TOUS)
-$(INDEX_ADDR): $(CONFIG) $(INDEX_DEP) $(CONTENU_ADDR)
+$(INDEX_ADDR): $(CONFIG) $(INDEX_DEP) $(CONTENU_ADDR) html5.js
@$(PROG_ECHO) -e "Création de la page de garde…"
# entete
@$(PROG_ECHO) -e "\t…insertion de l'entête"
diff --git a/composants/entete.html b/composants/entete.html
index e6a5988..cc7affd 100644
--- a/composants/entete.html
+++ b/composants/entete.html
@@ -3,6 +3,9 @@
@@ACCUEIL_PORTEAIL@@
+
diff --git a/composants/html5.js b/composants/html5.js
new file mode 100644
index 0000000..6dd03a4
--- /dev/null
+++ b/composants/html5.js
@@ -0,0 +1,3 @@
+// html5shiv MIT @rem remysharp.com/html5-enabling-script
+// iepp v1.6.2 MIT @jon_neal iecss.com/print-protector
+/*@cc_on(function(a,b){function r(a){var b=-1;while(++b";return a.childNodes.length!==1}())){a.iepp=a.iepp||{};var c=a.iepp,d=c.html5elements||"abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",e=d.split("|"),f=e.length,g=new RegExp("(^|\\s)("+d+")","gi"),h=new RegExp("<(/*)("+d+")","gi"),i=/^\s*[\{\}]\s*$/,j=new RegExp("(^|[^\\n]*?\\s)("+d+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),k=b.createDocumentFragment(),l=b.documentElement,m=l.firstChild,n=b.createElement("body"),o=b.createElement("style"),p=/print|all/,q;c.getCSS=function(a,b){if(a+""===undefined)return"";var d=-1,e=a.length,f,g=[];while(++d
-
+
diff --git a/style/avec_menu.css b/style/avec_menu.css
index 8d372d6..d71b51a 100644
--- a/style/avec_menu.css
+++ b/style/avec_menu.css
@@ -137,7 +137,7 @@ clear: both;
}
/* MENU */
-aside#cartable {
+nav#cartable {
position: absolute;
height: auto;
width: 20%;
@@ -152,7 +152,7 @@ border-bottom-left-radius: 25px;
overflow: hidden;
}
-aside#cartable h3 {
+nav#cartable h3 {
width: 90%;
text-align: center;
border-bottom: solid;
@@ -162,14 +162,14 @@ border-radius: 12px;
-webkit-border-radius: 12px;
}
-aside#cartable a:link {
+nav#cartable a:link {
text-decoration: underline;
}
-aside#cartable a:visited {
+nav#cartable a:visited {
}
-aside#cartable a:hover {
+nav#cartable a:hover {
}
/* ENQUEUE DE PAGE */
diff --git a/style/bleu.css b/style/bleu.css
index a5d78a2..e7e20b6 100644
--- a/style/bleu.css
+++ b/style/bleu.css
@@ -46,25 +46,25 @@ color: #ffffff;
}
/* MENU */
-aside#cartable {
+nav#cartable {
background-color: #223355;
color: #ffffff;
}
-aside#cartable h3 {
+nav#cartable h3 {
color: #ffffff;
border-color: #ffffff;
}
-aside#cartable a:link {
+nav#cartable a:link {
color: #aaaabb;
}
-aside#cartable a:visited {
+nav#cartable a:visited {
color: #aaaabb;
}
-aside#cartable a:hover {
+nav#cartable a:hover {
background-color: #aaaabb;
color: #223355;
}
diff --git a/style/noir.css b/style/noir.css
index 6b4d45b..bd9d7a1 100644
--- a/style/noir.css
+++ b/style/noir.css
@@ -47,25 +47,25 @@ color: #ffffff;
}
/* MENU */
-aside#cartable {
+nav#cartable {
background-color: #000000;
color: #ffffff;
}
-aside#cartable h3 {
+nav#cartable h3 {
color: #ffffff;
border-color: #ffffff;
}
-aside#cartable a:link {
+nav#cartable a:link {
color: #aaaabb;
}
-aside#cartable a:visited {
+nav#cartable a:visited {
color: #aaaabb;
}
-aside#cartable a:hover {
+nav#cartable a:hover {
background-color: #aaaabb;
color: #223355;
}
diff --git a/style/sans_menu.css b/style/sans_menu.css
index 08d1843..fb9e650 100644
--- a/style/sans_menu.css
+++ b/style/sans_menu.css
@@ -137,7 +137,7 @@ clear: both;
}
/* MENU */
-aside#cartable {
+nav#cartable {
position: absolute;
height: auto;
width: 20%;
@@ -152,7 +152,7 @@ border-bottom-left-radius: 25px;
overflow: hidden;
}
-aside#cartable h3 {
+nav#cartable h3 {
width: 90%;
text-align: center;
border-bottom: solid;
@@ -162,14 +162,14 @@ border-radius: 12px;
-webkit-border-radius: 12px;
}
-aside#cartable a:link {
+nav#cartable a:link {
text-decoration: underline;
}
-aside#cartable a:visited {
+nav#cartable a:visited {
}
-aside#cartable a:hover {
+nav#cartable a:hover {
}
/* ENQUEUE DE PAGE */