@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

option:hover,
option:focus,
option:active,
option:checked {
  background: linear-gradient(#fa0, #fa0);
}
a:link { 
	text-decoration: none; 
  } 
  a:visited { 
	text-decoration: none; 
  } 
  a:hover { 
	text-decoration: none; 
  } 
  a:active { 
	text-decoration: none; 
  }

.mynavbar {
	background-color: #465367 !important;
	border-top: 4px solid #fa0;
	padding: 1em 0;
	border-bottom: 10px solid #fff;
}
.mynavbar .navbar-nav .nav-item .nav-link {
		color: #fff !important;
		font-weight: bold !important;
}

.mynavbar .navbar3 {
	color: #fa0 !important;
	font-weight: bold !important;
}
.mynavbar .navbar-nav .nav-item .nav-link:focus,
.mynavbar .navbar-nav .nav-item .nav-link:hover {
  color: #fa0 !important;
}

.mynavbar .navbar-nav .nav-item .nav-link:focus,
.mynavbar .navbar-nav .nav-item .nav-link:active {
  color: #fa0 !important;
}
.navbar-nav .nav-item .nav-link.active {
	color:  #fa0 !important;
}
.rooms .room {
	background-color:  #465367 !important;
	color : #fff !important;
	border-left-style: solid ; 
	
	border: 1px solid #465367;
	border-right: 1px solid #fa0;
	font-weight: bold !important;
	height: 34px; 
	padding: 2px 7px;
}

.rooms .room:hover {
	color: #465367 !important;
	background-color: #fa0 !important;
}
.rooms .room:hover .edit {
    display: block !important;
}
.rooms .room .edit:hover {
	display: block ;
}

.rooms .selected {
	color: #fa0 !important;
	/*border-top: 2px solid #fa0; */
}
.card-body {
	padding:0 !important;
}
.pres_inprogress  {
	background-color:  #465367 !important;
	color : #fff !important;
	border-left-style: none ; 
	height: 34px; 
	padding: 2px 7px;
}

.session {
	background-color:  #465367 !important;
	color : #fff !important;

}
.presentation {
	color : #465367 !important;
	border-bottom: 1px solid #fa0;
}

._playing {
    display: none;
}

.theme_item:hover ._play {
    display: block !important;
}

.theme_item:hover._indexing ._play {
    display: none !important;
	background-color:  #fa0 !important;
}
.presentation._indexing  {
	background-color:  #fa0 !important;
}

.presentation:hover {
	/*background-color : rgba(255, 170, 0, 0.80)!important; */
	border-top: 2px solid #fa0;
	border-bottom: 3px solid #fa0;
}
.presentation._indexing ._playing {
	color : #fa0 !important;
    display: block;
}
.presentation .indexed {
	opacity: 0.25;
    pointer-events: none;
}

.myfooter {
	background-color: #465367 !important;
	color : #fa0 !important; 
	/*padding: 1em 0; */
}

._link {
    color: white;
    transition: 0.5s;
    text-decoration: none;
}

._link:hover {
    color: #c0c0c0;
}


.containerp {
   min-height:600px;
}

#chat2 .form-control {
border-color: transparent;
}

#chat2 .form-control:focus {
border-color: transparent;
box-shadow: inset 0px 0px 0px 1px transparent;
}

.divider:after,
.divider:before {
content: "";
flex: 1;
height: 1px;
background: #eee;
}

