#presentation {
	width:100%;
	height:450px;
	font-family:Corpid-Light;
	overflow:hidden;
	-moz-transition:height 250ms ease;
	-o-transition:height 250ms ease;
	-webkit-transition:height 250ms ease;
	transition:height 250ms ease;
}

	#presentation.expanded {
		height:550px;
	}

	#presentation .centered .other > .shadow {
		display:none;
	}

	#presentation .centered {
		width:100%;
		height:425px;
		max-width:1024px;
		margin:auto;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		-moz-transition:height 250ms ease;
		-o-transition:height 250ms ease;
		-webkit-transition:height 250ms ease;
		transition:height 250ms ease;
	}

		#presentation .centered.expanded {
			height:525px;
		}

#crumbs {
	width:100%;
	height:25px;
	line-height:25px;
	margin-top:10px;
}

	#crumbs .crumb {
		float:left;
		position:relative;
		z-index:2;
		margin-right:5px;
		font-size:13px;
	}

		#crumbs .crumb:not(:last-child)::before {
			content:' ';
			display:block;
			width:6px;
			height:6px;
			background-image:url('../img/down_arrow.png');
			-moz-transform:rotateZ(-90deg);
			-ms-transform:rotateZ(-90deg);
			-o-transform:rotateZ(-90deg);
			-webkit-transform:rotateZ(-90deg);
			transform:rotateZ(-90deg);
			float:right;
			background-repeat:no-repeat;
			background-position:center;
			background-size:contain;
			position:relative;
			top:10px;
			margin-left:3px;
		}

#presentation .centered > .other {
	height:calc(100% - 25px);
}

.litte_list_data {
	width:calc(100% - 45px);
	white-space:normal;
}

	.litte_list_data .litte_list_title {
		width:100%;
		overflow-wrap:break-word;
	}

a[href]:hover .litte_list_title,
.little_media a[href]:hover {
	text-decoration:underline;
}

#presentation .centered > .other .left,
#presentation .centered > .other .right {
	height:100%;
	float:left;
	-webkit-transition:opacity 250ms ease, width 250ms ease;
	transition:opacity 250ms ease, width 250ms ease;
}

	#presentation .centered > .other .left.expanded {
		width:100%;
		display:flex;
		align-items:center;
		justify-content:center;
	}

	#presentation .centered > .other .left .image {
		-moz-transition:height 250ms ease;
		-o-transition:height 250ms ease;
		-webkit-transition:height 250ms ease;
		transition:height 250ms ease;
		/**/
		/*background-color:#F00;*/
	}

	#presentation .centered > .other .left.expanded .image {
		height:100%;
		max-width:850px;
		right:0;
		left:0;
		margin:auto;
		order:2;
	}

		#presentation .centered > .other .left.expanded .image.triggered {
			position:relative;
		}

	#presentation .centered > .other .right.hidden {
		opacity:0;
	}

#presentation .centered > .other .left {
	width:48%;
	position:relative;
	display:flex;
	align-items:center;
}

	#presentation .centered > .other .left > .image {
		width:100%;
		height:80%;
		position:absolute;
		top:0;
		left:0;
		display:flex;
		align-items:center;
		cursor:pointer;
	}

	#presentation .centered > .other .left .image img {
		max-height:100%;
		max-width:100%;
		margin:auto;
		display:block;
	}

#presentation .centered > .other .right {
	padding-left:50px;
	width:52%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
}

#presentation .centered > .other .left .close .text,
#presentation .centered > .other .left .close img,
#presentation .centered > .other .left .download .text,
#presentation .centered > .other .left .download img {
	float:left;
}

#presentation .centered > .other .left .close,
#presentation .centered > .other .left .download {
	cursor:pointer;
	-webkit-opacity:0.3;
	opacity:0.3;
	/**/
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease;
}

#presentation .centered > .other .left .close:hover,
#presentation .centered > .other .left .download:hover {
	-webkit-opacity:0.7;
	opacity:0.7;
}

	#presentation .centered > .other .left .close .text,
	#presentation .centered > .other .left .download .text {
		max-width:90px;
		margin-right:10px;
		text-transform:uppercase;
		line-height:15px;
		font-size:13px;
		text-align:right;
		/*color:#CCC;*/
		color:#000;
	}

#presentation .centered > .other .left .close,
#presentation .centered > .other .left .download {
	display:none;
}

#presentation .centered > .other .left.expanded .download.triggered,
#presentation .centered > .other .left.expanded .close.triggered {
	display:flex;
	position:absolute;
	bottom:40px;
	right:0;
	align-items:center;
}

	#presentation .centered > .other .left.expanded .download.triggered a {
		width:100%;
		height:100%;
		display:flex;
		align-items:center;
	}

	#presentation .centered > .other .left.expanded .download.triggered img,
	#presentation .centered > .other .left.expanded .close.triggered img {
		width:40px;
		height:40px;
	}

#presentation .centered > .other .left.expanded .close.triggered {
	bottom:100px;
}

#presentation_mobile_images .image {
	position:relative;
	width:100%;
	height:100%;
}

#presentation_mobile_images {
	width:100%;
	height:90%;
	top:-10%;
}

	#presentation_mobile_images.hidden {
		opacity:0;
	}

	#presentation .centered > .other .left > img,
	#presentation_mobile_images .image img {
		max-width:100%;
		max-height:100%;
		margin:auto;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}


#presentation .shadow {
	width:100%;
	height:25px;
	background:url('../img/shadow.png') no-repeat center;
	background-size:cover;
}

#presentation .centered .other .left .uberwrap {
	width:100%;
	height:47px;
	position:absolute;
	left:0;
	bottom:22px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ccc;
	overflow:hidden;
	-moz-transition:opacity 250ms ease;
	-o-transition:opacity 250ms ease;
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease;
}

	#presentation .centered .other .left .uberwrap.hidden {
		opacity:0;
	}

