/*

Project : Starter CSS
Author  : Nom prénom
Version : v.1.0.0
Date    : 2017/04/04

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

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

@font-face {
  font-family: 'DidactGothic-Regular';
  src: url('../fonts/DidactGothic-Regular/DidactGothic-Regular.eot');
  src: url('../fonts/DidactGothic-Regular/DidactGothic-Regular.eot?#iefix') format('embedded-opentype'),
 	   url('../fonts/DidactGothic-Regular/DidactGothic-Regular.woff') format('woff'),
 	   url('../fonts/DidactGothic-Regular/DidactGothic-Regular.ttf')  format('truetype'), 
 	   url('../fonts/DidactGothic-Regular/DidactGothic-Regular.svg#DidactGothic-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*--------------------------------------------*/
/* GLOBAL */
/*--------------------------------------------*/

html {
	box-sizing: border-box;
	font-size: 100%;
	
}
*, *::before, *::after {
	box-sizing: inherit;
}


body{
	font-family: 'DidactGothic-Regular','Oswald-Regular','HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0;
	position: relative;
	font-size: 1em;
	line-height: 1.5;
	font-weight: 400;
	color: #76787c;
	background-color: /*rgba(236, 205, 166, 0.9);*/
	rgba(158, 158, 158, 0.41);
	background-image: url('../img/bg-new1-001.jpg');
/*	filter: grayscale(40%);*/
	background-size: cover;
	background-repeat: no-repeat;


}

/* Typographie */
/*--------------------------*/
h1, .h1-like,
h2, .h2-like,
h3, .h3-like,
h4, .h4-like,
h5, .h5-like,
h6, .h6-like {
	font-weight: 700;
/*	color: #1c1f26;*/
	line-height: 1.5em;
	margin: 0 0 0.625em 0;
}
h1, .h1-like {
	font-size: 3em;
	color: #d45466;
	font-family:'EdoSZ';

	
	
	
}
h2, .h2-like {
	font-size: 1.75em;
	color: #d45466;
	font-family:'EdoSZ';
}
h3, .h3-like {
	font-size: 1.5em;
	
}
h4, .h4-like {
	font-size: 1.25em;

}
h5, .h5-like {
	font-size: 1.125em;
}
h6, .h6-like {
	font-size: 1em;
}
p {
	margin: 0 0 0.825em 0;
}

/* links */
/*--------------------------*/
	a{
		text-decoration: none;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		color: #76787c;
	}
	a:hover, a:active {
		color: #424242;
	}

/* table */
/*---------------------------*/
table {
	width: 100%;
	/*margin: 0.625em 0;*/
	table-layout: fixed;
	border-collapse: collapse;
}
tr,
td,
th {
	vertical-align: middle;
}
thead th {
	padding: 0.625em 0;
	border-bottom: 2px solid #c1c1c4;
	text-align: left;
	font-weight: 700;
}
tbody td {
	padding: 0.625em;
	border-bottom: 1px solid #c1c1c4;
}
tbody tr:nth-child(even) {
	background: #E7E7E7;
}

tfoot th{
	padding: 0.625em 0;
	border-bottom: 1px solid #c1c1c4;
}

.table li{
	text-decoration: none;

}



/* Forms */
/* -----------------------------------------------------*/
form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
input,
label,
select {
    display: block;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 1em;
}

label {
    margin-bottom: .35938em;
    font-weight: 700;
    cursor: pointer;
}

label.required:after {
    content: " *";
}