.nav-pills .nav-item .nav-link {
	color: #fff;
	background-color: #465367 !important;
	height: 34px; 
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
  
.nav-pills .nav-item .nav-link.active {
	color: #fa0;
	font-weight: bold !important;
	background-color: #465367 !important;
	height: 34px; 
}
/* bouttons */
.btn-info {
	background-color: #fa0;
	font-weight: bold !important;
	color: #465367 !important;
}
.btn-info:hover {
	background-color: #fa0;
	font-weight: bold !important;
	color: #fff !important;
}
.form-control {
	color: #465367;
	border: 1px solid #465367;
}
.card {
	color: #465367;
	border: 1px solid #465367;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
  /* hr pour ne pas avoir d'espace en haut dans le live */
  hr.divider { 
	margin-top: 0em;
	border-width: 2px;
  } 
  hr.divider-b { 
	margin-bottom: 0em;
	border-width: 2px;
  } 

/* vignette videos lists*/  
.vignette_title {
	background-color: #465367;
	color: #fff !important;
	opacity: 0.85;
  }







  /*llh */
  .sponsorvert {
	position: relative;
float: left;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
  }



  @font-face {
	font-family: VistaSansOT;
	src: url("/media/Vista_Sans_OT.otf");
  }
  
  body {
	  font-family: "VistaSansOT", "Roboto", sans-serif !important;
  }
  
  .secondary_ {
	background-color: black;
	color: white;
  }
  
  .banner_ {
	background-color: #107cbc;
	color: white;
  }
  
  ._link {
	  color: white;
	  transition: 0.5s;
	  text-decoration: none;
  }
  
  
  ._link:hover {
	  color: #c0c0c0;
  }
  
  .hover-underline-animation {
	  position: relative;
	  color: white;
	  text-decoration: none;
	  width: min-content;
	  white-space: nowrap;
	  padding-top: 5px;
	}
	
	.hover-underline-animation:hover {
	  color: white;
	}
	
	.hover-underline-animation::before {
	  content: "";
	  position: absolute;
	  display: block;
	  width: 100%;
	  height: 1px;
	  bottom: 0;
	  left: 0;
	  background-color: white;
	  transform: scaleX(0);
	  transform-origin: top left;
	  transition: transform 0.3s ease;
	}
	
	.hover-underline-animation:hover::before {
	  transform: scaleX(1);
	}
  
  /* hover b */
  
	.hover-underline-animation-b {
	  position: relative;
	  color: black;
	  text-decoration: none;
	  width: min-content;
	  white-space: nowrap;
	  padding-top: 5px;
	}
	
	.hover-underline-animation-b:hover {
	  color: black;
	}
	
	.hover-underline-animation-b::before {
	  content: "";
	  position: absolute;
	  display: block;
	  width: 100%;
	  height: 1px;
	  bottom: 0;
	  left: 0;
	  background-color: black;
	  transform: scaleX(0);
	  transform-origin: top left;
	  transition: transform 0.3s ease;
	}
	
	.hover-underline-animation-b:hover::before {
	  transform: scaleX(1);
	}
  .parent-container:hover span {
	  color: linear-gradient(to right, #107cbc, white);
  }
  
  /* hover b */
  
  /* clears the ‘X’ from Internet Explorer */
  input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
  input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
  /* clears the ‘X’ from Chrome */
  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-results-button,
  input[type="search"]::-webkit-search-results-decoration { display: none; }
  
  
  .hover_image {
	white-space: nowrap;
	  width: min-content;
	  box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
		transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12) !important;
	cursor: pointer;
  }
  
  .hover_image:hover{
	transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  }
  
  .display_next:hover .next_ {
	opacity: 1;
	cursor: pointer;
	color: black;
  }
  
  
  
  .next_ {
	opacity: 0;
	pointer-events: none;
  }
  
  .black_link {
	color: black;
	text-decoration: none;
  }
  
  .media_icon .media_icon_content {
	opacity: 0;
	transition: all 0.2s ease !important;
	left: 0px;
	pointer-events: none;
	z-index: 199 !important;
	left: -1500px;
  }
  
  .media_icon {
	transition: all .2s ;
	z-index: 99 !important;
  }
  
  .media_icon:hover {
	background-color: #107cbc !important;
	cursor: pointer;
  }
  
  
  .media_icon:hover .media_icon_content {
	opacity: 1;
	left: -1525px;
  
  }
  
  .media_icon .media_icon_content_2 {
	opacity: 0;
	transition: all 0.2s ease !important;
	left: 0px;
	pointer-events: none;
	z-index: inherit;
	left: -1450px;
  }
  
  .media_icon:hover .media_icon_content_2 {
	opacity: 1;
	left: -1475px;
  
  }
  
  .hover01 img {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  -webkit-transition: .3s ease-in-out;
	  transition: .3s ease-in-out;
  }
  .hover01:hover img {
	  -webkit-transform: scale(1.3);
	  transform: scale(1.3);
  }
  
  .hover02 img {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  -webkit-transition: .3s ease-in-out;
	  transition: .3s ease-in-out;
  }
  .hover02:hover img {
	  -webkit-transform: scale(1.1);
	  transform: scale(1.1);
  }
  
  .hover01 .text_content {
	transition: all 0.2s ease !important;
  }
  
  .hover01:hover .text_content {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }
  
  .synthe {
	transition: all 0.2s ease !important;
	left: 0;
	bottom: 125px;
	z-index: 9;
	max-width: 400px;
  }
  
  .synthe_closed {
	width: 0px !important;
  }
  
  .display_none {
	opacity: 0;
  }
  
  .icon_button {
	transition: all 0.2s ease !important;
  }
  .icon_button:hover {
	cursor: pointer;
	transform: scale(1.1);
  }
  
  .unstyle_input {
	border: none;
	width: min-content;
	z-index: 99;
	background-color: transparent;
  }
  .unstyle_input:focus {
	outline: none;
	box-shadow: none;
	background-color: transparent;
  }
  
  .disable_scrollbar::-webkit-scrollbar {
	display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .disable_scrollbar {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
  }
  
  @media (max-width: 1900px) {
	.info_box {
	  display: none !important;
	}
  }
  
  @media (max-width: 1700px) {
	.info_bubble {
	  display: none !important;
	}
  }
  @media (min-width: 1700px) {
	.info_on_top {
	  display: none !important;
	}
  }
  
  .chapter_list {
	  background-color: #0D0D0D;
	  transition: all 0.2s ease !important;
	  cursor: pointer;
  }
  
  .chapter_list:hover {
	  background-color: #107cbc !important;
  }
  
  .caret_ {
	  opacity: 0;
	  transition: all 0.1s !important;
  }
  
  .chapter_list:hover .caret_ {
	  opacity: 1;
  }
  
  .chapter_list .show .caret_ {
	opacity: 1;
  }
  
  .mouse_hover {
	cursor: pointer;
	transition: all 0.2s ease !important;
  }
  
  .mouse_hover:hover {
	opacity: 0.75;
  }
  
  .disable_ {
	display: none !important;
  }
  
  .icon_button {
	transition: all 0.2s ease !important;
  }
  
  .icon_button:hover {
	cursor: pointer;
	transform: scale(1.1);
	opacity: 0.75;
  }