Fixing the accordion

css/main.css

@@ -21,6 +21,7 @@ bleu-vert: #003948
 	bouton {cursor:pointer;}
 	a {text-decoration:none;}
 	.color0 p a, .color1 p a, #tutoriel a, .color2 b  {text-decoration:underline;}
+	#stripeTop a {color: white;}
 
 
 
@@ -35,6 +36,10 @@ bleu-vert: #003948
 	width:100%;
 	height:2em;
 	background-color: #497ED5;
+	text-align: right;
+	color: white;
+	line-height: 0.9em;
+	font-size: 0.9em;
 	}
 
 
@@ -48,6 +53,7 @@ bleu-vert: #003948
 	height: 550px;
 /* 	margin-bottom:-20px; */
 	width:80%;
+	text-align: justify;
 	} @media only screen and (min-width:1000px) {header {width: 800px;}}
 
 	header h1 {
@@ -423,4 +429,4 @@ bleu-vert: #003948
 				#tutoriel div {padding : .4em;}
 				#tutoriel #retourSite {margin-left:0em;}
 				#tutoriel .retourTuto, #tutoriel h2 {margin-left:0;}
-			}
\ No newline at end of file
+			}

js/main.js

-xmlhttp=new XMLHttpRequest();
-				//	xmlhttp.open("GET","compteur.php?timer=1",true); xmlhttp.send(null);
-
-						function cinq() {xmlhttp.open("GET","compteur.php?timer=2",true); xmlhttp.send(null);}
-					window.setTimeout(cinq,1000*60*3);
-
-						function quinze() {xmlhttp.open("GET","compteur.php?timer=3",true); xmlhttp.send(null);}
-					window.setTimeout(quinze,1000*60*12);
-
-			function home() //fonction pour revenir à l'accueil
-				{
-					window.scrollTo(0, document.getElementById("main").offsetTop);
-					document.getElementById("intros").className="visible"; //affiche les intros
-					for (var pi=0; pi<3; pi++) {
-					document.getElementById("page"+pi).className="hidden"; //cache toutes les pages
-					document.getElementById("t"+pi).className="titreOn";} //rend tous les titres actifs
-					//à rajouter&nbsp;: ferme tous les textes
-				}
-
-			function navig(numero) 	//fonction ouvrant ou fermant la page dont le numéro est reçu en parametre
-							//est appelée en cliquant sur les titres ou les boutons inclus dans les intros
-				{
-					if (document.getElementById("page"+numero).className=="hidden" ) //si la page demandée n'est pas encore ouverte
-						{
-								document.getElementById("intros").className="hidden"; //cache les intros de main
-								for (var pi=0; pi<3; pi++) {
-									document.getElementById("page"+pi).className="hidden"; //cache toutes les pages de main
-									document.getElementById("t"+pi).className="titreOff"; //rend tous les titres de main inactifs
-								}
-							document.getElementById("page"+numero).className="visible"; //affiche la page demandée
-							document.getElementById("t"+numero).className="titreOn"; //rend le titre de la page demandée actif
-						}
-					else //si la page demandée est déjà ouverte
-						{
-								document.getElementById("intros").className="visible"; //affiche les intros de main
-								for (var pi=0; pi<3; pi++) {
-									document.getElementById("page"+pi).className="hidden"; //cache toutes les pages de main
-									document.getElementById("t"+pi).className="titreOn";//rend tous les titres de main actifs
-								}
-						}
-				}
-
-			var idScroll; //id pour clear le timeOut du scroll
-			var distOnClosure; //point où le scroll doit remonter, à déterminer avant chaque scroll
-			function moveOnClosure () {window.scrollBy(0, -distOnClosure);} //fonction de déplaceent pour le scroll de fermeture des textes
-
-			function openOn(btn) 	//fonction affichant ou masquant du texte dans les pages
-							//appelée en cliquant sur un bouton dérouleur, reçu en parametre
-				{
-					if (btn.previousSibling.className=='hidden') //si le frère précédent le bouton est caché
-						{
-							btn.previousSibling.className='visible'; //le rend visible
-							btn.innerHTML="<br/>Fermer &#9650"; //change le texte du bouton
-						}
-					else //si le frère précédent le bouton est visible
-						{
-							distOnClosure=btn.previousSibling.offsetHeight //fixe la distance devant être scrollée
-							clearTimeout (idScroll); //clear le timeOut du précédent scroll
-							idScroll = setTimeout(moveOnClosure, 200); //scroll, avec un délai de 0.2s
-							btn.previousSibling.className='hidden'; //masque le frère
-							btn.innerHTML="<br/>Continuer &#9660;"; //change le texte du bouton
-						}
-				}
-