/* classes habituelles standard */

body {
	margin: 0;
}

CAPTION { font-size: large; font-weight: bold }

H1 { font-family: arial, verdana, sans-serif; color: #990000;  font-size: 2.0em}
H2 { font-family: arial, verdana, sans-serif; color: #000080;  font-size: 1.8em }
H3 { font-family: arial, verdana, sans-serif; color: black ;  font-size: 1.6em}
H4 { font-family: arial, verdana, sans-serif; color: black;  font-size: 1.4em }
H5 { font-family: arial, verdana, sans-serif; color: #000080;  font-size: 1.2em }
H6 { font-family: arial, verdana, sans-serif; color: #000080;  font-size: 1.0em }

/* les link du site */

A:link {text-decoration: underline; color: #0000FF; line-height: 1.3em}
A:visited {text-decoration: underline; color: #000099; line-height: 1.3em}
A:active {text-decoration: underline; color: #000080; line-height: 1.3em}
A:hover {text-decoration: underline; color: red; line-height: 1.3em}

/* caractère légèrement plus grand */

.largerfont { font-size: larger;}

/* utilisé dans les tableaux pour une ligne de couleur comme separation */

hr.separator {color: #0000ff;  background-color: #0000ff;  height: 1px;}

.titre {background-color: #F0F4FB;	font-size: larger;	font-weight: bold;}

.menu_bg {
	background:url(../Images/menu_bg2.jpg) left top repeat-x;
	height: 25px;
}

.tinybutton {font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}
.tinybutton:hover {border:1px solid #bbb; background:#e3e3e3}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}