
.logo { font-family:Noir-et-Blanc; font-style:normal; font-weight:bold; font-size:20pt; color:white; border-color:rgb(153,0,51); text-align: center; }


.titre_h1 { font-family:Noir-et-Blanc; font-style:normal; font-weight:bold; text-decoration: underline;  font-size:20pt; color:white; border-color:rgb(153,0,51); }
.titre_h2 { font-family:Noir-et-Blanc; font-style:normal; font-weight:bold; font-size:13pt; text-indent:20pt; color:rgb(255,255,255); border-color:rgb(153,0,51); }
.titre_h3 { font-family:Noir-et-Blanc; font-style:normal; font-weight:bold; font-size:13pt; text-indent:40pt; color:rgb(203,201,201); border-color:rgb(153,0,51); }
.body_bg { font-family:Garamond; font-style:normal; font-size:13pt; color:rgb(255,255,255); text-align:left; border-color:rgb(153,0,51); }




body { background-image:url(BackgroundHamilcar.png); margin:0; background-repeat:repeat-y;}



#bloc_logo {
    position: absolute;
    width: 1180px;
    height: 80px;
    margin-top: 5px;
    margin-left: 30px;
    margin-right: 10px;
    padding: 5px;
    overflow: auto;
    text-align: center;
} 



#bloc_nav {
    position: absolute;
    width: 215px;
    height: 600px;
    margin-top: 63px;
    margin-left: 0px;
    padding: 5px;
    overflow: auto;
} 




#bloc_body {
    position: absolute;
    width: 810px;
    height: 690px;
    margin-top: 65px;
    margin-left: 400px;
    margin-right: 10px;
    overflow: auto;
} 





object{
position: absolute;
    width: 350px;
    height: 816px;
    margin-top: 5px;
    margin-left: 0px;
    padding: 0px;
    overflow: none;
}




#bloc_compteur {
    position: absolute;
    width: 1200px;
    height: 20px;
    margin-top: 765px;
    margin-left: 10px;
    margin-right: 10px;
    overflow: none;
} 














//inutile//

.Navlink {COLOR: #FFFFFF; TEXT-DECORATION: none; font-family: arial; font-size: 10pt; }
a:link.Navlink  {color : #FFFFFF;}
a:visited.Navlink  {color : #FFFFFF;}
a:active.Navlink  {text-decoration: none;}
a:hover.Navlink  {text-decoration: none;}

function LmOver(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#CC33FF";
elem.style.cursor = 'hand'}

function LmOut(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#FFFFFF";}

function LmDown(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#CC33FF";}

function LmUp(path)
{location.href = path;}

<table border="0" width="120" bgcolor="#000000" cellspacing="0" cellpadding="0">
<tr><td width="100%">

<table border="0" width="100%" cellspacing="1" cellpadding="1">
<tr><td width="100%" onMouseover="LmOver(this, '#FFCCFF')" onMouseout="LmOut(this, '#990033')" onMouseDown="LmDown(this, '#FFCCFF')" 
onMouseUp="LmUp('presentation.html')" bgcolor="#990033"><A HREF="presentation.html" Class="navlink">&nbsp; page de pres</a></td></tr>
<tr><td width="100%" onMouseover="LmOver(this, '#FFCCFF')" onMouseout="LmOut(this, '#990033')" onMouseDown="LmDown(this, '#FFCCFF')" 
onMouseUp="LmUp('driant1.html')" bgcolor="#990033"><A HREF="driant1.html" Class="navlink">&nbsp; pageDriant1</a></td></tr>
<tr><td width="100%" onMouseover="LmOver(this, '#FFCCFF')" onMouseout="LmOut(this, '#990033')" onMouseDown="LmDown(this, '#FFCCFF')" 
onMouseUp="LmUp('driant2.html')" bgcolor="#990033"><A HREF="driant2.html" Class="navlink">&nbsp; pageDriant2</a></td></tr>
</table>

</td></tr>
</table>
