/*
	Author : Sylvain Stéphant
	Copyright : 2006 William Neuman Consultant
	Date : 11/2006	
*/
/********** INIT ******/
* {
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica,
	  SunSans-Regular, sans-serif; 
		font-size:12px ;  
}
div.hr {
	clear: both ;
/*	background: #fff url(../hr.png) no-repeat scroll center;*/
}
div.hr hr {
	display:none ;
}
.nav {	
	color: white;
	font-weight: bold;
	text-decoration: none ;
}
.nav2 {
	color: #ffd700; 
	font-weight: bold; 
	font-size: 1.4em ;
	text-decoration: none
}
.nav2:hover   { 
	color: white; 
	text-decoration: underline 
}
/******* ELEMENTS ******/
html, body {
	width: 100% ;
	height: 100% ;
}
body	{
	text-align: center ;
	font: 1em Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS", Geneva,
	 SunSans-Regular ;
	background: #dea ;
}
ul,ol {
	 list-style-type: none ;
}
strong {
	font-size: 1em ;
	font-weight: bold ;
}
/******** LAYOUT ***********/
#conteneur
{
	width: 800px ;
	margin: 10px auto 10px auto ;
	text-align: left ;
	border: 2px solid #ab4 ;
	background: #fff ;
}
#conteneur2 {		
		clear: left ;
}
div#contenu
{
/*	float: left ;*/
	background-color: #ffffff;
	overflow: auto ;
   margin: 0 10px 0 10px ;
	padding: 0 10px 5em 160px ;
	background: url(../images/NAYsite01_10.jpg) no-repeat top left ;	
/*	min-height:300px;*/
/*	width: 510px ;*/
}
/******** HEADER  ************/
h1#header {
	height: 120px ;
	background: url(../images/naturayur.png) no-repeat 10px 10px;
	background-color: #cd6601;
	border-bottom: 10px solid #4f4f4f ;
}
h1#header a {	  	
  display: none ;
}
h1#header a span {
  display: none ;
}
/******** MAIN MENU  ************/
ul#main_menu {  
  position: absolute ;  
  width: 500px;
  top:80px;
  left:33%;
  height: 25px ;		
  float:right ;
  font-size:25pt ; 
  max-height:25px ;
}
ul#main_menu li {
  float : left ;   
}
ul#main_menu li:first-child {
  border-left: 1px solid #FFFFFF ;
}
ul#main_menu li a {
  padding: 0 1em 0 1em ;
  line-height: 25px ;
  font-weight: bold ;
  letter-spacing: 2px ;
  color: #FFFFFF ;
  display: block ;
  text-decoration: none ;   
  border-right: 1px solid #FFFFFF ;
  max-height:25px ;
}
ul#main_menu li a:hover
{
	background: url(../images/bg_menu3.png) repeat-x 0 0 ;
}
/******** MENU  ************/
ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: #cccc99 url(../images/bg_menu.gif) repeat-x 0 -25px ;	
	clear: right ;
	overflow: hide;
	max-height:35px ;
}
ul#menu li
{
	float: left ;
	background: url(../images/bg_menu.gif) repeat-x 0 -25px ;
	text-align: center ;
}		
ul#menu li a
{
	padding: 0 0.2em 0 0.2em ;
	line-height: 25px ;	
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #006699 ;
	max-height:25px ;
}

ul#menu li a:hover
{
	background: url(../images/bg_menu.gif) repeat-x 0 0 ;
}
/******** SUB MENU  ************/
ul#sub_menu {
	clear: none ;
	background:  url(../images/sub_menu.png) repeat-x 0 0 ;
   float: left;
	height:500px;	
	width: 150px ;
	overflow: hidden ;
}
ul#sub_menu li {	
	display: block ;
	background: url(../images/bg_menu2.png) repeat-x 0 -25px ;	
	text-align: left ;
	text-decoration: none ;
	text-indent: 0.5em ;
	width: 100% ;
	line-height: 25px ;
	font-weight: bold ;
	color: #fff ;
}
ul#sub_menu li * {
	display: block ;
	height: 100% ;	
}
ul#sub_menu li a{
	color: white ;
	text-decoration: none ;
	font-size:0.9em ;
}
ul#sub_menu li a:hover{
 background: url(../images/bg_menu2.png) repeat-x 0 0 ;	
}	
ul#sub_menu ul {
	text-align: left ;
	border:0;
}
ul#sub_menu ul li * {	
	text-indent: 2em ;	
}
/***** CONTENT ******/
div#contenu ul {
	padding-left: 2em;
	list-style-type: circle ;
	text-indent: 0em ;
	line-height: 1.7em ;
}
div#contenu ol {
	padding-left: 2em;
	list-style-type: square ;
	text-indent: 0em ;
	line-height: 1.7em ;
}
div#contenu li {
	text-align: justify ;
}
div#contenu ul,ol {
padding-bottom: 1em ;
}
div#contenu h1
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(../images/little_apple.gif) no-repeat left bottom ;
	color: #660000 ;
	border-bottom: 1px solid #660000 ;
}
div#contenu h2
{
	padding-left: 25px ;
	margin-bottom: 1em;
	font-size: 1.2em ;
	border-bottom: 1px solid #776600 ;
	border-left: 3px solid #776600 ;
	color: #776600 ;
}
div#contenu h3
{
	padding-left: 30px ;
	font-size: 1.1em ;
	margin-bottom: 1em;
	color: #665500 ;
}
div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	padding-bottom: 1em;
	line-height: 1.7em ;
}
div#contenu p.sign {
	margin-top: 2em;
	margin-left: 3em;
}
div#contenu a
{
	color: #8a0 ;
}
div#contenu a:hover
{
	color: #9b2 ;
}

div#contenu a.retour {
 display: block ;
 margin-left:3em;
 padding-left: 2px ;
 background: url(../images/Up1_red.png) no-repeat left top ;
 color: #ed1111 ;
 min-height:27px;
}
div#contenu a.retour:hover {
 background: url(../images/Up1_dred.png) no-repeat left top ;
 color: #bc2626 ; 
}
/******** FOOTER ********/
#footer {
	text-align: center;
	border-top: 10px solid #0099cc ;
	background-color: #cccc99;
	clear: both ;
	height:5em ;
}