#presentation .centered .other .left > .previous {
	-moz-transform:rotateZ(180deg);
	-ms-transform:rotateZ(180deg);
	-o-transform:rotateZ(180deg);
	-webkit-transform:rotateZ(180deg);
	transform:rotateZ(180deg);
}

#presentation .centered .other .left .previous,
#presentation .centered .other .left > .next {
	-moz-transition:opacity 250ms ease;
	-o-transition:opacity 250ms ease;
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease;
	/*display:none;*/
	cursor:pointer;
	width:14px;
	height:32px;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	background-image:url('../img/arrow.png');
	opacity:0.2;
	display:block;
	position:absolute;
	bottom:29.5px;
	cursor:pointer;
}

#presentation .centered .other .left .previous:hover,
#presentation .centered .other .left > .next:hover {
	-webkit-opacity:0.4;
	opacity:0.4;
}

#presentation .centered .other .left .previous {
	left:-25px;
}

#presentation .centered .other .left > .next {
	right:-25px;
	z-index:3;
}

#presentation .centered .other .left.no_thumbs .previous,
#presentation .centered .other .left.no_thumbs .uberwrap,
#presentation .centered .other .left.no_thumbs > .next {
	-webkit-opacity:0.0;
	opacity:0.0;
}

#presentation .centered .other .left.no_arrows_small .previous,
#presentation .centered .other .left.no_arrows_small > .next {
	opacity:0.0;
}

	#presentation .centered .other .left .previous.hidden,
	#presentation .centered .other .left > .next.hidden {
		opacity:0 !important;
	}

	#presentation .centered .other .left .previous.moved,
	#presentation .centered .other .left > .next.moved {
		/*top:0;
	bottom:0;
	margin:auto;*/
		-webkit-opacity:0.2;
		opacity:0.2;
		width:35px;
		height:80px;
		display:block;
		background-position:center;
		background-size:contain;
		background-repeat:no-repeat;
		background-image:url('../img/arrow.png');
		position:relative;
	}

	#presentation .centered .other .left .previous.moved:hover,
	#presentation .centered .other .left > .next.moved:hover {
		-webkit-opacity:0.4;
		opacity:0.4;
	}

	#presentation .centered .other .left.no_thumbs .previous.moved,
	#presentation .centered .other .left.no_thumbs > .next.moved {
		display:none;
	}

#presentation .centered .other .left > .previous.moved {
	order:1;
}

#presentation .centered .other .left > .next.moved {
	order:3;
}

#alternative_images {
	width:100%;
	height:47px;
	overflow:hidden;
}

	#alternative_images .alternative {
		width:60px;
		border-right:1px solid #ccc;
		height:100%;
		display:flex;
		align-items:center;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:5px;
		cursor:pointer;
		float:left;
		/**/
		padding:0;
	}

		#alternative_images .alternative:first-child {
			width:61px;
			margin-left:-1px;
		}

		#alternative_images .alternative.noborder {
			/*border:none;*/
		}

		#alternative_images .alternative:last-child {
			/*border:none;*/
		}

		/*#alternative_images .alternative:nth-child(n+9) {
			display:none;
		}*/

		#alternative_images .alternative .shade {
			background-color:#000;
			opacity:0.0;
			width:60px;
			height:47px;
			position:absolute;
			margin:-1px 0 0 -5px;
			-webkit-transition:opacity ease 250ms;
			transition:opacity ease 250ms;
			/**/
			margin:0;
			top:0;
		}
		#alternative_images .alternative .shade:hover {
			opacity:0.75;
		}

		#alternative_images .alternative img {
			max-height:100%;
			max-width:100%;
			margin:auto;
		}

#presentation_mobile_images {
	display:none;
}

#presentation .centered > .other .right .title {
	font-size:47px;
	line-height:58px;
	margin-bottom:40px;
}

	#presentation .centered > .other .right .title .reduced {
		display:none;
	}

#presentation .centered > .other .right .description {
	font-size:16px;
	line-height:26px;
}

	#presentation .centered > .other .right .description .reduced {
		display:none;
	}

#presentation .centered > .other .right .logos {
	position:absolute;
	bottom:22px;
	right:0;
	/*height:45px;*/
	background-color:#FFF;
	/**/
	width:100%;
	text-align:right;
}

	#presentation .centered > .other .right .logos .logo {
		display:inline-block;
		padding-left:10px;
		/*margin-left:10px;*/
		/*width:45px;*/
		max-width:55px !important;
		height:100%;
		cursor:pointer;
		border-radius:2px;
		/**/
		-webkit-transition:box-shadow 250ms ease-in-out;
		transition:box-shadow 250ms ease-in-out;
	}

		#presentation .centered > .other .right .logos .logo:hover {
			box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
		}

		#presentation .centered > .other .right .logos .logo img {
			width:100%;
			height:100%;
		}

		#presentation .centered > .other .right .logos .logo:first-child {
			margin-left:0;
		}

#center {
	width:100%;
	max-width:1024px;
	margin:auto;
	margin-top:10px;
}

#datas {
	font-family:Corpid-Light;
}

