Commence par mettre les scripts dans des pages externes qui seront appelés en cas de besoin (a la manière du script "light box" par exemple).
Donc le script pour ton menu en accordéon
Code
<script type="text/javascript">
<!--
function initmenuac(){
var stretchers = document.getElementsByClassName('stretcher');
var toggles = document.getElementsByClassName('menutitre');
var myAccordion = new fx.Accordion(
toggles, stretchers, {opacity: true, duration: 400}
);
}
// -->
</script>
Tu le colle dans le bloc note et tu enregistre le tout en *.js (menu.js par exemple), et en-dessous de
Code
<script type="text/javascript" src="http://www.wifeo.com/tool/js/moo.fx.js"></script>
<script type="text/javascript" src="http://www.wifeo.com/tool/js/moo.fx.pack.js"></script>
tu ajoutes <script type="text/javascript" src="http://www.wifeo.com/tool/js/menu.js"></script>
Même chose pour les style css:
Code
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
}
.cadre1 {
border-style:solid;
border-width:1px;
border-color:#FF9900;
background-color:#666666;
}
.cadre2 {
border-style:solid;
border-width:1px;
border-color: #FF9900;
background-color:#000000;
}
.cadre3 {
border-style:solid;
border-width:1px;
border-color: #FF0099;
background-color:#999999;
}
.cadrepub {
border-style:solid;
border-width:1px;
border-color: #FF9900;
background-color:#000000;
}
body,td,th {
margin: 0;
font-family: Arial;
font-size: 18px;
color: #000000;
text-align:center;
}
a:link {
text-decoration: underline;
color: #FF0099; }
a:visited {
text-decoration: underline;
color: #FF0099; }
a:hover {
text-decoration: underline;
color: #FF9900; }
a:active {
text-decoration: underline;
}
#navigation {
list-style: none;
width:225px;
border:1px hidden #FF9900; }
.menutitre {
cursor: pointer;
overflow:visible;
height:40px;
width:225px;
margin-bottom:2px;
margin-top:2px;
border:1px hidden #FF9900; background: #333333;
}
.stretcher {
background: transparent;
height: 20px;
}
-->
</style>
Tu copies le tout (sans <style type="text/css"> et </style>) dans le bloc note et tu enregistre en *.css (par exemple "style.css"). Ensuite après
Code
<LINK REL="SHORTCUT ICON" href="http://mameteo.wifeo.com/images/claircie.ico">
Tu appelles ta feuille de style avec
Code
<link href="http://www.wifeo.com/tool/style.css" rel="stylesheet" type="text/css" />
Tu peux aussi essayer de nettoyer ta feuille de style avec ce site:
http://www.cleancss.com/Voilà c'est tout des trucs comme ça. Regarde un peu sur internet il y a beaucoup de choses à ce sujet.
Essaye aussi de valider ton site, il devrait en ressortir des erreurs dont tu peux essayer d'en corriger quelques unes (c'est pas facile, mais en cherchant sur le net tu arrivera à en corriger peut être 1 ou 2).
Vince
Il faudrait prendre les gens pour des imbéciles pour le faire croire ! Ce qui n'a jamais été mon cas en l'espèce.
J'espère seulement que si les vidéos ne sont pas téléchargées, elles resteront en ligne longtemps... Beaucoup de choses sont éphémères sur le net et je n'ai aucune idée de la durée de vie des vidéos du site YouTube. Est-ce qu'il y a une date limite ?
de vos idées et liens ! 
