html, body
{
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background: url(fond.jpg) center top;
  width: 100%;
  margin:0;
  padding:0;
  text-align:center;
  color:#333333;
  font-family:Trebuchet MS, Arial, Tahoma, sans-serif;
  font-size:9pt;
}

#body 
{
  width:820px;
  height: 100%;
  margin:0 auto;
  text-align:left;
}

#contenu-body 
{  
  background: url(bg.png) repeat-y center top;
  width: 820px;
  margin: 0 auto;
  padding: 0; 
  min-height: 350px;
}

#text-body
{
 width: 780px;
 margin: 0px 30px 0px 30px;
}

#entete
{
 -moz-background-clip:border;
 -moz-background-inline-policy:continuous;
 -moz-background-origin:padding;
 background: url(header.png) no-repeat center top;
 position: relative;
 min-height:151px;	
 margin-left:auto;
 margin-right:auto;
 width:820px;
}
.bpied
{
  font-size: 7pt;
  background: url(bg.png) repeat-y center top;
  color: #FFFFFF;
  clear: both;
  margin: 0 auto;
  background: url(footer.png) no-repeat center top;
  width:820px;
  height: 200px;
  text-align: center;	
  font-size: 8pt;	
}
.gros
{
  font-size: 15px;
}
#menu
 {
 height: 40px;
 width: 100%; 
}
#onglets
{
    font : bold 11px Batang, arial, serif;
    list-style-type : none;
}
#onglets li
{
    float : left;
    height : 21px;
    background-color: #f7a73e;
    margin : 2px 2px 0 2px !important;  
    margin : 1px 2px 0 2px; 
	border: 1px;
	-moz-border-radius: 10px;
}

#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 6px;
	border: 1px solid black;
	-moz-border-radius: 10px;
}
#onglets a:hover
{
    background : #fff;
}
#onglets li ul 
{ 
        display: block;
        position: absolute; 
        width: 144px; 
        left: -199em; 
}

#onglets li:hover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto;
        margin-left: -20px;		/* Repositionnement normal */
		list-style-type : none;
        min-height: 0; /* Corrige un bug sous IE */
}

#main {
    margin-top: 50px;
	width: 530px;
}


#main p, #main h1, #main h2, #main h3, #main ol, #main ul, #main form {
	margin:10px 0pt 0pt 0pt ;
	text-align: center;
}

#main p, #menu-d p {
	text-align:justify;
}


h1 {
	font-family:Trebuchet MS;
	font-size:20pt;	
	color:#909090;
	letter-spacing:3px;
}


h2 {
	font-family:Trebuchet MS;
	font-size:16pt;	
	color:#909090;
	letter-spacing:2px;
}

h3 {
	font-family:Trebuchet MS;
	font-size:14pt;	
	color:#909090;
}

#main img {
	border:1px solid #CCC;
	padding:5px ;
}

#menu-d {
	float: right;
	width: 210px;
	padding: 0px;
	margin: 10px 0 0 0;	
	font-family:Trebuchet MS, sans-serif;
    font-size:9pt;
	color: #707070;
}


#menu-d *  {
	margin: 15px;
	clear: both;
}

#menu-d h3 {
	font-family:Trebuchet MS, sans-serif;
    font-size:14pt;
	text-align:center;
}


#menu-d ul.ul-menu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 10px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #e1e1e1;	
}

#menu-d ul.ul-menu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #e1e1e1 ;
}


* html body #menu-d ul.ul-menu li {
	height: 1%;
}


#menu-d ul.ul-menu li a {
	text-decoration: none;	
	color: #202020;				
}


#menu-d ul.ul-menu li a:hover {	
	color: #FD7719 ;
}

#menu-d ul.ul-menu ul { margin: 0 0 0 0px; padding: 5px; }
#menu-d ul.ul-menu ul li { border: none; }

.bpied p { 
	padding: 0;
	margin: 0;
}

.bpied a {
	color: #FFFFFF;
	text-decoration: none; 
}


.clear { clear: both; }


a, a:visited {
	text-decoration: none;
	background: inherit;
	color: #202020; 
}

a:hover {
	text-decoration: underline;
	background: inherit;
	color: #FD7719;
}

img {
	padding:0;
	margin:20px 10px 10px 10px;
	border:1px solid #DFDFDF;
}