#datas .col {
	float:left;
	width:50%;
}

	/*#datas .left {
		float:left;
		width:50%;
		/*height:705px;*/
	}*/

	#datas .right {
		/*height:705px;*/
		position:relative;
	}

	#datas #field_3,
	#datas .center,
	#datas .right {
		/*width:50%;
		float:left;*/
		/*padding:44px 0 0 15px;*/
		padding:12px 0 0 15px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		/**/
		/*padding-top:3px;*/
	}

	#datas #field_3 {
		/*padding-top:12px;*/
		margin-bottom:-7px;
	}

	#datas #field_3 ul {
		margin:4px 0 -4px 0;
		color:#00b1f0;
		font-family:'Corpid-Bold';
		font-style:italic;
		list-style-position:inside;
	}

	#datas #field_3 ul li {
		padding-left:14px;
		margin-bottom:18px;
		background-image:url(../img/li_circle.png);
		background-repeat:no-repeat;
		background-position:0 4px;
		line-height:18px;
	}

	#datas .center {
		/*padding-top:12px;*/
	}

	#datas .left .top {
		width:100%;
		height:45px;
		margin-bottom:5px;
	}

	#datas .oblique {
		-webkit-transform-origin:50% 50%;
		-moz-transform-origin:50% 50%;
		-o-transform-origin:50% 50%;
		-ms-transform-origin:50% 50%;
		transform-origin:50% 50%;
		-moz-transform:rotateZ(35deg);
		-ms-transform:rotateZ(35deg);
		-o-transform:rotateZ(35deg);
		-webkit-transform:rotateZ(35deg);
		transform:rotateZ(35deg);
		height:800%;
		position:relative;
		top:-350%;
	}

		#datas .oblique .reverse {
			width:100%;
			height:100%;
			position:relative;
			-webkit-transform-origin:50% 50%;
			-moz-transform-origin:50% 50%;
			-o-transform-origin:50% 50%;
			-ms-transform-origin:50% 50%;
			transform-origin:50% 50%;
			-moz-transform:rotateZ(-35deg);
			-ms-transform:rotateZ(-35deg);
			-o-transform:rotateZ(-35deg);
			-webkit-transform:rotateZ(-35deg);
			transform:rotateZ(-35deg);
			top:initial;
		}

	#datas .left .top .navigator {
		width:100%;
		height:45px;
		border:1px solid #ccc;
		overflow:hidden;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin-bottom:3px;
		position:relative;
		z-index:2;
	}

		#datas .left .top .navigator .list {
			width:100%;
			height:100%;
			display:flex;
		}

			#datas .left .top .navigator .list .entry {
				width:auto;
				height:800%;
				position:relative;
				top:-350%;
				-ms-flex:4;
				-webkit-flex:4;
				flex:4;
				text-align:center;
				display:flex;
				align-items:center;
				background-color:#FFF;
				overflow:hidden;
				cursor:pointer;
			}

				#datas .left .top .navigator .list .entry .reverse {
					height:45px;
					display:flex;
					align-items:center;
					margin:auto;
				}

					#datas .left .top .navigator .list .entry .reverse:before {
						content:' ';
						width:500%;
						height:0;
						display:block;
						background-color:#ccc;
						position:absolute;
						bottom:0;
						left:-200%;
						-moz-transition:ease 100ms height;
						-o-transition:ease 100ms height;
						-webkit-transition:ease 100ms height;
						transition:ease 100ms height;
					}

				#datas .left .top .navigator .list .entry:hover .reverse:before {
					height:5px;
				}

				#datas .left .top .navigator .list .entry.selected .reverse:before {
					height:5px;
					background-color:#00aeef;
				}

				#datas .left .top .navigator .list .entry:first-child {
					margin-left:0 !important;
				}

				#datas .left .top .navigator .list .entry:not(:last-child) {
					border-right:1px solid #ccc;
				}

				#datas .left .top .navigator .list .entry .text {
					margin:auto;
					text-transform:uppercase;
					font-family:Corpid-Light;
					font-size:20px;
				}

	#datas .left .bottom {
		width:100%;
		/*height:650px;*/
		border:1px solid #ccc;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:40px 20px 20px 20px;
		position:relative;
		/*overflow-y:scroll;
		overflow-x:hidden;*/
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}

#datas .left .code {
	width:100%;
	border:1px solid #ccc;
	box-sizing:border-box;
	padding:20px;
	margin-top:30px;
	text-align:center;
}

#presentation .centered .other .left .uberwrap .wrapper {
	position:relative;
	width:100%;
	height:65px;
	overflow-y:hidden;
	overflow-x:scroll;
}

#datas .left .bottom .slide {
	width:100%;
	overflow:hidden;
	display:none;
	line-height:25px;
	font-size:13px;
	margin-top:-5px;
}

	#datas .left .bottom .slide::after {
		display:block;
		content:' ';
		opacity:0.2;
		top:0;
		left:0;
		right:0;
		bottom:0;
		position:absolute;
		background-position:bottom;
		background-repeat:no-repeat;
		background-size:cover;
		z-index:-1;
	}

	#datas .left .bottom .slide.actual {
		display:block;
	}

	#datas .left .bottom .slide .data {
		line-height:20px;
		margin-bottom:10px;
	}

		#datas .left .bottom .slide .data .title {
			font-family:Corpid-Bold;
		}

		#datas .left .bottom .slide .data .col_left,
		#datas .left .bottom .slide .data .col_right {
			width:50%;
			float:left;
		}

	#datas .left .bottom .slide .notes {
		font-size:10px;
		margin-top:15px;
		padding-top:15px;
		line-height:15px;
		border-top:solid 1px #EEE;
	}

#datas .center .little_media_image {
	max-width:185px !important;
}

#datas .right .container.little .box {
	padding-top:31px;
}

#datas .right .bottom {
	font-size:14px;
	margin-top:10px;
	position:absolute;
	bottom:0;
}

	#datas .right .bottom > .own {
		margin-bottom:15px;
	}

	#datas .right .bottom a {
		color:#00aeef;
	}

	#datas .right .bottom b {
		font-family:Corpid-Bold;
		font-weight:normal;
	}

#mobile_datas {
	display:none;
}

#sliders {
	width:100%;
	max-width:1024px;
	margin:auto;
	margin-top:35px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

























/*HERE1200*/


@media all and (max-width:1199px) {
	#presentation {
		height:325px;
	}

		#presentation .centered {
			height:300px;
		}

			#presentation .centered > .other {
				height:265px;
			}

				#presentation .centered > .other .left,
				#presentation .centered > .other .right {
					width:50%;
				}

				#presentation .centered > .other .right {
					padding-right:20px;
					/**/
					margin-top:-36px;
					height:calc(100% + 36px);
				}

					#presentation .centered > .other .right .logos {
						right:20px;
					}

				#presentation .centered > .other .left > .image {
					height:70%;
				}

		#presentation.expanded {
			height:400px;
		}

		#presentation .centered.expanded {
			height:375px;
		}

		#presentation .centered > .other .left.expanded .close.triggered,
		#presentation .centered > .other .left.expanded .download.triggered {
			bottom:-50px;
			right:20px;
		}

		#presentation .centered > .other .left.expanded .close.triggered {
			right:175px;
		}

	#crumbs {
		margin-bottom:10px;
		padding-left:20px;
	}

	#presentation .centered .other .left .uberwrap {
		width:181px;
		height:47px;
		left:0;
		right:0;
		margin:auto;
		overflow:hidden;
	}

		#presentation .centered .other .left .uberwrap .wrapper {
			position:relative;
			width:100%;
			height:65px;
			overflow-y:hidden;
			overflow-x:scroll;
		}

	#alternative_images .alternative {
		width:60px;
	}

		#alternative_images .alternative:first-child {
			width:61px;
			margin-left:-1px;
		}

	#presentation .centered > .other .left > img,
	#presentation_mobile_images .image img {
		width:auto;
		height:auto;
		max-width:90%;
		max-height:90%;
		margin:auto;
	}

	#presentation .centered .other .left .previous,
	#presentation .centered .other .left > .next {
		width:14px;
		height:32px;
		background-position:center;
		background-size:contain;
		background-repeat:no-repeat;
		background-image:url('../img/arrow.png');
		opacity:0.2;
		display:block;
		position:absolute;
		bottom:29.5px;
		cursor:pointer;
	}

	#presentation .centered .other .left .previous {
		left:55px;
		-moz-transform:rotateZ(180deg);
		-ms-transform:rotateZ(180deg);
		-o-transform:rotateZ(180deg);
		-webkit-transform:rotateZ(180deg);
		transform:rotateZ(180deg);
	}

	#presentation .centered .other .left > .next {
		right:55px;
	}

	/*#presentation .centered .other .left.no_arrows_small .previous,
	#presentation .centered .other .left.no_arrows_small > .next {
		opacity:0.0;
	}*/

	#presentation .centered > .other .right .description .reduced {
		display:block;
		line-height:20px;
	}

	#presentation .centered > .other .right .description .extended {
		display:none;
	}

	#presentation .centered > .other .right .title {
		font-size:34px;
		line-height:44px;
		/*margin-bottom:15px;*/
		margin-bottom:0;
	}

	#presentation .centered > .other .right .description {
		font-size:14px;
	}

	#center {
		padding:0 20px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

	#datas {
		
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-box-align:start;
		-moz-box-align:start;
		-ms-flex-align:start;
		-webkit-align-items:flex-start;
		align-items:flex-start;
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		float:none;
		width:100%;
	}
	
		#datas .col:nth-child(1) {
			/*background-color:#F00;*/
			width:66.6%;
		}
		#datas .col:nth-child(2) {
			/*background-color:#0F0;*/
			width:33.3%;
		}

		#datas .left {
			/*float:none;
			width:66%;
			display:table-header-group;*/
		}

		#datas .center {
			padding:44px 0 0 0;
			/*float:none;
			width:100%;
			display:table-footer-group;
			-webkit-box-ordinal-group:3;
			-moz-box-ordinal-group:3;
			-ms-flex-order:3;
			-webkit-order:3;
			order:3;
			padding:0;
			margin-top:20px;*/
		}

		#datas #field_3,
		#datas .right {
			/*width:33%;
			display:table-row-group;*/
		}

		#datas #field_3 {
			/*-webkit-box-ordinal-group:1;
			-moz-box-ordinal-group:1;
			-ms-flex-order:1;
			-webkit-order:1;
			order:1;*/
		}

		#datas .right {
			-webkit-box-ordinal-group:2;
			-moz-box-ordinal-group:2;
			-ms-flex-order:2;
			-webkit-order:2;
			order:2;
		}

		#datas .center .box .little_media {
			float:left;
			width:25%;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			box-sizing:border-box;
			padding-left:10px;
			padding-right:10px;
			position:relative;
			overflow:hidden;
		}

			#datas .center .box .little_media::after {
				content:' ';
				display:block;
				height:100%;
				width:1px;
				background-color:#CCC;
				position:absolute;
				right:0;
				top:7px;
			}

			#datas .center .box .little_media .line {
				width:150%;
			}

	#sliders {
		padding-left:20px;
	}
}

/*HERE768*/

