body, html {height : 50%}

body {
margin : 10; 
padding: 10;
font-family : arial ; 
font-size : 0.6em ;
text-align : left;
background : #2B8AF0 ;
}

/* SITE
************************************************************************/

#site {
	position : relative;
	width : 820px;
	min-height : 100%;
	background : #fff url(images/site/bg.jpg);
	background-image: url(images/site/bg.jpg);
}
 
/* Header
************************************************************************/

#header { 
position : relative ; 
width : 820px ; 
height : 330px;  
background :  url(images/site/header.png)  ;
}

/* Menu top
************************************************************************/

ul#menu {
	position : absolute;
	left :9px;
	bottom : 21px;
	list-style : none;
	margin : 0;
	padding : 0;
	width: 685px;
}

ul#menu li{
float : left ; 
padding : 0 10px ; 
}


/* MAIN
************************************************************************/

#main {
width : 820px ; 
overflow: auto;
background :  url(images/site/bg-center-2.jpg) top left no-repeat  ;
}
 
/* Présentation
************************************************************************/ 

#presentation {
width : 800px ; 
height : autopx; 
background :  url(images/site/bg-center-2.jpg) top left no-repeat  ;
color : #ADA8A4 ;
padding : 10px 0 0  0px ;  
}
 
#presentation  img {
float : none;
margin : 0 0px 0 0 ;  
}
 
#presentation  p {
padding : 0 0px 0 0 ; 
margin : 0 0 0px 0 ;  
}


/* Barre Latérale
************************************************************************/

#right-sidebar {
float : left ; 
width : 250px ; 
padding : 0 0 0 15px  ;
color : #726865 ;
}

#right-sidebar h1 {
	padding : 0;
	background  : #164D76;
	color : #fff;
}

#right-sidebar h2 {
position : relative ; 
margin : 0 0 10px 0; 
padding : 0 ; 
color : #726865 ;
font-size : 120%;
background : url(images/site/bg-h2-right.jpg) left top no-repeat;  
text-indent : 10px ; 
}

#right-sidebar h2 span  {
position : absolute ; 
right : 0; 
background : #CED0D2 ; 
}

#right-sidebar p  {
line-height : 15px ;
margin : 10px 0 15px 0 ;  
}

/* Contenu
************************************************************************/

#contenu {
float : left ; 
width : 500px ;
padding : 0 10px 100px 20px; 
}
 
#contenu img {
float : none; 
border-left : 5px solid #fff ; 
}
 
#contenu p {
margin : 7px 0 7px 0 ; 
}
 
/* Footer
************************************************************************/ 
 
#footer  {
	position : absolute;
	bottom : 0px;
	height : 82px;
	width : 100%;
	background :  url(images/site/footer.jpg) no-repeat;
	text-align : right;
	margin : 20px 0 0 0;
	left: 0px;
}
 
#footer  p  {
margin : 0 ; 
padding : 40px  100px 0 0; 
color : #FFFFFF  }

#footer  a  {
color : #FFFFFF;
text-decoration : none ;
}
 
#footer  a:hover  {
text-decoration : underline ;
}
 
/* Paragrahes, H1 et autres
************************************************************************/

h1 {
	color  : #FFF;
	font-size : 120%;
	background : #164D76;
	margin : 20px 0 5px 0;
	padding : 0;
	text-indent : 10px;
}

p.titre  {
height : 17px;
line-height : 17px; 
padding : 0 ; 
background : #E2E4E5 url(images/site/bg-sous-h1.jpg) left top no-repeat; 
margin : 0 ;  
text-indent : 10px ; 
border-bottom : 10px solid #fff ; 
font-weight : bold ; 
font-size : 120% ; 
color : #000 
}

p.comment {
padding : 0 0 20px 0;
}


a {
color : #000;
}
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:#164D76;
 }
#menu li a {
 display:block;
 width:110px;
 font-size:12px;
 color:white;
 text-decoration:none;
 padding:5px;
 }
#menu li a:hover {
 color:#2B8AF0;
 }
 #menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
#menu li ul {
 position:absolute;
 }