html {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
body {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
div {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
span {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h1 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h2 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h3 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h4 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h5 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h6 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
p {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
a {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
img {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
strong {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
dl {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
dt {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
dd {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
ol {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
ul {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
li {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
fieldset {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
form {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
label {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
legend {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
table {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
caption {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
tr {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
th {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
td {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
section {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
article {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
header {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
nav {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
aside {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
footer {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
figure {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
figcaption {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
:focus {
	outline: 0px;
}
ol {
	list-style: none;
}
ul {
	list-style: none;
}
a {
	text-decoration: none; position: relative; cursor: pointer;
}
a.blocLink {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 5; cursor: pointer;
}
.clearfix {
	clear: both; display: block;
}
h1 {
	font-weight: normal;
}
h2 {
	font-weight: normal;
}
h3 {
	font-weight: normal;
}
h4 {
	font-weight: normal;
}
h5 {
	font-weight: normal;
}
section {
	display: block;
}
article {
	display: block;
}
header {
	display: block;
}
nav {
	display: block;
}
aside {
	display: block;
}
footer {
	display: block;
}
figure {
	display: block;
}
figcaption {
	display: block;
}
html {
	height: 100%; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -khtml-user-select: none; -webkit-touch-callout: none;
}
.center {
	margin: 0px auto; width: 960px;
}
#intro {
	transition:opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 1000; min-width: 960px; opacity: 1; -webkit-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -moz-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: opacity; -moz-transition-duration: 500ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#intro video {
	background: rgb(0, 0, 0); left: 0px; top: 0px; position: absolute; z-index: 2; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
#intro strong {
	background: url("../images/timeline/sprite.png") no-repeat -392px -60px; left: 50%; width: 86px; height: 27px; bottom: 30px; margin-left: -43px; display: block; position: absolute; z-index: 3; cursor: pointer;
}
#intro video {
	transition:opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: opacity; -moz-transition-duration: 500ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#intro_aside {
	margin: -100px 0px 0px -150px; left: 50%; top: 50%; width: 300px; height: 200px; position: absolute; z-index: 1;
}
#intro_aside b {
	background: rgb(69, 69, 69); top: -25px; width: 300px; height: 1px;
}
#intro_aside img {
	top: -45px;
}
#intro_aside p {
	top: -10px; color: rgb(69, 69, 69); font-family: "OldStandard Italic";
}
#intro_aside img {
	margin: 0px auto; text-align: center; display: block; position: relative;
}
#intro_aside p {
	margin: 0px auto; text-align: center; display: block; position: relative;
}
#intro_aside b {
	margin: 0px auto; text-align: center; display: block; position: relative;
}
#main_header {
	left: 0px; top: 0px; width: 100%; position: fixed; z-index: 20; min-width: 960px;
}
#main_header span {
	text-transform: uppercase; line-height: 40px; font-family: "OpenSans SemiBold"; font-size: 12px; float: right; display: inline-block; cursor: pointer;
}
#main_header a {
	text-transform: uppercase; line-height: 40px; font-family: "OpenSans SemiBold"; font-size: 12px; float: right; display: inline-block; cursor: pointer;
}
#main_header .i-need-money {
	background: rgb(216, 104, 42); padding: 0px 45px 0px 30px; height: 40px; color: rgb(255, 255, 255); margin-right: 40px; position: relative;
}
#main_header .i-need-money i {
	background: url("../images/timeline/sprite.png") no-repeat -279px -29px; top: 16px; width: 5px; height: 7px; right: 30px; display: block; position: absolute;
}
#logo {
	margin: 0px; left: 40px; top: 0px; position: fixed; z-index: 200;
}
.backToFrise {
	background: rgb(0, 0, 0); padding: 0px 45px 0px 30px; transition:top 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); top: -100px; color: rgb(255, 255, 255); position: relative; -webkit-transition: top 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: top 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: top 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: top; -moz-transition-duration: 300ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
.backToFrise i {
	background: url("../images/timeline/sprite.png") no-repeat -279px -37px; top: 16px; width: 8px; height: 7px; right: 30px; display: block; position: absolute;
}
#slider {
	width: 100%; height: 26.06rem; overflow: hidden; padding-top: 3.18rem; position: relative;
}
#slider .overview {
	height: 100%; overflow: visible; position: relative; z-index: 2;
}
#slider article {
	top: 0px; width: 27.5rem; height: 14.87rem; margin-top: 0px; z-index: 2;
}
#slider article a {
	width: 100%; height: 100%; color: rgb(0, 0, 0); display: block; cursor: default;
}
#slider article figure {
	width: 100%; height: 100%;
}
#slider article img {
	width: 100%; height: 100%; display: block; position: relative; z-index: 2;
}
#slider article.hidden {
	display: none;
}
#slider .year {
	left: 0px; top: -80px; width: 100%; text-align: center; letter-spacing: -1px; font-size: 30px; position: absolute;
}
#slider .figcaption {
	left: 0px; top: 1.56rem; width: 100%; text-align: center; color: rgb(28, 51, 104); letter-spacing: -1px; font-size: 16px; position: absolute; z-index: 2;
}
#slider .figcaption span {
	line-height: 1; letter-spacing: -2px; font-family: Arial; font-size: 6.25rem; display: block;
}
#slider .figcaption strong {
	padding: 0.6rem 1.4rem; border: 0.06rem solid rgb(191, 192, 206); border-image: none; width: 25.75rem; height: auto; color: rgba(61, 64, 109, 0.6); text-transform: uppercase; letter-spacing: 2px; overflow: hidden; font-size: 0.87rem; margin-top: 0.87rem; display: inline-block; max-height: 76px; -webkit-font-smoothing: antialiased;
}
#slider .img {
	background: rgb(247, 247, 247); width: 100%; height: 100%; display: block;
}
#slider .line-area {
	left: 0px; top: 43%; width: 100%; height: 3px; position: absolute;
}
#slider .dots_line {
	background: url("../images/timeline/slider-dots.png") repeat-x center; left: 0px; top: 0px; width: 100%; height: 3px; margin-top: -2px; display: block; position: absolute; z-index: 2;
}
#slider .resizeVid {
	width: 100%; display: none; z-index: 2;
}
.drag#slider {
	cursor: url(../images/timeline/drag-icon-catch.png), auto;
}
.drag#slider a {
	cursor: url(../images/timeline/drag-icon-catch.png), auto;
}
#slider article {
	transition:500ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0; -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0; -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0; -moz-transition-property: all; -moz-transition-duration: 500ms; -moz-transition-timing: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-delay: 0;
}
#slider article.up {
	transition:400ms cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transition: all 400ms cubic-bezier(0.755, 0.05, 0.855, 0.06) 0; -o-transition: all 400ms cubic-bezier(0.755, 0.05, 0.855, 0.06) 0; -moz-transition: all 400ms cubic-bezier(0.755, 0.05, 0.855, 0.06) 0; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing: cubic-bezier(0.755, 0.05, 0.855, 0.06); -moz-transition-delay: 0;
}
#slider article.hidden {
	display: none;
}
#slider .figcaption {
	transition:opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -webkit-backface-visibility: hidden; -moz-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: opacity; -moz-transition-duration: 400ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#slider img {
	transition:opacity 300ms cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transition: opacity 300ms cubic-bezier(0.755, 0.05, 0.855, 0.06) 0; -o-transition: opacity 300ms cubic-bezier(0.755, 0.05, 0.855, 0.06) 0; -moz-transition: opacity 300ms cubic-bezier(0.755, 0.05, 0.855, 0.06) 0; -moz-transition-property: opacity; -moz-transition-duration: 300ms; -moz-transition-timing: cubic-bezier(0.755, 0.05, 0.855, 0.06); -moz-transition-delay: 0;
}
#slider video {
	left: 0px; top: 0px; position: absolute; z-index: 1;
}
#slider .dots_line.move {
	transition:500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: all; -moz-transition-duration: 500ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#scalePic {
	left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 5;
}
#scalePic img {
	left: 50%; top: 50%; width: 640px; height: 360px; margin-left: -320px; display: block; position: absolute; -webkit-backface-visibility: hidden;
}
#scalePic video {
	left: 50%; top: 50%; width: 640px; height: 360px; margin-left: -320px; display: block; position: absolute; -webkit-backface-visibility: hidden;
}
#scalePic img {
	transition:600ms cubic-bezier(0.19, 1, 0.22, 1); transform: translate3d(0px, 0px, 0px); -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0; -o-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0; -webkit-transform: rotate(0.1); -o-transform: translate3d(0, 0, 0); -moz-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0; -moz-transform: rotate(0.1); -moz-transition-property: all; -moz-transition-duration: 600ms; -moz-transition-timing: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-delay: 0;
}
#scalePic video {
	transition:600ms cubic-bezier(0.19, 1, 0.22, 1); transform: translate3d(0px, 0px, 0px); -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0; -o-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0; -webkit-transform: rotate(0.1); -o-transform: translate3d(0, 0, 0); -moz-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0; -moz-transform: rotate(0.1); -moz-transition-property: all; -moz-transition-duration: 600ms; -moz-transition-timing: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-delay: 0;
}
#timeline {
	transition:300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 100%; height: 72px; overflow: hidden; display: block; position: relative; z-index: 2; min-width: 960px; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: all; -moz-transition-duration: 300ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .decades {
	margin: 0px auto; left: 0px; top: 0px; width: 1120px; height: 72px; position: absolute; z-index: 2;
}
#timeline .decades li {
	background: rgba(247, 247, 247, 0.5); top: 5px; width: 280px; height: 62px; float: left; position: relative; -webkit-backface-visibility: hidden;
}
#timeline .decades li .year {
	left: -27px; bottom: -4px; color: rgba(61, 64, 109, 0.1); line-height: 62px; font-family: "Arial"; font-size: 30px; position: absolute;
}
#timeline .decades li .border {
	left: 0px; width: 100%; height: 5px; display: block; position: absolute; opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;
}
#timeline .decades li .top {
	background: url("../images/timeline/sprite.png") no-repeat 0px 0px; top: -5px;
}
#timeline .decades li .bottom {
	background: url("../images/timeline/sprite.png") no-repeat 0px -6px; bottom: -5px;
}
#timeline .decades li .dotted {
	left: 3px; top: 0px; width: 1px; height: 100%; border-left-color: rgb(194, 194, 194); border-left-width: 1px; border-left-style: dotted; position: absolute;
}
#timeline .decades li .year.big {
	left: -135px; line-height: 440px; font-size: 155px;
}
#timeline .dots {
	left: 0px; top: 0px; width: 1120px; height: 72px; display: block; position: absolute; z-index: 3;
}
#timeline .dots li {
	top: 50%; width: 21px; height: 21px; margin-top: -8px; position: absolute; cursor: pointer;
}
#timeline .dots b {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;
}
#timeline .dots p {
	left: 50%; width: 200px; text-align: center; bottom: -50px; color: rgb(48, 48, 48); font-family: "Georgia"; font-size: 14px; font-style: italic; margin-left: -100px; position: absolute; opacity: 0; pointer-events: none; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;
}
#timeline .dots .especes {
	background: url("../images/timeline/sprite1.png") no-repeat center; color: rgb(208, 147, 93);
}
#timeline .dots .especes b {
	background: url("../images/timeline/sprite1.png") no-repeat center;
}
#timeline .dots .especes .year {
	background: url("../images/timeline/sprite.png") no-repeat 0px -143px;
}
#timeline .dots .especes p {
	color: rgb(208, 147, 93);
}
#timeline .dots .forets {
	background: url("../images/timeline/sprite.png") no-repeat -22px -95px; color: rgb(94, 157, 27);
}
#timeline .dots .forets b {
	background: url("../images/timeline/sprite.png") no-repeat -22px -118px;
}
#timeline .dots .forets .year {
	background: url("../images/timeline/sprite.png") no-repeat -68px -143px;
}
#timeline .dots .forets p {
	color: rgb(94, 157, 27);
}
#timeline .dots .eau-douce {
	background: url("../images/timeline/sprite.png") no-repeat -44px -95px; color: rgb(23, 146, 203);
}
#timeline .dots .eau-douce b {
	background: url("../images/timeline/sprite.png") no-repeat -44px -118px;
}
#timeline .dots .eau-douce .year {
	background: url("../images/timeline/sprite.png") no-repeat -136px -143px;
}
#timeline .dots .eau-douce p {
	color: rgb(23, 146, 203);
}
#timeline .dots .oceans {
	background: url("../images/timeline/sprite.png") no-repeat -66px -95px; color: rgb(0, 94, 122);
}
#timeline .dots .oceans b {
	background: url("../images/timeline/sprite.png") no-repeat -66px -118px;
}
#timeline .dots .oceans .year {
	background: url("../images/timeline/sprite.png") no-repeat -204px -143px;
}
#timeline .dots .oceans p {
	color: rgb(0, 94, 122);
}
#timeline .dots .changement-climatique {
	background: url("../images/timeline/sprite.png") no-repeat -88px -95px; color: rgb(229, 154, 61);
}
#timeline .dots .changement-climatique b {
	background: url("../images/timeline/sprite.png") no-repeat -88px -118px;
}
#timeline .dots .changement-climatique .year {
	background: url("../images/timeline/sprite.png") no-repeat -272px -143px;
}
#timeline .dots .changement-climatique p {
	color: rgb(229, 154, 61);
}
#timeline .dots .empreinte-ecologique {
	background: url("../images/timeline/sprite.png") no-repeat -110px -95px; color: rgb(0, 98, 99);
}
#timeline .dots .empreinte-ecologique b {
	background: url("../images/timeline/sprite.png") no-repeat -110px -118px;
}
#timeline .dots .empreinte-ecologique .year {
	background: url("../images/timeline/sprite.png") no-repeat -340px -143px;
}
#timeline .dots .empreinte-ecologique p {
	color: rgb(0, 98, 99);
}
#timeline .dots .year {
	left: 50%; width: 1.25rem; height: 1.25rem; text-align: center; bottom: -28px; color: rgb(255, 255, 255); letter-spacing: -1px; font-family: "Univers UltraCondensed"; font-size: 24px; margin-left: -33px; display: block; position: absolute; z-index: 2; opacity: 0; -webkit-font-smoothing: antialiased; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;
}
#timeline .dots .year i {
	line-height: 67px; font-style: normal; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;
}
#timeline .dots li {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
#timeline .dots li.active {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
#timeline .dots li.active b {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
#timeline .theme-selector {
	background: rgb(243, 243, 243); left: -200px; top: 5px; width: 121px; height: 410px; border-right-color: rgb(194, 194, 194); border-right-width: 1px; border-right-style: dotted; z-index: 5;
}
#timeline .theme-selector ul {
	top: 20px; position: relative;
}
#timeline .theme-selector .border {
	width: 198px;
}
#timeline .theme-selector li {
	margin: 16px 0px; left: -100px; width: 130px; position: relative; cursor: pointer;
}
#timeline .theme-selector li i {
	width: 42px; height: 41px; display: block;
}
#timeline .theme-selector li span {
	left: 50px; top: 12px; font-family: "Georgia"; font-size: 14px; font-style: italic; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;
}
#timeline .theme-selector .especes i {
	background: url("../images/timeline/sprite.png") no-repeat 0px -11px;
}
#timeline .theme-selector .especes span {
	color: rgb(208, 147, 93);
}
#timeline .theme-selector .oceans i {
	background: url("../images/timeline/sprite.png") no-repeat -129px -11px;
}
#timeline .theme-selector .oceans span {
	color: rgb(0, 94, 122);
}
#timeline .theme-selector .forets i {
	background: url("../images/timeline/sprite.png") no-repeat -43px -11px;
}
#timeline .theme-selector .forets span {
	color: rgb(94, 157, 27);
}
#timeline .theme-selector .eau-douce i {
	background: url("../images/timeline/sprite.png") no-repeat -86px -11px;
}
#timeline .theme-selector .eau-douce span {
	color: rgb(23, 146, 203);
}
#timeline .theme-selector .changement-climatique i {
	background: url("../images/timeline/sprite.png") no-repeat -172px -11px;
}
#timeline .theme-selector .changement-climatique span {
	top: 5px; color: rgb(229, 154, 61);
}
#timeline .theme-selector .empreinte-ecologique i {
	background: url("../images/timeline/sprite.png") no-repeat -215px -11px;
}
#timeline .theme-selector .empreinte-ecologique span {
	top: 5px; color: rgb(0, 98, 99);
}
#timeline .theme-selector {
	position: absolute;
}
#timeline .theme-list {
	position: absolute;
}
#timeline .theme-selector .border {
	background: rgb(243, 243, 243); left: 0px; height: 5px; display: block; position: absolute;
}
#timeline .theme-list .border {
	background: rgb(243, 243, 243); left: 0px; height: 5px; display: block; position: absolute;
}
#timeline .theme-selector .border i {
	top: 0px; width: 3px; height: 5px; right: -3px; display: block; position: absolute;
}
#timeline .theme-list .border i {
	top: 0px; width: 3px; height: 5px; right: -3px; display: block; position: absolute;
}
#timeline .theme-selector .top {
	background: url("../images/timeline/sprite.png") no-repeat -10px 0px; top: -5px;
}
#timeline .theme-list .top {
	background: url("../images/timeline/sprite.png") no-repeat -10px 0px; top: -5px;
}
#timeline .theme-selector .top i {
	background: url("../images/timeline/sprite.png") no-repeat 0px 0px;
}
#timeline .theme-list .top i {
	background: url("../images/timeline/sprite.png") no-repeat 0px 0px;
}
#timeline .theme-selector .bottom {
	background: url("../images/timeline/sprite.png") no-repeat -10px -6px; bottom: -5px;
}
#timeline .theme-list .bottom {
	background: url("../images/timeline/sprite.png") no-repeat -10px -6px; bottom: -5px;
}
#timeline .theme-selector .bottom i {
	background: url("../images/timeline/sprite.png") no-repeat 0px -6px;
}
#timeline .theme-list .bottom i {
	background: url("../images/timeline/sprite.png") no-repeat 0px -6px;
}
#timeline .theme-list {
	left: 121px; top: 0px; width: 0px; height: 410px; overflow: hidden; display: none; z-index: 4;
}
#timeline .theme-list .border {
	width: 407px;
}
#timeline .theme-list .border.top {
	top: 0px;
}
#timeline .theme-list .border.bottom {
	bottom: 0px;
}
#timeline .theme-list > ul {
	background: rgb(243, 243, 243); top: 5px; width: 409px; height: 400px; border-right-color: rgb(194, 194, 194); border-right-width: 1px; border-right-style: dotted; position: relative;
}
#timeline .theme-list > ul > li {
	left: 0px; top: 0px; width: 409px; overflow: hidden; display: none; position: absolute;
}
#timeline .theme-list > ul > li .wrapper {
	padding: 150px 40px 0px; width: 329px; height: 250px;
}
#timeline .theme-list .title {
	width: 329px; bottom: 253px; text-transform: uppercase; line-height: 38px; font-family: "Univers Bold Condensed"; font-size: 45px; position: absolute;
}
#timeline .theme-list .subtitle {
	text-transform: uppercase; font-family: "Univers Bold Condensed"; font-size: 16px; margin-bottom: 15px;
}
#timeline .theme-list a {
	color: rgb(89, 89, 89); clear: both; font-family: "Georgia"; font-size: 14px; font-style: italic; display: block;
}
#timeline .theme-list .close {
	top: 10px; width: 24px; height: 24px; right: 15px; display: block; position: absolute; cursor: pointer;
}
#timeline .theme-list .especes .title {
	color: rgb(208, 147, 93);
}
#timeline .theme-list .especes .subtitle {
	color: rgb(208, 147, 93);
}
#timeline .theme-list .especes .close {
	background: url("../images/timeline/sprite.png") no-repeat -131px -118px;
}
#timeline .theme-list .especes a:hover {
	color: rgb(208, 147, 93);
}
#timeline .theme-list .forets .title {
	color: rgb(94, 157, 27);
}
#timeline .theme-list .forets .subtitle {
	color: rgb(94, 157, 27);
}
#timeline .theme-list .forets .close {
	background: url("../images/timeline/sprite.png") no-repeat -155px -118px;
}
#timeline .theme-list .forets a:hover {
	color: rgb(94, 157, 27);
}
#timeline .theme-list .eau-douce .title {
	color: rgb(23, 146, 203);
}
#timeline .theme-list .eau-douce .subtitle {
	color: rgb(23, 146, 203);
}
#timeline .theme-list .eau-douce .close {
	background: url("../images/timeline/sprite.png") no-repeat -179px -118px;
}
#timeline .theme-list .eau-douce a:hover {
	color: rgb(23, 146, 203);
}
#timeline .theme-list .oceans .title {
	color: rgb(0, 94, 122);
}
#timeline .theme-list .oceans .subtitle {
	color: rgb(0, 94, 122);
}
#timeline .theme-list .oceans .close {
	background: url("../images/timeline/sprite.png") no-repeat -203px -118px;
}
#timeline .theme-list .oceans a:hover {
	color: rgb(0, 94, 122);
}
#timeline .theme-list .changement-climatique .title {
	color: rgb(229, 154, 61);
}
#timeline .theme-list .changement-climatique .subtitle {
	color: rgb(229, 154, 61);
}
#timeline .theme-list .changement-climatique .close {
	background: url("../images/timeline/sprite.png") no-repeat -227px -118px;
}
#timeline .theme-list .changement-climatique a:hover {
	color: rgb(229, 154, 61);
}
#timeline .theme-list .empreinte-ecologique .title {
	color: rgb(0, 98, 99);
}
#timeline .theme-list .empreinte-ecologique .subtitle {
	color: rgb(0, 98, 99);
}
#timeline .theme-list .empreinte-ecologique .close {
	background: url("../images/timeline/sprite.png") no-repeat -252px -118px;
}
#timeline .theme-list .empreinte-ecologique a:hover {
	color: rgb(0, 98, 99);
}
#timeline .lines {
	left: 0px; top: -3px; width: 100%; height: 0px; position: absolute; z-index: 2;
}
#timeline .lines li {
	background: url("../images/timeline/border.png"); margin: 55px 0px; width: 100%; height: 2px; display: block;
}
#timeline .lines .especes {
	margin-top: 41px;
}
.hidden#timeline {
	bottom: -150px;
}
.intro#timeline {
	transition:700ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: all 700ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: all 700ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: all 700ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: all; -moz-transition-duration: 700ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .dots li {
	transition:opacity 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: opacity 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: opacity 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: opacity 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: opacity; -moz-transition-duration: 200ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .dots .year {
	transition:200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: all; -moz-transition-duration: 200ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .dots .year i {
	transition:200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms; -o-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms; -moz-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms; -moz-transition-property: all; -moz-transition-duration: 200ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 200ms;
}
#timeline .dots b {
	transition:200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: all; -moz-transition-duration: 200ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .dots p {
	transition:200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: all; -moz-transition-duration: 200ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .decades {
	transition:height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: height; -moz-transition-duration: 300ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .decades li {
	transition:height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: height; -moz-transition-duration: 300ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .decades li .year {
	transition:bottom 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms; -webkit-transition: bottom 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms; -o-transition: bottom 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms; -moz-transition: bottom 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms; -moz-transition-property: bottom; -moz-transition-duration: 300ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 100ms;
}
.on#timeline {
	height: 420px; cursor: url(../images/timeline/drag-icon.png), auto;
}
.on.drag#timeline {
	cursor: url(../images/timeline/drag-icon-catch.png), auto;
}
.on#timeline .lines {
	top: 22px;
}
.on#timeline .decades {
	height: 100%;
}
.on#timeline .decades li {
	height: 420px;
}
.on#timeline .dots li {
	opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;
}
.on#timeline .dots li .year {
	transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0);
}
.on#timeline .dots li .year i {
	transition:100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: all; -moz-transition-duration: 100ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