@media all and (max-width:767px) {
	#presentation {
		/*height:460px;*/
		height:auto;
	}

		#presentation .centered {
			padding:0 20px;
			/*height:100%;*/
			height:auto;
		}

		#presentation .centered > .other .right .logos {
			position:static;
			margin-bottom:20px;
		}

		#presentation .shadow {
			display:none;
		}

		#presentation .centered > .other {
			/*height:435px;*/
			height:auto;
		}

			#presentation .centered > .other .left,
			#presentation .centered > .other .right {
				width:100%;
				height:200px;
				float:none;
				overflow:hidden;
			}

			#presentation .centered > .other .right {
				height:auto;
			}

				#presentation .centered > .other .left > .image {
					display:none;
				}

				#presentation .centered > .other .left > img,
				#presentation_mobile_images .image img {
					max-height:100%;
					max-width:100%;
				}

		#presentation .centered .other .left .uberwrap {
			width:100%;
			height:15px;
			border:none;
			bottom:10px;
			z-index:4;
		}

			#presentation .centered .other .left .uberwrap .wrapper {
				height:100%;
				overflow:hidden;
				display:flex;
				align-items:center;
				justify-content:center;
			}


		#presentation .centered .other .left .previous,
		#presentation .centered .other .left > .next {
			display:none;
		}

	#alternative_images {
		display:none;
	}

	#presentation .centered .other .left .uberwrap .wrapper .dot {
		width:15px;
		height:15px;
		background-color:#ccc;
		border-radius:50%;
		float:left;
		cursor:pointer;
		-moz-transition:background-color ease 250ms;
		-o-transition:background-color ease 250ms;
		-webkit-transition:background-color ease 250ms;
		transition:background-color ease 250ms;
	}

		#presentation .centered .other .left .uberwrap .wrapper .dot:hover,
		#presentation .centered .other .left .uberwrap .wrapper .dot.selected {
			background-color:#00aeef;
		}

		#presentation .centered .other .left .uberwrap .wrapper .dot:not(:last-child) {
			margin-right:18px;
		}

	#presentation_mobile_images .image {
		/*position:absolute;
		left:0;
		right:0;
		width:95%;*/
		float:left;
	}

		#presentation_mobile_images .image.transitable {
			-moz-transition:all ease 250ms;
			-o-transition:all ease 250ms;
			-webkit-transition:all ease 250ms;
			transition:all ease 250ms;
		}

	#presentation_mobile_images {
		display:block;
		width:calc(100% - 50px);
		margin:auto;
		position:relative;
	}

		#presentation_mobile_images .image.next {
			left:150%;
		}

		#presentation_mobile_images .image.prev {
			left:-150%;
		}

	#presentation .centered > .other .left > img {
		display:none;
	}

	#presentation_mobile_images .images_container {
		height:100%;
		position:relative;
		overflow-y:hidden;
		overflow-x:scroll;
		/**/
	    -webkit-box-sizing:border-box;
		box-sizing: border-box;
		/**/
		scrollbar-base-color: #FFF;
		scrollbar-face-color: #FFF;
		scrollbar-highlight-color: #FFF;
		scrollbar-3dlight-color: #FFF;
		scrollbar-shadow-color: #FFF;
		scrollbar-darkshadow-color: #FFF;
		scrollbar-track-color: #FFF;
		scrollbar-arrow-color: #FFF;
		-ms-scrollbar-base-color: #FFF;
		-ms-scrollbar-face-color: #FFF;
		-ms-scrollbar-highlight-color: #FFF;
		-ms-scrollbar-3dlight-color: #FFF;
		-ms-scrollbar-shadow-color: #FFF;
		-ms-scrollbar-darkshadow-color: #FFF;
		-ms-scrollbar-base-color: #FFF;
		-ms-scrollbar-track-color: #FFF;
	}

	#presentation_mobile_images .images_container .mover {
		height:100%;
	}

	#presentation_mobile_images [class^="container_arrow"] {
		height:100%;
		width:25px;
		background-color:#FFF;
		position:absolute;
		z-index:2;
	}

	#presentation_mobile_images .container_arrow_prev {
		left:-25px;
	}

	#presentation_mobile_images .container_arrow_next {
		right:-25px;
	}

	#presentation_mobile_images .next_arrow,
	#presentation_mobile_images .prev_arrow {
		width:25px;
		height:45px;
		position:absolute;
		top:0;
		bottom:0;
		right:0;
		margin:auto;
		background:url('../img/arrow.png') no-repeat center;
		background-size:contain;
		cursor:pointer;
		/**/
		-webkit-opacity:0.2;
		opacity:0.2;
		-webkit-transition:opacity 250ms ease-in-out;
		transition:opacity 150ms ease-in-out;
		/**/
		/*background-color:#F00;*/
	}

	#presentation_mobile_images .prev_arrow {
		/*background-image:url('../img/arrow.png');*/
		right:initial;
		transform: rotateZ(180deg);
	}

	#presentation_mobile_images .next_arrow:hover,
	#presentation_mobile_images .prev_arrow:hover {
		-webkit-opacity:0.4;
		opacity:0.4;
	}

	.left.no_thumbs #presentation_mobile_images .next_arrow,
	.left.no_thumbs #presentation_mobile_images .prev_arrow {
		display:none;
	}

	#presentation .centered .other > .shadow {
		display:block;
		width:200%;
		left:-50%;
		position:relative;
		height:35px;
		overflow:hidden;
	}

		#presentation .centered .other > .shadow::before {
			content:' ';
			display:block;
			width:100%;
			height:100px;
			-webkit-box-shadow:inset 0 0 40px 10px rgba(204,204,204,1);
			-moz-box-shadow:inset 0 0 40px 10px rgba(204,204,204,1);
			box-shadow:inset 0 0 40px 10px rgba(204,204,204,1);
		}

	#presentation .centered > .other .right {
		padding:0;
		/**/
		/*margin-top:-36px;*/
		margin-top:0;
		height:auto;
	}

		#presentation .centered > .other .right .title .reduced {
			display:block;
		}

		#presentation .centered > .other .right .title .extended {
			display:none;
		}

		#presentation .centered > .other .right .title {
			font-size:31px;
			line-height:25px;
			/**/
			margin-bottom:15px;
		}

		#presentation .centered > .other .right .description {
			font-size:13px;
			line-height:14px;
		}

		#presentation .centered > .other .right .logos {
			width:100%;
			display:flex;
			align-items:center;
			justify-content:center;
			bottom:initial;
			margin-top:22px;
			right:unset;
		}

	#center {
		display:none;
	}

	#mobile_datas {
		display:block;
		font-family:Corpid-Light;
	}

		#mobile_datas .code {
			padding:10px;
			text-align:center;
			font-size:0.8em;
		}

		#mobile_datas .list {
			border-top:1px solid #ccc;
		}

		#mobile_datas .entry {
			border-bottom:1px solid #ccc;
			text-transform:uppercase;
			text-align:center;
			line-height:45px;
			font-size:21px;
			cursor:pointer;
			overflow:hidden;
		}

			#mobile_datas .entry.transitable {
				-moz-transition:height ease 250ms;
				-o-transition:height ease 250ms;
				-webkit-transition:height ease 250ms;
				transition:height ease 250ms;
			}

			#mobile_datas .entry:not(.open) {
				height:45px !important;
			}

			#mobile_datas .entry .body {
				font-size:14px;
				text-align:left;
				text-transform:none;
				padding:0 20px 20px 20px;
				line-height:25px;
				/**/
				border-top: 5px solid #00aeef;
			}

				#mobile_datas .entry .body .data .title {
					font-family:Corpid-Bold;
				}

				#mobile_datas .entry .body .data .col_left {
					width:50%;
					float:left;
					-moz-box-sizing:border-box;
					-webkit-box-sizing:border-box;
					box-sizing:border-box;
					padding-right:5px;
				}

				#mobile_datas .entry .body .data .col_right {
					width:50%;
					float:right;
					-moz-box-sizing:border-box;
					-webkit-box-sizing:border-box;
					box-sizing:border-box;
					padding-left:5px;
				}

			#mobile_datas .entry .little_list {
				/*margin-left:20px;
				margin-right:20px;*/
				/**/
				display:block;
			}

			#mobile_datas .entry .little_list:first-child {
				border-top:0;
			}

			#mobile_datas .entry .little_list .litte_list_data {
				line-height:12px;
			}

			#mobile_datas .entry .little_media {
				margin-top:5px;
				-moz-box-sizing:border-box;
				-webkit-box-sizing:border-box;
				box-sizing:border-box;
				padding:0 20px;
			}


				#mobile_datas .entry .little_media div {
					line-height:normal;
					text-align:left;
				}

				#mobile_datas .entry .little_media iframe {
					width: 100%;
					height: 100%;
				}

	#sliders .slider {
		border-bottom:none;
	}
}


