#goAccordion,
#goDocument {
  display: none;
}

.persoToolbar li {
  margin-bottom: 10px;
}

@-moz-document url-prefix() {
  .persoToolbar li {
    margin-bottom: 11px;
  }
}

.notAvailableMsg {
  margin-top: 1%;
  font-size: 18px;
}

.accordion__panel[aria-hidden="false"] {
  /*overflow-y: auto!important;*/
  /* max-height: 315px!important; */
}

.accordionContent:not(#tdmContent):not(#ocrTextContent):not(#discoverContent):not(#enSavoirPlusContent):not(#commentsContent) {
  max-height: 305px;
}

#commentsContent {
	max-height: 130px;
}

#discoverContent {
  height: auto;
}

#tdmList{
  margin-left: -40px;
}

#visuPreviousPageButton,
#visuNextPageButton {
  position: absolute;
  background: transparent;
  border: none;
  font-size: 3.5em;
  font-weight: 100;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
  left: -50px;
}
#visuNextPageButton {
  right: 35px;
  left: auto;
}

#visuDocument p {
  height: 100%;
}

#visuDocument span.img-caption {
  display: none;
}

#visuDocument figcaption.img-caption {
  display: none;
}

#visuDocument.StyleSimplePage {
  height: 100% !important;
}

#visuDocument.StyleSimplePage p.text-caption {
  /*height: 39.2px !important;
	max-height : 39.2px;$font-size*$line-height*$lines-to-show */
  margin-left: auto;
  margin-right: auto;
  max-width: 60%;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: block;
  display: -webkit-box;
  word-break: keep-all;
}

.more-text-caption {
  float: right;
  position: relative;
  top: -28px;
  right: 18.5%;
  border: none;
  background-color: transparent;
  width: 14px;
  height: 14px;
  padding: 0;
}

#visuDocument.StyleSimplePage .text-caption.collapse {
  /* max-height : 39.2px !important; */
  height: 39.2px !important;
  visibility: visible;
}
#visuDocument.StyleSimplePage .text-caption.collapsing {
  min-height: 39.2px !important;
  /* height : 39.2px !important; */
}

#visuDocument.StyleSimplePage .text-caption.collapse.in {
  overflow: initial;
  height: auto !important;
  text-overflow: initial;
  -webkit-line-clamp: initial;
  max-height: none !important;
}

#visuDocument.StyleMosaiquePage {
  padding-right: 0px;
}

#visuUtilsBar {
  height: 362px;
  z-index: 999;
}

#visuUtilsBar a.tool-panel:hover:after {
  /*content: attr(aria-label);*/
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  z-index: 1;
  padding: 4px 7px;
  border-radius: 4px;
  font-size: 1.05rem;
  line-height: 1.1em;
}

/* styles pour les documents videos */
#videoArea {
  height: 77vh !important;
  display: initial;
}

.igui_image{
	background-position: 50% 50% !important;
	background-size: contain !important;
	background-color: #000 !important;
	height: 100% !important;
	display: inline-block !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.ig-container {
	width: 100%;
	height: 100%;
	padding-top: 46.25% !important;
}

.igui_timestat {
	padding-left: 70px;	
}
.ig-player {
	width: 100%;
	height: 100%;
}

.pageIndisponibleContent {
  padding-left: 1%;
  padding-right: 1%;
  width: 55%;
  margin-left: 22.5%;
}
#visuDocument.StyleSimplePage .pageIndisponibleContent,
#visuDocument.StyleVerticalPage .pageIndisponibleContent {
  font-size: 18px;
  padding-top: 22%;
  padding-bottom: 22%;
  line-height: 40px;
  margin-top: 4%;
}
#visuDocument.StyleDoublePage .pageIndisponibleContent {
  font-size: 18px;
  padding-top: 22%;
  padding-bottom: 22%;
  line-height: 40px;
  margin-top: 15%;
}

#calendarDiv .mCSB_inside > .mCSB_container {
  margin-right: 15px !important;
}

.main_container{
	display: flex;
}

#visuLeftPane{
	width: 25%;
}

#visuRightPane{
	width: 75%;
}

div.imgNeNum {
	padding-left:30%;
	width: 70%;
}

div.imgNeNum img.nenum{
	max-width: 70%;
}
	
ul.neNum{
	list-style: none;
	text-align: left;
}

.illustrationBloc .modal-content {
  margin: 7% auto;
  height: 82%;
  width: 75%;
}

#tarteaucitronAlertBig button:focus{
	border: 1px solid yellow;
}

/* styles pour les screens de 320px de largeur */
@media only screen and (max-width: 320px){
	main{
		overflow: initial!important;
	}
	#visuLeftPane, #visuRightPane{
		width: 100%!important;
	}
	#visuLeftPane{
		margin-top: 0!important;
	}
	.main_container{
		flex-direction: column-reverse;
		align-content: flex-start;
	}
	#visuUtilsBar{
		font-size: 1em!important;
	}
	.persoToolbar li{
		margin-bottom: 0;
	}
	.pager > li {
		font-size: 12px!important;
	}
	#visuAccordion{
		border: none!important;
	}
	#accordionBtn{
		display: none!important;
	}
	.tool-window{
		width: 260px!important;
		right: 27px!important;
		height: 88%!important;
		font-size: 13px!important;
	}
	.wrapperOngletToolbar, .wrapper_partage, .wrapper_telechargement{
		width: 240px!important;
	}
	.box_partage{
		margin-left: 0!important;
	}
}