/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
}

::-webkit-scrollbar { 
	display: none; 
}

 body {
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	overflow-x: hidden;
}

/* Global*/

@import url(https://fonts.googleapis.com/css?family=Lato:300);

body {
	font-family: 'Lato', sans-serif;
	background-color:#FFFFFF;
}

a{
	color: black;
	text-decoration: underline;
}

article {
	height:100vh;
	width:100vw;
	position:relative;
	margin: 0px;
}

.container{
	max-width: 1000px;
	position: relative;
	height: 80vh;
	margin: auto;
	padding-top: 10vh;
	padding-left: 15vw;
	padding-right: 15vw;
}

/* Positioning */

.center {
	position: relative;
	margin: auto;
}

.centered {
	max-height: 50%;
	max-width: 70%;
	padding-top: 20vh;
	margin: 0 auto 0 auto;
	opacity: 0.95;
	display:block;
	margin-bottom: 4vh;
}

.centered_content{
	max-height: 50%;
	max-width: 90%;
	padding-top: 10vh;
	margin: 0 auto 0 auto;
	opacity: 0.95;
	display:block
}

/* Special Text */

.titre{
	text-align: center;
	margin-bottom: 5vh;
	color: white;
}

.BIG_TITLE{
	font-size: 10vh;
	text-transform: uppercase;
}

.Caption_front {
	width : 100vw;
	margin: 10px 0 25px 0;
	padding: 10px 0px 10px 0px;
	background-color: rgba(0, 0, 0, 0.8);;
	color: white;
	text-align: center;
}

.Caption_front h1{
	font-weight: lighter;
	width:80vw;
	margin: 0 10vw 0 10vw;
}


/* Special Effect */

.nb {
	-webkit-filter: grayscale(95%);
	filter: grayscale(95%);
	transform: scale(1.05);
}

/* DOCK STYLE */

.bank_imglink{
	text-align: center;
	position: absolute; 
	bottom: 0;
	left:0;
	right:0;
	margin-bottom: 4vh;
}

.bank_imglink  p{
	text-transform: uppercase;
	margin-top: 5px;
	font-size: 90%;
}

.bank_imglink a{
	text-decoration: none;
}

.bank_imglink img{
	width: 40px;
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.bank_imglink img:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	transform: scale(1.05);
}


/* Media queries */

@media screen and (orientation:portrait) {
	.container{
		padding-left: 1vw;
		padding-right: 1vw;
	}
	.BIG_TITLE{
	font-size: 10vw;
	}
}