html, body{
 margin:0; 
 padding:0; 
 font-family: Trebuchet ms,Arial, Times, serif;
 background:#5B4F91;
 color: #0D0046;
 } 

body {
 font-size:70%
}
 h1 {
 font-size:130%;
	color: #E0DCF5;
}

h2{font-size:200%;color: #E0DCF5;}


 
#pagewidth { 
 width:800px;
 height: 451px; 
 position:absolute;
	left: 50%;
	top: 50%;
	margin-top: -225px;
	margin-left: -400px; 
} 

#accueil {
	height: 430px;
	width: 800px;
	text-align: left;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top: -215px;
	margin-left: -400px;
}
 
#bandeau{
 background:#FFF;
 position:relative; 
 height:99px; 
 width:100%;
} 


 
#contenu  {
 background: url('../images/accueil/fond_accueil.jpg') no-repeat 50% top;
 float: right; 
 display:inline; 
 position: relative; 
 width:800px; 
 height:332px;
 }
 
#bienvenue {
color : #0D0046;
}



a:link, a:visited, a:active { 
	color: #E0DCF5; 
	font-size: 8pt;
	text-decoration: underline;
	font-weight: bold ;
		}
 
a:hover {
	color: #FFF;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold ;
}


#footer{
 background:#0D0046;
 float: right;
 display:inline;
  position:relative; 
 height:20px; 
 width:800px;
 font-size:85%;
 font-family:Trebuchet ms,Arial, Times, serif;
 clear:both;
 text-align:center;
	color:#E0DCF5;
 } 
 

 
 /* commentaire */ 
:after.clearfix {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */