*{
	-webkitbox-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-family: 'Open Sans', sans-serif;
	padding:0px;
	margin:0px;
	}
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{
	border:0;
	margin:0;
	padding:0;
	}

body {
	-webkitbox-size:cover;
	-moz-box-size:cover;
	box-size:cover;
	background-color:#4a3b80;
	padding: 0;
	margin: 0;
	}
	
a{
	 text-decoration:none;
	 color:inherit;
	 }
	
.clear{
	clear:both;
	}
	
.container-main {
	position:relative;
	overflow: hidden;
}
.right-menu{
	z-index:100;
	text-align:right;
	position:fixed;
	right:0;
	top:0;
	width:10%;
	min-height:80px;
	display:block;
	float:right;
	cursor:pointer;
	color:#ffffff;
	}
.site-name-link{
	position:fixed;
	width:10%;
	}
.site-name{
	position:relative;
	width:100%;
}
.site-name img{
	width:100%;
	margin:0px;
  	max-height:80vh;
}
.site-link{
	display:none;
}
.right-menu img{
	width:100%;
	margin:0px;
  	max-height:50vh;
}

.content{
	width: 100%;
	margin: 0px auto;
	}

.content .area{
	display:table;
	height:100vh;
	margin: 0px auto;
	width: 100%;
	}
	
.content .area-left{
	display:table-cell;/*paramètre pour l'alignement vertical*/
	vertical-align:top;/*paramètre pour l'alignement vertical*/
	width:10%;
	background-color:#4a3b80;
	background-image:url(../images/gradient-left.svg);
	background-repeat:repeat-y;
	background-position:right;
	position: relative;
	}
	
.content .area-center{
	display:table-cell;/*paramètre pour l'alignement vertical*/
	vertical-align:top;/*paramètre pour l'alignement vertical*/
	text-align:center;
	width:80%;
	background-color:#4a3b80;
	/*background-color:#555b96;*/
	color: #4a3b80;
	font-size: 15px;
	padding-top:0px;
}

.content .area-right{
	display:table-cell;/*paramètre pour l'alignement vertical*/
	vertical-align:top;/*paramètre pour l'alignement vertical*/
	width:10%;
	background-color:#4a3b80;
	background-image:url(../images/gradient-right.svg);
	background-repeat:repeat-y;
	background-position:left;
	position: relative;
}
/******SCROLL TRIGGER******/
section {
	width: 100%;
	display: table;
}

/******MODELE CHIFFRES******/
.panel{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	position:relative;
}

.element{
  position:fixed;
  width: 12%;
  height: auto;
  margin-top:-12%;
  top: 50%;
  bottom:50%;
  left: 44%;
  right: 44%;
  z-index: 15;
}
.elementBasic{
  position:fixed;
  z-index: 10;
  height: auto;
  top: 50%;
  bottom:50%;
}
#element1{
  width: 5.8%;
  margin-top:3.75%;
  left: 50.15%;
  right: 44.05%;
}
#element2-1{
  width:14.9%;
  margin-top:-12.5%;
  left: 42.55%;
  right: 42.55%;
}
#element2-2{
  width: 5.8%;
  margin-top:3.75%;
  left:53.8%;
  right:40.4%;
}
#element3{
  width:19%;
  margin-top:-3.55%;
  left: 40.5%;
  right: 40.5%;
}
#element4{
  width:12.9%;
  margin-top:-12.4%;
  left: 45.1%;
  right: 42%;
}
#element5-1{
  width: 13.2%;
  margin-top:-12.1%;
  left: 44.9%;
  right: 41.9%;
}
#element5-2{
  width:19%;
  margin-top:0%;
  left: 40.5%;
  right: 40.5%;
}
#element6{
  width:18.5%;
  margin-top:-2.6%;
  left: 40.8%;
  right: 40.7%;
}
#element7-1{
  width: 5.8%;
  margin-top:-9.1%;
  left: 40.5%;
  right: 53.7%;
}
#element7-2{
  width:8.5%;
  margin-top:-5.25%;
  left: 46.35%;
  right: 45.15%;
}
#element8{
  width:18.5%;
  margin-top:-10.55%;
  left: 40.5%;
  right: 41%;
}
#element9{
  width:18.5%;
  margin-top:-14%;
  left: 40.8%;
  right: 40.7%;
}
#element10{
  width:17.6%;
  margin-top:-12.1%;
  left: 41.2%;
  right: 41.2%;
}
#element11{
  width:18.8%;
  margin-top:-9.7%;
  left: 40.7%;
  right: 40.5%;
}
#element12{
  width:18.2%;
  margin-top:-2.2%;
  left: 44%;
  right: 37.8%;
}
#element13{
  width: 14.7%;
  margin-top:-9.6%;
  left: 44.9%;
  right: 40.4%;
}
#element14{
  width:18.2%;
  margin-top:-2.2%;
  left: 40.9%;
  right: 40.9%;
}
#element15{
  width:18.8%;
  margin-top:-9.5%;
  left: 40.5%;
  right: 40.7%;
}
#element16{
  width: 11.4%;
  margin-top:0.5%;
  left: 44%;
  right: 44.6%;
}
#element17{
  width:18.2%;
  margin-top:-15.4%;
  left: 40.9%;
  right: 40.9%;
}
#element18{
  width: 6%;
  margin-top:-13.7%;
  left: 41.3%;
  right: 52.7%;
}
#element19{
  width: 5.8%;
  margin-top:-12.8%;
  left: 44%;
  right: 50.2%;
}
#element20-1{
  width: 5.8%;
  margin-top:-17.7%;
  left: 50.2%;
  right: 44%;
}
#element20-2{
  width: 5.8%;
  margin-top:-11.1%;
  left: 50.2%;
  right: 44%;
}
#element21{
  width:16.2%;
  margin-top:-2.7%;
  left: 41.9%;
  right: 41.9%;
}
#element22{
  width: 5.8%;
  margin-top:-13.5%;
  left: 44%;
  right: 50.2%;
}
#element23-1{
  width: 5.7%;
  margin-top:-9.7%;
  left: 37.4%;
  right: 56.9%;
}
#element23-2{
  width: 11.9%;
  margin-top:-9.7%;
  left: 50.7%;
  right: 37.4%;
}
#element24{
  width: 5.7%;
  margin-top:-9.5%;
  left: 41.4%;
  right: 52.9%;
}
#element25{
  width:18.5%;
  margin-top:-9.6%;
  left: 37.5%;
  right: 44%;
}
#element26{
  width:18.2%;
  margin-top:-17.4%;
  left: 40.9%;
  right: 40.9%;
}
#element27{
  width:18.2%;
  margin-top:-16.9%;
  left: 40.9%;
  right: 40.9%;
}
#element29-1{
  width: 6%;
  margin-top:1.7%;
  left:40.3%;
  right:53.7%;
}
#element29-2{
  width:14%;
  margin-top:-9.3%;
  left: 44.9%;
  right: 41.1%;
}
#element30{
  width: 11.5%;
  margin-top:-14.7%;
  left: 44%;
  right: 44.5%;
}
#element31{
  width: 5.75%;
  margin-top:-9.55%;
  left: 52.9%;
  right: 41.35%;
}
#element32{
  width: 10.1%;
  margin-top:-9.6%;
  left: 48.3%;
  right: 41.6%;
}
#element33-1{
  width: 11.9%;
  margin-top:-9.5%;
  left: 37%;
  right: 51.1%;
}
#element33-2{
  width: 9.6%;
  margin-top:-9.5%;
  left: 53.4%;
  right: 41.6%;
}
#element34-1{
  width: 13.8%;
  margin-top:-9.45%;
  left: 37.3%;
  right: 48.9%;
}
#element34-2{
  width: 13.8%;
  margin-top:-0.5%;
  left: 37.3%;
  right: 37.35%;
}
#element34-3{
  width: 13.8%;
  margin-top:-0.4%;
  left: 48.8%;
  right: 37.35%;
}
#element35-1{
  width: 5.85%;
  margin-top:-15.7%;
  left: 41.1%;
  right: 53.05%;
}
#element35-2{
  width: 5.85%;
  margin-top:-15.7%;
  left: 53%;
  right: 41.15%;
}
#element36{
  width:14.15%;
  margin-top:-9.55%;
  left: 41.25%;
  right: 44.6%;
}

.vh-100{
  min-height:50vh;
  height:100vh!important;
}
/******FIN SCROLL TRIGGER******/

