html,
body {
  height: 100%;
}

::-webkit-scrollbar {
  display: none;
}

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

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

.wrapper.home.lang_en {
  background-image: url("https://aoscongres.sirv.com/jap/2022/home_back.jpg?v=20220323");
  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/jap/2022/live_back_tne.jpg?v=20220426");
  background-position-x: 50%;
  background-position-y: 50%;
}

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

.wrapper.expo.academies,
.wrapper.expo.partenaires,
.wrapper.expo.projets {
  background: #15aebf;
}

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

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

.wrapper.stand {
  background: #5b5b5b;
  overflow: scroll;
}

.wrapper.stand.partenaire-stand-tne,
.wrapper.stand.partenaire-stand-canope,
.wrapper.stand.partenaire-stand-mgen,
.wrapper.stand.partenaire-stand-maif,
.wrapper.stand.academie-academie-aix-marseille,
.wrapper.stand.academie-academie-nice,
.wrapper.stand.academie-academie-corse,
.wrapper.stand.academie-academie-montpellier {
  background: #747474;
}

.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/jap/2022/atelier_back.jpg");
  background-position-x: 50%;
  overflow: scroll;
}

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

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

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

.wrapper.live .content {
  height: 100%;
  width: calc(100% - 540px);
  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: #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%;
  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: 0.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: 1rem;
  font-weight: 800;
  padding: 3vh;
}

.replay .thumbnail div strong {
  font-size: 1rem;
  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: 0.375rem 0.75rem;
  border: 1px solid #2d86a3;
  vertical-align: middle;
  display: inline-block;
  border-radius: 0.25rem 0 0 0.25rem;
}

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

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

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

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

.right {
  float: right;
}

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

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

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

#kakemono_left {
  width: 250px;
  height: calc(100% - 102px);
  position: absolute;
  padding: 0;
  top: 20px;
  left: 0px;
  background: #ee6948; /*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: 250px;
  height: calc(100% - 102px);
  position: absolute;
  padding: 0;
  top: 20px;
  right: 0px;
  background: #ee6948; /*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: #0d356b;
}

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

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

#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;
  }

  #edito-artist {
    font-size: 40px;
  }
}

.l-shipper,
.r-shipper {
  position: fixed;
  display: none;
  width: 350px;
  color: #fff;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 100;
  -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);
}

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

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

.floor-1 {
  top: 20px;
}

.floor-2 {
  top: 110px;
}

.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.floor-1 {
  background-color: #ed6947 !important;
}

.l-shipper.floor-1 span {
  color: #ed6947 !important;
}

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

.r-shipper div {
  padding: 20px 0px 20px 20px;
  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.8em;
  vertical-align: middle;
  /* margin-top: -5px; */
  /* margin-left: 5px; */
  background: #fff;
  color: #04adbe;
  font-weight: 700;
  padding: 0 10px;
  bottom: -9px;
}

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

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

.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 #003680;*/
  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:#003680;*/
  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: 0.9;
  /*border-top: 8px solid #003680;*/
  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 #003680;
  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: 0.9;
  border-top: 8px solid #003680;
  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% - 540px);
  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: #003680;
}

.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: #003680;
}

.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: #003680;
  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: 340px;
    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: 340px;
    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: 290px;
    font-size: 0.9em;
    font-weight: 200;
  }

  .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: 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: 240px;
    font-size: 0.9em;
    font-weight: 200;
  }
}

@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 0.25rem 0.25rem;
    font-size: 0.8rem;
  }
}

@media only screen and (max-width: 768px) {
  .l-shipper,
  .r-shipper {
    width: 240px;
    font-size: 0.85em;
    font-weight: 400;
  }

  .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%;
}

footer .bg {
  position: fixed;
  bottom: 0;
  height: 62px;
  background: #003680;
  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-left: 1rem;
  position: fixed;
}

#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: 1499px) {
  #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: #003680;
  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: #0a284e;
  color: #fff;
  border-color: white;
}

.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;
}

#toolbar .spinner-border {
  margin: 0 7px 3px 0px;
}

#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: 0.5;
}
/* 
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--pdf .fancybox-content {
  max-width: 1140px;
  width: 80%;
  max-height: 80%;
  margin: 0 auto;
} */

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

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

.fancybox-close-small:hover {
  background: #003680;
  color: white;
}

.iframe_content {
  padding: 60px 0px;
}

.iframe_content_no_padding {
  padding: 0px;
}

ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: " ";
  background: #003680;
  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 #003680;
  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 #003680;
}

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

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

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

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

h2 {
  color: #003680;
  text-transform: uppercase;
  font-weight: 200;
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

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

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

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

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

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

span.speaker {
  font-weight: 900;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 60px 0px;
  margin: 0 auto;
}

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

.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;
}

