body  { 
	font-size:1em; font-family:serif;
	background-image:url("fond.jpg");
	background-repeat:repeat /* background: #803412;*/
} 

img  { border:0 } 

#ensemble  { 
	width: 100%; margin:10px auto; border:0;
	line-height:130% 
} 
            
#entete, #menu, #contenu, #pied  { 
	position:relative; width:auto;
	min-width:480px; padding:.5em;
	background-color:#feee6f; margin-left:210px;
	margin-right:210px; z-index:3 
	
} 

#entete  { 
	position:relative; padding:.5em;
	border:2px solid #803412;
	text-align:center; height:100px 
} 

#gauche, #droite  { 
	position:absolute; top:150px; width:160px;
	padding:1em ; border:2px solid #803412;
	background-color:#feee6f; z-index:1
} 

#gauche  { 

 left:10px ;
 text-align: center;
	
	
}
#droite  { 
 right:10px ;
 text-align:right;
} 

#droite li {
    margin-top: 1em;
}
 
#menu  { 
	
 margin-top:20px; 
	 margin-bottom:0px; 
	
	padding:5px; padding-bottom:10px; 
	text-align:justify;
	border:2px solid #803412; border-bottom:none;
} 

.menu {
    text-align:left;
}

.menu li {
    display: list-item;
    list-style-type: circle;
}

#menu p  { display:none } 
 
#menu ul  { 
	display:block; list-style:none outside;
	padding:0; margin:0 0 0 10px;
	font-family:Verdana, sans-serif;
	font-size:0.7em
} 
 
#menu li  { 
	padding:0; margin:0 4px 0 0;
	border-top:1px solid #cecbc6;
	border-right:1px solid #cecbc6;
	border-left:1px solid #cecbc6;
	background-color:#803412; color:#fee45d;
	font-weight:bold; /* the next 4 lines are magic */
	display:block; float:left; position:relative;
	top:-1.32em 
} 
 
#menu a:link, #menu a:visited  { 
	background-color:#803412; color:#fee45d;
	text-decoration:none; padding-left:1em;
	text-transform: uppercase;
	padding-right:1em 
} 
 
#menu a:hover  { 
	text-decoration:underline 
} 
 
 
            
#contenu  { 
	position:relative; 
 margin-top:0px; 

	margin-bottom:10px; 
          padding:1em;
	text-align:justify; border:2px solid #803412;
	border-top:none;

} 

#contenu form table  { 
	width:200px; margin-right:200px
} 

#pied  { 
	
 color:#333; 
	border:2px solid #803412; text-align:center 
	
}
#droite p, #gauche p  { 
	margin:0 0 1em 0 
} 

#contenu p  { text-align:justify } 

#amazon {

	border:1px solid #803412;
}

p.gen {
   padding-top: 2px;
   padding-bottom: 0px;
   margin-top:0px;
   margin-bottom: 0px;

}

h1, h2,h3  { color:#803412; font-family:sans;  } 

h1  { 
	font-size:1.5em;  
} 

h2  { 
	font-size:1.2 em; 
} 

li  { 
	display:block; list-style-type:none 
}

a:link, a:visited {
    color:#803412; 
    text-decoration: underlined;
}

table.xforms-table td {
    padding-top:0px;
    padding-bottom:0px;
}

#scratchpad {

    position:fixed;
    right:10px;
    top:10px;
    color:#333; 
    background-color:#feee6f;
	border:2px solid #803412; text-align:center 

}

.form-items {
    width: 25em;
    border:1px dashed #803412;
    margin:5px 0px 5px 0px;
    
}

.form-item {
    display:block;
    width: 20em;
    float:left;
}

.win-title {
    text-align: center;
    background-color:#803412; color:#fee45d;
}

.win-title a:link, .win-title a:visited  { 
	background-color:#803412; color:#fee45d;
	text-decoration:none; padding-left:1em;
	padding-right:1em 
}