HTML {
	height: 100%;
	min-height: 100%;
	font-size: 100%;
}

BODY { 
	padding: 0; 
	margin: 0; 
		height:100%; /* footer*/
		min-height: 100%;
	font-family: "oxygen", "Aller", "ARIAL ROUNDED MT Bold", "ARIAL"; 
	font-weight: 100;
	font-size: 18px;	
	background-color:#fff;	
	color:#4A5058;
}
a {
    text-decoration: none;
}
a:hover {
    color: #FF9900;
}

h1{ 
	line-height : 60%;
	font-weight:normal;
	font-size: 40px;		
	color:#4A5058; 
}
h2{ 
	font-weight:100;
}

@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  /*src: local('Oxygen'), url('/css/owygen.woff') format('woff');*/
  
  src: local('Oxygen'), url(https://themes.googleusercontent.com/static/fonts/oxygen/v1/eAWT4YudG0otf3rlsJD6zOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}

.text_right {
	text-align: right;	
}
.font_small {
	font-size: 10px;	
}
.font_medium {
	font-size: 14px;	
}
.font_big_minus {
	font-size:20px;	
}
.font_big {
	font-size: 24px;	
}
.font_big_plus {
	font-size: 27px;	
}
.font_bigger {
	font-size: 36px;	
}
.font_big_char {
	font-size: 108px;	
}
.font_green { /* color of mamalingua */
	color: #46BEB3;	
}
.font_orange { /* color of Hebrew answer and+ */
	color: #F37021;	
}
.font_clearer {
	color: #878787;	
}
.letter_spacing2 {
	letter-spacing: 2px;	
}
.letter_spacing1 {
	letter-spacing: 0.5px;	
}
.font_bold {
	font-weight: bold;	
}

.center_wrap {position: absolute; left: 50%; top: 180px;}
.center_me {position: relative; left: -50%;}

.font_title {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "oxygen", "Aller", "Arial", "Lucida Grande", sans-serif;
}
.font_thin {
	font-weight: 400;
}
.font_thinner {
	font-weight: 100;
}
.font_thick {
	font-weight: 900;
}
.font_line {
	line-height: 45px;
}
.font_line_medium {
	line-height: 39px;
}
.font_line_small {
	line-height: 17px;
}
.font_line_tiny {
	line-height: 12px;
}
.body_font {
	font-family: "Aller", "ARIAL ROUNDED MT Bold", "ARIAL";
}
.logo_color {
	color: #46BEB3;
}
.cursor_hand {
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
button {
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
    /*color:#050; 
    font: old 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; */
}

/* table even-odd */
.tabuler_data {border-collapse:collapse;}
.tabuler_data td {border:solid 1px #ccc; padding:5px;padding-right:10px;padding-left:10px;}
.tabuler_data tr:nth-child(even) td, tbody tr.even td {background:#fff;}
.tabuler_data tr:nth-child(odd) td, tbody tr.odd td {background:#f5f5f5;}
.tabuler_data thead {background:#666;font:bold 12px Arial, Helvetica, sans-serif;color:#fff;text-align:center;}
.tabuler_data th{border:solid 1px #ccc;}

	





/* page cours pour debutants */

#tag {
	position: absolute;
	border: 0;	
	width: 116px;
	height: 119px;		
	/* angle: */
}
	#tag a:hover {
		background-position: 0px 0px;		
		/* angle: */
		/*from Michael*/
		-moz-transition: -moz-transform .2s ease-in-out;
		-webkit-transition: webkit-transform .2s ease-in-out;
		-moz-transform: scale(1.15) rotate(15deg);
		-webkit-transform: scale(1.15) rotate(15deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5); /*for IE*/
	}
	.tag {		
		position: inherit;
				
		width: 116px;
		height: 119px;	
		z-index: 2;
		top: 10px;
		left: 532px;
	}
	#tag_price_cpd {	
		background: url('../images/tag_price_cpd.jpg') no-repeat;
		background-position: 0px -130px;
		
		
		-moz-transform: scale(1) rotate(6deg);
		-webkit-transform: scale(1) rotate(6deg);
		-moz-transition: -moz-transform .2s ease-in-out;
		-webkit-transition: -webkit-transform .2s ease-in-out; 
		
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5); /*for IE*/
	
	}
	#tag_price_adc {	
		background: url('../images/tag_price_adc.jpg') no-repeat;
		background-position: 0px -130px;
	}
	#tag_info {	
		background: url('../images/tag_info.jpg') no-repeat;
		background-position: 0px -130px;
	}
	
.paragraph1 {
		
	float: left;
	position: relative;
	/*top: -105px;*/
	
	width: 219px;
	height: 390px;
		
	margin: 25px 0 0 0;
	
	line-height: 25px;
}
.paragraph1_1 {
	float: left;
	position: relative;
	/*top: -105px;*/
	
	width: 219px;
	height: 1064px;
	margin: 25px 0 0 0;
	
	line-height: 25px;
}
.paragraph2 {
	float: left;
	position: relative;
	
	/*top: -105px;*/
	
	width: 212px;
	height: 219px;
	
	line-height: 25px;
	margin: 25px 0 0 22px;
}
.paragraph2_1 {
	float: left;
	position: relative;
	
	/*top: -105px;*/
	
	width: 531px;
	height: 50px;
	
	line-height: 25px;
	margin: 25px 0 0 22px;
	padding: 0;
}

#instructions {
	clear: left;
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
}
	#instructions p{
		line-height: 25px;
		padding: 10px 0 0 0;
		margin: 0;
	}
	
