@font-face {
    font-family: 'ralewaysemibold';
    src: url('../font/raleway-semibold-webfont.eot');
    src: url('../font/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/raleway-semibold-webfont.woff2') format('woff2'),*/
         url('../font/raleway-semibold-webfont.woff') format('woff'),
         url('../font/raleway-semibold-webfont.ttf') format('truetype'),
         url('../font/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('../font/raleway-extrabold-webfont.eot');
    src: url('../font/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/raleway-extrabold-webfont.woff2') format('woff2'),*/
         url('../font/raleway-extrabold-webfont.woff') format('woff'),
         url('../font/raleway-extrabold-webfont.ttf') format('truetype'),
         url('../font/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'DINPro-CondBold';
  src: url('../font/DINPro-CondBold.eot?#iefix') format('embedded-opentype'),
  		 url('../font/DINPro-CondBold.otf')  format('opentype'),
  		 url('../font/DINPro-CondBold.woff') format('woff'),
  		 url('../font/DINPro-CondBold.ttf')  format('truetype'),
  		 url('../font/DINPro-CondBold.svg#DINPro-CondBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

header .navbar {
	
	padding: 10px 0px;
	margin-bottom: 0px;
	
}

header .icon-bar
{
	background-color: black;
}


header .navbar-nav {
	
	margin-top: 5px;
	
}

.btn-app {
	
	font-family: Gotham, "ralewaysemibold", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #ffffff;
	
	transition: all 0.2s;
	cursor: pointer;
	height: 42px;
	background: url(../img/picto_submit.png) 10px center no-repeat rgba(10,187,239,1);
	width: 100%;
	border: none;
	
}

.btn-app:hover { 

	background: url(../img/picto_submit.png) 10px center no-repeat rgba(13,19,110,1);
	color: #ffffff;
	
}

.center {
	
	text-align: center;
}


.responsive {
  width: 100%;
  height: auto;
}

.pattern {
    position: absolute;
    display: block;
    background: url(../img/pattern.png) left top repeat;
    min-width: 100%;
    min-height: 100%;
}

.slogan {
    background: rgba(247,175,27,1);
    text-transform: uppercase;
    text-align: center;
    color: rgba(255,255,255,0.95);
	font-size: 1.75em;
	font-family: Gotham, "ralewayextrabold", Helvetica, Arial, sans-serif;
	
	padding: 15px 0px;
	letter-spacing: .05em;
}

.error label,
.form-error,
.error-message
{
	color:red;
}

.form-error
{
	border-color: red;
}


h1 {
	
	padding: 15px 0px;
	margin-top: 0px;
	margin-bottom: 40px;
	font-size: 50px;
	background: linear-gradient(135deg, #e4e4e4 90%, rgba(247,175,27,1) 90%);
	letter-spacing: -0.02em;
	line-height: 75px;
	font-family: Gotham, "DINPro-CondBold", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: black;
	text-transform: uppercase;
	
}


footer {
	
	background: rgba(5,7,46,1);
	color: rgba(255,255,255,0.8);
	letter-spacing: 0.05em;
	line-height: 1.3em;
	background: rgba(5,7,46,1);
	padding-top: 40px;
	padding-bottom: 20px;
	font-family: Gotham, "ralewaysemibold", Helvetica, Arial, sans-serif;
}

.filet-fin {
    background: url(../img/sprite_filet.png) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
    background-position: left -2px;
    opacity: 0.75;
    margin: 15px 0;
	
    border: none;
    max-width: 100%;
    height: 1px;

}

.logo-facebook {
	
	color: rgba(255,255,255,0.8);
	
}

footer a {
	
	color: rgba(255,255,255,0.8);
	
	
}
footer a:hover {
	
	color:rgba(255,255,255,1);
	text-shadow: 0px 0px 18px rgba(255,255,255,0.6);
	text-transform: none;
	text-decoration: none;
	
}

.logo-facebook:hover {
	
	border-radius:10px;
	color: white;
	box-shadow: 0px 0px 5px 5px white;
}