textarea,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"],
select[multiple="multiple"] {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: .71875em;
    padding: .625em;
    border: 1px solid #e8e8e9;
    border-radius: 0;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 1em;
    background-color: #fff;
    box-shadow: none;
    -webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

textarea:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="url"]:hover,
input[type="color"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
select[multiple="multiple"]:hover {
    border-color: #ceced0;
}

textarea:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
select[multiple="multiple"]:focus {
    border-color: #D35F60;
    outline: none;
    box-shadow: 0 0 5px rgba(205,75,77,.7);
}

textarea {
    resize: vertical;
}

input[type="checkbox"],
input[type="radio"] {
    display: inline;
    margin-right: .71875em;
}

input[type="file"] {
    width: 100%;
    margin-bottom: .71875em;
    padding-bottom: .23958em;
}
input[type="submit"] {
   cursor: pointer;
}
select {
    width: auto;
    margin-bottom: .71875em;
    max-width: 100%;
}

fieldset {
    margin: 0 0 .71875em 0;
    padding: 1.4375em;
    border: 1px solid #e8e8e9;
    border-radius: 0;
    background: #fafafa;
}

::-webkit-input-placeholder {
    color: #c8c9ca;
}

:-moz-placeholder {
    color: #c8c9ca;
}

::-moz-placeholder {
    color: #c8c9ca;
}

:-ms-input-placeholder {
    color: #c8c9ca;
}
/*input[id="nom"], input[id="prenom"] {
    display: inline-block;
    width: 75%;
}
 label[for="nom"], label[for="prenom"] {
    display: inline-block;
    width: 20%;
}*//*créer des conflits entre les lignes 250-256 ne pas utiliser*/
/* Grouping content */
/*--------------------------*/
img,
video {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
figure {
	margin: 0;
}

audio{
	max-width: 100%;
	vertical-align: bottom;
}
/* Iframe */
/*--------------------------*/
.box-iframe {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.box-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* Buttons */
/*--------------------------*/
.btn {
position: relative;
display: inline-block;
background-color: #d35f60;
color: #fff;
border: none;
border-radius: 3px;
padding: 0 1.25em;
line-height: 2.5em;
white-space: nowrap;
}
.btn:active {
top: 1px;
}
.btn--small {
font-size: 0.75em;
}
.btn--large {
font-size: 1.5em;
}
.btn--secondary {
background-color: #ededed;
color: #666;
}

/*--------------------------------------------*/
/* list */
/*--------------------------------------------*/

ul{
	list-style-type: none;

}


/*--------------------------------------------*/
/* GRID */
/*--------------------------------------------*/
.grid:before,
.grid:after{
	display: block;
	content:"";
	clear:both;
}
.grid{
	margin-left: -10px;
	margin-right: -10px;
}
	
[class*="col-"] {
	width: 100%;
}/*Pour simplier lécriture dans html en accumulant col-d col-m col-t*/

.grid [class*="col-"] {
	float: left;
	/*padding-left: 10px;
	padding-right: 10px;*/
}

.col-m-1{
	width:8.333%;
}
.col-m-2{
	width:16.667%;
}
.col-m-3{
	width:25%;
}
.col-m-4{
	width:33.333%;
}
.col-m-5{
	width:41.667%;
}
.col-m-6{
	width:50%;
}
.col-m-7{
	width:58.333%;
}
.col-m-8{
	width:66.667%;
}
.col-m-9{
	width:75%;
}
.col-m-10{
	width:83.333%;
}
.col-m-11{
	width:91.667%;
}
.col-m-12{
	width:100%;
}

/* GRID TABLET VIEW */
/*--------------------------*/
@media (min-width: 481px) {



	.col-t-1{
		width:8.333%;
	}
	.col-t-2{
		width:16.667%;
	}
	.col-t-3{
		width:25%;
	}
	.col-t-4{
		width:33.333%;
	}
	.col-t-5{
		width:41.667%;
	}
	.col-t-6{
		width:50%;
	}
	.col-t-7{
		width:58.333%;
	}
	.col-t-8{
		width:66.667%;
	}
	.col-t-9{
		width:75%;
	}
	.col-t-10{
		width:83.333%;
	}
	.col-t-11{
		width:91.667%;
	}
	.col-t-12{
		width:100%;
	}



} /* END OF GRID TABLET VIEW */

@media (min-width: 769px) {
	.table {
		display: table;
		width: 100%;
		padding-left: 10px;

	}
	.fixed {
		table-layout: fixed;
	}
	.row {
		display: table-row;
	}
	.cell {
		display: table-cell;
		padding:0;
		margin:0;
		
	}

	.col-d-1{
		width:8.333%;
	}
	.col-d-2{
		width:16.667%;
	}
	.col-d-3{
		width:25%;
	}
	.col-d-4{
		width:33.333%;
	}
	.col-d-5{
		width:41.667%;
	}
	.col-d-6{
		width:50%;
	}
	.col-d-7{
		width:58.333%;
	}
	.col-d-8{
		width:66.667%;
	}
	.col-d-9{
		width:75%;
	}
	.col-d-10{
		width:83.333%;
	}
	.col-d-11{
		width:91.667%;
	}
	.col-d-12{
		width:100%;
	}

}/* END OF GRID DESKTOP VIEW */


/* Helpers */
/*--------------------------*/
.txt-left {
	text-align: left;
}
.txt-center {
	text-align: center;
}
.txt-right {
	text-align: right;
}
/*--------------------------*/
.v-top {
	vertical-align: top;
}
.v-middle {
	vertical-align: middle;
}
.v-bottom {
	vertical-align: bottom;
}

.txt-shadow{
	text-shadow: 2px 2px rgba(16, 16, 16, 0.89);
}
/*
m = margin

a = all
t = top
b = bottom

n = none
s = small
m = medium
l = large
*/

.man {
	margin: 0 !important;
}
.mas {
	margin: 20px !important;
}
.mam {
	margin: 40px !important;
}
.mal {
	margin: 60px !important;
}

.mtn {
	margin-top: 0 !important;
}
.mts {
	margin-top: 20px !important;
}
.mtm {
	margin-top: 40px !important;
}
.mtl {
	margin-top: 80px !important;
}
.mtxl {
	margin-top: 120px !important;
}



.mbn {
	margin-bottom: 0 !important;
}
.mbs {
	margin-bottom: 20px !important;
}
.mbm {
	margin-bottom: 40px !important;
}
.mbl {
	margin-bottom: 60px !important;
}
.mrn {
	margin-left:  0 !important;
}
.mls {
	margin-left: 20px !important;
}
.mlm {
	margin-left: 40px !important;
}
.mll {
	margin-left: 60px !important;
}
.mrn {
	margin-right:  0 !important;
}
.mrs {
	margin-right: 20px !important;
}
.mrm {
	margin-right: 40px !important;
}
.mrl {
	margin-right: 60px !important;
}
.ptn{
	padding-top: 0px !important;
}
.pll{
	padding-left: 60px !important;
}
.plxl{
	padding-left: 100px !important;
}
.ptxl{
	padding-top: 120px !important;

}
.pbxl{
	padding-bottom: 120px !important;

}
.plxs{
	padding-left:10px !important;
}
.plm{
	padding-left:40px !important;
}
.prm{
	padding-right:40px !important;
}


/*--------------------------------------------*/
/* Others*/
/*--------------------------------------------*/

.browsehappy{
	background-color: #5ab1ab;
	color:#324b4b;
	padding: 20px;
	margin: 20px 0;
	border: 10px solid;
	text-align: center;
}

.browsehappy a{
	color:#fff;
	text-decoration: underline;
}

.browsehappy a:hover{
	color:#fff;
	text-decoration: none;
}




/*--------------------------------------------*/
/* CONTENT */
/*--------------------------------------------*/
.wrap {
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;

}

.wrap-cover {
	max-width: 650px; /* Largeur maximale du bloc de texte */
    margin: 0 auto; /* Centre le bloc de texte horizontalement */
    text-align: left;

}



/* Header */
/*--------------------------*/
#header {
	/*background-color: #212121;*/
	padding: 10px;
}

/* logo */
	/*--------------------------*/
	.logo img, .logo a, header a {
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		color: #fff;
}

	.logo a:hover img, 
	.logo a:active img,
	.logo a:focus img	{
		opacity: 0.8;

}

	
	header a:hover,
	
	header a:active,
	 
	header a:focus{
		color: #424242;

}

/* Menu */
/*--------------------------*/
.menu{
	height: 0;
	opacity: 0;
	overflow:hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
} 

.menu-collapse{
	height: auto;
	opacity: 1;
}
/*pour cacher le menu*/
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.menu a {
	display: block;
	padding: 1em;
	color: #ededed;
	text-align: center;
}
.menu .current {
	/*background-color: #d35f60;*/
	color: #d45466;
}
/* Burger */
/*--------------------------*/

/*#header .wrap{
	position:relative;
}au cas ou on a besion de menu burger dans la version desktop*/
.btn-menu{
	color:#fff;
	position: absolute;
	top: 20px;
	right: 20px;
}


/* Main*/
/*--------------------------*/
main{
	overflow:hidden;
	/*clear:both;*/
}

.btn-scroll {

	position: absolute;
	top: 40%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 999;
	padding-bottom: 20px;
}




/*.btn-scroll {
	padding: 0;
	list-style-type: none;
	background: #d35f60;
	/*padding: 20px 0;
	text-align: center;
}*/
.btn-return {

	position: absolute;
	top: 15%;
	left: 6%;
	z-index: 999;
	/*width: 5%;*/

}

.btn-return-secondary {

	position: absolute;
	top: 15%;
	left: 51%;
	z-index: 999;
	/*width: 5%;*/

}


.rs li {
	display: inline-block;

}


.rs .fa,
.btn-scroll .fa{
	color: #76787c;
	margin: 0 10px;
	transition: all 0.3s ease-in-out;
}

.rs a:hover .fa,
.rs a:active .fa,
.rs a:focus .fa,
.btn-scroll a:hover .fa,
.btn-scroll a:active .fa,
.btn-scroll a:focus .fa{
	color: #424242;

}

.btn-plus em{
	opacity: 0;
}

.btn-plus:hover em{
	background-color:rgba(16, 16, 16, 0.89);
	opacity:1;
	color: #fff;
	font-size:0.8em;
}

.btn-plus i{
	color:#d45466;
	margin: 0 10px;
	transition: all 0.3s ease-in-out;
}



.btn-plus a:hover .fa, 
.btn-plus i:hover{
	color: #fff;
}

.tooltips {
    position: relative;
    display: inline-block;  
}

/* Tooltip text */
.tooltips .tooltipstext {
    visibility: hidden;
    width: 160px;
    font-size: 0.8em;
    color: #fff;
    background-color: rgba(16, 16, 16, 0.89);
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 10;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltips .tooltipstext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltipstext {
    visibility: visible;
    opacity: 1;
}

	
#histoire .animate-objet img, .img-shadow
{	box-shadow:	rgba(14, 11, 11, 0.75) 4px 19px 20px 3px;
	/*opacity: 0.8;*/
}



.animate-objet:hover,
.animate-objet:active,
.animate-objet:focus,
.animate-objet2:hover,
.animate-objet2:active,
.animate-objet2:focus,
.box-middle img:hover,
.box-middle img:active,
.box-middle img:focus{
	opacity:0.4;
	transform:translate3d(10px, 0, 0) rotate(360deg) scale(0.9);
	 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}





/* Footer */
/*--------------------------*/

footer {
	
	padding: 0 0;
	overflow:hidden;
	clear:both;
}



footer small {
	display: block;
	text-align: center;
}

#totop {
	display: block;
	/*text-align: center;*/
	/*background-color: #d35f60;*/
	/*color: #fff;*/
	/*padding: 1em 2em;*/
/*	margin: 20px 0;
	border-radius: 5px;*/
}


video {
  width: 100%;
}

/* Piying General*/
/*--------------------------*/

.shadow-box{
	box-shadow:	rgba(14, 11, 11, 0.75) 12px 20px 20px 3px;
	border-radius: 4px;
	background-color: rgba(16, 16, 16, 0.89);
	padding-top: 5px;
}
#redirection .bg-box{
	position:relative;
}
#redirection .box-below{
	position: absolute;
	z-index: -2;
	left:0;
	right:0;
	margin-left: auto;
	margin-right:auto;
	bottom:10%;
	opacity: 0.5;
}