/*CONDITION POUR ECRAN TABLETTE (MOYENNE TAILLE)*/
@media only screen and (max-width:1200px){

/******SCROLL TRIGGER******/
.element{
  position:fixed;
  width: 18%;
  height: auto;
  margin-top:-18%;
  top: 50%;
  bottom:50%;
  left: 41%;
  right: 41%;
  z-index: 15;
}
#element1{
  width: 8.7%;
  margin-top:5.75%;
  left: 50.25%;
  right: 41.05%;
}
#element2-1{
  width:22.35%;
  margin-top:-18.75%;
  left: 38.8%;
  right: 38.85%;
}
#element2-2{
  width: 8.7%;
  margin-top:5.5%;
  left:55.7%;
  right:35.6%;
}
#element3{
  width:28.5%;
  margin-top:-5%;
  left: 35.6%;
  right: 35.9%;
}
#element4{
  width:19.35%;
  margin-top:-18%;
  left: 42.1%;
  right: 38.55%;
}
#element5-1{
  width: 19.8%;
  margin-top:-18.4%;
  left: 42.5%;
  right: 37.7%;
}
#element5-2{
  width:28.5%;
  margin-top:-0.3%;
  left: 35.9%;
  right: 35.6%;
}
#element6{
  width:27.75%;
  margin-top:-3.9%;
  left: 36.2%;
  right: 36.05%;
}
#element7-1{
  width: 8.7%;
  margin-top:-13.6%;
  left: 35.7%;
  right: 55.6%;
}
#element7-2{
  width:12.75%;
  margin-top:-7.9%;
  left: 44.6%;
  right: 42.65%;
}
#element8{
  width:27.75%;
  margin-top:-15.8%;
  left: 35.7%;
  right: 36.55%;
}
#element9{
  width:27.75%;
  margin-top:-21%;
  left: 36.15%;
  right: 36.1%;
}
#element10{
  width:26.4%;
  margin-top:-18.2%;
  left: 36.9%;
  right: 36.7%;
}
#element11{
  width:28.2%;
  margin-top:-14.5%;
  left: 36%;
  right: 35.8%;
}
#element12{
  width:27.3%;
  margin-top:-3.3%;
  left: 40.9%;
  right: 31.8%;
}
#element13{
  width: 22.2%;
  margin-top:-14.4%;
  left: 42.3%;
  right: 35.5%;
}
#element14{
  width:27.3%;
  margin-top:-3.3%;
  left: 36.4%;
  right: 36.3%;
}
#element15{
  width:28.2%;
  margin-top:-14.2%;
  left: 35.8%;
  right: 36%;
}
#element16{
  width: 17.1%;
  margin-top:0.8%;
  left: 41%;
  right: 41.9%;
}
#element17{
  width:27.3%;
  margin-top:-23%;
  left: 36.4%;
  right: 36.3%;
}
#element18{
  width:9%;
  margin-top:-20.55%;
  left: 37%;
  right: 54%;
}
#element19{
  width: 8.7%;
  margin-top:-19.2%;
  left: 41%;
  right: 50.3%;
}
#element20-1{
  width: 8.7%;
  margin-top:-26.55%;
  left: 50.3%;
  right: 41%;
}
#element20-2{
  width: 8.7%;
  margin-top:-16.7%;
  left: 50.3%;
  right: 41%;
}
#element21{
  width:24.3%;
  margin-top:-3.9%;
  left: 37.8%;
  right: 37.9%;
}
#element22{
  width: 8.7%;
  margin-top:-20.3%;
  left: 41%;
  right: 50.3%;
}
#element23-1{
  width: 8.55%;
  margin-top:-14.5%;
  left: 31.2%;
  right: 60.25%;
}
#element23-2{
  width: 17.85%;
  margin-top:-14.5%;
  left: 51%;
  right: 31.15%;
}
#element24{
  width: 8.55%;
  margin-top:-14.25%;
  left: 37.05%;
  right: 54.4%;
}
#element25{
  width:27.75%;
  margin-top:-14.4%;
  left: 31.35%;
  right: 40.9%;
}
#element26{
  width:27.3%;
  margin-top:-25.5%;
  left: 36.4%;
  right: 36.3%;
}
#element27{
  width:27.3%;
  margin-top:-25.5%;
  left: 36.4%;
  right: 36.3%;
}
#element29-1{
  width:9%;
  margin-top:2.55%;
  left:35.5%;
  right:55.5%;
}
#element29-2{
  width:21%;
  margin-top:-14%;
  left: 42.4%;
  right: 36.6%;
}
#element30{
  width: 17.25%;
  margin-top:-22.4%;
  left: 41%;
  right: 41.75%;
}
#element31{
  width: 8.6%;
  margin-top:-14.5%;
  left: 54.35%;
  right: 37.05%;
}
#element32{
  width: 15.15%;
  margin-top:-14.4%;
  left: 47.5%;
  right: 37.35%;
}
#element33-1{
  width: 17.85%;
  margin-top:-14.4%;
  left: 30.5%;
  right: 51.65%;
}
#element33-2{
  width: 14.4%;
  margin-top:-14.4%;
  left: 55.2%;
  right: 30.4%;
}
#element34-1{
  width: 20.7%;
  margin-top:-14.25%;
  left: 30.9%;
  right: 48.4%;
}
#element34-2{
  width: 20.7%;
  margin-top:-0.75%;
  left: 30.9%;
  right: 48.4%;
}
#element34-3{
  width: 20.7%;
  margin-top:-0.5%;
  left: 48.4%;
  right: 30.9%;
}
#element35-1{
  width: 8.75%;
  margin-top:-23.5%;
  left: 36.5%;
  right: 54.75%;
}
#element35-2{
  width: 8.75%;
  margin-top:-23.5%;
  left: 54.6%;
  right: 36.65%;
}
#element36{
  width:21.25%;
  margin-top:-14.25%;
  left: 36.8%;
  right: 41.95%;
}
/******FIN SCROLL TRIGGER******/
.right-menu img{
  	max-height:40vh;
}
}

