html, body {
	height: 100%;
}

.wrapper {
	position: relative;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 100vh;
	overflow:hidden;
}

.wrapper.home {
	background-image: url("https://aoscongres.sirv.com/provence-prestige/2021/home_back.jpg?v=20211012");
	background-position-x:50%;
	background-position-y:30%;
}

.wrapper.home.lang_fr {
	background-image: url("https://aoscongres.sirv.com/provence-prestige/2021/home_back.jpg?v=20211012");
	background-position-x:50%;
	background-position-y:30%;
}

.wrapper.home.lang_en {
	background-image: url("https://aoscongres.sirv.com/provence-prestige/2021/home_back.jpg?v=20211012");
	background-position-x:50%;
	background-position-y:30%;
}

@media (min-aspect-ratio: 9/4) {
	.wrapper.home,
	.wrapper.home.lang_fr,
	.wrapper.home.lang_en {
		background-position-y:50%;
	}
}

.wrapper.live, .wrapper.replay {
	background-image: url("https://aoscongres.sirv.com/provence-prestige/2021/live_back.jpg?v=20211012");
	background-position-x:50%;
	background-position-y:50%;
}

.wrapper.eposter {
	background-image: url("https://aoscongres.sirv.com/provence-prestige/2021/eposters_back.jpg");
	background-position-x:49.5%;
	background-position-y:0%;
	overflow: scroll;
}

.wrapper.expo {
/*	background-image: url("https://aoscongres.sirv.com/stands_back.jpg");
	background-repeat: repeat-x;*/
	background:#d82e42;
	overflow:scroll;
}

.wrapper.expo.exposition {
/*	background-image: url("https://aoscongres.sirv.com/stands_back.jpg");
	background-repeat: repeat-x;*/
	background:#252a36;
	overflow:scroll;
}

.wrapper.reseau {
	background:#03423D;
	overflow:scroll;
}

.wrapper.stand {
	background:#474747;
	overflow:scroll;
}

.wrapper.hall {
/*	background-image: url("https://aoscongres.sirv.com/stands_back.jpg");
	background-repeat: repeat-x;*/
	background: #aba7a4;
	overflow:scroll;
}

.wrapper.workshop {
	background-image: url("https://aoscongres.sirv.com/provence-prestige/2021/atelier_back.jpg");
	background-position-x:50%;
	overflow: scroll;
}

.wrapper.coffeeroom {
	background-image: url("https://aoscongres.sirv.com/provence-prestige/2021/detente_back.jpg");
	background-position-x:50%;
	overflow: scroll;
}

.wrapper.pitchparty {
	background-image: url("https://aoscongres.sirv.com/provence-prestige/2021/pitch_back.jpg");
	background-position-x:50%;
	overflow: scroll;
}


.wrapper.workshop .content,
.wrapper.coffeeroom .content,
.wrapper.pitchparty .content {
	height: 100%;
	width: calc(100% - 680px);
	position: relative;
	margin: 0px auto;
}

.wrapper.live .content {
	height: 100%;
	width: calc(100% - 680px);
	position: relative;
	margin: 0px auto;
}

/*
.wrapper.live .content .bg {
	background: #000;
	width: 100%;
	height: calc(100% - 102px);
	position: absolute;
	opacity: 0.8;
	top: 20px;
}
*/

.wrapper.live .content .bg {
	background: #1a2e3b;
	width: 100%;
	height: calc(100% - 102px);
	position: absolute;
	top: 20px;
}

.container.replay {
	height: 100vh;
	padding: 0px;
	position: relative;
}

.container.replay .bg {
	width: 100%;
	height: 100%;
	background: #fff; /*#2C3845;*/
        opacity: 0.95;
}

.video_wrapper {
	height: 100%;
	overflow: scroll;
	position: relative;
	padding: 0px 4rem;
}

#details {
	color: #fff;
	position: relative;
	padding: 1rem 0 80px;
}

#details h3 {
	margin-top: 1rem;
}

#details .timeline .schedule {
	display: none;
}

#go2next {
	position: absolute;
	font-size: 1.4rem;
	top: 0;
	right: -3rem;
	line-height: calc(50vh + 4rem);
	height: 100%;
	border-radius: 0;
	background: none;
	border-color: transparent;
	border-left-color: #57afcd;
	color: #57afcd;
}

#go2prev {
	position: absolute;
	font-size: 1.4rem;
	top: 0;
	left: -3rem;
	line-height: calc(50vh + 4rem);
	height: 100%;
	border-radius: 0;
	background: none;
	border-color: transparent;
	border-right-color: #57afcd;
	color: #57afcd;
}

#go2next:hover,
#go2prev:hover {
	background: #57afcd;
	color: #fff;
}


.container.replay .content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%!important;
	padding: 50px 50px 100px;
	overflow: scroll;
	color: #fff;
}

.container.replay .row>div{
	margin-top: 15px;
	margin-bottom: 15px;
}

.container.replay h1 {
	font-weight: 200;
	font-size: 3.3rem;
	margin: 0;
}

.container.replay h1 button {
	padding: .75rem 1.25rem;
	font-size: 1.8rem;
	font-weight: 200;
}

.container.replay h1 button .fa-caret:before {
        content: "\f0d7";
        margin-right: 1rem;
        width: 10px;
}

.container.replay h1 button.collapsed .fa-caret:before {
        content: "\f0da";
}

.container.replay .card-header {
	padding: 0;
}

.container.replay .plans h1,
.container.replay .basket h1 {
	margin-top: 1rem;
}

.replay .thumbnail
{
	position: relative;
}

.replay .thumbnail img {
	width: 100%;
	height: auto;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
}

.replay .thumbnail div {
	position: absolute;
        top: -3.6vh;
        left: 0;
        color: #fff;
        font-size: 1.0rem;
	font-weight: 800;
        padding: 3vh;
}

.replay .thumbnail div strong {
	font-size: 1.0rem;
	font-weight: 800;
}

.replay .thumbnail div span {
	font-size: 0.9rem;
	font-weight: 400;
}

.thumb_wrapper {
	position: relative;
}

.thumb_wrapper .action {
	background: #fff;
	padding: 0px;
	color: #2d86a3;
	font-size: 1rem;
	text-align: right;
}

.action .price,
.action .clock {
	color: #2d86a3;
	font-size: 1rem;
	font-weight: 200;
	line-height: 1.5;
	padding: .375rem .750rem;
	border: 1px solid #2d86a3;
	vertical-align: middle;
	display: inline-block;
	border-radius: .25rem 0 0 .25rem;
}

.action .clock span {
	font-size: 0.85em;
}

.action .btn {
	border-radius: 0 .25rem .25rem 0;
}

.action .btn:first-child {
	border-radius: .25rem;
}

.thumb_wrapper .action .btn {
	width: 100%;
	border-radius: 0 0 .25rem .25rem;
}

.right {
	float: right;
}

.right .btn {
	margin-left: .25rem;
}

h1 .action .price {
	color: #fff;
}

.plans .btn i,
.thumb_wrapper .action i {
	margin-right: 13px;
}


#kakemono_left {
	width: 320px;
        height: calc(100% - 102px);
        position: absolute;
        padding: 0;
        top: 20px;
	left: 0px;
	background: #0e1023; /*url("/template/images/kakemono-partenaires-l.jpg") no-repeat;*/
	background-size: contain;
	background-position-x:100%;
	opacity:1;
	text-align: center;
	transition-property: left;
	transition-duration: 0.75s;
	display: flex;
	align-items: center;
	justify-content: center;
}

#kakemono_right {
	width: 320px;
        height: calc(100% - 102px);
        position: absolute;
        padding: 0;
        top: 20px;
        right: 0px;
	background: #0e1023; /*url("/template/images/kakemono-partenaires-r.jpg") no-repeat;*/
	background-size: contain;
	background-position-x:0%;
        opacity: 1;
        text-align: center;
        transition-property: right;
        transition-duration: 0.75s;
	display: flex;
	align-items: center;
	justify-content: center;
}

#kakemono_right.tchat {
	line-height: initial;
}


#kakemono_left img, 
#kakemono_right img {
	width:100%;
}

#questions {
	text-align: left;
	overflow: scroll;
	height:100%;
	scroll-behavior: smooth;
}

#questions p {
	font-size: 0.9em;
	transition-duration: 0.75s;
}

#questions p .u {
	font-weight: 700;
	font-size: 0.85em;
	color: #b41d1e;
}

