h1 {color:blue; font-size:22pt; text-align: center; margin-left: 100px;}
h2 {color:maroon; font-size:18pt; text-align: left; margin-left: 105px;}
h3 {color:#B8860B; font-size:16pt; text-align: left; margin-left: 110px;}
h4 {color:brown; font-size:12pt; text-align: left; margin-left: 100px;}
h5 {color:black; font-size:11pt; text-align: left; margin-left: 120px;}
h6 {color:blue; font-size:10pt; text-align: left; margin-left: 1px;}
ul.image{list-style-image: url('puce.gif')}
ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}
li {font-size:10pt; color:blue;padding-top: 15px;}
li.indent {font-size:10pt; color:#2F4F4F;margin-left: 120px; margin-right: 120px;padding-top: 5px; text-align: justify; }
p  {text-align: justify; text-indent: 25px; font-size:10pt; color:#000000; margin-left: 100px; margin-right: 100px;padding-top: 15px;}
p.special {text-align: justify;color : green; font-size:12pt; border: solid red;background: silver repeat scroll 0% 0%;}
p.good {font-weight:bold;font-size:14; color: blue; }
p.entete { font-style: italic;text-transform: uppercase;text-decoration: blink;text-transform: uppercase;font-size:24;font-weight:bold; color: red;}
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {font-size:14; font-weight:bold; color: red;margin: 100px 100px 100px 0px;}
.rouge { color: blue }
<!-- float images -->
.somediv{width: 750px;clear: left;border: 0px solid gray;}
.somediv .floatbox{float: left;width: 155px;}
* html .somediv p{ /* IE 3px text-jog hack*/height: 1%;}
.somediv p{margin-top: 0;margin-left: 6px;}
<!-- end  float images -->

<!-- function displayPopup -->
function displayPopup(fichier)
{
window.open(fichier,"","width=240,height=180,left=200,top=200,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes");
}
<!-- end  function displayPopup -->

<!-- start hover over images) -->
.thumbnail{position: relative; z-index: 0;}
.thumbnail:hover{background-color: transparent; z-index: 50;}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute; background-color: lightyellow; padding: 5px; left: 0px; right:50px; border: 0px dashed gray;
visibility: hidden; color: black; text-decoration: none;}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;padding: 2px;}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible; top: 0; left: 0px; /*position where enlarged image should offset horizontally */}
<!-- end hover over images) -->
P {
	FONT-FAMILY: Verdana, "MS Reference Sans Serif", Georgia, "Trebuchet MS"
}
SPAN {
	FONT-FAMILY: Verdana, "MS Reference Sans Serif", Georgia, "Trebuchet MS"
}
DIV {
	FONT-FAMILY: Verdana, "MS Reference Sans Serif", Georgia, "Trebuchet MS"
}

TD {
	FONT-FAMILY: Verdana, "MS Reference Sans Serif", Georgia, "Trebuchet MS"
}
.style1 {
	BORDER-COLLAPSE: collapse
}
.style3 {
	FONT-WEIGHT: normal
}
.style4 {
	TEXT-ALIGN: left
}
.style5 {
	TEXT-ALIGN: center;
color: white;
}
.style152 {
	FONT-SIZE: 11pt; FONT-FAMILY: Verdana, "MS Reference Sans Serif", Georgia, "Trebuchet MS"
}
DIV#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
DIV#menu LI.plop {
	BACKGROUND: black 50% 0%
}
DIV#menu LI.mainMenu {
	PADDING-LEFT: 3px; WIDTH: 129px; TEXT-ALIGN: left
}
DIV#menu UL LI {
	FLOAT: left; WIDTH: 110%; LIST-STYLE-TYPE: none; POSITION: relative; TOP: -1px; BACKGROUND-COLOR: black
}
DIV#menu LI {
	BORDER-RIGHT: green 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: green 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: green 1px solid; WIDTH: 185px; PADDING-TOP: 0px; BORDER-BOTTOM: green 1px solid; FONT-FAMILY: Verdana, "MS Reference Sans Serif", Georgia, "Trebuchet MS"
}
DIV#menu UL UL {
	DISPLAY: none; POSITION: absolute
}
.style154 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.style155 {
	FONT-SIZE: 30pt; FONT-FAMILY: Verdana, "MS Reference Sans Serif", Georgia, "Trebuchet MS"
}
.style156 {
	MARGIN: 20px
}
.style157 {
	COLOR: #aedfff
}
.style158 {
	FONT-SIZE: 14pt; COLOR: #aedfff
}
.style159 {
	FONT-SIZE: 12pt
}
.style160 {
	FONT-FAMILY: Verdana, "MS Reference Sans Serif", Georgia, "Trebuchet MS"; TEXT-ALIGN: center
}
/* css pour la tooltip lien avec preview */
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip image preview */
#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip normal */
#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}
<!-- infobulles -->
a.info {
list-style-position: outside;
position: relative;
text-decoration: none;
color: red;
border-bottom: 1px gray dotted;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
display: list-item;
position: absolute;
top: 2em;
left: 1em;
background: silver;
text-align: left;
color: white;
padding: 2px;
}
<!-- fin infobulles -->