Depuis le temps que j'ai trouvé LA solution pour avoir une balise div transparente avec un PNG, même sur IE 6 (oui !), il faudrait peut-être que je l'expose.

Donc voici comment il faut faire :

Dans le header de la page html contenant la div, rentrer ce code :
<!--[if lt IE 7]>
<style>
#mondiv {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/monimage.png', sizingMethod='scale');
}
</stle>
<![endif]-->

Et dans la feuille de styles, rentrer ce code :


#mondiv {
background: url(images/monimage.png);

}

Et étrangement, ça marche !

Ca fait un moment qu'il est fini alors il faudrait peut-être que j'en parle...

Bien entendu, je ne l'ai pas réalisé entièrement ! Mon travail s'est limité au graphisme et au développement HTML/CSS. Pour le reste, ce sont les développeurs de l'agence qui s'en sont occupés (ben oui, c'est technique quand même la réservation en ligne).

L'agence dans laquelle je travaille est spécialisée dans les portails de réservations d'hôtels et ils en ont plein, tous reliés au même système de réservation en ligne. Et là, ils en voulaient un énième. Mais attention, avec un thème précis : il fallait qu'il soit spécialisé dans les réservations en Espagne. Pour que les gens qui veulent partir en Espagne tapent "hôtels Espagne" dans Google et se retrouvent sur ce site, en gros.

J'ai donc dû réaliser une maquette graphique basée sur le thème de l'Espagne. Finalement, c'était facile : du rouge et du jaune (comme dans le drapeau espagnol pour ceux qui ne verraient pas le rapport), quelques photos, le tout disposé de manière très simple comme j'ai l'habitude de le faire, et le tour était joué.

Par contre, le passage des développeurs sur le site a quelque peu modifié mon graphisme de départ. (J'utilise le verbe "modifier" pour ne pas dire "casser" voire "foutre en l'air". .. ) Mais on va dire que le travail d'équipe c'est ça. Bon, heureusement, j'ai quand même pu réparer quelques trucs après coup...

Et le résultat est ici.

Moi qui pensais qu'avec le css, les puces c'est trop bien car on peut les mettre en forme, mettre une image à la place de la puce, etc, je me suis trouvée confrontée à un problème inattendu le jour où j'ai voulu créer une liste de puces numérotées et que je voulais que mes numéros se démarquent du reste de mon texte. 
Parce que en fait, quand on fait une liste en css, et bien on ne peut pas mettre en forme la puce sans mettre en forme aussi le paragraphe qui va avec... 

Par exemple, si je fais :

li {
font-weight: bold;
color: #000CFF;
}

Et bien, la couleur et le gras ne s'appliquent pas qu'à la puce mais également à tout le pragraphe qui la suit !

Je me suis trouvée bête lorsque j'ai découvert ça ! Et si par exemple j'ai envie d'avoir mon texte en noir simple, basique, et ma puce en bleu avec une taille de police bien plus élevée ? Comment je fais ?

Et c'est sur le forum d' alsacreations.com (merci, alsacreations !) que j'ai trouvé la solution.

Il suffit de faire dans la feuille de styles :

li {
font-weight: bold;
color: #ff00ff;
}

li span {
font-weight: normal;
color: #000000;
}

Et dans mon document HTML :

Voici mon paragraphe avec puces : 
<ol><li><span>Mon premier élément de liste</span></li>
<li><span>Mon deuxième élément de liste</span></li>
</ol>

Et ainsi seuls mes numéros sont mis en forme ! Elle est pas belle la vie ?