#questions p .um {
	font-weight: 700;
	font-size: 0.85em;
}

#questions p .d {
	font-weight: 100;
	font-size: 0.85em;
	color: #b41d1e;
}

#questions p .dm {
	font-weight: 100;
	font-size: 0.85em;
}

#questions p .p {
	font-weight: 700;
	font-size: 0.85em;
}

#twitter-wrapper {
	margin-top: 120px;
	height: calc(100% - 140px);
	overflow: scroll;
}

@media (max-width: 1599px) {
	.wrapper.workshop .content {
		width: calc(100% - 500px);
	}
	
	.wrapper.coffeeroom .content {
		width: calc(100% - 500px);
	}
	
	.wrapper.live .content {
		width: calc(100% - 500px);
	}
	
	#kakemono_left {
		/*left: -80px;*/
		width: 240px;
	}
	#kakemono_right {
		/*right: -80px;*/
		width: 240px;
	}
	
	#kakemono_left:hover {
		left: 0px;
	}
	#kakemono_right:hover {
		right: 0px;
	}
	
	/*
	#kakemono_left img {
		float: right;
	}
	#kakemono_right img {
		float: left;
	}
	
	#kakemono_left img, 
	#kakemono_right img {
		width: 200px;
	}
	*/
}

@media (max-width: 1279px) {
	.wrapper.workshop .content {
		width: calc(100% - 400px);
	}
	
	.wrapper.coffeeroom .content {
		width: calc(100% - 400px);
	}
	
	.wrapper.live .content {
		width: calc(100% - 400px);
	}
	
	#kakemono_left {
		/*left: -130px;*/
		width: 190px;
	}
	#kakemono_right {
		/*right: -130px;*/
		width: 190px;
	}
	
	#kakemono_left:hover {
		left: 0px;
	}
	#kakemono_right:hover {
		right: 0px;
	}
	
	/*
	#kakemono_left img, 
	#kakemono_right img {
		width: 160px;
	}
	*/
}

@media (max-width: 1024px) {
	.wrapper.workshop .content {
		width: calc(100% - 300px);
	}
	
	.wrapper.coffeeroom .content {
		width: calc(100% - 300px);
	}
	
	.wrapper.live .content {
		width: calc(100% - 300px);
	}
	
	#kakemono_left {
		/*left: -180px;*/
		width: 140px;
	}
	#kakemono_right {
		/*right: -180px;*/
		width: 140px;
	}
	
	#kakemono_left:hover {
		left: 0px;
	}
	#kakemono_right:hover {
		right: 0px;
	}
	
	/*
	#kakemono_left img, 
	#kakemono_right img {
		width: 100px;
	}
	*/
}

@media (max-width: 768px) {
	.wrapper.workshop .content {
		width: calc(100% - 100px);
	}
	
	.wrapper.coffeeroom .content {
		width: calc(100% - 100px);
	}
	
	.wrapper.live .content {
		width: calc(100% - 100px);
	}
	
	#kakemono_left {
		/*left: -280px;*/
		width: 40px;
	}
	#kakemono_right {
		/*right: -280px;*/
		width: 40px;
	}
	
	#kakemono_left:hover {
		left: 0px;
	}
	#kakemono_right:hover {
		right: 0px;
	}
	
	/*
	#kakemono_left img, 
	#kakemono_right img {
		width: 80px;
	}
	*/
}

.l-shipper, 
.r-shipper {
	position: fixed;
	display: none;
	width: 500px;
	color: #fff;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: 100;
	-webkit-box-shadow: 4px 7px 4px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 4px 7px 4px 0px rgba(0,0,0,0.5);
	box-shadow: 4px 7px 4px 0px rgba(0,0,0,0.5);
	border-radius: 30px;
}

.expo .l-shipper,
.expo .r-shipper {
	width: 300px;
}

.stand .l-shipper,
.stand .r-shipper {
	width: 320px;
}

.l-shipper {
	left: -100px;
}

.r-shipper {
	right: -100px;
}

.floor-1 {
	top: 60px;
}

.floor-2 {
	top: 200px;
}

.floor-3 {
	top: 200px;
}

.floor-4 {
	top: 290px;
}

.floor-5 {
	top: 380px;
}

.floor-6 {
	top: 470px;
}

.floor-7 {
	top: 560px;
}

.floor-8 {
	top: 650px;
}

.l-shipper div {
	padding: 30px 40px 30px 0px;
	text-align:right;
}

.r-shipper div {
	padding: 30px 0px 30px 40px;
	text-align:left;
}

.l-shipper:hover, 
.r-shipper:hover {
	text-decoration: none;
	color: #fff;
	/*
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	*/
}

.l-shipper div span,
.r-shipper div span {
	/*transform: rotate(90deg);*/
	position: absolute;
        display: block;
        font-size: 0.7em;
        vertical-align: middle;
        /* margin-top: -5px; */
        /* margin-left: 5px; */
        background: #fff;
        color: #2a3183;
        font-weight: 700;
        padding: 0 10px;
        top: -12px;
	border-radius: 4px;
}

.r-shipper div span {
	left: 40px;
}

.l-shipper div span {
	right: 40px;
}

.l-shipper div .fas,
.r-shipper div .fas {
	transition-property: margin;
	transition-duration: 0.75s;
}

.l-shipper div .fas {
	margin-right: 20px;
}

.l-shipper:hover div .fas {
	margin-right: 40px;
}

.r-shipper div .fas {
	margin-left: 20px;
}

.r-shipper:hover div .fas {
	margin-left: 40px;
}



@media screen and (min-width: 769px) {
	.l-shipper div br,
	.r-shipper div br {
		display: none;
	}
}






.container.live {
	height: 100%;
}

.container.workshop {
	padding-top: 20px;
	height: 100%;
}

.container.coffeeroom {
	padding-top: 20px;
	height: 100%;
}

.container.eposter,
.container.workshops {
	padding: 0px 0 100px 0;
	position: relative;
}

.container.eposter.with_chat {
	margin-right: 480px;
}

#eposter-chat {
	background: #fff;
	width: 480px;
	height: 100vh;
	position: fixed;
	top: 0;
	right: -480px;
/*	border-left: 2px solid #0072b9;*/
	box-shadow: 3px 0px 20px rgb(0 0 0 / 40%);
	transition: all 1s;
}

#eposter-chat.active {
	right:0px;
}

#dismiss-chat {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #fff;
/*	color:#0072b9;*/
	position: absolute;
	top: 10px;
	left: 10px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#dismiss-chat:hover {
	color: #fff;
}

#eposter-chat h2 {
	font-size: 1.4rem;
	text-transform: none;
	font-weight: 400;
	position: fixed;
	top: 14px;
	right: 20px;
}

#eposter-chat #questions {
	height: calc(100vh - 172px);
	margin-top: 52px;
	padding: 0px 1rem;
}

#btn-question {
	display: none;
	position: fixed;
	bottom: 72px;
	width: 458px;
	right: 10px;
}

@media only screen and (max-width: 768px){
	.container.eposter.with_chat {
		margin-right: 320px;
	}
	
	#eposter-chat {
		width: 320px;
		right:-320px;
	}
}
	

.eposter .bg,
.workshops .bg {
	position: absolute;
	background: #fff;
	opacity: .9;
	/*border-top: 8px solid #0072b9;*/
	height:100%;
	width:100%;
}

.eposter .section,
.workshops .section {
	position: relative;
	padding: 6rem 6rem 0;
}

.eposter .section:first-child,
.workshops .section:first-child {
	padding: 3rem 6rem 0;
}

.eposter .section h3,
.workshops .section h3 {
	margin-bottom: 2rem;
}

.eposter-item {
	border-bottom: 1px solid #0072b9;
	padding-bottom: 2rem;
	padding-top: 2rem;
}

.eposter-item.active {
	background: #efefef;
}

@media only screen and (max-width: 991px){
	.eposter .section,
	.workshops .section {
		padding: 6rem 3rem 0;
	}
	
	.eposter .section:first-child,
	.workshops .section:first-child {
		padding: 3rem 3rem 0;
	}
}



.container.workshop_menu {
	padding: 20px 0 100px 0;
}

#jitsi_container, #player_container {
	width: 100%;
	height: calc(100% - 102px);
	position: relative;
	margin-top: 20px;
}

.player_wrapper {
	position: absolute;
	top: calc(50% - 32.8vh);
	left: calc(50% - 15vw);
	width: 29.3vw;
	height: 35.8vh;
	background: #000;
}