.slider {
	width:100%;
	height:200px;
	border:1px solid #ccc;
	border-left:none;
	font-family:Corpid-Light;
	position:relative;
	margin-bottom:30px;
}

	.slider .title {
		font-size:27px;
		text-transform:uppercase;
		line-height:20px;
		background-color:#FFF;
		border-right:20px solid #fff;
		position:relative;
		top:-11px;
		display:inline-block;
	}

	.slider .container {
		position:absolute;
		height:100%;
		width:100%;
		top:0;
		left:0;
		min-height:0;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:30px 0 30px 0;
	}

		.slider .container .slide {
			height:100%;
			width:100%;
			overflow:hidden;
			position:relative;
			display:flex;
			align-items:center;
		}

			.slider .container .slide .left,
			.slider .container .slide .right {
				width:50px;
				height:100%;
				display:flex;
				align-items:center;
				margin:auto;
				cursor:pointer;
				/**/
				-webkit-opacity:0.20;
				opacity:0.20;
				background-image:url(../img/arrow.png);
				background-position:center center;
				background-repeat:no-repeat;
				-webkit-transition:opacity 250ms ease-in-out;
				transition:opacity 150ms ease-in-out;
			}

			.slider .container .slide .left {
				transform: rotateZ(180deg);
			}

			.slider .container .slide .left:hover,
			.slider .container .slide .right:hover {
				-webkit-opacity:0.4;
				opacity:0.4;
			}

			.slider.no_arrows .container .slide .left,
			.slider.no_arrows .container .slide .right {
				-webkit-opacity:0.0;
				opacity:0.0;
			}

			.slider .container .slide .center {
				width:100%;
				/*height:calc(100% + 17px);*/
				height:100%;
				-moz-box-sizing:border-box;
				-webkit-box-sizing:border-box;
				box-sizing:border-box;
				padding-right:15px;
				overflow-y:hidden;
				overflow-x:scroll;
				position:relative;
				/*top:8px;*/

				scrollbar-base-color:#FFF;
				scrollbar-face-color:#FFF;
				scrollbar-highlight-color:#FFF;
				scrollbar-3dlight-color:#FFF;
				scrollbar-shadow-color:#FFF;
				scrollbar-darkshadow-color:#FFF;
				scrollbar-track-color:#FFF;
				scrollbar-arrow-color:#FFF;
				-ms-scrollbar-base-color:#FFF;
				-ms-scrollbar-face-color:#FFF;
				-ms-scrollbar-highlight-color:#FFF;
				-ms-scrollbar-3dlight-color:#FFF;
				-ms-scrollbar-shadow-color:#FFF;
				-ms-scrollbar-darkshadow-color:#FFF;
				-ms-scrollbar-base-color:#FFF;
				-ms-scrollbar-track-color:#FFF;

				-moz-scrollbars-none;
			}

			@-moz-document url-prefix() {
				.slider .container .slide .center{
					overflow:-moz-scrollbars-none;
				}
			}

				.slider .container .slide .center::-webkit-scrollbar {
					display:none;
				}

				.slider .container .slide .center .slide_wrap {
					height:100%;
				}

				.slider .container .slide .center .object {
					height:100%;
					position:relative;
					margin-right:15px;
					float:left;
					border:1px solid #ccc;
					border-radius:5%;
					-moz-box-sizing:border-box;
					-webkit-box-sizing:border-box;
					box-sizing:border-box;
					-moz-transition:all ease 250ms;
					-o-transition:all ease 250ms;
					-webkit-transition:all ease 250ms;
					transition:all ease 250ms;
					overflow:hidden;
					-webkit-backface-visibility:hidden;
					-moz-backface-visibility:hidden;
					-webkit-transform:translate3d(0, 0, 0);
					-moz-transform:translate3d(0, 0, 0);
				}

					.slider .container .slide .center .object:last-child {
						margin-right:0;
					}

					.slider .container .slide .center .object:hover {
						border-radius:20%;
					}

					.slider .container .slide .center .object a {
						height:100%;
						width:100%;
						display:flex;
						align-items:center;
						position:relative;
					}

						.slider .container .slide .center .object a .text {
							width:100%;
							height:100%;
							margin:auto;
							opacity:0;
							color:#FFF;
							text-align:center;
							-moz-transition:all ease 250ms;
							-o-transition:all ease 250ms;
							-webkit-transition:all ease 250ms;
							transition:all ease 250ms;
							display:flex;
							align-items:center;
							justify-content:center;
							position:relative;
							z-index:2;
						}

					.slider .container .slide .center .object:hover a .text {
						opacity:1;
						background-color:rgba(0,0,0,0.75);
					}

					.slider .container .slide .center .object a img {
						max-width:90%;
						max-height:90%;
						position:absolute;
						top:0;
						left:0;
						right:0;
						bottom:0;
						margin:auto;
						z-index:1;
						-moz-transition:all ease 250ms;
						-o-transition:all ease 250ms;
						-webkit-transition:all ease 250ms;
						transition:all ease 250ms;
					}