.expo .image-map-container img,
.hall .image-map-container img,
.reseau .image-map-container img {
  width: 100vw;
  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: #0d356b;
  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;
}

.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 #0d356b;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

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

.lds-ripple 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;
  }
}

/*** FORM ***/

fieldset {
  padding: 20px;
  margin: 0px 0px 30px 0px;
  border: none;
  border-bottom: 1px solid #003680;
  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: 0.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;
}

td.amount {
  padding: 5px;
  width: 130px;
  font-weight: bold;
  color: #003680;
  text-align: right;
}

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

@media (max-width: 767px) {
  td.amount,
  th.amount {
    width: 100px;
  }
}

/*
.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: 0.625rem;
  -webkit-transition: margin-bottom 0.4s;
  -o-transition: margin-bottom 0.4s;
  transition: margin-bottom 0.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: 0.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~="gte"] {
  background-color: #0d356b;
  color: #fff;
}

.tippy-box[data-theme~="gte"] .tippy-arrow {
  width: 16px;
  height: 16px;
  color: #0d356b;
}

.tippy-box p {
  margin: 0.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.9em;
}

.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: 12pt;
  color: #fff !important;
  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: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.9em;
}

.sch-reference {
  display: block;
  /*text-transform: uppercase;*/
  margin: 0px 0px 5px 0px;
  font-size: 1em;
  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-left: 20px;
}

.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: #0d356b;
}

#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: 0.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: #0d356b;
}

.form-signin {
  width: 100%;
  padding: 40px 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;
}

.hidden {
  display: none;
}

.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;
}

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

/* ---------------------------------------------------
    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;
}

#dismiss:hover {
  background: #fff;
}

.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;
}

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

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

#sidebar ul li a:hover {
  background: #003a80;
  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;
}

#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;
}

.webinar-client-inner {
  height: 100% !important;
}

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

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

.gallery-video-container__main-view {
  margin-top: 0px !important;
}

.gallery-video-container__video-frame {
  height: calc(100% - 72px) !important;
  /*	transform: translateY(calc(-100% - 72px))!important;*/
  /*	transform: translate(-3px, calc(-100% - 72px))!important;*/
}

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

.wrapper.expo {
  background: #918e8f;
  overflow: scroll;
}

.image-map-container {
  position: relative;
  text-align: center;
  height: 100vh;
  vertical-align: middle;
  overflow: hidden;
  background-color: #003680;
}

.image-map-container img {
  height: 100%;
  vertical-align: middle;
  border-style: none;
  object-fit: cover;
}

#desktop-image-map-container img,
#portrait-image-map-container img {
  width: 100%;
  height: 100vh;
  max-height: 100%;
}

#welcome-container {
  position: absolute;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#image1 {
  width: 100%;
  height: 100vh;
  max-height: 100%;
  object-fit: cover;
  object-position: center center; /* Ajustez ceci en fonction de vos besoins */
  position: absolute;
  top: 0;
  left: 0;
}
.underlist-unstyled.components {
  list-style: none;
  padding-left: 0px !important;
}

#title {
  font-size: 50px;
  text-align: center;
  color: white;
  font-weight: 800;
  padding: 20%;
}

#enter-btn {
  width: auto;
  position: absolute;
  display: flex;
  align-items: center;
  padding: 15px 30px;
  font-size: 30px;
  background-color: white;
  color: #003680;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  z-index: 4;
  box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
  letter-spacing: 2px;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}

#enter-btn:hover {
  background-color: #003a80;
  color: white;
}

.static-image,
.stretch-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.static-image {
  height: 50%;
}

.dropdown-toggle {
  background-color: transparent;
}

.dropdown-menu {
  background-color: transparent;
  border: none;
}

.dropdown-menu.show {
  padding: 6px;
  align-items: left;
}

.dropdown-menu.show li {
  width: 10px;
}

/* .language-picker-select {
  padding: 10px;
  cursor: pointer;
} */

/* .language-picker-select img:hover {
  border: 2px solid white;
  border-radius: 50%;
} */

#welcomeLanguageDropdown {
  position: absolute;
  z-index: 30;
  display: flex;
  align-items: center;
  top: 10%;
  left: 80%;
  transform: translateX(-50%);
  width: auto;
}

#responsiveLanguageDropdown {
  border: none;
  padding: 10px;
}
#responsiveLanguageSelect {
  top: -50px !important;
  left: 30px !important;
}

#footerLanguageSelect {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  left: 0px !important;
}

#footerLanguageDropdown {
  position: relative;
  display: inline-block;
}

#footerLanguageSelect {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
}

