Test nouvelle charte graphique

But Article

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec blandit nunc id est. Nam mauris nisi, cursus et, viverra sed, imperdiet non, massa. Phasellus non justo. Suspendisse et neque eget elit sollicitudin iaculis. Integer dignissim. Praesent ac velit. Aenean neque. Quisque sit amet magna. Aliquam et lacus ac risus vestibulum semper. Nullam non mauris. Vestibulum auctor dolor sit amet dui. Duis rhoncus justo vel sem. Suspendisse orci arcu, dignissim id, volutpat non, ultricies quis, orci. Nulla volutpat orci ut mi. Nulla facilisi. Donec ullamcorper vulputate diam. Vestibulum quis mi. Suspendisse ligula diam, eleifend quis, nonummy eu, sodales non, nunc. Pellentesque adipiscing lectus ac turpis. Donec mollis, odio at cursus venenatis, purus purus volutpat risus, et tincidunt urna velit nec leo.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec blandit nunc id est. Nam mauris nisi, cursus et, viverra sed, imperdiet non, massa. Phasellus non justo. Suspendisse et neque eget elit sollicitudin iaculis. Integer dignissim. Praesent ac velit. Aenean neque. Quisque sit amet magna. Aliquam et lacus ac risus vestibulum semper. Nullam non mauris. Vestibulum auctor dolor sit amet dui. Duis rhoncus justo vel sem. Suspendisse orci arcu, dignissim id, volutpat non, ultricies quis, orci. Nulla volutpat orci ut mi. Nulla facilisi. Donec ullamcorper vulputate diam. Vestibulum quis mi. Suspendisse ligula diam, eleifend quis, nonummy eu, sodales non, nunc. Pellentesque adipiscing lectus ac turpis. Donec mollis, odio at cursus venenatis, purus purus volutpat risus, et tincidunt urna velit nec leo.

Titre interne article h3

Charte graphique

 808080 // Gris lien pied de page

 aaa // Liens modules

 bbb

 ccc // Texte module et pied de page

 ddd // bordure gauche et haute blog

 eee // fond lien:hover test01

 fff

 666 // Couleur texte général

 f2f2f2 // fond de blog (en remplacement du pattern)

 c33 // rouge PêUR

 446D87 // bleu PêUR

Test encart code CSS:

CSS

.menuIE {
    display:none !important;
    display:block;
}

.boutonFF:hover {
    height:auto;
    cursor:pointer;
    color:#fff;
    background:#000;
 }

a.SousMenu:hover {background:#BCCCD2;}

Test code encart HTML, avec ascenceur: 

HTML

<div class="menuIE">
<a class="boutonIE" href="#nogo">Blogs
<table><tr><td>
<a class="SousMenu" href="#nogo">PêUR</a>
<a class="SousMenu" href="#nogo">Zoélie</a>
<a class="SousMenu" href="#nogo">BilboWorld</a>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
</td></tr></table>
</a>

Texte avec puce:

• volutpat orci ut mi. Nulla facilisi. Donec ullamcorper vulputate diam. Vestibulum quis mi. Suspendisse ligu nonummy eu, sodales non, nunc. Pellentesque adipiscing lectus ac turpis. Donec mollis, odio at cursus venenatis, purus purus volutpat risus, et tincidunt urna velit nec leo. lesquelles doivent pointer ces noms
• volutpat orci mollis, odio at cursus venenatis, purus purus volutpat risus, et tincidunt urna velit nec leo.
• volutpat orci ut mi. Nulla facilisi. Donec ullamcorper vulputate diam. Vestibulum quis mi. Suspendisse ligula diam, eleifend quis, nonummy eu, sodales non, nunc. Pellentesque adipiscing lectu.
• vulputate diam. Vestibulum quis mi. Suspendisse ligula diam, eleifend quis, nonummy eu, sodales non, nunc. Pellentesque adipiscing lectus ac turpis. Donec mollis, odio at cursus venenatis, purus purus volutpat risus, et tincidunt urna velit nec leo.