#listen_message {
	padding: 20px 0 0 0;
}
	#listen {	
		float:left;
		padding: 20px 0 0 0;
		margin: 20px 0 0 0;
		
		height: 83px;
		width: 83px;
		
		background: url('../images/listen_icon.jpg') no-repeat;
		background-position: 0px 0px;
		
	}
	#listen_message p{	
		padding: 0px 0 0 110px;
	}
	
	

	
/* popup for login */
#blanket {
	background: url('/images/login/login_back_tile.jpg') repeat;
	background-position: 0px 0px;
	background-color:#111;
	opacity: 1.0;
	filter:alpha(opacity=100);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
}
#popUpDiv
{
	/*width:700px;
	margin:0 auto;*/
	position: absolute;
	z-index: 9002;
}
#form_login, #form_register, #form_forgot
{
	/*z-index: 9003;*/
}

/* parameters of all the input fields in the login, register etc */
.w1_input {
	color: #111111;
	font-size:20px;
	border:none;
	border-radius:7px;
	padding:5px; 
	width: 320px;
}
input 
{ 
    outline:1px solid #00e0b3; 
}		
input:focus 
{ 
    outline:none;
    border-color:#00bdaf;
    box-shadow:0 0 10px #00bdaf; 
}		
#form_login, #form_register, #form_forgot, #form_reset_password, #reg_success, #forgot_success, #reset_success, #reset_error {
	position:absolute;
	align:center;
	background-position: 0px 0px;		
    top: 50%;
    left: 50%;
}
	
	
	
	#header_connected
	{
		position:absolute;
		top:5px;
		align: right;
		right:10px;
	}
	
	#error_message
	{
		position:absolute;
		top:105px;
		left:80px;		
		
		text-align:justify;
		width : 500px;
		height : 110px;
		color:#F00;
		z-index: 1;
	}
	#error_message1
	{
		position:absolute;
		top: 250px;
		left:50px;		
		
		text-align:justify;
		width : 500px;
		color:#F00;
		z-index: 1;
	}
	#error_message_affiliate
	{
		position:absolute;
		top: 75px;
		left: 20px;		
		
		text-align:justify;
		width : 900px;
		color:#F00;
		z-index: 1;
	}
	#other_btns
	{
		position:absolute;
		color: #4bb7ad;	
	}
		#other_btns a
		{
			color: #4bb7ad;
		}
		#other_btns a:hover
		{
			color: #333;
		}
	

	#reg_name
	{
		position:absolute;
		top:195px;
		left:2px;
	}
	#reg_lastname
	{
		position:absolute;
		top:195px;
		left:380px;
	}
	#reg_user
	{
		position:absolute;
		top:265px;
		left:2px;
	}
	#reg_pass
	{
		position:absolute;
		top:335px;
		left:2px;
	}
	#reg_passc
	{
		position:absolute;
		top:335px;
		left:380px;
	}	
	#reg_email
	{
		position:absolute;
		top:405px;
		left:2px;
	}
	#reg_emailc
	{
		position:absolute;
		top:405px;
		left:380px;
	}
		


.alpha60 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

/* Buy css */

#submit_buy_btn
	{	
		/*position:absolute;
		
		top:400px;
		left:412px;	*/		
		
		background: url('/images/buy_prec_suiv_en.png') no-repeat;
		background-position: -122px 0px;
		border: none;
		
		width: 88px;
		height: 31px;			
	}
		#submit_buy_btn:hover {
			background-position: -122px -50px;
		}



/* ----------------------------- */