@charset "UTF-8";
/* CSS Document */

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;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style:none;
	text-decoration:none;
}

img {
	max-width: 100%;
}

body, html {
	font: normal 100% Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
    left:0px;
    bottom:0px;
}

.nav {
	width:50px;
	height:434px;
	background-image:url(img/nav.png);
	background-repeat:no-repeat;
	position:fixed;
	right:0;
	padding-top:4px;
	margin-top: 21.7%; /*167:768 =0,217*/
	margin-right:13px;
}

.langues {
	width:50px;
	position:fixed;
	right:0;
	margin-right:13px;
	bottom:5.2%; /*40:768 = 0,052*/
	
}

ul li {
	margin-left:10px;
	margin-top:8px;
}
.figure {

	display:table-cell;
	vertical-align:middle;

}

.intro {
	margin: 0 auto;
	width: 100%;
	height:100%;
	background-color:#593D80;
	text-align:center;	
	display:table;
	padding:0;
}

.oeil {
	margin: 0 auto;
	width: 100%;
	height:100%;
	background-color:#803588;
	text-align:center;	
	display:table;
	padding:0;
}

.smile {
	margin: 0 auto;
	width: 100%;
	height:68.3%;
	background-color:#E85354;
	text-align:center;	
	display:table;
	padding:0;
}

.team {
	margin: 0 auto;
	width: 100%;
	height:100%;
	background-color:#EE858D;
	text-align:center;	
	display:table;
	padding:0;
}

.bike {
	margin: 0 auto;
	width: 100%;
	height:100%;
	background-color:#FECD1A;
	text-align:center;	
	display:table;
	padding:0;
}

.cookie {
	margin: 0 auto;
	width: 100%;
	height:100%;
	background-color:#69C0BB;
	text-align:center;	
	display:table;
	padding:0;
}

.poly {
	margin: 0 auto;
	width: 100%;
	height:100%;
	background-color:#49A1BA;
	text-align:center;	
	display:table;
	padding:0;
}

.music {
	margin: 0 auto;
	width: 100%;
	height:100%;
	background-color:#1F82C0;
	text-align:center;	
	display:table;
	padding:0;
}

.trend {
	margin: 0 auto;
	width: 100%;
	height:100%;
	background-color:#355692;
	text-align:center;	
	display:table;
	padding:0;
}

.figcaption {
	margin: 0 auto;
	width: 100%;
	float:left;
	text-align:center;
	font-size: 1.1em;
	color:#FFF;
	margin-top: 2%;
	line-height:1.5em;
}

.fin {
	margin: 0 auto;
	width: 100%;
	height:100%;
	background-color:#593D80;
	text-align:center;
	padding-top:26%; /*200:768 = 0,260*/
}