.on#timeline .dots li.showed {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
.on#timeline .dots li.placed {
	margin-left: 200px;
}
.on#timeline .dots li.placed.especes {
	top: 61px;
}
.on#timeline .dots li.placed.changement-climatique {
	top: 118px;
}
.on#timeline .dots li.placed.forets {
	top: 174px;
}
.on#timeline .dots li.placed.empreinte-ecologique {
	top: 231px;
}
.on#timeline .dots li.placed.oceans {
	top: 288px;
}
.on#timeline .dots li.placed.eau-douce {
	top: 346px;
}
.on#timeline .dots li.shift {
	margin-left: 600px;
}
.on#timeline .dots li.active .year {
	bottom: -25px; opacity: 1; transform: scale(1); -webkit-transform: scale(1); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -moz-transform: scale(1);
}
.on#timeline .dots li:hover .year {
	bottom: -25px; opacity: 1; transform: scale(1); -webkit-transform: scale(1); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -moz-transform: scale(1);
}
.on#timeline .dots li.active .year i {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
.on#timeline .dots li:hover .year i {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
.on#timeline .dots li.active b {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
.on#timeline .dots li:hover b {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
.on#timeline .dots li.active p {
	bottom: -50px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
.on#timeline .dots li:hover p {
	bottom: -50px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