/*CONDITION POUR ECRAN TABLETTE (MOYENNE TAILLE)*/
@media only screen and (max-width:950px) and (min-height:700px) {
.content-center{
	display:block;
	position:relative;
	font-size:0.8em;
	width:56%;
	margin:0px 22%;
	padding-top:40vh;
}
.content-left{
	display:block;
	position:relative;
	font-size:0.9em;
	width:90%;
	margin:-10px 5% 0px 5%;
}
.content-right{
	display:block;
	position:relative;
	font-size:0.8em;
	width:90%;
	/*padding-top:20vh;
	height:20vh;*/
	margin:-15px 5% 0px 5%;
}
section {
	display: block;
}
}

/*CONDITION POUR ECRAN SMARTPHONE (PETITE TAILLE)*/
@media only screen and (max-width:900px){
.header_logo{
	background-size:contain;
	}
}

/*CONDITION POUR ECRAN SMARTPHONE (PETITE TAILLE)*/
@media only screen and (max-width:700px) and (min-height:400px) {
.site-name img{
  	max-height:60vh;
}
.site-link{
	position:relative;
	display:block;
	width:100%;
}
.site-link img{
	margin:0px;
  	max-height:40vh;
	width:100%;
	z-index:100;
	float:left;
	cursor:pointer;
}
.right-menu{
	display:none;
	}

	/******CHIFFRES******/
.section-center{
	min-height:150px;
	}
	
.content .area{
	min-height:800px;
	display:block;
	}
	
.content .area-left{
	width:10%;
	}
	
.content .area-center{
	width:90%;
}

.content .area-right{
	display:none;
}
		
/******SCROLL TRIGGER******/
.element{
  position:fixed;
  width: 20%;
  height: auto;
  margin-top:-20%;
  left: 45%;
  right: 35%;
  z-index: 15;
}
#element1{
  width: 9.6%;
  margin-top:6.3%;
  left: 55.3%;
  right: 35.1%;
}
#element2-1{
  width:24.6%;
  margin-top:-20.6%;
  left: 42.9%;
  right: 32.5%;
}
#element2-2{
  width: 9.6%;
  margin-top:6%;
  left:61.3%;
  right:29.1%;
}
#element3{
  width:31.35%;
  margin-top:-5.5%;
  left: 39.2%;
  right: 29.45%;
}
#element4{
  width:21.3%;
  margin-top:-19.8%;
  left: 46.3%;
  right: 32.4%;
}
#element5-1{
  width: 21.8%;
  margin-top:-20.2%;
  left: 46.75%;
  right: 31.45%;
}
#element5-2{
  width:31.35%;
  margin-top:-0.35%;
  left: 39.5%;
  right: 29.15%;
}
#element6{
  width:30.5%;
  margin-top:-4.3%;
  left: 39.8%;
  right: 29.7%;
}
#element7-1{
  width: 9.6%;
  margin-top:-15%;
  left: 39.3%;
  right: 51.1%;
}
#element7-2{
  width:14%;
  margin-top:-8.7%;
  left: 49%;
  right: 37%;
}
#element8{
  width:30.5%;
  margin-top:-17.4%;
  left: 39.3%;
  right: 30.2%;
}
#element9{
  width:30.5%;
  margin-top:-23.3%;
  left: 39.75%;
  right: 29.75%;
}
#element10{
  width:29%;
  margin-top:-20%;
  left: 40.6%;
  right: 30.4%;
}
#element11{
  width:31%;
  margin-top:-15.95%;
  left: 39.6%;
  right: 29.4%;
}
#element12{
  width:30%;
  margin-top:-3.65%;
  left: 45%;
  right: 25%;
}
#element13{
  width: 24.4%;
  margin-top:-15.85%;
  left: 46.55%;
  right: 29.05%;
}
#element14{
  width:30%;
  margin-top:-3.65%;
  left: 40%;
  right: 30%;
}
#element15{
  width:31%;
  margin-top:-15.6%;
  left: 39.4%;
  right: 29.6%;
}
#element16{
  width: 18.8%;
  margin-top:0.9%;
  left: 45.1%;
  right: 26.1%;
}
#element17{
  width:30%;
  margin-top:-25.3%;
  left: 40%;
  right: 30%;
}
#element18{
  width:9.9%;
  margin-top:-22.6%;
  left: 40.7%;
  right: 49.4%;
}
#element19{
  width: 9.6%;
  margin-top:-21.1%;
  left: 45.1%;
  right: 45.3%;
}
#element20-1{
  width: 9.6%;
  margin-top:-29.2%;
  left: 55.35%;
  right: 35.05%;
}
#element20-2{
  width: 9.6%;
  margin-top:-18.4%;
  left: 55.35%;
  right: 35.05%;
}
#element21{
  width:26.75%;
  margin-top:-4.3%;
  left: 41.6%;
  right: 31.65%;
}
#element22{
  width: 9.6%;
  margin-top:-22.35%;
  left: 45.1%;
  right: 45.3%;
}
#element23-1{
  width: 9.4%;
  margin-top:-15.95%;
  left: 34.3%;
  right: 56.3%;
}
#element23-2{
  width: 19.65%;
  margin-top:-15.95%;
  left: 56.1%;
  right: 24.25%;
}
#element24{
  width: 9.4%;
  margin-top:-15.7%;
  left: 40.75%;
  right: 49.95%;
}
#element25{
  width:30.5%;
  margin-top:-15.85%;
  left: 34.4%;
  right: 35.1%;
}
#element26{
  width:30%;
  margin-top:-28%;
  left: 40%;
  right: 30%;
}
#element27{
  width:30%;
  margin-top:-28%;
  left: 40%;
  right: 30%;
}
#element29-1{
  width:9.9%;
  margin-top:2.8%;
  left:39%;
  right:51.1%;
}
#element29-2{
  width:23.1%;
  margin-top:-15.4%;
  left: 46.65%;
  right: 30.25%;
}
#element30{
  width: 19%;
  margin-top:-24.65%;
  left: 45.1%;
  right: 35.9%;
}
#element31{
  width: 9.45%;
  margin-top:-15.95%;
  left: 59.8%;
  right: 30.75%;
}
#element32{
  width: 16.7%;
  margin-top:-15.95%;
  left: 52.25%;
  right: 31.05%;
}
#element33-1{
  width: 19.6%;
  margin-top:-15.95%;
  left: 33.55%;
  right: 46.85%;
}
#element33-2{
  width: 15.85%;
  margin-top:-15.95%;
  left: 61.1%;
  right: 23.05%;
}
#element34-1{
  width: 22.8%;
  margin-top:-15.7%;
  left: 34%;
  right: 43.2%;
}
#element34-2{
  width: 22.8%;
  margin-top:-0.8%;
  left: 34%;
  right: 43.2%;
}
#element34-3{
  width: 22.8%;
  margin-top:-0.55%;
  left: 53.2%;
  right: 24%;
}
#element35-1{
  width: 9.6%;
  margin-top:-25.85%;
  left: 40.15%;
  right: 50.25%;
}
#element35-2{
  width: 9.6%;
  margin-top:-25.85%;
  left: 60%;
  right: 30.4%;
}
#element36{
  width:23.4%;
  margin-top:-15.7%;
  left: 40.5%;
  right: 36.1%;
}
/******FIN SCROLL TRIGGER******/
}