/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/
.pindent{text-indent:30px}
.body {
	/*background: #F6FAFE url(../images/back1.png) top center repeat-x;*/
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	
	background-color: #3973D4;
	
	background-image:url(../photos/bg.gif);
	background-repeat: repeat-x;
	

}

#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: justify;
margin-top:10px;
margin-bottom:10px;
}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top {
background: url(../images/bgtop.png) top center no-repeat; 
width: 800px;
height: 100px;
}
#top1 {
background:url(../logo_mid/bgtop1.jpg) top center no-repeat; 
width: 800px;
height: 100px;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#content {
	background: url(../images/bgmiddle.png) center repeat-y;
	width: 767px;
	height: 100%;
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 0px;
	padding-left: 16px;
	/*background-color:#CCCCCC;*/
	float: none;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

#header {
background: url(../images/header.png) top center no-repeat; 
width: 746px;
height: 106px;
margin: 0px 0px 99px 0px;
padding: 60px 0px 0px 20px;
color: white;
font-size: 50px;
text-align: ;
}
/*                    Menu                   */
#menu {
width: 140px;
height: 100%;
margin-left: 12px;
float: left;
text-align: left;
}

#menu li a {
height: 18px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 20px;
text-decoration: none;
text-align: left;
}	
	
#menu li a:link, #menu li a:visited {
	color: navy;
	display: block;
	background:  /url(images/off.png) top center no-repeat;
	height: 18px;
	text-align: left;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
	
#menu li a:hover {
	color: blue;
	background:  /*url(images/on.png) top center no-repeat;*/
	height: 5px;
	text-align: left;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 12px;
}	

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#stuff {
	background: #f9fefd;
	width: 560px;
	margin: 0px 0px 0px 200px;
	padding-top: 70px;
	border: 2px navy;
	font-family: Arial;
	font-size: 9pt;
}

img {
border: none;
} 

/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom {
background: url(../images/bgbottom.png) bottom center no-repeat; 
width: 800px;
height: 17px;
}

/* CSS Document */
<style type="text/css">
        #monmenu {font-family: trebuchet ms, arial, tahoma, verdana, sans-serif; font-size: 90%; font-weight:bold;}
        #monmenu ul ul {display: none; position: static; margin:0px; padding: 0px; border: 0px solid #C5E0FA;}
		#monmenu ul.niveau2 {left: 0px; top: 25px;}
		/*#monmenu ul.niveau3 {left: 144px; top: -1px;}*/
        #monmenu li {list-style-type: none; position: relative ; width: 140px; /*background-color: #E0E0E0*/; padding: 0px; margin: 1px}
        #monmenu li:hover, #monmenu li.sfhover /*{background-color: #FFFF70;}*/
        #monmenu li a {text-decoration:none;}
        #monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block}
        #monmenu li.plus {background-position:right; background-image: url(illustrations/ fdroite.gif); background-repeat: no-repeat; border-bottom: 0px solid #B0B0B0;}
      </style>
	  
#wrapper #content #stuff div table tr td .{
	font-family:Arial;
}
#wrapper #content #stuff div table tr td .style28 .style28 {
	font-family: Arial;
	font-weight: normal;
	font-size: 9pt;
}