.zoomContainer {
	z-index:100;
}

.zoomLens {
	background-color:#FFF;
}




/* Downloads */
#datas .right .downloads .box {
	padding-right:0;
	overflow:visible;
}

#datas .right .downloads .box .little_list {
	padding-left:15px;
	border:1px solid #ccc;
	width:50%;
	float:left;
	width:calc(50% - 15px);
	margin-bottom:15px;
	/**/
	-webkit-transition:box-shadow 250ms ease-in-out;
	transition:box-shadow 250ms ease-in-out;
}

#datas .right .downloads .box .little_list:nth-child(even) {
	margin-left:15px;
}

#datas .right .downloads .box .little_list:hover {
	/*-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.25);*/
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#datas .right .downloads .box a[href]:hover .litte_list_title,
#datas .right .downloads .box .little_media a[href]:hover,
#datas .right .downloads .box a.little_list:hover {
	text-decoration:none;
}

@media all and (max-width:1199px) {
	#datas .right .downloads .box {
		padding-right:15px;
	}

	#datas .right .downloads .box .little_list {
		width:100%;
	}
	
	#datas .right .downloads .box .little_list:nth-child(even) {
		margin-left:0;
	}
}


/* VIDEO */
#datas .center .list {
	border-top:solid 1px #ccc;
	padding-top:9px;
}

#datas .center .list .arrow_prev,
#datas .center .list .thumbs,
#datas .center .list .arrow_next {
	display:inline-block;
	float:left;
}

#datas .center .list .arrow_prev,
#datas .center .list .arrow_next {
	width:34px;
	cursor:pointer;
	/**/
	height:80px;
	background-repeat:no-repeat;
	/*background-size:contain;*/
	background-position:center center;
	/**/
	background-image:url(../img/arrow.png);
	background-repeat:no-repeat;
	-webkit-opacity:0.2;
	opacity:0.2;
	-webkit-transition:opacity 250ms ease-in-out;
	transition:opacity 150ms ease-in-out;
}

#datas .center .list .arrow_prev:hover,
#datas .center .list .arrow_next:hover {
	-webkit-opacity:0.40;
	opacity:0.40;
}

#datas .center .list .arrow_prev
{
	transform: rotateZ(180deg);
}

#datas .center .list .arrow_next {
	/**/
	position:relative;
	z-index:2;
	background-color:#FFF;
	margin-left:-1px;
}

#datas .center .list .thumbs {
	width:calc(100% - 34px - 34px);
	overflow:hidden;
}

#datas .center .list.hidden {
	display:none;
}

#datas .center .list.no_arrows .thumbs {
	width:100%;
}

#datas .center .list.no_arrows .arrow_prev,
#datas .center .list.no_arrows .arrow_next {
	display:none;
}

#datas .center .list .thumbs .inner {
	/*width:3000px;*/
	/**/
	position:relative;
	transition:margin-left 350ms ease-in-out;
	-webkit-transition:margin-left 350ms ease-in-out;
}

#datas .center .list .thumbs .thumb {
	float:left;
	overflow:hidden;
	padding-right:10px;
	cursor:pointer;
	/**/
	font-size:12px;
	line-height:12px;
	padding-bottom:7px;
}

#datas .center .list .thumbs .thumb .img {
	width:100%;
	overflow:hidden;
	/**/
    content: ' ';
    display: block;
    padding-top: 59.54%;
	/**/
    position: relative;
	margin-bottom:3px;
}

#datas .center .list .thumbs .thumb .img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -99px;
    left: -99px;
    right: -99px;
    bottom: -99px;
    z-index: 1;
    margin: auto;
}

/**/
#datas .center .projector {
	margin-bottom: 6px
}

#datas .center .projector .video {
	background-color:#000;
	/**/
	overflow:hidden;
	/**/
    content: ' ';
    width: 100%;
    display: block;
    padding-top: 59.54%;
	/**/
    position: relative;
	margin-bottom:7px;
}

#datas .center .projector .video img,
#datas .center .projector .video iframe {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -99px;
    left: -99px;
    right: -99px;
    bottom: -99px;
    z-index: 1;
    margin: auto;
}

#datas .center .projector .video .inner::before,
#datas .center .list .thumbs .thumb .img::before {
	cursor:pointer;
	/**/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: ' ';
    width: 120px;
    height: 120px;
    display: block;
    position: absolute;
    background: url('../img/play.png') no-repeat center;
    background-size: contain;
    z-index: 2;
    transition: width 250ms ease, height 250ms ease;
}

#datas .center .list .thumbs .thumb .img::before {
	width:60px;
	height:60px;
}