.player_wrapper #player_container {
	height: 100%;
	margin-top: 0;
}

.workshop-item {
	position: relative;
	margin-bottom: 1rem;
}

.workshop-item .bg {
	position: absolute;
	background: #fff;
	opacity: .9;
	border-top: 8px solid #0072b9;
	height:100%;
	width:100%;
}

.workshop-item .dt {
	position: relative;
	padding: 2rem;
}

.workshop-item .date, 
.workshop-item .time {
	float: left;
	margin: 0 1rem 1rem 0;
	font-size: 1.2em;
}

.workshop-item h3 {
	clear: both;
	margin: 1rem 0;
}

.workshop-item .locked {
	font-style: italic;
	color: #2f4f4f;
}

.container.tchat {
	height: 100%;
	max-width: calc(100% - 680px);
	position: absolute;
	top: 0;
	left: 340px;
}

.container.tchat .content {
	margin-top: 20px;
	height: calc(100% - 100px);
	background: #fff;
	position: relative;
}

.container.tchat .row,
.container.tchat .row>div {
	height: 100%;
}

.container.tchat #users {
	background: #19798c;
	color: #fff;
	height: 100%;
	overflow:scroll;
}

.container.tchat #users label {
	display: block;
	padding: 1rem;
	cursor: pointer;
	border-bottom: 1px solid #00859f;
}

.container.tchat #users label:hover,
.container.tchat #users label.active {
	background: #0072b9;
}

.container.tchat #users label i {
	margin-right: 0.75rem;
	color: #00859f;
}

.container.tchat #users label input[type=radio] {
	display: none;
}

.container.tchat #messages {
	height: calc(100% - 100px);
	padding: 1rem;
	overflow:scroll;
}

.container.tchat #messages p span.u {
	font-size:0.75em;
	font-weight:bold;
	color: #b8b1b3;
}

.container.tchat #messages p.sent {
	text-align: right;
}

.container.tchat #sender {
	padding-right: 30px;
}

.container.tchat #sender textarea {
	resize: none;
}

.container.tchat #sender button {
	border-color: #0072b9;
}

.container.tchat #sender button:hover {
	border-color: #24293d;
}

footer .title {
	position: absolute;
	top: -124px;
	left: 0px;
	text-align: center;
	width: 100%;
	font-weight: 900;
	color: #4a4314;
	font-size: 1.2rem;
	background: #0072b9;
	padding: 21px 0px 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

footer .title img {
	height: 48px;
	margin: 0 1rem;
}

footer .title span {
	max-width: calc(100% - 180px);
	line-height: 1.2rem;
}

@media only screen and (min-width: 1600px) and (max-width: 1919px){
	/*
	.container.live {
		padding-top: 20px;
		width: calc(100% - 650px);
	}
	*/
	
	.container.replay {
		width: calc(100% - 650px);
	}
}


@media only screen and (min-width: 1600px) and (max-width: 1799px) {
	.replay .thumbnail div {
		font-size: 1rem;
		top: -2.2vh;
		padding: 2vh;
		line-height: 1.2;
	}

	.replay .thumbnail div strong {
		font-size: 1.5rem;
	}
}

/*
@media only screen and (min-width: 1440px) and (max-width: 1599px){
	.l-shipper, 
	.r-shipper {
		width: 420px;
		font-size: 1em;
	}
	
	.l-shipper div {
		padding: 20px 20px 20px 0px;
		text-align:right;
	}

	.r-shipper div {
		padding: 20px 0px 20px 20px;
		text-align:left;
	}
	
	.floor-1 {
		top: 20px;
	}

	.floor-2 {
		top: 100px;
	}

	.floor-3 {
		top: 180px;
	}

	.floor-4 {
		top: 260px;
	}

	.floor-5 {
		top: 340px;
	}
	
	.floor-6 {
		top: 420px;
	}

	.floor-7 {
		top: 500px;
	}

	.floor-8 {
		top: 580px;
	}
	
	.container.tchat {
		max-width: calc(100% - 500px);
		position: absolute;
		top: 0;
		left: 250px;
	}
	
	
	.container.live {
		padding-top: 70px;
		width: calc(100% - 500px);
	}

	
	.container.replay {
		width: calc(100% - 500px);
	}
}
*/
/*
@media only screen and (min-width: 1280px) and (max-width: 1439px){
	.l-shipper, 
	.r-shipper {
		width: 420px;
		font-size: 1em;
	}
	
	.l-shipper div {
		padding: 20px 20px 20px 0px;
		text-align:right;
	}

	.r-shipper div {
		padding: 20px 0px 20px 20px;
		text-align:left;
	}
	
	.floor-1 {
		top: 20px;
	}

	.floor-2 {
		top: 90px;
	}

	.floor-3 {
		top: 160px;
	}

	.floor-4 {
		top: 230px;
	}

	.floor-5 {
		top: 300px;
	}
	
	.floor-6 {
		top: 370px;
	}

	.floor-7 {
		top: 440px;
	}

	.floor-8 {
		top: 510px;
	}
	
	.container.tchat {
		max-width: calc(100% - 440px);
		position: absolute;
		top: 0;
		left: 220px;
	}
	
	
	.container.live {
		padding-top: 104px ;
		width: calc(100% - 440px);
	}

	
	.container.replay {
		width: calc(100% - 440px);
	}
	
	.replay .thumbnail div {
		font-size: 0.9rem;
		padding: 1vh;
		line-height: 1.1;
		top: -1.2vh;
	}

	.replay .thumbnail div strong {
		font-size: 1.5rem;
	}
	
	.replay .thumbnail div span {
		font-size: 0.8rem;
	}
}
*/

@media only screen and (max-width: 1279px){
	.l-shipper, 
	.r-shipper {
		width: 420px;
		font-size: 1.2em;
		border-radius: 24px;
	}
	
	.l-shipper div {
		padding: 24px 36px 24px 0px;
		text-align:right;
	}

	.r-shipper div {
		padding: 24px 0px 24px 36px;
		text-align:left;
	}
	
	.r-shipper div span {
		left: 36px;
	}

	.l-shipper div span {
		right: 36px;
	}
	
	.floor-1 {
		top: 60px;
	}

	.floor-2 {
		top: 180px;
	}

	.floor-3 {
		top: 160px;
	}

	.floor-4 {
		top: 230px;
	}

	.floor-5 {
		top: 300px;
	}
	
	.floor-6 {
		top: 370px;
	}

	.floor-7 {
		top: 440px;
	}

	.floor-8 {
		top: 510px;
	}
	
	.container.tchat {
		max-width: calc(100% - 440px);
		position: absolute;
		top: 0;
		left: 220px;
	}
	
	.container.live {
		padding-top: 110px ;
		width: 100%;
	}
	
	.container.replay {
		width: 100%;
	}
	
	.container.replay .content {
		padding: 90px 20px 70px;
	}
	
	footer .title {
		font-size: 1rem;
	}
}


@media only screen and (max-width: 1024px){
	.l-shipper, 
	.r-shipper {
		width: 390px;
		font-size: 1.0em;
		font-weight: 200;
		z-index:10;
	}
	
	.l-shipper div span, 
	.r-shipper div span {
		top: -7px;
	}
	
	.expo .l-shipper,
	.stand .l-shipper,
	.expo .r-shipper,
	.stand .r-shipper {
		width: 220px;
	}
	
	.expo .l-shipper div,
	.stand .l-shipper div {
		padding: 18px 20px 18px 0px;
	}
	
	.expo .r-shipper div,
	.stand .r-shipper div {
		padding: 18px 0px 18px 20px;
	}
}

@media only screen and (max-width: 990px) {
	footer .title {
		font-size: 1rem;
		top: -124px;
		padding: 7px 0px;
	}
}

@media only screen and (max-width: 1199px){
	.replay .thumbnail div {
		font-size: 1.1rem;
		top: -2vh;
		padding: 1.6vh;
		line-height: 1.2;
	}

	.replay .thumbnail div strong {
		font-size: 1.4rem;
	}
	
	.replay .thumbnail div span {
		font-size: 0.8rem;
	}
}

@media only screen and (max-width: 991px){
	.replay .thumbnail div {
		top: -1vh;
		font-size: 0.9rem;
		padding: 1vh;
		line-height: 1.1;
	}

	.replay .thumbnail div strong {
		font-size: 1.1rem;
	}
	
	.replay .thumbnail div span {
		font-size: 0.7rem;
	}
	
	.thumb_wrapper .action .btn {
	        width: 100%;
	        border-radius: 0 0 .25rem .25rem;
	        font-size: 0.8rem;
	}
}

/*
@media only screen and (max-width: 768px){
	.l-shipper, 
	.r-shipper {
		width: 370px;
		font-size: 1em;
		font-weight: 200;
	}
	
	.l-shipper div, 
	.r-shipper div {
		padding: 20px 10px;
	}
	
	.l-shipper div .fas {
		margin-right: 10px;
	}
	
	.r-shipper div .fas {
		margin-left: 10px;
	}
	
	.floor-1 {
		top: 20px;
	}

	.floor-2 {
		top: 90px;
	}

	.floor-3 {
		top: 160px;
	}

	.floor-4 {
		top: 230px;
	}

	.floor-5 {
		top: 300px;
	}
	
	.floor-6 {
		top: 370px;
	}

	.floor-7 {
		top: 440px;
	}

	.floor-8 {
		top: 510px;
	}
	
	.container.tchat {
		max-width: calc(100% - 320px);
		position: absolute;
		top: 0;
		left: 160px;
	}
}


@media only screen and (max-width: 575px){
	.container.replay {
		height: 100vh;
		margin-top: 0px;
		padding: 0px;
		position: relative;
	}

}

@media only screen and (max-width: 425px){
	.replay .thumbnail div {
		top: -1vh;
		font-size: 0.9rem;
		padding: 1vh;
	}
}
*/



footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index:10;
}

