*:focus, *:active { outline:none !important; }
	.clear { clear:both; }

	strong, b { font-weight:700; }

	.img-responsive, .img-responsive img { width:100%; }
	.img-responsive img { height:auto !important; }

	.datepicker { color:#000; }

/***********************************************************************************************************************************/
	html { font-size:100%; }
	html, body {
		font:400 16px/24px 'Montserrat', sans-serif;
		color:#fff;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
	}
		body { background:#3aa0a6 url(../images/background.jpg) no-repeat center -30px; }

		a.home {
			display:block;
			margin:0 auto;
			width:400px;
			/*height:480px;*/
			height:450px;
			text-indent:-999em;
		}

		#content {
			/*padding-top:480px;*/

			margin:0 auto;
			width:500px;
		}
			#content.home { /*padding-top:530px;*/padding-top:50px; }
			#content.result, #content.like { /*padding-top:545px;*/padding-top:45px; }

			#content a {
				color:#fff;
				-webkit-transition:all 0.2s linear;
				-o-transition:all 0.2s linear;
				transition:all 0.2s linear;
			}
				#content a:hover, #content a:focus {
					color:#fff;
					text-decoration:none;
				}

		#step1 { margin-top:40px; }

		#content .subtitle {
			margin-bottom:1.5em;
			line-height:1.4;
			font-size:18px;
			font-weight:bold;
			/*text-transform:uppercase;*/
		}
			/*.subtitle::first-letter { font-size:20px; }*/
			#content.signup .subtitle { text-align:center; }

		#content p.infos {
			margin-top:-1.2em;
			font-size:12px;
		}

		#content .radio label { margin:0 0.75em; }
		#content .input, #content .btn {
			padding:10px 20px;
			width:100%;
			color:#fff;
			border:2px solid #fff;
			border-radius:0;
		}
			#content .input {
				margin-bottom:1.5em;
				font-size:12px;
				background-color:transparent;
			}
				#form-code .input { margin-bottom:0.5em; }

				#content .input::-webkit-input-placeholder { color:#fff; }
				#content .input:-moz-placeholder { color:#fff; }
				#content .input::-moz-placeholder { color:#fff; }
				#content .input:-ms-input-placeholder { color:#fff; }

				#content span.input-error { color:#90241b; }
				#content .radio span.input-error { font-size:12px; }
				#content input.input-error { border-color:#90241b; }

			#content .btn {
				/*padding:10px 40px;*/
				padding:12px 20px;
				text-transform:uppercase;
				background-color:#e26931;
				cursor:pointer;
			}
				#content .btn:focus, #content .btn:hover { color:#0c4548; }

		#like-bypass, #form-code { display:none; }

		#form-code { margin:0 auto; }
		#form-code.displayed { display:block; }
		#content.result #form-code { margin-top:25px; }

		.resultat-title {
			float:left;
			width:100%;
			margin-top:0.3em;
			margin-bottom:0.25em;
			font-size:7em;
			font-family:'Grand Hotel', cursive;
		}

		.resultat-text {
			float:left;
			width:100%;
			margin:2em 0;
			font-size:1.2em;
		}
			.resultat-text.win {
				margin:2.5em 0 1em;
				font-size:1.4em;
				line-height:1.5;
			}
				.resultat-text.win span {
					display:block;
					font-size:1.6em;
				}

		.footer {
			clear:both;
			margin:1em 0;
			width:100%;
			font-size:0.8em;
			text-align:center;
		}
			.footer a {
				color:#fff;
			}

	/* Boutons */
		#content .btn-fb-login, #content .btn-fb-like, #content .btn-invite {
			display:block;
			margin:0 auto;
			width:345px;
			height:60px;
			line-height:60px;
			color:#fff;
			text-align:center;
			background-color:#3b5997;
			border:2px dotted #fff;
			cursor:pointer;
		}
			#content .btn-fb-like, #content .btn-invite, #btn-jouer, #form-code {
				width:360px !important;
				font-size:1.1em;
			}
				#content .btn-fb-like { font-size:1em; }

				#content .btn-invite {
					margin:40px auto;
					text-transform:uppercase;
					background-color:#0f3d4c;
				}

				#btn-jouer {
					display:block;
					float:none;
					margin:0 auto;
				}

			#content .btn-fb-login span.fb, #content .btn-fb-like span.fb {
				display:inline-block;
				width:102px;
				height:23px;
				line-height:1.9;
				text-indent:-999em;
				background:transparent url(../images/logo_fb.png) no-repeat left top;
			}
				#content .btn-fb-like span.fb-like { line-height:1.2; }
				#content .btn-invite span.fb-send { line-height:1.2; }
				#content .btn-invite span.fb-share-button { line-height:1.2; }

		#content.result #btn-jouer { margin-top:25px; }
	/* Fin - Boutons */

@media (max-width:500px) {
	a.home { width:100% }
	#content { width:80%; }
	#step1 { margin-top:20px; }

	#content .btn-fb-like, #content .btn-invite, #btn-jouer, #form-code { max-width:320px !important; width:100% !important; font-size:1em; text-transform:uppercase; }
	#content .btn-fb-login span.fb, #content .btn-fb-like span.fb { display:none; }
	#content.home .btn-fb-login span.fb { display:inline-block; }
	#content .btn-fb-like span.fb-like, #content .btn-invite span.fb-share-button { float:right; margin:1em 1em 0 0; }
	#content .btn-invite span.fb-share-button { margin-top:1.1em; }

	#content .subtitle { margin-bottom:0; }
}