*{margin:0;padding:0;}
html{width:100,01%;}
img{border:none;}

body{font-family:Verdana, Arial, Helvetica, sans-serif;background:url(img/bg.png) top center;color:#666;font-size:10pt;line-height:1.4em;}

h1{color:#2F3192;font-size:18pt;text-align:center;margin:0 0 1em 0;}
p{margin:0 0 1em 0;color:#666;text-align:center;}

#container{width:500px;margin:0 auto;}

#logo{margin:100px 0 0 0;}

#top{width:500px;height:30px;background:url(img/top.png) top left no-repeat;}
#mid{width:440px;padding:0 30px;background:url(img/mid.png) top left repeat-y;overflow:hidden;}
 #mid table{width:440px;}
 .colonnes{width:10%;}
#bot{width:500px;height:30px;background:url(img/bot.png) top left no-repeat;}

.spacer{height:10px;}

.on{float:left;margin:0 10px 10px 0;cursor:pointer;border-bottom:1px solid #2F3192;}
.on:hover, .off:hover{text-decoration:none;}
.on{color:#2F3192;font-weight:bold;border-bottom:1px solid #F00;}
.off{color:#2F3192;}
.off{float:left;margin:0 10px 10px 0;cursor:pointer;}
.contact{ text-align:left; border:none;}