@charset "iso-8859-1";

<STYLE TYPE="text/css">

<!--

A {
color:#000000;
text-decoration:underline;
}
A:over {color:BLUE;  
text-decoration:underline;position: relative;top: 1px;left: 1px;
}
-->

body, td
{
font-family:verdana;
font-size:13px;

SCROLLBAR-FACE-COLOR: gray; SCROLLBAR-HIGHLIGHT-COLOR: white; SCROLLBAR-SHADOW-COLOR: black; SCROLLBAR-3DLIGHT-COLOR: #9B9B9B; SCROLLBAR-ARROW-COLOR: white; SCROLLBAR-TRACK-COLOR: #B8B8B8; SCROLLBAR-DARKSHADOW-COLOR: #B8B8B8
}

.hg
{
    BACKGROUND-COLOR: LIGHTGREY;
    BORDER-width:0px;
    COLOR: BLACK;
    FONT-FAMILY: verdana;
    font-size: 18px;
	PADDING-LEFT: 10px;
/*    WIDTH: 100%; */
    background-image :  url(http://charlatans.info/Images/hgblanc.gif) ;
    background-position :  top left;
    background-repeat :  no-repeat;
    border-style : solid;
    margin-bottom : 8px;
    margin-top : 8px;
    MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 0px;
}

.tableau1
{
border-left:solid 1px #99cccc;
border-right:solid 1px #99cccc;
}

.tableau2 
{
border-left:solid 1px #99cccc;
border-right:solid 1px #99cccc;
border-bottom:solid 1px #99cccc;
border-top:solid 1px #99cccc;
}

.tableau3
{
border-bottom:solid 1px #99cccc;
border-top:solid 1px #99cccc;
}
#carredroite{
width:300px;
height:250px;
margin-bottom:5px;
margin-left:25px;
margin-top:5px;
float:right;
}
#carregauche{
width:300px;
height:250px;
margin-bottom:5px;
margin-left:25px;
margin-top:5px;
float:left;
}

.imagetitre
{
width: 150px;
height: 100px;
float: left;
position: relative;
left: 150px;
}


</STYLE>