Salut,
Arf, ce n'est pas le but du jeu mais bon, si tu cherches à comprendre pourquoi...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
body
{
margin: 10px 0 ;
padding: 0 ;
text-align: center ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background: #666666 ;
}
div#conteneur
{
width: 770px ;
margin: 0 auto ;
text-align: left ;
border: 2px solid #000000 ;
background: #fff ;
position: relative;
}
h1#header
{
height: 258px ;
margin: 0 ;
padding: 0;
background: lime ;
}
h1#header a
{
width: 400px ;
height: 70px ;
display: block ;
background: url(images/title.gif) no-repeat ;
position: relative ;
left: 350px ;
top: 15px ;
}
h1#header a span
{
display: none ;
}
ul#menu li a:hover
{
background: url(images/bg_menu.gif) repeat-x 0 0 ;
}
div#contenu
{
padding: 30px 25px 0 100px ;
background: url(images/bg_page.gif) no-repeat 15px 15px ;
}
div#contenu h2
{
padding-left: 25px ;
line-height: 25px ;
font-size: 1.4em ;
background: url(images/little.gif) no-repeat left bottom ;
color: #666666 ;
border-bottom: 1px solid #cc3333 ;
height: 1%;
}
div#contenu h3
{
margin-left: 15px ;
padding-left: 5px ;
border-bottom: 1px solid #3399FF ;
border-left: 3px solid #3399FF ;
color: #666666 ;
}
div#contenu p
{
text-align: justify ;
text-indent: 2em ;
line-height: 1.7em ;
}
div#contenu a
{
color: #cc3333 ;
}
div#contenu a:hover
{
color: #3399FF ;
}
p#footer
{
margin: 0 ;
padding-right: 10px ;
line-height: 30px ;
text-align: right ;
color: #cc3333 ;
}
pre
{
overflow: auto ;
background: #666666 ;
border: 2px solid #666666 ;
padding: 5px 0 0 5px ;
font-size: 1.2em ;
}
* html pre
{
width: 636px ;
}
pre span
{
color: #560 ;
}
pre span.comment
{
color: #b30000 ;
}
.Style1 {color: #003333}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width: 630px;
position: absolute;
text-align: left ;
top: 258px;
left: 50%;
margin-left: -315px;
height: 100%;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
a {text-decoration: none;
color: black;
color: #222;
}
</style>
</head>
<body>
<div id="conteneur">
<h1 id="header"><a href="etape5.html" title="Colored Design - Accueil"><span>Colored Design</span></a></h1>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');">Menu 1</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Sous-Menu 1.1</a></li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
<li><a href="#">Sous-Menu 1.4</a></li>
<li><a href="#">Sous-Menu 1.5</a></li>
<li><a href="#">Sous-Menu 1.6</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');">Menu 2</dt>
<dd id="smenu2">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
<li><a href="#">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.2</a></li>
<li><a href="#">Sous-Menu 3.3</a></li>
<li><a href="#">Sous-Menu 3.4</a></li>
<li><a href="#">Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>
</div>
<div id="contenu">
<h2>Avotreservice.com, socièté multi-services sur la Drôme et l'ardèche</h2>
<p>Avotreservice.com est la pour vous aider dans vos taches quotidiennes afin de vous faciliter la vie. Fort de ses competences informatiques, avotreservice.com est la pour vous accompagner dans l'installation des nouvelles technologies à domicile.A vocation principal informatique, avotreservice.com est la aussi pour vous aider dans vos travaux de bricolage, d'entretien de piscine, de jardinage et bien plus encore... Renseignez vous sur tous les services proposés en naviguant sur le site. Un besoin particulier, faites votre demande par e-mail ou par téléphone.</p>
<p>Les <strong>avantages</strong> à choisir le service à domicile: En tant que particulier,
vous bénéficiez de nombreux avantages car nous sommes agréés nationalement pour vous faire profiter de tous les avantages de la loi N2005-841du 26 juillet 2005 sur les services à la personne (dite « loi Borloo »)</p>
<p> Les principaux avantages sont les suivants :
un avantage fiscal sous la forme d'un crédit d'impôt de 50 % de votre facture
,possibilité de payer nos prestations avec des Chèques Emploi Service Universel (CESU),
nos prestations supportent une TVA réduite (5.5%)
<img src="images/cheque.jpg" alt="" width="94" height="69" align="texttop" /></p>
<h3>Je gère votre Informatique</h3>
<p>Nos services informatiques à domicile: Dépannage - Assistance - Formation
<p>Dépannage informatique (Virus,winXP/vista, Maintenance informatique : contrat annuel, ...), Installation Internet (Freebox, Livebox, Neufbox ...), Récupération de données (dépannage disque durRéparation ordinateur portable : carte mère,...), Réseau local (jeu, WiFi, partage internet..), Formation informatique (retouche photo, Internet...), Nettoyage disque dur (lenteur, espace disqueAssistance informatique : votre premier secours...), Sauvegarde de données (documents, emails....), Récupération mot de passe (winXP/Vista, BIOS.)</p>
</p>
<h3>J'entretiens votre Piscine</h3>
<p>Partez en vacances l'esprite tranquille, je viens plusieurs fois par semaine entretenir votre piscine</p>
<br>Mais aussi entretien quotidien, hivernage, mise en eau, securisation...</br>
<h3>Je Jardine et je Bricole</h3>
<p>Partez en vacances l'esprite tranquille, je viens plusieurs fois par semaine entretenir votre jardin </p>
<br>Mais aussi petits travaux d'intérieur, jardinage ( tonte, taille haie, arrosage..)</br>
<h3>Je fais vos courses</h3>
<p>Vous n'avez plus le temps de faire vos course, je suis pour regler ce probleme</p>
<h3>Et bien d'autres services encore...</h3>
<p>AVotreService.com Garde d'enfants, Cours à domicile, Esthetique & Bien Etre, Coach Sportif... </p>
<p><a href="http://avotreservice26.free.fr">Retour à la page d'accueil</a></p>
</div>
<p id="footer">Avotreservie.com N°Siret 12315845451, 135 av de xxxx 2xxxx Vxxxx, 06xxxxxxxx</p>
</div>
</div>
</body>
</html>