/*--------------------------------------------*/
/* RDW */
/*--------------------------------------------*/

/* MOBILE VIEW */
/*--------------------------*/
/*@media (max-width: 480px){
	.hidden-m{
		display: none;
	}

	.txt-box, .txt-box-others, .box-middle{
		max-width: 100%;
		overflow: hidden;
	}
}*/

/* TABLET VIEW */
/*--------------------------*/
@media (max-width: 768px) {

/*#header div .rs{
	position: absolute;
	top: 20px;
	right: 60px;
}*/
.hidden-m{
		display: none;
	}

	/*.txt-box, .txt-box-others, .box-middle{
		max-width: 100%;
		overflow: hidden;
	}*/


	/* Footer */
	/*--------------------------*/
/*	footer small {
		display: inline;
		text-align: left;
		
	}
	#totop {
		display: inline;
		text-align: inherit;
		/*background-color: inherit;
		color: #fff;
		padding: 0;
		margin: 0;
		border-radius: 0;
	}*/




} /* END OF TABLET VIEW */


/* DESKTOP VIEW */
/*--------------------------*/
@media (min-width: 769px) {

	#header {
	position:fixed;
	width: 100%;
	z-index: 999;
	}

	/* Menu */
	/*--------------------------*/
	.menu{
	height: auto;
	opacity: 1;
	
	}
	.menu li {
		display: inline-block;
	}
	.menu a {
		padding: 0.5em 1em;
	}

	/* Burger */
	/*--------------------------*/