.on#timeline .dots li:hover {
	z-index: 10;
}
#timeline .theme-selector {
	transition:left 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: left 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: left 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: left 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: left; -moz-transition-duration: 300ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .theme-selector.opened {
	left: 0px;
}
#timeline .theme-selector li {
	transition:left 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: left 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: left 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: left 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: left; -moz-transition-duration: 300ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .theme-selector li.opened {
	left: 40px;
}
#timeline .theme-selector li:hover span {
	transition:opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); opacity: 1; -webkit-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -moz-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: opacity; -moz-transition-duration: 300ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .theme-list {
	transition:width 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: width 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: width 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: width 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: width; -moz-transition-duration: 300ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .theme-list.opened {
	width: 410px;
}
#timeline .theme-list li li {
	transition:opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); opacity: 0; -webkit-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -moz-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: opacity; -moz-transition-duration: 300ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .theme-list .subtitle {
	transition:opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); opacity: 0; -webkit-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -moz-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: opacity; -moz-transition-duration: 300ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .theme-list .title {
	transition:opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); opacity: 0; -webkit-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -moz-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: opacity; -moz-transition-duration: 300ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#timeline .theme-list .on {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
#timeline .theme-list li.opened {
	display: block;
}
#timeline .theme-list a {
	transition:color 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: color 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -o-transition: color 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition: color 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0; -moz-transition-property: color; -moz-transition-duration: 100ms; -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-delay: 0;
}
#toggle_timeline {
	background: rgb(255, 255, 255); padding: 5px 15px; border: 1px solid rgb(102, 102, 102); border-image: none; right: 40px; bottom: 21px; color: rgb(102, 102, 102); text-transform: uppercase; font-family: "OpenSans Regular"; font-size: 10px; float: left; position: absolute; z-index: 50; cursor: pointer;
}