BODY 
{
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #CCCCCC;
SCROLLBAR-ARROW-COLOR: #CCCCCC; SCROLLBAR-TRACK-COLOR: #CCCCCC; SCROLLBAR-DARKSHADOW-COLOR: #CCCCCC; 
background-color: #000000; 
	padding: 0;
	margin: 0;
	font: normal 12px Verdana, sans-serif;
	color: #666666;
}

a.image { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 150px; /* largeur de l'image réactive */
     height: 94px; /* hauteur de l'image réactive */
     background-image: url(image1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
padding: 30px 0px 0px 0px;
margin: 10px 10px 10px 0px;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color: #FFFFFF;
     }
	 
a.image:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(image2.gif); /* source de l'image d'arrivée */
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color: #FFFFFF;
     } 


.encadrer{ 
float: left;
background-color: #FFFFFF; 
border: 1px solid #CCCCCC;
padding: 5px 5px 5px 5px;
margin: 10px 10px 10px 0px;

	}

a.pagenav
{
	display: block;
	margin: 0 0 4px 0;
	border-left: solid 8px #EBEAEA;
	border-bottom: solid 1px #EBEAEA;
	padding: 0 0 0 2px;
	font-size: 12px;
	color: #0C0505;
}

a.pagenavselected
{
	display: block;
	font-weight: bold;
	margin: 0 0 4px 0;
	border-left: solid 8px #FF9900;
	border-bottom: solid 1px #FF9900;
	padding: 0 0 0 2px;
	font-size: 12px;
	color: #FF9900;
}
a.pagenav:hover
{
	border-left: solid 8px #0066CC;
	border-bottom: solid 1px #0066CC;

}
div.pagenavspacer
{
	height: 10px;
}
a
{
	text-decoration: none;
	color: #00CC00;
}
a:hover
{
	color: #0066CC;
		text-decoration: none;
		}
h1
{
	color: #DC2742;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 0;
}

default
{font-size: 12px; color: #666666;	font-family: Arial, Helvetica, sans-serif; line-height:17px;
}


a.bouton:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #333333;
}

a.bouton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #333333;
	text-decoration: none;
}

a.bouton:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #333333;
	text-decoration: none;

}


/* html style */

table, a img {
	border:none;
}

/* couleur des liens avec ma class lire */
a.lire {  text-decoration: none; font-size: 9px; color: #666666}
a.lire:visited   {  color: #666666}
a.lire:link   {  color: #666666}
a.lire:hover {  color: #0099CC}
a.lire:active{ color: #0099CC}

a.lire2 {  text-decoration: none; font-size: 11px; color: #FFFFFF}
a.lire2:visited   {  color: #FFFFFF}
a.lire2:link   {  color: #FFFFFF}
a.lire2:hover {  color: #0099CC}
a.lire2:active{ color: #0099CC}

a.lireTitre {  text-decoration: none; font-size: 30px; color: #FFFFFF}
a.lireTitre:visited   {  color: #FFFFFF}
a.lireTitre:link   {  color: #FFFFFF}
a.lireTitre:hover {  color: #0099CC}
a.lireTitre:active{ color: #0099CC}


		.post { width: 380px; padding: 0 0 20px 20px;  font-size: 12px; color: #666666; margin-bottom: 0px; background: url('post_bottom.gif') 0 100% no-repeat; float: left;}
		
		.post2 { width: 450px; padding: 0 0 20px 20px;  font-size: 12px; color: #666666; margin-bottom: 0px; background: url('post_bottom.gif') 0 100% no-repeat; float: left; }