@CHARSET "UTF-8";

@import url("http://fonts.googleapis.com/css?family=Lilita+One");	

	[class*="sso-span"] {
		float: left;
		min-height: 1px;
		margin-left: 10px;
	}
	
	.sso-row {
	  margin-left: 0px;
	  *zoom: 1;
	}
	
	.sso-row:before,
	.sso-row:after {
	  display: table;
	  line-height: 0;
	  content: "";
	}
	
	.sso-row:after {
	  clear: both;
	}
	
	#sso-popup form {
		margin: 0 0 20px;
	} 
		
	#sso-popup {
		background:url(/images/bg-popup.png) no-repeat center top;
		border:1px solid transparent;
		color: #525252;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 14px;
		height:574px;
		left:50%;
		line-height: 20px;
		margin:-287px auto auto -426px;
		position:fixed;
		text-align:left;
		width:853px;
		top:50%;
		z-index:1000;
	}
	
	#sso-popup-close {
		background:url(/images/bouton-fermer.png) no-repeat;
		cursor:pointer;
		float:right;
		height:35px;
		margin:24px 20px 0px 0px;
		text-indent:-999em;
		width:35px;
	}
	
	#sso-popup-close:hover {
		opacity: 0.8;
  		filter: alpha(opacity=80);
	}
	
	#sso-popup a, #sso-popup a:hover, #sso-popup a:active, #sso-popup a:visited {
		color: #b50000;
	}
	
	#sso-popup .nav {
	 	margin-bottom: 20px;
		margin-left: 0;
		list-style: none;
		}
	#sso-popup ul, #sso-popup ol {
		padding: 0;
		margin: 0 0 10px 25px;
	}
	
	#sso-popup .nav-tabs > li {
		float: left;
		line-height: 20px;
		margin-bottom: -1px;
	}
	
	#sso-popup .nav > li > a {
		display: block;
	}
	

	/**
	*	Menu - Navigation
	*/
	
	#sso-popup .menu {
		background:url(/images/menu.png) no-repeat 40px -49px;
		height:49px;
		margin-top:20px;
	}
	
	#sso-popup .menu.guest {
		background:url(/images/menu-guest.png) no-repeat 30px -49px;
		clear:none;
		height:49px;
		margin-top:50px;
	}
	
	#sso-popup .menu .nav {
		border:0px;
		margin-left:81px;
	}
	
	#sso-popup .menu.guest .nav {
		margin-left:61px;
	}
	
	#sso-popup .menu .nav li {
		height: 48px;
	}
	
	#sso-popup .menu .nav a {
		cursor:pointer;
		margin:0px;
	
	}
	
	#sso-popup .menu .nav a:hover {
		background:transparent;
	}

	#sso-popup li#menu-create:hover, li#menu-create.active{
		background: url(/images/menu-guest.png) no-repeat -31px 0px;
	}
	
	#sso-popup li#menu-login:hover, li#menu-login.active{
		background: url(/images/menu-guest.png) no-repeat -219px 0px;
	}
	
	#sso-popup .menu .nav li a,
	#sso-popup .menu .nav-tabs > .active > a, 
	#sso-popup .menug .nav-tabs > .active > a:hover {
		background: transparent;
		border:0px;
		padding: 10px 0px;
		text-indent:-9999em;
	}
	
	#menu-create a {width:188px;}
	#menu-login a {width:213px;}
	
	#sso-popup .inner-row {
		margin-left:71px;
	}
	#sso-popup .inner-row .sso-span4 {
		width: 726px;
	}
	#sso-popup .required-notice {
		font-size: 12px;
		font-weight: bold;
		text-align: right;
	}
	
	#sso-popup .login-section .column1, 
	#sso-popup .create-section .column1 {
		padding-right: 20px;
		text-align: right;
	}
	#sso-popup .column1, 
	#sso-popup .column2 {
		float: left;
		width: 330px;
	}
	#sso-popup .column1 {
		
		margin-left: 10px;
		min-height: 1px;
		margin-left:0px;
	}
	
	#sso-popup .column2 {
	 	margin-left:20px;
	}
	
	.ie7 #sso-popup .column2 input {
		margin-left:-20px;
	}
	
	#sso-popup .clear-head-1 {
		margin-top:50px;
	}
	#sso-popup .clear-head-2 {
		margin-top:100px;
	}
	
	/* FORM */
	
	#sso-popup .login-section .column1 label, 
	#sso-popup .create-section .column1 label {
		float: right;
		text-align: left;
		width: 230px;
	}
	
	#sso-popup label {
		cursor: pointer;
		display: block;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		margin-bottom: 5px;
	}
	
	#sso-popup label.required {
		margin-left: -10px;
	}
	
	#sso-popup input {
	  width: 206px;
	}
	
	

	#sso-popup label,
	#sso-popup input,
	#sso-popup button, 
	#sso-popup select {
	  font-size: 14px;
	  line-height: 20px;
	}

	#sso-popup input, 
	#sso-popup select {
	  display: inline-block;
	  height: 20px;
	  padding: 4px 6px;
	  margin-bottom: 10px;
	  font-size: 14px;
	  line-height: 20px;
	  color: #555555;
	  vertical-align: middle;
	  -webkit-border-radius: 4px;
	     -moz-border-radius: 4px;
	          border-radius: 4px;
	  background-color: #ffffff;
	  border: 1px solid #cccccc;
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
	          transition: border linear 0.2s, box-shadow linear 0.2s;
	}
	
	#sso-popup select {		
		background-color: #ffffff;
		border: 1px solid #cccccc;
		cursor:pointer;
		height: 30px;
		line-height: 30px;
		width: 220px;
	}
	
	#sso-popup .help-block {
		display: block;
		margin-bottom: 10px;
	}
	
	#sso-popup .error {
		color: #b50000;
	}
	
	#sso-popup button[type="reset"].annuler {
	background: url(/images/bouton-annuler.png) no-repeat;
	border: none;
	height: 38px;
	text-indent: -999em;
	width: 115px;
	
		overflow: hidden;
		font-size: 0;
		display:block;
	}
	#sso-popup button[type="button"].precedent {
	background: url(/images/bouton-precedent.png) no-repeat;
	border: none;
	height: 37px;
	text-indent: -999em;
	width: 137px;
	
		overflow: hidden;
		font-size: 0;
		display:block;
	}
	
	#sso-popup .btn {
		cursor:pointer;
	}
	
	#sso-popup button[type="submit"].login {
		background: url(/images/bouton-login.png) no-repeat;
		border: none;
		height: 38px;
		text-indent: -999em;
		width: 212px;
		
		overflow: hidden;
		font-size: 0;
		display:block;
	}
	#sso-popup button[type="submit"].suivant {
		background: url(/images/bouton-suivant.png) no-repeat;
		border: none;
		height: 38px;
		text-indent: -999em;
		width: 212px;
		
		overflow: hidden;
		font-size: 0;
		display:block;
	}
	#sso-popup button[type="submit"].soumettre {
		background: url(/images/bouton-soumettre-vert.png) no-repeat;
		border: none;
		height: 37px;
		text-indent: -999px;
		width: 137px;
		
		overflow: hidden;
		font-size: 0;
		display:block;
	}
	
	#sso-popup a.btn.retour {
		background: url(/images/bouton-retour.png) no-repeat;
		border: none;
		display:inline-block;
		height: 38px;
		text-indent: -999em;
		width: 277px;
		
		overflow: hidden;
		font-size: 0;
		display:block;
	}
	
	#sso-overlay {
		background:rgb(0,0,0);
		bottom:0;
		left:0;
		filter:alpha(opacity=80);
		height:100%;
		opacity:0.8;
		position:fixed;
		right:0;
		width:100%;
		top:0;
		zoom:1;
	}
	
	#sso-container.hidden {
		display:none;
	}
	
	/* */
	#sso-popup p.modalite-condition {
		background: url('/images/arrow-red.png') no-repeat 0px 8px;
		bottom:0;
		margin:0px 0px 60px 71px;
		position:absolute;
		
	}
	#sso-popup p.modalite-condition a {
		margin-left:10px;
	}
	
	/* Success page */
	#sso-popup .nice-thanks {
		color: #c51911;
		font-size: 66px;
		font-family: 'lilita one', helvetica, arial, 'sans serif';
		margin: 60px 0px;
		text-transform: uppercase;
	}
	
	/* Lost Password */
	#sso-popup .pre-header {
		font-weight: bold;
		font-size: 18px;
		margin-top: 20px;
	} 
	
	#sso-popup .lostPassword-section button[type=submit].soumettre {
		background: url(/images/bouton-soumettre.png) no-repeat;
		height:38px;
		margin-left: 10px;
		margin-top: 20px;
		
		overflow: hidden;
		font-size: 0;
		display:block;
	}
	/** 
	* Widgets
	*/
	#sso-popup .alert {
		border:1px solid #910f09;
		background:#cc3d28;
		color: #fff;
		font-size: 18px;
		margin-bottom:10px;
		margin-left:61px;
		margin-top:10px;
		padding:14px 35px 14px 10px;
		width:696px;
		-webkit-border-radius: 0px;
	     -moz-border-radius: 0px;
	          border-radius: 0px;
	}
	
	#sso-popup .alert .close {
		opacity: 1;
		background: url('/images/bouton-fermer.png') no-repeat 0px 0px;
	  	filter: alpha(opacity=100);
	  	float: right;
		font-size: 20px;
		font-weight: bold;
		height:35px;
		margin-top:-5px;
		width:35px;
		text-indent:-999em;		
	}
	
	#sso-popup .alert .close:hover {
		opacity: 0.8;
	  	filter: alpha(opacity=80);
	}
	
	#sso-popup .guest .alert {
		margin-left:111px;
		width:700px;
	}