BODY	{background-color: #FFFFFF;}

#outer_container, #outer_container_conditions, #outer_container_protection	{margin: 0 auto;
				width: 759px;
				height: 570px;
				
				 /* width and height are calculated as container dimensions + 2 x border width + a nominal extra 20 px */
				
				font-family: arial, helvetica, sans-serif;
				font-size: 12px;
				line-height: 18px;
				color: #000;
				background-color: #FFF;
				position: relative;}
				

#container, #container_conditions, #container_protection	{border: 2px black solid;
					height: 546px;
					width: 735px;
					position: absolute;
					top: 10px;
					left: 10px;}


/* ***** corner positioning ***** */
#top_left, #top_right, #bottom_left, #bottom_right

					{position: absolute;}
					
#top_right	{top: 10px;
					right: 10px;
					z-index: 100;}
					
#bottom_right	{bottom: 10px;
						right: 10px;}
						
#bottom_left	{bottom: 10px;
						left: 9px;}
						
#top_left			{top: 10px;
						left: 9px;
						z-index: 100;}
						
#header				{position: absolute;
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-position: right top;
height: 152px;
top: 0px;
width: 100%;}


#logo	{position: absolute;
			top: 18px;
			left: 24px;}
			
h2			{color: #065689;
			font-size: 22px;
			position: absolute;
			top: 71px;
			left: 27px;
			margin:0px;}
			

			
			
#bar	{
		/* clear: both; */
		background-color: 	#629FC8;
		position: absolute;
		top: 130px;
		height: 24px;
		width: 735px;
		color: #FFF;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		padding-top: 3px;
		word-spacing: -1px;
		
		display: block;}	
		
#main_content		{position: absolute;
							top: 156px;
							left: 0px;
							width: 733px;
							height: 350px;
							background-image: url(images/main_background.jpg);
							background-repeat: no-repeat;
							background-position: 0px 55px;}
							
#main_content h1			{color: #2D5070;
			font-size: 30px;
			font-stretch: condensed;
			letter-spacing: -1px;
			margin: 0px;
			position: relative;
			top: 16px;
			left: 88px;}
							
							
				
							#pensesVerte  {position: absolute;
							left:635px;top:220px;
							}
							
#text	{color: #182D3E;
left: 435px;
font-size: 20px;
line-height: 32px;
top: 21px;
position: relative;
padding: 0px;
margin: 0px;}
			
#bigger		{font-size: 25px;
font-style: bolder;}

#bottom_bar	{background-color: #D1E2F2;
						height: 23px;
						width: 734px;
						position: absolute;
						top: 500px;
						left: 0px;
						font-family: times, serif;
						color: #000;
						font-size: 11px;
						text-align: center;
						padding-top: 2px;
						z-index: 200;
						}
						
#bottom_bar a	{text-decoration: none;
						color: #000;
						padding-right: 10px;}

#bottom_bar a.info	{text-decoration: underline;
							color: #0000FF;
							padding-left: 10px;}
							
#footer				{
position: absolute;
top: 528px;
color: #455672;
font-size: 11px;
font-weight: bold;
padding-left: 76px;
}

.footer_text	{padding-right: 12px;}

#footer .footer_text a	{text-decoration: none;
color: #336699;}




/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_six */


#menu {
				position: absolute;
				top: 102px;
				left: 0px;
				height: 28px;
				width: 735px;
				line-height: normal;}

#menu ul	{list-style-type: none;
				padding: 0;
				margin: 0;}

#menu li 
				{float: left;}

#menu li a {
					height: 28px;
  					display:block;
  					width: 105px;
  					color:#000;
  					text-align: center;
  					text-decoration: none;
					font-weight: bold;
					line-height: 30px;
  					float: left;
					background-image: url(images/blue_button.png);
					background-repeat: no-repeat;
					background-position: top left;}

#menu a:hover, #menu a.current {
  					color: #000;
					background-image: url(images/rollover_button.png);
					background-repeat: no-repeat;}
					
/*  *****************  login panel ********** */

a#login:visited {color:#000; text-decoration:none;}

a#login {color:#000; text-decoration:none; position:relative;
font-weight:bold;
z-index 200;}

a#login b {display:block; position:absolute; left:0; top:0; z-index: 100;}

a#login span {display:none;}

a#login:hover {color:#000; cursor:default;}

a#login:hover #login_box

								{display:block;
								position:absolute;
								top:-114px;
								left:-5px;
								width:219px;
								height:160px;
								background-color:#fff;
								color:#000;
								border:1px solid #000;
								text-align:left;
								font-family:verdana;
								font-size:11px;
								z-index:200;}
								
#login_header	{
padding: 0px;
margin: 0px;
background-color: #000;
color: #fff;
font-weight: bold;
width: 219px;
text-align: center;
z-index:200;
}

#login_box td, #login_box tr, #login_box form	{font-size: 9px;z-index:200; background-color: #fff;}

#login-box table	{z-index:200;
background-color: #fff;}