html, body
	{
		height:100%;
	}
		.container-fluid, .container-fluid > .row, .container-fluid .row > div{
			height:100%;
			min-height:100%;
		}
		@media (max-width: 992px){
			.container-fluid, .container-fluid .row, .container-fluid .row > div {
				height:auto;
				min-height:inherit;
			}
		}
		
		
	.form input, .form button{
		width:100%;
		border:0;
		margin:11px 0;
		padding:12px 15px;
		height:auto;
	}
		.form .form-control{
			border-radius:0;
		}
		.form .form-group input{
			margin-top:2px;
			background-color:#fffee2;
		}
		
		.form label{
			font-weight:bold;
			font-size:14px;
			color:#cfcdcd;
			text-transform:uppercase;
			margin-top:8px;
		}
			.form .form-group{
				position:relative;
			}
				.form .form-group span{
					background-color:#00a2ff;
					padding:4px 15px;
					border-radius:10px;
					display:block;
					color:#fff;
					position:absolute;
					top:43px;
					right:10px;
					font-weight:bold;
				}
					.form .form-group span em{
						font-style:normal;
						text-transform:uppercase;
						font-size:11px;
						color:#fff;
						opacity:0.7;
					}
				.form .form-group u{
					text-decoration:none;
					padding-left:5px;
					color:#999;
					font-size:14px;
					text-transform:none;
				}


		.form button{
			padding-right:44px!important;
			border-radius:0!important;
			font-weight:bold!important;
		}
			.form button div{
				float:left;
				margin-right:10px;
				width:20px;
				height:21px;
				visibility:hidden;
			}
			.form button.btn-restau{
				font-weight:normal;
				text-transform:uppercase;
				opacity:0.5;
				padding:17px 10px;
				
			}
				.form button.btn-restau i{
					float:left;
					margin-right:10px;
					margin-top:3px;
					width:20px;
					height:21px;
					color:#fff;
					display:none;
					font-size:17px;
				}
				.form button.btn-restau span{
					display:block;
					padding:5px 0;
				}
			.form button i{
				float:left;
				font-size:24px;
			}
				
			
			
			.popover{
				border-radius:0;
				background-color:#ffa200;
				border:0;
			}
				.popover .close{
					width:auto;
					margin:0 10px 0 0;
					padding:0!important;
				}
			
			.popover h3{
				font-weight:bold;
			}
				.popover h3, .popover div {
					background-color:#ffa200;
					color:#fff;
					border:0;
				}
					.popover .arrow{
					background-color:transparent;
					}
					.popover.bottom>.arrow:after{
						border-bottom-color:#ffa200;
					}
					
			.form .btn-sub-declar{
				margin-top:18px;
			}
			
			.colL .form .btn-suivi{
				display:none;
				margin-top:27px;
			}
				.colL  .form .btn-situation{
					display:none;
				}
			
			

		
	.col{
		padding-top:110px;
		overflow:visible;
	}	
	@media (max-width: 992px){
		body{
			padding-top:0;
		}
	}
	
		.col .fa{
			/*color:#64c8d3;*/
		}
			.col .fa.fah2{
				font-size:24px;
			}
			.col .fa.fah3{
				font-size:18px;
			}
			/*.col .media{
				margin-bottom:50px;
			}*/
		.col a{
			font-size:12px;
			color:#64c8d3;
			/*display:block;*/
			padding-top:5px;
		}
			.col a:hover{
				/*color:#31b0d5;*/
				/*border:1px solid rgba(0, 0, 0, 0);*/
				text-decoration:none;
				
			}

	.colL .col{
		/*padding-right:50px;*/
		
	}
		.colL .col .bloc{
			background-image:url(../images/model/bg_opaque_white.png);
			margin:15px;	
			padding:15px;
			min-height:260px;
		}
			.colL .col .blocDark{
				background-image:url(../images/model/bg_opaque_dark.png);
				padding:40px;
			}

	.colR{
		background:rgba(0,0,0,0.3);
	}
		.colR .col{
			padding-left:72px;
		}
		@media (max-width: 992px){
			.colR .col{
				padding-right:72px;
			}
		}
		
		.colR .form{
			padding-bottom:60px;
		}

	.login .colL h2{
		font-size:32px;
		/*color:#64c8d3;*/
	}

		h2, h3{
			font-size:24px;
			/*color:#64c8d3;*/
			margin-top:0;
			color:#fff;
		}
			#login h2{
				color:#000;
			}
				#login .colR h2{
					color:#fff;
				}
	
			.colR h2, h2 span{
				color:#fff;
				
			}
			.colL h2{
				font-size:30px;
				/*color:#000;*/
			}
			.colR h2{
				margin-top:29px;
			}
			h3{
				font-size:18px;
			}
			.login .colL h3{
				margin-top:60px;
			}
			
			h2 i, h3 i{
				padding-right:10px;
			}

	.login .colL img{
		margin-top:-84px;
	}
	p.subtitle{
		line-height:1.4em;
	}
		p.subtitle, p{
			font-size:18px;
			color:#cfeaee;
		}
			#login  p.subtitle, #login  p{
				color:#333;
				line-height:2em;
			}
				#login  p span{
					display:block;
					font-size:12px;
					font-style:italic;
				}
			.login  p.subtitle{
				font-size:19px;
			}
			p{
				font-size:14px;
			}
			p.state1, p.state2, p.state3{
				display:none;
				margin-top:25px;
			}
		.subtitle a{
			padding-top:0;
			/*line-height:1.2em;*/
			/*color:#000;*/
			text-decoration:underline;
			padding-bottom:0px;
			font-weight:bold;
			padding-top:0;
			/*border-bottom:1px solid #64c8d3;*/
			/*float:left;*/
			/*dispaly:block;*/
			font-size:13px;
			
		}
			
	.nota{
		color:#cacaca;
		font-size:18px;
		font-style:italic;
		margin-top:15px;
	}
		.nota i{
			color:#fff!important;
			font-style:normal;
			font-size:22px;
		}
	#msg{
		color:#fff;
		font-size:18px;
		margin-top:20px;
	}
	
	.tooltip.in{
		opacity:1;
	}
	.tooltip-inner {
		min-width: 350px;
		background-color:#555;
		font-weight:bold;
	}
	.tooltip.top .tooltip-arrow {
		margin-left: 18px;
		border-top-color: #555;
	}
	
	
	.form-control {
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  padding: 10px;
		@include box-sizing(border-box);

		&:focus {
		  z-index: 2;
		}
	}

body {
	background: url(http://i.imgur.com/GHr12sH.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-form {
	margin-top: 60px;
}

form[role=login] {
	color: #5d5d5d;
	background: #167db8;
	padding: 26px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	form[role=login] img {
		display: block;
		margin: 0 auto;
		margin-bottom: 35px;
	}
	form[role=login] input,
	form[role=login] button {
		font-size: 18px;
		margin: 16px 0;
	}
	form[role=login] > div {
		text-align: center;
	}
	
.form-links {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 50px;
}
	.form-links a {
		color: #fff;
	}