Pas de problème.
Voici le code xhtml:
<body>
<a name="hautpage"></a>
<div id="gauche">
<a id="logo" href="http://www.touchatou-creche.com/index.html"><img src="images/interface/LogoMontagne.gif" alt="A Cruseilles, commune de Haute-Savoie, située sur l'axe Annecy-Genève,TOUCHATOU, crèche/halte-garderie parentale, est un lieu d'accueil privilégié pour votre enfant" /></a>
<ul id="menu">
<li><a accesskey="" href="http://www.touchatou-creche.com/modalitesinscription.html"><span>MODALITES<br /></span><span class="deux">d'inscription</span></a></li>
<li><a accesskey="" href="http://www.touchatou-creche.com/actualites.html">ACTUALITES</a></li>
</ul>
</div>
<div id="centre">
<div id="image"><img src="images/interface/titretouchatou.gif" alt="envol vers le jeu et l'épanouissement" title="envol vers le jeu et l'épanouissement" />
<a id="zone1" href="#" title="envol vers le jeu et l'épanouissement"></a>
<a id="zone2" href="http://www.touchatou-creche.com/index.html"><span>Après avoir découvert une facette de Touchatou, vous voulez revenir en page d'accueil, cliquez sur le mot:accueil</span></a></div><a id="accueil" href="http://www.touchatou-creche.com/index.html">accueil</a>
<div id="SommaireCase">
<h1>sommaire "Actualités"</h1>
</div>
<ul id="sommaire">
<li class="rubrique_un">Animation, sorties</li>
<li class="rubrique_lien"><a href="#projets">Projets</a></li>
<li class="rubrique_lien"><a href="#bureau">Réunions du bureau</a></li>
<li class="rubrique_lien"><a href="#presse">Revue de presse</a></li>
</ul>
<h2 class="h2print">Animations, sorties</h2>
<img class="escargot" src="images/actualites/escargot.gif" alt="" />
<ul class="rubrique">
<li>Un <span class="gras">spectacle de Noël</span> (musique et comptines à l'honneur) a lieu en fin d'année, au grand bonheur des enfants.</li>
<li>Les enfants vont, les jours où le temps le permet, s'amuser sur les <span class="gras"> jeux d'extérieurs</span> (toboggan, bascule,...) où <span class="gras"> jouer au ballon</span> sur le stade.</li>
<li>Les enfants qui seront scolarisés à la rentrée vont <span class="gras">passer une demi-journée dans leur future école</span> (dans la mesure du possible) en compagnie de l'enseignant et de la Directrice de Touchatou.</li>
</ul>
<a id="haut" href="#hautpage"><img src="images/interface/retourhautpage.jpg" alt="" /></a>
<ul id="menu_bas">
<li class="no_print"><a href="http://www.touchatou-creche.com/modalitesinscription.html">Modalités d'inscription</a></li>
<li class="print"><a href="http://www.touchatou-creche.com/actualites.html">Actualités</a></li>
</ul>
</div>
</body>
Et le CSS pour l'impression:
#gauche, #image, #accueil, #histo, #SommaireCase, #sommaire, #haut, .no_print, img {
display: none;
}
* {
background-color: white;
color: black;
font-family: "Times New Roman", Times, serif;
font-size: 11pt;
width: 190mm;
}
.print {
position: absolute;
top: 10px;
text-align: center;
list-style-type: none;
font-size: 24pt;
}
.gras {
font-weight: bold;
}
.h2print {
margin-top: 60px;
}
h2 {
padding-left: 5px;
width: 575px;
font-weight: bold;
text-transform: uppercase;
background-color: #FC3;
}
Et encore merci pour votre aide.