footer .bg {
	position: fixed;
	bottom: 0;
	height: 62px;
	background: #0072b9;
	width: 100%;
	opacity: 0.8;
	display: none;
}

footer .content {
	position: fixed;
	bottom: 0;
	line-height: 44px;
	width: 100%;
	color: #fff;
	padding: 10px 24px 10px 10px;
}

#alga {
	float:left;
	margin-right: 1.4rem;
}

#alga img {
	height: 40px;
}

#where-you-are {
	float:left;
        font-size: 1.2rem;
        font-weight: 700;
}

.mobile {
	display: none;
}

@media only screen and (max-width: 1140px){
	.mobile {
		display: block;
	}
	
	#bottom-bar-menu {
		float: right;
	}
	
	#navigation {
		display: none;
	}
	
	#socialnetworks {
		display: none;
	}
	
	.tippy-box {
		display: none!important;
	}
}

@media only screen and (max-width: 600px){
	#where-you-are {
		display: none;
	}
}

#socialnetworks {
	float: left;
	margin-left: 40px;
}

#socialnetworks ul {
	padding-inline-start: 0px;
}

#socialnetworks ul li {
	float: left;
	display: block;
	margin-left: 10px;
}

#socialnetworks ul li:first-child {
	margin-left: 0px;
}

#socialnetworks ul li .btn-outline-info {
        border-color: #fff;
	color: #fff;
}




#languages {
	float: left;
	margin-right: 20px;
}

#languages ul {
	padding-inline-start: 0px;
}

#languages ul li {
	float: left;
	display: block;
	margin-left: 10px;
}

#languages ul li:first-child {
	margin-left: 0px;
}

#languages ul li .btn-outline-info {
        border-color: #fff;
	color: #fff;
}

#languages ul li .btn-outline-info:hover {
	background-color: #24293d;
	border-color: #24293d;
	color: #ccc3e5;
}

#languages ul li a img {
	width: 20px;
}





#navigation {
	float: right;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation ul li {
	float: left;
	display: block;
	margin-left: 10px;
}

#navigation .menu-item {
	display: none;
}

#clock {
	display: none;
	float: right;
	margin-left: 2rem;
}

#navigation ul li .btn-info, 
.btn-primary, 
.btn-info {
	background-color: #0072b9;
	border-color: #fff;
	color: #fff;
}

.btn-secondary {
	border-color: #fff;
}

.btn-light {
	border-color: #fff;
}

#navigation ul li .btn-info:hover, .btn-info:hover, .btn-info:active, .btn-info:focus,
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color: #b41d1e;
	color: #fff;
	border-color: #b41d1e;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
	border-color: #6c757d;
}

#navigation ul li .fas,
#sidebar ul li .fas,
#toolbar .fas,
#clock .fas,
#btn-question .fas {
	margin-right: 7px;
}

#navigation ul li .btn .fas:last-child,
#navigation ul li .dropdown-item .fas:last-child,
#sidebar ul li .fas:last-child {
	margin-right: 0px;
}

#sidr .btn {
	background-color: inherit;
	border-color: inherit;
	text-align: left;
	border: none;
	line-height: inherit;
	width: 260px;
}

.left-sidr-closer {
        line-height: 60px;
        text-align: right;
        padding: 0 30px 40px 0;
}

.left-sidr-closer a {
	color: #fff!important;
}

footer.live #navigation,
footer.live #bottom-bar-menu,
/*.with_tawk footer #bottom-bar-menu,*/
.with_tawk #clock {
	margin-right: 80px;
}

#sidr .dropdown-item {
        background-color: #333333;
}

.with_tawk footer nav {
/*	margin-right: 80px;*/
}

.dropdown-item {
	cursor: pointer;
}



.fancybox-is-open .fancybox-bg {
        opacity: .5;
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--pdf .fancybox-content {
	max-width: 1140px;
	width: 80%;
	max-height: 80%;
	margin: 0;
}

@media only screen and (max-width: 1024px) {
	.fancybox-slide--iframe .fancybox-content,
	.fancybox-slide--pdf .fancybox-content {
		width: 95%;
	}
}

.fancybox-close-small {
        color: #0072b9;
        opacity: 1;
        right: 0px;
        top: 0;
}

.fancybox-close-small:hover {
	background: #0072b9;
}




.iframe_content {
	padding: 60px 5rem;
}

.iframe_content_no_padding {
	padding: 0px;
}



ul.timeline {
	list-style-type: none;
	position: relative;
}
ul.timeline:before {
	content: ' ';
	background: #0072b9;
	display: inline-block;
	position: absolute;
	left: 29px;
	width: 2px;
	height: 100%;
	z-index: 400;
}
ul.timeline > li {
	margin: 20px 0;
	padding-left: 20px;
}
ul.timeline > li:before {
	content: ' ';
	background: white;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	border: 2px solid #0072b9;
	left: 24px;
	width: 12px;
	height: 12px;
	z-index: 400;
	margin-top: 6px;
}

nav#programme {
	position: fixed;
	background: #fff;
	width: 100%;
	padding-top: 60px;
	z-index: 9999;
	top: -20px;
}

nav#programme .nav-tabs {
        border-bottom: 1px solid #0072b9;
}

nav#programme .nav-link {
	padding: 1rem 1.8rem;
	background: #efefef;
	margin-right: 1px;
	color:#212529;
	border-bottom: 1px solid #0072b9;
}

nav#programme .nav-tabs .nav-item.show .nav-link, nav#programme .nav-tabs .nav-link.active {
        color: #fff;
        background-color: #0072b9;
	border-color: #dee2e6 #dee2e6 #0072b9;
}

@media only screen and (max-width: 768px) {
	nav#programme .nav-link {
		padding: 1rem 1rem;
	}
}

.tab-content {
	padding: 100px 0px ;
}

h2 {
	color: #0072b9;
        text-transform: uppercase;
        font-weight: 200;
        font-size: 2.5rem;
	margin-bottom: 3rem;
}

h3 {
	font-weight: 700;
	margin-top: 1rem;
	color: #0072b9;
}

h3 span.schedule {
	font-size: 0.75em;
}

div.day {
	font-weight: 900;
/*	background: #b41d1e;*/
	padding: 0px;
	color: #b41d1e;
	border-radius: 4px;
	margin-top: 4rem;
	margin-bottom: 0rem;
	font-size: 1.4rem;
}

div.schedule {
	font-weight: 900;
/*	background: #b41d1e;*/
	display: inline-block;
	padding: 0px 6px;
	color: #b41d1e;
	border-radius: 4px;
	margin-top: 4rem;
}



.timeline li p {
	margin-top: 4px;
}

span.speaker {
	font-weight: 900;
}
















.booth {
	margin: 15px 0;
	background: #fff;
	border-radius: 6px;
	padding: 40px 40px;
	text-align: center;
}


.image-map-container {
        position: relative;
	text-align: center;
	height: calc(100vh - 62px);
	line-height: calc(100vh - 62px);
	vertical-align:middle;
	overflow:hidden;
}