.btn-menu{
		display:none;
	}


	/* Links */
	/*--------------------------*/



	/* logo */
	/*--------------------------*/
	/*.logo img, .logo a, header a {
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		color: #fff;
	}

	.logo a:hover img, 
	.logo a:active img,
	.logo a:focus img

	{
		opacity: 0.8;

	}

	
	header a:hover,
	
	header a:active,
	 
	header a:focus{
		color: #424242;

	}*/



	/* Buttons */
	/*--------------------------*/
	.btn, .btn-scroll{
		cursor:pointer;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
/*	.btn:hover {
		background-color: #a84b4b;
		color: #fff;
	}
	.btn--secondary:hover {
		background-color: #666;
		color: #ededed;
	}
*/
	/* Menu */
	/*--------------------------*/
	.menu a:hover,
	.menu a:active,
	.menu a:focus {
		
		color:#424242;
	}
	/* Footer */
	/*--------------------------*/
	#totop:hover,
	#totop:active,
	#totop:focus
	 {
		color: #424242;
	}

/*h1, .h1-like {
	font-size: 3em;
	color: #fff;
	
}*/

footer small {
		display: inline;
		text-align: left;
		
	}
	#totop {
		display: inline;
	/*	text-align: inherit;*/
		/*background-color: inherit;
		color: #fff;*/
		padding: 0;
		margin: 0;
		border-radius: 0;
	}