#datas .center .projector .video:hover .inner::before {
	width:150px;
	height:150px;
}

#datas .center .list .thumbs .thumb:hover .img::before {
	width:70px;
	height:70px;
}

#datas .center .name {
	margin-bottom:6px;
}

#datas .center .date_dyn,
#datas .center .date_local {
	color:#00b1f0;
}

#datas .center .date_dyn {
	float:right;
}

/* techinfo_container */
#techinfo_container .techinfo {
	height:0;
}


/* techinfo */
#techinfo_container .techinfo {
	display:none;
	position:absolute;
	z-index:3;
	/**/
	width:567px;
	height:171px;
	background-image:url(../img/baloon.png);
	background-repeat:no-repeat;
	/**/
	-webkit-opacity:0;
	opacity:0;
	-webkit-transition:opacity 250ms ease-in-out;
	transition:opacity 250ms ease-in-out;
}

#techinfo_container .techinfo .inner {
	margin:23px 50px 80px 23px;
}

#techinfo_container .techinfo.show {
	-webkit-opacity:1;
	opacity:1;
	z-index:20;
}

#techinfo_container .techinfo .close {
	width:26px;
	height:26px;
	cursor:pointer;
	float:right;
	background-image:url(../img/close.png);
	background-size:contain;
	-webkit-opacity:0.2;
	opacity:0.2;
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease;
}

#techinfo_container .techinfo .close:hover {
	-webkit-opacity:0.4;
	opacity:0.4;
}

#techinfo_container .techinfo .image {
	width:83px;
	height:100px;
	float:left;
	border-right:solid 4px #00aeef;
	margin-right:9px;
	/**/
	display:inline-block;
}

#techinfo_container .techinfo img {
	width:70px;
	height:70px;
	margin-top:15px;
}

#techinfo_container .techinfo .cont {
	/*float:left;*/
	font-size: 12px;
    line-height: 12px;
	height:100px;
	overflow:auto;
}

#techinfo_container .techinfo .cont .title {
	font-weight:bold;
}

#techinfo_container .techinfo .cont .description {
	margin-top:3px;
}

@media all and (max-width:910px) {
	#techinfo_container .techinfo {
		width:90%;
		background-color:#FFF;
		border:solid 3px #808080;
		border-radius:10px;
		background-image:none;
		/**/
		/*height:200px;*/
		height:auto;

		/**/
		-webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,0.5);
		box-shadow: 0 0 0 1000px rgba(255,255,255,0.5);
	}
	#techinfo_container .techinfo .inner {
		margin:0;
		padding:10px;

		/**/
		/**/
		-webkit-box-shadow: 0 0 16px 5px rgba(0,0,0,0.2);
		box-shadow: 0 0 16px 5px rgba(0,0,0,0.2);
	}
	#techinfo_container .techinfo .inner,
	#techinfo_container .techinfo .image,
	#techinfo_container .techinfo .cont {
		/*height: 100%;*/
		height:auto;
	}
}
/**/


/* mobile_big_image */
#mobile_big_image {
	background-color:#FFF;
	position:fixed;
	width:100%;
	height:100%;
	background-image:url('../img/spin.gif');
	background-repeat:no-repeat;
	background-position:center;
	top:0;
	z-index:20;
}

#mobile_big_image.loaded {
	background-image:none;
}

#mobile_big_image .big_image {
	/**/
	/*margin-top:50%;*/
	width:100%;
	height:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}

#mobile_big_image .close {
	position:absolute;
	cursor:pointer;
	width:20px;
	height:20px;
	right:26px;
	top:26px;
	background-image:url(../img/close.png);
	background-repeat:no-repeat;
	background-size:cover;
	/**/
	-webkit-opacity:0.2;
	opacity:0.2;
	transition:opacity 250ms ease-in-out;
	-webkit-transition:opacity 250ms ease-in-out;
}

#mobile_big_image .close:hover {
	-webkit-opacity:0.4;
	opacity:0.4;
}

#mobile_big_image .download {
	width:40px;
	height:40px;
	display:block;
	position:absolute;
	right:26px;
	bottom:26px;
	background:#FFF url(../img/download.png) no-repeat;
	background-size:cover;
	/**/
	-webkit-opacity:0.2;
	opacity:0.2;
	transition:opacity 250ms ease-in-out;
	-webkit-transition:opacity 250ms ease-in-out;
}

#mobile_big_image .download:hover {
	-webkit-opacity:0.4;
	opacity:0.4;
}


/* SUPPORT RESOURCES */
.supportresources {
	display:none;
}

.supportresources.anonymous .item {
	margin-top:23px;
	border:1px solid #ccc;
	color:#000;
	font-weight:bold;
	padding:10px;
}

.supportresources.anonymous .item > * {
	width:50%;
	display:inline-block;
	padding:20px;
	box-sizing:border-box;
	vertical-align:top;
	font-style:italic;
}

.supportresources.anonymous .item div {
	padding-top:5px;
	font-size:12px;
}

.supportresources.anonymous .item a {
	border:1px solid #000;
	text-align:center;
	text-transform:uppercase;
	-webkit-transition: box-shadow 250ms ease-in-out;
	transition: box-shadow 250ms ease-in-out;
	/**/
	word-break:keep-all;
	overflow:hidden;
}

.supportresources.anonymous .item a span {
	color:#00f;
}

.supportresources.anonymous a:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/**/
.supportresources.logged {
	/*margin-top:23px;*/
	color:#000;
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
}

.supportresources.logged a {
	display:block;
	margin-top:23px;
	border:1px solid #ccc;
	color:#00b1f0;
	font-weight:bold;
	padding:20px;
	text-align:center;
	-webkit-transition: box-shadow 250ms ease-in-out;
	transition: box-shadow 250ms ease-in-out;
}

.supportresources.logged a:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}