.wrapper.stand .content {
	text-align: center;
	height: calc(100vh - 62px);
	line-height: calc(100vh - 62px);
	vertical-align: middle;
}

.stand .image-map-container {
	display: inline-block;
	line-height: initial;
	height: auto;
}

.image-map-container img {
	width: 100%;
	height: auto;
}

.expo .image-map-container img,
.hall .image-map-container img,
.reseau .image-map-container img {
	width: auto;
        max-width: 100%;
        max-height: 100%;
}

.stand .image-map-container img {
	width: auto;
	max-width: 100%;
	max-height: calc(100vh - 62px);
}



.picto {
	line-height: 40px;
	width: 40px;
	color: #fff;
	text-align: center;
	background: #b41d1e;
	font-size: 1.3rem;
	border-radius: 50%;
	z-index: 9999;
	margin: 16px;
}

.picto a {
	display: block;
	color: #fff!important;
}

.picto a:hover {
	color: #fff!important;
	text-decoration:none;
}

.lds-ripple {
	display: inline-block;
	position: absolute;
	width: 120px;
	height: 120px;
	z-index: 9998;
}

.lds-ripple-lg {
	display: inline-block;
	position: absolute;
	width: 240px;
	height: 240px;
	z-index: 9998;
}

.home01 {
        position: absolute;
        top: calc(50% + 5vw - 40px);
        left: calc(50% + 0vw - 40px);
}

.picto.home01 {
	background: #f4412e;
}

.lds-ripple div {
	position: absolute;
	border: 4px solid #b41d1e;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple-lg div {
	position: absolute;
	border: 4px solid #b41d1e;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple-lg 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple.home01 div {
	border: 4px solid #f4412e;
}

.lds-ripple div:nth-child(2),
.lds-ripple-lg div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

@keyframes lds-ripple-lg {
	0% {
		top: 72px;
		left: 72px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 144px;
		height: 144px;
		opacity: 0;
	}
}









/*** FORM ***/

fieldset
{
	padding:		20px;
	margin: 		0px 0px 30px 0px;
	border:			none;
	border-bottom:		1px solid #0072b9;
	position:		relative;
}

@media (max-width: 990px) {
	fieldset
	{
		padding:		20px;
	}
}

div.subfieldset
{
	clear:			both;
	margin-bottom: 		30px;
}

div.subfieldset:after
{
	clear:			both;
}

label {
	margin-bottom: 0px;
}

.form-control {
	margin-bottom: .5rem;
}

span.needit
{
	display: 		inline;
	color: 			#e35b5a;
}

span.unfilled input.form-control,span.unfilled select,span.unfilled textarea 
{
	border: 		1px solid #e35b5a;
}

span.unfilled label,blockquote.unfilled label
{
	font-weight:		bold;
	color: 			#e35b5a;
}

option.category
{
	font-weight:		bold;
	background-color:	#dd4433;
	color:			#fff;
}

option.subcat
{
	padding-left:		25px;
}



input[type="radio"],input[type="checkbox"]
{
	margin-right:	4px;
}

input:disabled+label
{
	color:	#aeaeae!important;
}

div.radio_block
{
	display:	block-inline;
}

#toolbar {
	text-align: right;
	padding: 0px 15px;
}

.table th {
	border-top: none;
}

td.radio_in
{
	width:	50px;
}

td.input_radio
{
	width:	30px;
}

.infowarning
{
	background:		url("../images/warning.png") no-repeat left 50%;
	padding:		30px 0px 30px 80px;
	margin:			0px 0px 30px 0px;
	clear:			both;
}

.low-warning {
	padding: 20px;
	background: #f7ca18;
	border-radius: 6px;
}

.high-warning {
	background: #e35b5a;
	padding: 20px;
	border-radius: 6px;
	color: #fff;
}

.confirm {
	background: #2ab4c0;
	padding: 20px;
	border-radius: 6px;
	color: #fff;
}

.confirm p, 
.low-warning p,
.high-warning p {
	margin: 1.2rem 0;
}

.dispOff
{
	display:	none;
}

.dispOn
{
	display:	block;
}

table.summary td{
	vertical-align: 	top!important;
}

td.tdlabel{
	text-align: 		left;
	padding-right: 		5px;
	width:			50%;
	color:			#3c3c3c;
}

td.tdvalue{
	padding-left: 5px;
}

.table td, .table th {
	vertical-align: middle;
}

td.amount{
	padding:	5px;
	width:		130px;
	font-weight:	bold;
	color:		#0072b9;
	text-align:	right;
	white-space:	nowrap;
}

th.amount{
	/*padding:	5px;*/
	width:		130px;
	font-weight:	bold;
	text-align:	right;
}

/*
.exhibition_btn {
	display: none!important;
}
*/

.logo img {
	width: 100%;
}

ul.stepper {
        padding: 0 1.5rem;
        padding: 1.5rem;
        margin: 1em -1.5rem;
        overflow-x: hidden;
        overflow-y: auto;
        counter-reset: section;
}

.stepper-vertical {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
}

ul.stepper>li:not(:last-of-type) {
        margin-bottom: .625rem;
        -webkit-transition: margin-bottom .4s;
        -o-transition: margin-bottom .4s;
        transition: margin-bottom .4s;
}

.stepper-vertical li .step-title {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: start;
        align-self: flex-start;
}

ul.stepper li .step-title .circle {
        display: inline-block;
        width: 4rem;
        height: 4rem;
        margin-right: .5rem;
        line-height: 3.7rem;
        color: #fff;
        text-align: center;
        background: rgba(0,0,0,0.38);
        border-radius: 50%;
        font-size: 2.9rem;
}

.stepper-vertical li {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
}

.stepper-vertical li .step-title .circle {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
}

ul.stepper li .step-title {
        padding: 1.5rem 1.5rem 1.5rem 0;
        text-align: center;
	z-index:99;
}


.stepper-vertical li .step-title .label {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 0;
        line-height: 3.7rem;
        font-size: 2rem;
	margin-left: 1.3rem;
}

ul.stepper li .step-title .label {
        display: inline-block;
        color: rgba(0,0,0,0.38);
}

.stepper-vertical li.completed .step-title .label {
        font-weight: 500;
}

ul.stepper li.active a .label, ul.stepper li.completed .step-title .label {
        font-weight: 600;
        color: rgba(0,0,0,0.87);
}

.stepper-vertical>li:not(:last-child):after {
	position: absolute;
	top: 5rem;
	left: 2rem;
	width: 2px;
	height: calc(100% - 40px);
	content: "";
}

.stepper-vertical>li .step-content {
        display: block;
        padding: 0.2rem 0;
        margin-top: 0;
        margin-left: 6rem;
}

.stepper-vertical>li .step-content ul {
	padding-left: 20px;
}

.stepper-vertical>li .step-content ul li {
	display: list-item;
	list-style: square;
	margin: 10px 0;
}

ul.videotheque li {
	display: list-item;
	list-style: square;
	margin: 1rem 0;
	font-weight: 700;
}


.grey.lighten-3 {
        background-color: #eee !important;
}


.tippy-box[data-theme~='provence-prestige'] {
	background-color: #b41d1e;
	color: #fff;
}

.tippy-box[data-theme~='provence-prestige'] .tippy-arrow {
        width: 16px;
        height: 16px;
        color: #b41d1e;
}

.tippy-box p {
	margin: .5rem 0px;
}







.overflow {
        overflow: hidden;
}


.panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        color: inherit;
	font-weight: 700;
}

.panel-title a:hover {
	text-decoration:none;
}

/*
	  ==============================================================
		   kode-conference-schedule CSS Start
	  ==============================================================
*/
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
        content: " ";
        display: table;
}

.nav-tabs>li {
        float: left;
        margin-bottom: -1px;
}

