/* Sticky footer code */
html, body {
	height: 100%;
}

* {
	margin: 0;
}
/* End Sticky footer code */


/* Layout & Positions */

body {
	text-align: center;
}

.wrapper {
	text-align: left;
	width: 1015px;
	margin: 0 auto;
}

#header #banner {
	height: 154px;
	background: #324da7 url(./style/bannerBG.png) repeat-x top right;	
	position: relative;
	margin-bottom: 3em;
}

#homepage #banner {
	height: 276px;
	background: #324da7 url(./style/bannerBG-home.png) repeat-x top right;	
}

#header #mainMenu {
	height: 141px;
}

#content #main {
	width: 680px;
	float: left;
}

#content #sidebar {
	width: 330px;
	float: right;
}

#footer {
	clear: both;
	background: #0f1012 url(./style/footerBG.png) repeat-x top right;
}

/* Sticky footer code */
.stickyWrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -176px; /* the bottom margin is the negative value of the footer's height */
}

#footer, .push {
	height: 176px; /* .push must be the same height as .footer */
}
/* End Sticky footer code */

#footer .wrapper {
	padding-top:76px;
}

#footer #footerText {
	width: 580px;
	float: left;
}

#footer #footerButtons {
	width: 330px;
	float: right;
	text-align: right;
}

/* Style */

body {
	background: #222327;
	color: #f8fafc;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}

/* Header */

	#header H1 {
		width: 306px;
		height: 133px;
		text-indent: -2000px;
		background: url(./style/logo.png) no-repeat top left;
		float: left;
	}
	
	/* Menu */

		#header #mainMenu {
			margin-left: 320px;
			height: 141px;
			padding: 0;
		}
		
		#header #mainMenu LI {
			display: block;
			width: 96px;
			float: left;
			text-align: center;
			margin-top: 55px;
		}
		
		#header #mainMenu LI A {
			display: block;
			width: 96px;
			padding: 50px 0 10px;
			background: url(./style/menuicon-vide.png) no-repeat center 10px;
			text-decoration: none;
			color: #f8fafc;
		}
		
		#header #mainMenu LI A:hover {
			font-weight: bold;
		}
		
		/* icones */
			#header #mainMenu LI#home A	{
				background-image: url(./style/menuicon-home.png);
			}
			#header #mainMenu LI#beta A	{
				background-image: url(./style/menuicon-beta.png);
			}
			#header #mainMenu LI#demo A	{
				background-image: url(./style/menuicon-demo.png);
			}
			#header #mainMenu LI#support A	{
				background-image: url(./style/menuicon-support.png);
			}
			#header #mainMenu LI#about A	{
				background-image: url(./style/menuicon-about.png);
			}
			#header #mainMenu LI#press A	{
				background-image: url(./style/menuicon-press.png);
			}
			#header #mainMenu LI#blog A	{
				background-image: url(./style/menuicon-blog.png);
			}
	

	/* Banner */
	
	#banner H2 {
		width: 600px;
		float: left;
		background: url(./style/teaseBG-long.png) left center no-repeat;
		height: 154px;
		text-indent: -2000px;
	}
	
	#homepage #banner H2 {
		width: 330px;
		float: right;
		background: url(./style/teaseBG.png) center center no-repeat;
		height: 276px;

	}
	#banner #fr {
		width: 600px;
		float: left;
		background: url(./style/teaseBG-long-fr.png) left center no-repeat;
		height: 154px;
		text-indent: -2000px;
	}
	
	#homepage #banner #fr {
		width: 330px;
		float: right;
		background: url(./style/teaseBG-fr.png) center center no-repeat;
		height: 276px;

	}
	
	#homepage #banner UL {
		font-size: 150%;
		line-height: 200%;
		color: #fdfdfe;
		padding: 40px 0 0;
	}

	#homepage #banner UL LI {
		background: url(./style/teasebullet.gif) left center no-repeat;
		padding-left: 30px;
		list-style: none;
	}

	#banner #actions {
		font-size: 137%;
		line-height: 43px;
		padding-top: 95px;
		padding-right: 55px;
	}
	
	#homepage #banner #actions {
		padding-top: 20px;
		padding-right: 0;
	}
	#actions .text{
		line-height:20px;
	}
	#banner #actions A {
		color: #fbfcfe;
		text-decoration: none;
		font-size: 111%;		
	}
	
	#banner #actions A:hover {
		text-decoration: underline;
	}
	
	#banner #actions .button {
		display: block;
		width: 213px;
		height: 55px;
		overflow: hidden;
		float: right;
		text-align: center;
		background: url(./style/betabutton.gif) center center no-repeat;
		font-size: 133%;

	}
		
	#homepage #banner #actions .button {
		float: left;
		margin-right: 0.7ex;	
	}

/* content */

	#content h1 {
	  position: relative;
	  font-size: 230%;
	  margin-bottom: 1ex;
	}
	
	#content h1 span {
	  background: url(./style/h1span.png) repeat-x bottom left;
	  position: absolute;
	  display: block;
	  width: 100%;
	  height: 30px;
	}

	#content h2 {
		color: #67b5ef;
		font-size: 150%;
		margin-bottom: 1ex;
	}
	
	#content P {
		line-height: 135%;
		margin-bottom: 1em;
		padding: 0;
	}



/* Sidebar */

	/* screenshots */
	
		#sidebar #screenshots {
			text-align: center;
			/*width: 100%;*/
		}
		
		#sidebar #screenshots A {
			background: url(./style/screenBG.png) no-repeat center center;
			display: block;
			padding: 45px 18px 123px;
		}


/* Links */

#content A, #content A:link, #content A:active, #content A:visited, #footer A, #footer A:link, #footer A:active, #footer A:visited {
	color: #67b5ef;
	font-weight: bold;
}

#content A:hover, #footer a:hover {
	color: #fff;
}
#error1, #error2{
	color:#FF0000;
	padding-bottom:10px;
}

/*

CSS by Thomas buyle - Reefcube ltd
http://www.reefcube.biz

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
span.corners-top {
background-image:url(./images/corners_left.gif);
}
span.corners-top span {
background-image:url(./images/corners_right.gif);
}
span.corners-bottom {
background-image:url(./images/corners_left.gif);
}
span.corners-bottom span {
background-image:url(./images/corners_right.gif);
}
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
background-repeat:no-repeat;
display:block;
font-size:1px;
height:5px;
line-height:1px;
}
span.corners-top {
background-position:0 0;
}
span.corners-top span {
background-position:100% 0;
}
span.corners-bottom {
background-position:0 100%;

}
span.corners-bottom span {
background-position:100% 100%;
}
#mySelectText0{
	padding-top:4px;}
ul#market span
{
	line-height:2em;
	font-style:italic;
	margin-right:2px;
	font-size:14px;
}
#body_press
{
	padding:50px 0 0 50px;

	
	
}
#body_press .body
{
	padding:10px;
}
#body_press .date
{
	float:left;
	font-weight:bold;
	
}
#body_press .texte
{
	float:left;
	padding:0 0 0 15px ;
	
}
