/*.. 	Reset	.................................................................. */	
  
  
   		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}


/*..	Defaults	.................................................................. */


		body 	
			{
			font-family:  Tahoma, Arial, sans-serif;
			font-size:  12px;
			line-height: 22px;
			color: #333;
			background: #001906 url('../images/background.gif') left top repeat-x;
	     	}
	     	
	     	
/*..	Header	.................................................................. */	     	
	    
	     #header
			{
			background: transparent url('../images/header.jpg') left top no-repeat;
			position: relative;
			height: 222px;
			margin-top: 36px;
			}
			
	     h1
	     	{
	     	display: block;
			width: 150px;
			height: 150px;
			text-indent: -999px;
			overflow: hidden;
			position: absolute;
			top: 0px;
			left: 0px;
	     	}	
		
		h2
			{
			position: absolute;
			top: 60px;
			left: 220px;
			color: #072812;
			font-size: 24px;
			line-height: 30px;
			font-weight: 200;
			}
		
		h2 em
			{
			color: #FFF;
			text-transform: uppercase;
			display: block;
			}
		
/*..	Content	.................................................................. */

		#content
			{
			clear: left;
			width: 950px;
			padding-left: 25px;
			_padding-left: 0px;
			}
			
		.column
			{
			display: block;
			float: left;
			width: 400px;
			margin: 0px 0px 0px 50px;
			_margin: 0px 0px 0px 40px;
			}

		.column h3	
			{
			font-size: 18px;
			color: #00390e;
			margin: 15px 0px 10px 0px;
			font-weight: 200;
			}
		
		.column h4
			{
			color: #549617;
			font-size: 14px;
			font-weight: bold;
			margin: 12px 0px;
			
			}
		
		.column p
			{
			line-height: 20px;
			margin: 0px 0px 10px 0px;
			}
		
		.column p.journal
			{
			margin-top: 22px;
			}
			
		.column p.first
			{
			padding-right: 100px;
			}
		
		.bells
			{
			background: transparent url('../images/bells.gif') right 20px no-repeat;
			}
			
		.explanations h3
			{
			color: #cc0000;
			}
			
  		dl
			{
			display: block;
			width: 406px;
			height: 238px;
			background: #FFF url('../images/calendriers.gif') left top no-repeat;
			margin-top: 20px;
			}
		
		dt
			{
			padding: 15px 0px 0px 55px;
			font-size: 14px;
			font-weight: bold;
			color: #549617;
			}
		
		dd
			{
			padding: 0px 0px 22px 55px;
			}
			
		a.button,
		a.button:link,
		a.button:active,
		a.button:visited
			{
			margin: 25px 0px 90px 0px;
			display: block;
			text-align: center;
			width: 236px;
			height: 43px;
			font-size: 14px;
			color: #FFF;
			text-transform: uppercase;
			text-decoration: none;
			background: #529216 url('../images/button.gif') left top no-repeat;
			line-height: 43px;
			}

		a.button:hover
			{
			color: #ffa00a;
			text-decoration: none;
			}
		
		
/*..	Bottom	.................................................................. */

		.green h3
			{
			color: #ffa00a;
			margin: 40px auto;
			}
		
		.green p,
		.green td
			{
			color: #FFF;
			}
		
		.green form table tr td
			{
			padding: 3px 0px;
			vertical-align: top;					
			}
			
		.green form table tr td input,
		.green form table tr td select,
		.green form table tr td textarea
			{
			width: 270px;
			padding: 2px 0px;	
			}		
			
		.green form table tr td input.submit
			{
			width: 96px;
			height: 34px;
			}		
			
		table.infos tr td
			{
			padding: 2px 20px 2px 0px;
			}
			
		.address
			{
			clear: left;
			}
		
		.address h3
			{
			margin: 20px 0px 15px 0px !important;
			}

		.green a,
		.green a:link,
		.green a:active,
		.green a:visited
			{
			color: #ffa00a;
			text-decoration: underline;
			}

		.green a:hover
			{
			color: #FFF;
			text-decoration: none;
			}
		
		
		
		#footer
			{
			clear: left;
			padding: 50px 0px;
			}

		#footer a,
		#footer a:link,
		#footer a:active,
		#footer a:visited
			{
			color: #4d5f51;
			text-decoration: none;
			}

		#footer a:hover
			{
			color: #FFF;
			text-decoration: underline;
			}
			
		#footer a.creation,
		#footer a.creation:link,
		#footer a.creation:active,
		#footer a.creation:visited
			{
			display: block;
			width: 60px;
			height: 15px;
			text-indent: -999px;
			overflow: hidden;
			float: left;
			margin-right: 15px;
			}

		

/*..	Clearfix	.................................................................. */	    

 	
		clearfix:after 
			{
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
			}
 
		.clearfix
			{
			display: inline-block;
			}
 
		html[xmlns] .clearfix 
			{
			display: block;
			}
 
		* html .clearfix
			{
			height: 1%;
			}