.kode-conference-schedule{
	position:relative;
	overflow:hidden;
	padding:70px 0;
	float:left;
	width:100%;
}
.schedule-banner{
	position:relative;
}
.schedule-banner img{
	display:block;
	width:100%;
	height:auto;
}
.schedule-banner:after{
	display:block;
	clear:both;
	content:'';
}
.scheduletabs{
	position:relative;
	max-width:947px;
	margin:-100px auto 0;
	background:#fff;
	border:1px solid #e6e6e6;
}
.scheduletabs:before, .scheduletabs:after{
	clear:both;
}
.scheduletabs .nav-tabs{
	border-bottom:1px solid #e6e6e6;
	text-align:center;
	font-size:20px;
	position:relative;
	z-index:1;
}
.scheduletabs .nav-tabs > li > a {
	border-right: 1px solid #e6e6e6;
	border-radius:0;
	line-height:30px;
	margin-right: 0;
	color:#333;
	min-width:200px;
	position:relative;
	padding:18px 10px 19px;
	transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	outline:none;
	display: block;
}
.scheduletabs .nav-tabs > li > a span{
	display:block;
	font-size:26px;
}
.scheduletabs .nav-tabs > li > a.active,
.scheduletabs .nav-tabs > li > a.active:hover,
.scheduletabs .nav-tabs > li > a.active:focus{
	color:#fff;
}

.scheduletabs .nav-tabs > li > a:hover,
.scheduletabs .nav-tabs > li > a:focus{
	border-color: #eee #eee #ddd;
	background-color: #eee;
	text-decoration:none;
}

.scheduletabs .nav-tabs > li > a.active:after,
.scheduletabs .nav-tabs > li > a.active:hover:after,
.scheduletabs .nav-tabs > li > a.active:focus:after{
	position:absolute;
	content:'';
	height:15px;
	width:15px;
	transform:rotate(45deg);
	left:0px;
	right:0px;
	margin:auto;
	bottom:-7px;
}
.auditorium{
	position:relative;
	padding:0;
	margin:0;
	list-style:none;
	font-size:20px;
	border-bottom: 1px solid #e6e6e6;
	text-align:center;
	background:#f7f7f7;
}
.auditorium:after{
	display:block;
	clear:both;
	content:'';
}
.auditorium li{
	float:left;
	min-width:200px;
	position:relative;
}
.auditorium a{
	color:#333;
	display:block;
	position:relative;
	transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
}
.auditorium a:hover,
.auditorium li.active a{
	text-decoration:none;
}
.auditorium li.active a:after,
.auditorium a:hover:after{
	position:absolute;
	content:'';
	bottom:-3px;
	left:0;
	width:100%;
	height:3px;
}
.scheduletabs .tab-content{
	padding:2px 50px;
	font-size:16px;
	float:left;
	width:100%;
}
.scheduletabs .panel-group{
	float:left;
	width:100%;
}
.scheduletabs .panel.panel-default{
	border:none;
	border-radius:0;
	box-shadow:none;
	position:relative;
	padding:60px 0 30px;
	float:left;
	width:100%;
}
.scheduletabs .panel.panel-default:before{
	position:absolute;
	content:'';
	border-left:2px dashed #ccc;
	left:25px;
	top:0;
	bottom:0;
	width:0;
	height:100%;
}
.scheduletabs .panel-heading{
	background:none;
	border:none;
	position:relative;
}
.scheduletabs .panel-heading:before{
	content:"\f107";
	position:absolute;
	right:20px;
	top:50%;
	margin:-10px 0px 0px 0px;
	font-size:20px;
	color:#333;
	font-family:FontAwesome;
}
.sch-time{
	display:block;
	font-size:16px;
	color:#333;
	text-transform:uppercase;
	margin:0 0 15px;
}
.scheduletabs .panel-title{
	font-size:26px;
	line-height:30px;
	border-bottom:1px solid #e6e6e6;
	padding:0 0 10px;
}
.scheduletabs .panel-group .panel-heading + .panel-collapse > .panel-body{
	border:none;
	color:#666;
}
.scheduletabs .panel-body p{margin:0 0 20px;}
.scheduletabs .announcer{
	display:block;
	font-size:20px;
}
.announcer-pic{
	float:left;
	width:53px;
	height:53px;
	border-radius:50%;
	margin:0 50px 0 0;
	position:relative;
	z-index:5;
}
.announcer-pic img{
	display:block;
	width:100%;
	height:auto;
}
/*
	  ==============================================================
		   kode-conference-schedule CSS End
	  ==============================================================
*/






.kode-conference-schedule{
	padding:0px 0px 0px 0px;
}

.scheduletabs {
	max-width: 100%!important;
	margin: 0px auto!important;
	border: 1px solid #c8c1e3;
}

.scheduletabs .tab-content{
	padding: 0px!important;
}

.scheduletabs .tab-content.tab-room{
	padding: 2px 0px!important;
}

.scheduletabs .nav-tabs {
	margin: 0px!important;
}

.large-disp{
	display: block;
}

.small-disp{
	display: none;
}

.auditorium{
	font-size: 14px;
}

.auditorium li{
	min-width:162px;
}

.scheduletabs .nav-tabs > li > a span {
        display: block;
        font-size: 26px;
        font-weight: bold;
}



.weekday {
	font-size: 20px!important;
	margin-bottom: 0px!important;
	margin-top: 12px!important;
	font-weight: normal!important;
}

.panel {
        margin-bottom: 6px!important;
}

.no-pic {
	background: none!important;
}

.panel-heading {
        padding: 0px 25px 15px 15px;
}

.panel-body {
        padding: 5px 15px 45px 15px;
}

.scheduletabs .announcer{
        font-size: 16px;
	color: #337AB7;
}

.scheduletabs .announcer em{
	color: #337AB7;
	font-style: normal!important;
	font-size: 0.90em;
}

.scheduletabs .panel-body p {
	text-align: left;
	margin: 0px 0px 4px 0px;
}

.scheduletabs .panel-body .sch-time {
	margin: 28px 0px 7px 0px;
	font-size: 0.85em;
	color: #777;
}

.scheduletabs .panel-heading.no-content:before{
	content:"";
}

.scheduletabs .panel-title{
	padding: 0px 25px 10px 0px;
}

.scheduletabs .panel.panel-default:before {
        left: 50px;
}

.announcer-pic {
        float: left;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin: 0px 50px 0 31px;
        position: relative;
        z-index: 5;
        color: #fff;
        font-size: 24px;
        text-align: center;
        line-height: 38px;
	padding: 0px 0px 0px 0px;
}

.abs_reference {
	font-weight: bold;
	border: 1px solid #25293d;
	color: #25293d;
	padding: 2px 6px;
	border-radius: 4px;
	margin-left: 10px;
}

.panel-room {
	display: inline-block;
        margin: 0px;
        font-size: 10pt;
        color: #111;
        background: #f7f6f6;
        padding: 2px 10px;
}

.panel-room a {
	color: #fff;
}

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

.panel-room a .fas {
	transition-property: margin;
	transition-duration: 0.45s;
	margin-left: 5px;
	margin-right: 10px;
}

.panel-room a:hover .fas {
	margin-left: 15px;
	margin-right: 0px;
}

@media (max-width: 1199px) {
	.scheduletabs .panel.panel-default {
	        padding: 30px 0px;
	}
	
	.auditorium{
		font-size: 12px;
	}

	.auditorium li{
		min-width:134px;
	}
}

@media (max-width: 991px) {
	.scheduletabs .nav-tabs > li > a {
		min-width:25%;
	}
	
	.scheduletabs .nav-tabs{
	        font-size: 16px;
	}
	
	.auditorium{
		font-size: 10px;
	}

	.auditorium li{
		min-width:102px;
	}
}

@media (max-width: 767px) {
	.scheduletabs .nav-tabs > li > a {
		min-width:25%;
		line-height: 0px;
	}
	
	.scheduletabs .nav-tabs > li > a span.year {
		margin: 12px 0px 20px;
	}
	
	.scheduletabs .nav-tabs > li:last-child > a{
		border-right:none;
	}
	
	.scheduletabs .nav-tabs > li {
	        width: 25%;
	}
	
	.large-disp{
		display: none;
	}

	.small-disp{
		display: block;
	}
	
	.scheduletabs .nav-tabs > li > a span.day{
		margin-top: 10px;
		font-size: 30px;
		line-height:26px;
	}
	
	.scheduletabs .nav-tabs > li > a span.month{
		text-transform: lowercase;
		font-size: 20px;
		line-height:26px;
	}
	
	.auditorium li{
		width: 25%;
		min-width: 25%;
	}
	
	.auditorium li a{
		font-size: 10px;
	}
	
	.panel-room {
		display: block;
		margin:-10px 0px 20px 0px;
	}
}

