/*--------------------------------------------------
		HOME
	--------------------------------------------------*/
	.home #content{ padding-bottom: 35px;}
	.home #sub-header{ background: #b6cb0e; font-family: "Century Gothic", Sans-Serif; padding: 12px 0 12px 95px; margin-bottom: 35px;
	}
	#sub-header div{ color: #545151; font-size: 20px; line-height: 1.1em;
	}
	#sub-header h1{ color: white; font-size: 18px; font-weight: normal; line-height: 1; margin-bottom: 0;
	}
	#sub-header h1 strong{ font-size: 24px;
	}
	#mentions_legales_text {	width: 320px; }
	/*--------------------------------------------------
		colonne gauche
	--------------------------------------------------*/
	.home #col_left{ width: 362px; padding:0 46px 0 92px;
	}
		#video{ border:1px solid #a0a3a1; width:360px; padding-bottom:5px; background: #d0d0d0; text-align: left;
		}
			#video h3{ text-transform:uppercase; font-family:"Arial"; font-size:12px; font-weight:bold;  margin:10px 0 0 7px; color:#4f4b4b;
			}
			#video p{ margin:0 0 0 7px; color:#8A9C8B; font-family:"Arial"; font-size:12px; line-height:18px; color:#4f4b4b;
			}
		
		#print_pdf{ display: block; margin-top: 8px; padding-left: 8px; border: 1px solid #a0a3a1; background: url(../img/print_pdf.png) repeat-x; height: 24px;	line-height: 24px; font-family:"Arial"; font-size:11px; font-weight: bold; text-transform: uppercase; color:#4f4b4b; text-align: left;
		}
		#mentions_legales{ display: block; margin: 9px 0 0 9px; font-size: 12px; color: #777; font-weight: bold;
		}
		#mentions_legales_text a{ color: #006911;
		}

	
	/*--------------------------------------------------
		colonne droite
	--------------------------------------------------*/
	.home #col_right{ width: 420px; padding-right: 80px;
	}
	.home #col_right button, 
	button.btn_home{ background:url(../img/btn_home.png) no-repeat; font-family:"arial"; font-size:12px; font-weight:bold; color:white; text-transform: uppercase; padding:5px 0; width:87px; float: right; margin-top: -30px;
	}
	.home #col_right h3{ color: white; text-transform: uppercase; font-size: 16px; font-weight: bold;
	}
	.home #col_right .legend{ display: block; color: #caed0d; font-family: "Arial"; font-size: 13px; font-weight: normal; padding-left: 2px;
	}
	.home #col_right > div { padding: 15px; border: 1px solid #a0a3a1; margin-bottom: 8px;
	}
	.home #col_right .sub_form,
	.home #col_right .sub_form a,
	.home #col_right .sub_form a:active,
	.home #col_right .sub_form a:visited
	{ color: #eee;
	}
	.home #col_right .sub_form{ margin-bottom: 0; margin-top: 5px; padding-left: 2px;
	}
	.home #col_right .sub_form a{ font-weight: bold;
	}
	
		/*--------------------------------------------------
			blocs colonne droite
		--------------------------------------------------*/
		.home #col_right div{ text-align: left;}
		.home #inscription{ background: url(../img/home_inscription.png)
		}
		
		.home #login,
		.home #logged{ background:transparent url(../img/home_login.png) repeat scroll 0 0;
		}
		
		/*--------------------------------------------------
			form inscription & login ( d'après http://bit.ly/nmtnN )
		-------------------------------------------------- */
		.home form span.wrap 
			{ position: relative; display: block; width: 300px; }
		.home form span.wrap label 
		    { position: absolute; 
		      left: 0; 
		      top: 7px; 
		      font-size: 12px; 
		      font-weight: normal; 
		      width: 271px;
		      padding: 6px 8px; 
		      background: url(../img/input_home.png) no-repeat; 
		      z-index: 1; }
		.home form span.wrap label span 
		    { position: relative; 
		      top: 1px; 
		      left: 1px; }
		.home form input.input-text 
		    { font-size: 12px; 
		      padding: 7px 8px 3px;  
		      background:none; 
		      position: relative; 
		      z-index: 10;
		      width: 271px;
		      border: 0; }
		.home form span.wrap label.error
			{ color: red; }
		
		label.overlay span { visibility: visible;
	    }
		label.focus span { visibility: hidden;
		}
		label.hastext span { visibility: hidden;
		}

		
		/*--------------------------------------------------
			bloc logué
		-------------------------------------------------- */
		.home #col_right div#logged{ padding: 45px 43px; margin-top: 75px;
		}
		.home #logged a{ display: block; width: 330px; padding: 21px 0; background: url(../img/btn_logged.png) no-repeat;
		text-transform: uppercase; font-size: 16px; line-height: 17px; color: white; text-align: center;
		}
		.home #logged a:hover{ text-decoration: none;
		}
		
		/*--------------------------------------------------
			inviter des contacts
		-------------------------------------------------- */
		
		/* bloc */
		.home #col_right #invitation{ background: url(../img/home_invitation.png); padding: 7px 15px; margin-bottom: 30px;
		}
		.home #col_right #invitation.logged{ padding: 7px 64px;
		}
		
		.home #invitation a{ background: url(../img/btn_invite.png) no-repeat; display: block; width: 289px; color: white; text-transform: uppercase; font-weight: bold; font-size: 12px; text-align: center; padding: 4px 0;
		}
		.home #invitation a:hover{ text-decoration: none;
		}
		
		/* popin */
		.jqmContent label.error{ background: none; border: none; margin-bottom: 0;
		}
		.jqmContent input.error{ border: 1px solid #FBC2C4;
		}
		.jqmContent button.btn_home{ margin-top: 10px; 
		}
		.jqmContent fieldset{ margin: 0; padding: 0;
		}
	
	/*	--------------------------------------------------
		footer
	-------------------------------------------------- */
	
	.home #footer{ position: absolute; bottom: 5px; right: 5px;
	}
	
	.home #footer a{ display: block; width: 124px; height: 44px; background: url(../img/footer_home1.png); text-indent: -3000px; overflow: hidden; float: left;
	}
	
