* {
   padding:0;
   margin:0;
}

html,body {height: 100%;}

body {background:#24489b;
	margin			: 0;
	padding			: 0;
	text-align		: center;
font-family : Arial, Helvetica, sans-serif;
font-size:100%;
}

/* the bg image provides the blue bar*/
#bg {
background : url(images/bg.jpg) repeat-y 50% 0%;
width:700px;
margin:0 auto;
}

#container {
	width:700px;
	background:transparent;
margin:0 auto;
}

#centrage {
text-align: center;	
}


h1{
font-family: arial, sans-serif ;

font-size:12pt ;
}

h2{
font-family: arial, sans-serif ;

font-size:10pt ;
}

/*this controls the top bar*/
#top {
	background : url(images/top.jpg);
	width:700px;
	height:55px;
text-align:left;
padding-left:90px;
padding-top:25px;
 voice-family: "\"}\"";
    voice-family: inherit;
    width: 610px;
}	

html>body #top {
  width:610px;
}

/*this is the left content*/
#content_one {
margin-top:20px;
width:500px;
float:right;
font-family : Arial, Helvetica, sans-serif;
font-size:80%;
}

#content_one p{
text-align:justify;
	padding:10px;
font-family : Arial, Helvetica, sans-serif;	
}

/*this is the blue bar*/
#menu { 
	float: left;
	width: 200px;
} 

#menu h2 { 
	font-size: 0.8em;
	text-align: center;
	color:#ffffff;
	padding: 0.5em 0 0 0;
}

#menu ul { 
	list-style: none;
	font-size: 10pt;
	margin-left: 15px;
	text-align: left;
	
}
#menu ul :link {
	color: #ffffff;
	text-decoration:none;
	
}

#menu ul :visited {
	color: #bba25a;
	text-decoration:none;
	
}

#menu ul :hover {
	color: #FFFF00;
	text-decoration:none;
	
}
#menu img { margin-left: 5px }
#menu a { color: #ffffff; }


/*footer, obviously*/
#footer {
background : url(images/footer.jpg);
	width:700px;
	height:59px;
	clear:both;
	margin:0;
	font-size:70%;
	text-align:center;
	padding-top:5px;
	color:#262C62;
}

/* this is my link, please leave if poss */
span.design {
	font-size:80%;
	color:#9a9a9a;
}

a.design {
	text-decoration:none;
	color:#9a9a9a;
}

a.design:hover {
	color:#000;
}

a.midtext {
text-decoration : none;
color:#126C12;
font-weight:bold;
}