@media (max-width: 480px) {
	.auditorium li{
		width: 33.333%;
		min-width: 33.333%;
	}
	
	.auditorium li a{
		font-size: 10px;
	}
	
	.scheduletabs .panel-heading::before {
	        right: 10px!important;
	}
	
	.panel-heading {
	        padding: 0px 15px 0px 0px;
	}
	
	.panel-body {
	        padding: 0px 15px 45px 0px;
	}
	
	.content h4, .content p {
		text-align: left;
	}
	
	.scheduletabs .panel.panel-default:before {
	        left: 30px;
	}

	.announcer-pic {
	        float: left;
	        width: 40px;
	        height: 40px;
	        border-radius: 50%;
	        margin: 0px 15px 0 11px;
	        position: relative;
	        z-index: 5;
	        color: #fff;
	        font-size: 24px;
	        text-align: center;
	        line-height: 38px;
		padding: 0px 0px 0px 2px;
	}
	
	.scheduletabs p, .scheduletabs .announcer {
	        font-size: 14px;
	}
}

.sch-list p{
	font-size: 16px;
	text-align: left;
        margin: 0px 0px 4px 0px;
}

.sch-list .announcer{
	font-size: 16px;
	color: #337AB7;
}

.sch-list .announcer em{
	color: #337ab7;
        font-style: normal!important;
        font-size: 0.90em;
}

.sch-reference{
	display: block;
	text-transform: uppercase;
	margin: 20px 0px 5px 0px;
	font-size: 1.0em;
	color: #777;
	border-bottom: 1px solid #efefef;
}

.chairmen{
	font-size: 16px;
	color: #333;
}

.eposter_lnk{
	margin-left:	20px;
}

.reference{
	text-transform: uppercase;
	border-bottom: 1px solid #efefef;
	color: #777;
	margin: 0px 0px 20px 0px;
}


h3.popup_program{
	border-bottom: 1px solid #efefef;
	padding: 0px 0px 20px 0px;
	font-size: 20px!important;
}

button.playvideo {
	margin: 10px 0px 10px;
}

.sch-reference .btn i,
.playvideo i {
	margin-right: 6px;
}

p.help {
	font-size: 0.9em;
	padding: 8px 14px;
	margin: 10px 0px 0px;
	background: #dee2e6;
	font-style: italic;
}

#messages {
	background: #fff;
	height: calc(100% - 102px);
	padding: 1rem;
	overflow: scroll;
	position: absolute;
	top: 20px;
	left: 320px;
	width: calc(100% - 340px);
	text-align: left;
}

#messages .msg {
	background: #e9ecef;
	padding: 1rem 1rem 70px 1rem;
	margin-bottom: 1rem;
	position: relative;
}

#messages .msg .btn-toolbar {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
}

#messages p {
	width: calc(100% - 280px);
}

#messages .msg .b {
	font-weight: 700;
}

#messages .msg .d {
	font-weight: bold;
	color: #6c757d;
	cursor: default;
}

#messages .msg .u {
	font-weight: 900;
	color: #b41d1e;
}

#connexions {
	position: absolute;
	top: 140px;
	left: 0;
	width: 320px;
	text-align: center;
	color: #fff;
}

#connexions i {
	margin-right: 0.8rem;
}

#pip_player_container {
	width: 280px;
	height: 158px;
	position: absolute;
	top: 200px;
	left: 20px;
}

#bg_pip {
	position: absolute;
	top: 20px;
	left: 0;
	width: 320px;
	height: calc(100% - 102px);
	opacity: .75;
}

.swal2-content {
	padding: 0 0.6em!important;
}

.swal2-container div.motion {
	padding: 2rem 0;
}

.poll {
	width: 240px;
	position: absolute;
	right: 1rem;
	line-height: 40px;
	height: 40px;
}

.poll.p1 {
	top: 0;
}

.poll.p0 {
	top: 42px;
}

.poll.p2 {
	top: 84px;
}

.poll span {
	display: inline-block;
}

.poll span:first-child {
	background: #6c757d;
	color: #fff;
	font-weight: 400;
	width: 160px;
	text-align: center;
}

.poll span:last-child {
	font-size: 1.6rem;
	vertical-align: middle;
	text-align: right;
	width: 80px;
	font-weight: 700;
	color: #b41d1e;
}






.form-signin {
        width: 100%;
        padding: 20px 0px;
        margin: 0 auto;
	text-align: left;
}

.form-signin h2 {
	font-size: 1.6rem;
}

@media (max-width: 600px){
	.form-signin {
	        width: 100%;
	        /*max-width: 330px;*/
	        padding: 20px 0px;
	        margin: 0 auto;
		text-align: left;
	}
	
	.form-signin h2 {
		font-size: 1.3rem;
	}
}


label {
	font-size: 14px;
	font-weight: 700;
}

span.required {
	color: red;
}

.swal2-container {
	z-index: 1060000!important;
}

.hidden {
	display:none!important;
}

.marquee {
	position: fixed;
	bottom: 63px;
	left: 0px;
	height: 28px;
	width: 100%;
	background: #223866;
	line-height: 28px;
	color: #fff;
}

.sidr ul li span {
	display: inline-block;
}



/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
	width: 260px;
	position: fixed;
	top: 0;
	left: -260px;
	height: 100vh;
	z-index: 99999;
	font-size: 15px;
	color: #fff;
	transition: all 0.3s;
	overflow-y: scroll;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebar.active {
	left: 0;
}

#dismiss {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color:#fff;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.overlay {
	display: none;
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 99998;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}
.overlay.active {
	display: block;
	opacity: 1;
}

#sidebar .sidebar-header {
	padding: 20px;
	background: #6d7fcc;
}

#sidebar ul.components {
	padding: 54px 0 0;
}

#sidebar ul p {
	color: #fff;
	padding: 10px;
}

#sidebar ul li a {
	padding: 10px;
	display: block;
	color: #fff;
}

#sidebar ul li a:hover {
/*	background: #fff;*/
	text-decoration: none;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
	color: #fff;
}

#sidebar a[data-toggle="collapse"] {
	position: relative;
}

#sidebar .dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

#sidebar ul ul a {
	font-size: 0.9em !important;
	padding-left: 30px !important;
}

#sidebar ul.CTAs {
	padding: 20px;
}

#sidebar ul.CTAs a {
	text-align: center;
	font-size: 0.9em !important;
	display: block;
	border-radius: 5px;
	margin-bottom: 5px;
}

#sidebar a.download {
	background: #fff;
	color: #7386D5;
}


.iradio_square-blue,
.icheckbox_square-blue
{
	margin-right:	6px;
}

a.forgottenpass
{
	font-size:	0.75em;
	font-style:	italic;
	text-decoration:none;
}



.home .link01, .home .link02 {
	position: absolute;
}

.home .link01 {
	top: calc(25% - 40px);
	left: calc(80% - 40px);
}

.home .link02 {
	top: calc(25% - 40px);
	left: calc(80% - 40px);
}



/*** ZOOM ***/
.root-inner, .meeting-client, .meeting-client-inner {
	height: calc(100% - 62px)!important;
}

.meeting-info-container {
	display:none!important;
}

#wc-container-right .ReactVirtualized__Grid {
	height: calc(100vh - 210px)!important;
}


.fancybox-slide.fancybox-slide--pdf {
	padding: 0!important;
}

.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    width  : 90%;
    height : calc(100% - 102px);
    max-width  : 90%;
    max-height : calc(100% - 102px);
    margin: 0;
}




#logo-bar {
	display: none;
	position: absolute;
	bottom: 100px;
	left: 0;
	width: 36vw;
	background: #fff;
	padding: 1rem;
	border-radius: 0 24px 24px 0;
	-webkit-box-shadow: 4px 7px 4px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 4px 7px 4px 0px rgba(0,0,0,0.5);
	box-shadow: 4px 7px 4px 0px rgba(0,0,0,0.5);
}

#logo-bar img {
	width: 100%;
}



#profil {
	position: fixed;
	z-index: 999999;
	background: #fff;
	top: 140px;
	left: calc(50% - 235px);
	width: 470px;
	height: calc(100vh - 290px);
	border-top: 7px solid #fdc73d;
	-webkit-box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.5);
	box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.5);
	border-radius: 24px;
	padding: 2rem 0;
}

#profil .inner {
	padding: 3rem;
	height: 100%;
	overflow: scroll;
	line-height: initial!important;
}

#profil h1 {
	color: #d82d42;
	text-align:center;
	margin-bottom: 2rem;
	font-size: 2rem;
}

#profil .interlocuteur {
	text-align:center;
	color: #d82d42;
	margin-bottom: 1rem;
}

#profil .portrait {
	text-align: center;
}