.bg-box {
	position: relative;
	overflow:hidden;

}



.box-below {
	position: absolute;
	z-index: -2;
	top:0;
	left:33.4%;
	right:0;
	bottom:0;
	width:100%;
	}

#actualite .box-below{
	position: absolute;
	z-index: -2;
	left:0;
	right:0;
	bottom:10%;
}

#redirection .box-below{
	position: absolute;
	z-index: -2;
	left:0;
	right:0;
	bottom:10%;
	opacity: 0.5;
}

video.box-below {
	position: absolute;
	z-index: -2;
	top:0;
	left:0;
	right:0;
	bottom:0;
}




.bg-animate{
	display: block;
	position:relative;
	overflow:hidden;
	opacity:0.3;
/*	background-color: rgba(16, 16, 16, 0.99);*/
	background-repeat: repeat;
	background-size: cover;
	padding: 0;
}
.bg-animate img{
	opacity:0.7;
/*	background-color: rgba(16, 16, 16, 0.99);*/
	background-repeat: repeat;
	background-size: cover;

}
.txt-box{
	color: #fff;
	position:absolute;
	top:25%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 5;
	

}




.txt-box-others{

position:absolute;
top: 0;
left: 0;
bottom: 0;
padding-left:3%;
z-index: 5;
background-color:rgba(16, 16, 16, 0.68);
color: #fff;
}