#edito-artist {
  align-content: center;
  flex-direction: column;
}

.edito-artist-title{
  padding-top: 20px !important;
}

.edito-artist-quote {
  font-size: 15px;
  font-style: italic;
  padding: 15px;
  margin: 10px 0;
  border-left: 5px solid #3498db;
  background-color: #f2f2f2;
}

.edito-artist-quote q {
  font-size: 1.5em;
  color: #333;
}

.edito-artist-quote cite {
  display: block;
  margin-top: 10px;
  font-size: 0.8em;
  color: #777;
}

.images-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 20px;
}

.images-container img {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 10px;
  transition: transform 0.2s;
}

.images-container img:hover {
  transform: scale(1.1);
}

#edito-pureocean img {
  max-width: 48% !important;
  margin-top: 0px !important;
  padding: 25px;
}

.quiz-card {
  position: absolute;
  height: 90vh !important;
  top: 2%;
  left: 15%;
  width: 70vw;
  display: none;
  display: flex;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 999;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.9);
}

#quiz-options {
  padding: 0;
}

#quiz-question {
  padding-left: 50px;
  padding-right: 50px;
  font-size: 45px;
}

#quiz-options li {
  list-style: none;
}
#quiz-options label {
  padding: 10px;
  font-size: 30px;
}
#submit-quiz {
  font-size: 20px;
}

#error-message-container {
  padding: 20px;
}

#quiz-result {
  padding-top: 15px;
}

.fancybox-content {
  width: 70vw !important;
  border-radius: 5px;
  cursor: default !important;
  background-color: #F1F3F4 !important;
}

#zoomed-content {
  height: 90vh !important;
  top: -3% !important;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: scroll;
}

#zoomed-content::-webkit-scrollbar {
  display: none;
}

#zoomed-image {
  border-radius: 5px;
  max-height: 85%;
  animation: backInDown;
  animation-duration: 2s;
}

#zoomed-audio-content {
  border-radius: 5px;
}

.image-description {
  text-align: justify;
}

.image-description p{
  font-size: 16px;
  padding-top: 20px;
  margin-bottom: 0;
  line-height: 1.4;
  text-align: center;
  color: #003680;
}

@media (max-width: 1080px) {
  #title {
    position: absolute;
    font-size: 50px;
    width: 100%;
    color: white;
    padding: 50px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  /* .language-picker-select {
    cursor: pointer;
    display: inline-block;
    margin: 0 10px;
    padding-left: 10px;
  } */
  #edito-fondation,
  #edito-artist,
  #photographer-section,
  #edito-pureocean {
    height: auto !important;
    padding: 20px;
    font-size: 20px;
    text-align: justify;
  }

  .photographer-title,
  .edito-pureocean-title,
  .edito-artist-title,
  .edito-fondation-title,
  .photographer-subtitle {
    padding-top: 30px;
    text-align: left;
  }

  #edito-pureocean img {
    max-width: 100% !important;
    margin: 0px !important;
    padding: 0 0 20px !important;
  }

  #quiz-card {
    top: 5% !important;
    height: 85vh !important;
    left: 2.4% !important;
    width: 95vw;
  }

  #zoomed-content,
  #edito-fondation,
  #edito-artist,
  #photographer-section,
  #edito-pureocean {
    height: 85vh !important;
    top: -2.4% !important;
    width: 95vw !important;
  }

  #zoomed-image {
    max-width: 95%;
  }

  #quiz-question {
    font-size: 55px;
  }

  #quiz-options label,
  #quiz-result {
    padding: 10px;
    font-size: 30px;
  }

  #quiz-result {
    margin-top: 20px;
  }

  #submit-quiz {
    font-size: 20px;
    width: 15%;
  }
}

@media (max-width: 768px) {
  #enter-btn {
    font-size: 15px;
  }
  #title {
    font-size: 20px;
  }

  #edito-fondation,
  #edito-artist,
  #photographer-section,
  #edito-pureocean {
    font-size: 15px;
    padding: 15px !important;
  }

  #audio-btns-container {
    gap: 0px !important;
    font-size: 26;
    font-weight: bold;
  }

  #quiz-card {
    top: 3% !important;
    height: 95vh !important;
  }

  #zoomed-content {
    top: 0 !important;
    height: 95vh !important;
  }

  #quiz-question {
    font-size: 20px;
  }

  #quiz-options label,
  #quiz-result {
    font-size: 15px;
  }

  #submit-quiz {
    font-size: 15px;
    width: auto;
  }

  #zoomed-image {
    max-width: 100% !important;
    padding-bottom: 7px;
  }

  .image-description,
  .image-description p {
    font-size: 15px;
    padding: 0;
  }
}