body
    {
	  margin:0;
	  padding:0;
	  background-image:url(../img/bg.png);
	  background-color:#333333;
	  font-family: "Lucida grande",Tahoma, Verdana, Arial, Helvetica, sans-serif;
	  font-size:12px;
	}
	
  #wrapper
    {
	  width:730px;
	  margin:6px auto;
	}	
	
  #header 
    {
	  width:728px;
	  height:105px;
	  background-image:url(../img/header_bg.png);
	  background-repeat:repeat-x;
		border-right:1px solid  #355618;
		border-left:1px solid  #355618;
	}	
	
html>body #footergrass {
	width: 100%;
	height: 35px;
	background: url(../img/grass.png) no-repeat center;
	position: fixed;
	bottom: 0;
	z-index: 99;
	left: 0;
}
	
#red
  {
	  display:block;
		width:70px;
		height:20px;
		margin: auto;
	
	}	
	
  #header h2
    {
	  display:none;
	}	

  #logo
    {
	  width:291px;
	  height:80px;
	  background-image:url(../img/logo.png);
	  background-repeat:no-repeat;
		float:left;
	}

  #header h1
	  {
      width:210px;
			height:105px;
			background:url(../img/photo.png) no-repeat right;
			float:right;
			padding:0;
			margin:0;

		}
		
	#header h1 strong { display:none;}	

  #content
    {
	  display:block;
	  width:730px;
	  background-color:#FFFFFF;
	  background-image:url(../img/content_bg.png);
	  background-repeat:repeat-y;
	  overflow:auto;
		
	}
	
  #content_one_col	
    {
	  display:block;
	  width:708px;
	  background-color:#FFFFFF;
	  background-image:url(../img/content_one_col_bg.png);
	  background-repeat:repeat-x;
	  padding:36px 10px 10px 10px;
			border-right:1px solid  #355618;
		border-left:1px solid  #355618;
	}  
	
/* MENU
***************************************************************/	
#menu 
  {
margin-top:-25px;
	 float:left;
    width:730px;
	
  }
#menu ul
  {
    display:block;
    margin:0 0 0 0px;
	padding:0;
	list-style-type:none; 
	float:left; 
	
  }
  
  #menu li
    {
	  color:white;
	  font-weight:bold;
	  float:left;
	  height:22px;
	 display:block;
	 text-align:center;
	 margin-right:10px;
	}	  

#menu span 
  {	  


	/*padding:0 5px;*/
	
  }

  #menu a, #menu li.selected
    { 
		  color:white;
	  font-weight:bold;
	   display:block;
	  text-decoration:none;
	   font-weight:bold;
	    height:21px;
		  padding-top:3px;
		  margin-top:1px;
		  width:160px;

	}
	
  #menu a:hover
    {
	  background-image:url(../img/menu_over.png);
	}	  		
	
  #menu li.selected
    {
	 display:block;
	  background-image:url(../img/menu_on.png);
	  margin-top:1px;
	   width:160px;
	  padding-top:3px;
	
		  float:left;
		}	
		
	/* SOUS-MENU
***************************************************************/
#submenu
  {
    float:left;
	width:180px;

  }

#submenu ul
  {
    display:block;
    margin:0;
	padding:36px 0 ;
	list-style-type:none;  
  }
  
  
#submenu li
  {
    margin-bottom:12px;
		width:170px;
	height:29px;
  }  
#submenu a, #submenu span.selected
  {
    display:block;
	width:170px;
	height:29px;
	margin:0 0 0px 4px;
	text-decoration:none;
	color:black;
	text-shadow: 2px 2px 1px silver	;

  }  
  
#submenu span
  {
    font-weight:bold;
    display:block;
	padding-left:14px;
	padding-top:6px;
	font-size:12px;
  }  
  
#submenu a:hover
  {
	background-image:url(../img/sub_off.png);
	background-repeat:no-repeat;  
  }
  
#submenu span.selected  
  {
	background-image:url(../img/sub_on.png);
	background-repeat:no-repeat;  
	text-shadow: 2px 2px 1px #fff;
  }    

/* FORMULAIRE
***************************************************************/	
label
  {
    width:120px;
	float:left;
	font-weight:bold;
	clear:left;
  }  
  

  
.example
  {
    color:#666666;
	font-weight:normal;
  }  
  
/* PAGE
***************************************************************/  
#page
  {
    float:left;
	  padding-top:36px;
	  width:530px;
  }
  
#page a
  {
    font-weight:bold;
	  color:#3F631E;
	  font-size:14px;
  }  
  
#page p
  {
    margin:2px 0;
	padding:0;
  }  
  
#page p.detail
  {
    color:#999999;
	margin-bottom:24px;
	margin-top:6px;
	font-size:10px;
  }  

  
/* PIED DE PAGE
***************************************************************/   
#footer
  {
    background-image:url(../img/footer_bg.png);
	background-repeat:repeat-x;
	height:24px;
	display:block;
	text-align:center;
	font-size:11px;
	padding-top:3px;
	margin: 0 0 60px 0;
  } 
  
#footer, #footer a
  {
    color:#80A759;
	text-decoration:none;
  }  
  
#footer a:hover
  {
    text-decoration:underline;
  }  

/* PUB
***************************************************************/ 
#advert
  {
    display:none;
	  width:468px;
	  height:60px;
	  border:0px solid black;
	  background-color:#999999;
	  float:right;
	  margin:10px 10px 0 0;
	  }
	  
#advert img
  {	 border:0px; }
	
/* BOITE
***************************************************************/  	

.box, #form_button
  {
	  width:600px;
		margin:10px auto;
	}
	
.box label
  {
	  display:block;
		width:250px;
	}	
	
.box span
  {
	  display:block;
	  color:gray;
		clear:left;
		padding:6px 0 0 250px;
	}	
	
#form_button
  { 
	
	  text-align:center;
	  margin-top:20px;
	}	
	
/* CONFIRMATION D'ENREGISTREMENT
***************************************************************/ 	
#congratulation, #no_result
  {
	  display:block;
		width:400px;
		height:290px;
		background:url(../img/bg_congratulation.png) repeat-x;
		margin:40px auto;
	  clear:both;
	}
	
#congratulation h1, #no_result
  {	
	  font-size:48px;
		text-align:center;
		margin-top:40px;
	}
	
#congratulation p, #no_result, #no_result a
  {	
	  font-size:16px;
		text-align:center;
		color:black;
	}
	
	
/* PAGE A PROPOS
***************************************************************/ 		
#apropos, #contact, #construction
  {
	  width:520px;
    margin:0 auto;
		padding:1px 0 40px 80px;
		display:block;
	}	
	
#apropos
  {
		background:url(../img/i_apropos.png) no-repeat;
	
	}	
	
#construction
  {
	  background:url(../img/i_construction.png) no-repeat;
	}		
	
#contact
  {
		background:url(../img/i_contact.png) no-repeat;
	}
		

	
#apropos h1 , #contact h1, #construction h1
  {	
	 padding:0;
	 margin:0;
	} 
  	
		
.b_blank 
  {
	  border:0;
		vertical-align:middle;
	}