.animate-objet{

 
 -webkit-animation: bounce 4s infinite 4s;
  animation: bounce 4s infinite 4s;
  }
  @keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

.animate-objet2{

 
 -webkit-animation: bounce 3s infinite 3s;
  animation: bounce 3s infinite 3s;
  }
  @keyframes bounce {
  0%,
  40%,
  20%,
  50%,
  40% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

.animate-objet img{
	display:inline-block;
	border-radius: 90px;
}
.animate-objet figcaption{
	color:#fff;
}

#timeline-box{
  position: absolute;
  top: 0;
  right: 0;
 
  z-index: 1;

}
#timeline-origin{
position:absolute;
 top: 15%;
 left:35%;
}

#timeline-origin img{
width:15%;
}


#timeline-expansion{
position:absolute;
 top: 17%;
 left: 55%;
}
#timeline-expansion img{
width:20%;
}


#timeline-developpement{
position:absolute;
 top: 25%;
 left:70%;
}
#timeline-developpement img{
width:27%;
}

#timeline-sommet{
position:absolute;
 top: 37%;
 left:53%;
}

#timeline-sommet img{
width:30%;
}

#timeline-declin{
position:absolute;
 top: 47%;
 left:35%;
}

#timeline-declin img{
width:35%;
}

#timeline-renaissance{
position:absolute;
 top: 59%;
left:66%;
}

#timeline-renaissance img{
width:40%;
}

#north{
position:absolute;
 top: 12%;
 left:65%;
}

#northeast{
position:absolute;
 top: 8%;
 left:78%;
}

#east{
position:absolute;
 top: 36%;
 left:80%;
}

#center{
position:absolute;
 top: 30%;
 left:58%;
}

#south{
position:absolute;
 top: 45%;
 left:65%;

}

#west{
position:absolute;
 top: 35%;
 left:44%;

}

#southwest{
position:absolute;
 top: 40%;
 left:36%;

}





.bg-white a{
	color: #fff;

}
.bg-white {
	
background-color:rgba(10, 9, 9, 0.39);
}
/*.box-middle .bg-white{
	color: #fff;
background-color:rgba(10, 9, 9, 0.39);

*/

/*}*/

/*.bg-box .table{
	border-collapse: separate;
	border-spacing: 0 1em;



}*/

/*.bg-white img{
	opacity: 0.8;
/*border-radius: 90px;*/

/*}

.bg-black{
	color: #000;
background-color:#fff;
vertical-align: middle;

}*/
/*.table li{
	display: inline-block;
}*/



.box-middle{
	position: absolute;
	z-index: 5;
	top:0;
	right: 0;
	bottom:0;
}

.txt-box-secondary{
	position: absolute;
	z-index: 5;
	top:0;
	left:20%;
	bottom:0;
	color: #fff;
	
	
	
}
.img-box{
	position: absolute;
	z-index: 5;
	top:0;
	left: 50%;
	bottom:0;
	object-position: 100% 100%;
}
/*.rs .fa{
	color: #fff;
}*/

	.btn-scroll .fa{
		color: #fff;

	}

	.making-box img{
		border: 10px transparent solid;
		filter:sepia(30%);
	}

.float-right{
	float:right!important;
}

	


} /* END OF DESKTOP VIEW */