#profil .portrait img {
	border-radius: 50%;
	width: 200px;
	height: 200px;
}

#profil img.logo {
	max-width: 280px;
	margin-bottom: 3rem;
	width: 100%;
}

#profil .adresse {
	font-weight: 600;
	font-size: 1.1em;
	text-align: center;
	margin-bottom: 3rem;
}

#profil .adresse a {
	color: #d82d42!important;
	overflow-wrap: break-word;
}

#profil .descriptif {
	font-weight: 100;
	text-align: justify;
}

#profil .godown {
	text-align:center;
	margin:2rem 0;
}

.btn-price, .btn-price:hover {
	border: 1px solid #d82d42;
	color: #fdc73d;
	background: #d82d42;
	cursor: default!important;
}


#profil .btn-close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fdc73d;
	border-color: #fff;
}








/*** CATALOGUE ***/
.catalog {
	padding: 1.5rem;
	background-color: #d82e42;
	min-height: 100vh;
}

.catalog .article {
	display: block;
	float: left;
        margin: 1rem;
	padding: 0;
	width: calc(200px + 2rem);
	background: none;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 12px;
}

.catalog .article:hover {
	text-decoration:none;
}

.catalog:after {
	display:block;
	clear:both;
	content:'';
}

.catalog .article .photo {
	width: 200px;
	height: 200px;
	margin: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
}

.catalog .article .photo img {
	max-width: 100%;
	max-height: 100%;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.3);
}

.catalog .article .designation {
	text-align: center;
	height: 56px;
	font-size: 0.85rem;
	padding: 0 1rem;
}

.catalog .article .prix_unitaire {
	text-align: center;
	padding: 0.3rem;
	font-size: 0.85rem;
	font-weight: 700;
	border-top: 1px solid #fff;
	color: #fdc300;
}

.detail_article {
	height: 100vh;
}

.detail_article .col-12 {
	height: 100%;
}

.detail_article .descriptif {
	overflow: scroll;
	background-color: #d82e42;
}

.detail_article .descriptif .inner {
	padding: 0.7rem;
	color: #fff;
}

.detail_article .descriptif h3 {
	margin-top: 0;
	margin-bottom: 2rem;
	margin-top: 2rem;
	color:#fff;
}

.detail_article .caracteristiques {
	font-size: 0.85em;
	margin-top: 3rem;
	line-height: 1.2;
}

.detail_article .descriptif .prix_unitaire {
	font-weight: 700;
	color: #fdc300;
	background: #d82d42;
	display: inline-block;
	padding: 0.2rem 1rem;
}

.detail_article .photo {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #d82d42;
}

.detail_article .photo img {
	max-width: 100%;
	max-height: 100%;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.3);
}


@media screen and (max-width: 425px) {
	.catalog .article {
	        display: block;
	        float: left;
	        margin: 1rem;
	        padding: 0;
	        width: calc(100% - 2rem);
	        background: #d82d42;
	        color: #fff;
	}
	
	.catalog {
	        padding: 2rem 0rem;
	}
	
	.catalog .article .photo {
	        width: calc(100% - 2rem);
	        height: 200px;
	        margin: 1rem;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	}
}

@media screen and (max-width: 575px) {
	.detail_article {
	        height: auto;
	}
}

.fancybox-button.previous {
	position: fixed;
	top: 0;
	right: 45px;
	display: block;
	padding: 10px 16px;
}

.fancybox-button.previous:hover {
	color: #fff;
}


ul.desc_stand {
	padding: 0!important;
}

ul.desc_stand li {
	list-style: none!important;
}

ul.desc_stand li i.fas {
	background: #283583;
	border-radius: 5rem;
	color: #fff;
	font-size: 1.3rem;
	line-height: 50px;
	width: 50px;
	text-align: center;
	margin-right: 1rem;
}






/*** VERSION MOBILE ***/
.mobile-only {
	display: none;
}

@media (max-width: 768px) {
	.wrapper.home,
	.wrapper.home.lang_fr,
	.wrapper.home.lang_en {
		background-image: none;
		background-color: #d82e42;
	}
	
	#shippers {
		display: none;
	}
	
	footer {
		display: none;
	}
	
	.mobile-only {
		display: initial;
	}
	
	.desktop-only {
		display: none;
	}
	
	.mobile-only .header img {
		width: 100%;
		height: auto;
	}
	
	.wrapper {
		height: auto;
	}
	
	.wrapper.stand .content {
		height: 100vh;
		line-height: 100vh;
	}
	
	.wrapper.stand.hall-chabaud {
		background: #d82d42;
	}
	
	.wrapper.stand.hall-baroncelli {
		background: #fdc73d;
	}
	
	.wrapper.stand.hall-mistral {
		background: #92ccce;
	}
	
	.wrapper.stand.hall-van-gogh {
		background: #049f85;
	}
	
	.wrapper.expo {
		background-color: #d82e42;
	}

	.l-shipper, 
	.r-shipper {
		position: relative;
		display: block;
		top: auto;
		left: auto;
		right: auto;
		width: 400px;
		max-width: 80vw;
		margin: 0 auto 2rem;
		font-size: 1em;
		font-weight: 200;
	}
	
	.l-shipper:last-child, 
	.r-shipper:last-child {
		margin-bottom: 5rem;
	}
	
	.l-shipper div, 
	.r-shipper div {
		text-align: center;
		padding: 24px 0px;
	}
	
	.l-shipper div .fas, 
	.r-shipper div .fas {
		display: none;
		margin: 0;
	}
	
	.l-shipper div span, 
	.r-shipper div span {
		right: auto;
		left: calc(50% - 75px);
		width: 150px;
		text-align: center;
		top: -6px;
	}
	
	#menu-top {
		text-align: center;
		color: #fff;
		font-size: 1.5rem;
		margin: -20px 0 20px;
	}
	
	#menu-top h1 {
		font-size: 2.5rem;
		font-weight: 700;
	}
	
	.body .logos {
		width: min(80vw,100vh);
		max-width: 512px;
		margin: 0 auto 3rem;
	}
	
	.body .logos .logo {
		display: block;
		margin: 1rem 0;
		padding: 1rem;
		border-radius: 24px;
		-webkit-box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.5);
		box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.5);
	}
	
	#left-side-menu {
		position: fixed;
		top: 60px;
		left: 0;
		width: 52px;
		line-height: initial;
		z-index: 9999;
	}
	
	#right-side-menu {
		position: fixed;
		top: 60px;
		right: 0;
		width: 52px;
		line-height: initial;
		z-index: 9999;
	}
	
	#left-side-menu .btn {
		border: none;
		border-radius: 0 16px 16px 0;
		margin-bottom: 0.6rem;
	}
	
	#right-side-menu .btn {
		border: none;
		border-radius: 16px 0 0 16px;
		margin-bottom: 0.6rem;
	}
	
	.footer {
		width: 80vw;
		margin: 8rem auto 3rem;
		border-radius: 24px;
		padding: 1rem;
		background: #fff;
		-webkit-box-shadow: 4px 7px 4px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 4px 7px 4px 0px rgba(0,0,0,0.5);
		box-shadow: 4px 7px 4px 0px rgba(0,0,0,0.5);
	}
	
	.logo {
		background: #fff;
	}
	
	.stand .image-map-container img {
		width: auto;
		max-width: 100%;
		max-height: 100vh;
	}
	
	#profil {
		top: 10vh;
		left: 5%;
		width: 90%;
		height: 80vh;
		border-top: 7px solid #fdc73d;
		-webkit-box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.5);
		box-shadow: 10px 10px 14px 0px rgba(0,0,0,0.5);
		border-radius: 24px;
		padding: 2rem 0;
	}
	
	.fancybox-slide--pdf .fancybox-content,
	.fancybox-slide--iframe .fancybox-content {
	    width  : 100%;
	    height : 100%;
	    max-width  : 100%;
	    max-height : 100%;
	    margin: 0;
	}
	
	.fancybox-slide {
		padding: 0!important;
	}
	
	.table.panier thead {
		display: none;
	}
	
	.table.panier td, .table.panier th {
		padding: 0.75rem 0.1rem;
		font-size: 0.85em;
	}
	
	td.amount, th.amount{
		width:	100px;
	}
	
	.iframe_content {
		padding: 60px 10px;
	}
	
	
	ul.stepper li .step-title {
		padding: 1.5rem 0rem 1.5rem 0;
	}
	
	.stepper-vertical li.completed .step-title .label {
		font-size: 1.4rem;
	}
}