body {
	min-width:0;
	overflow-x:hidden;
}

#content {
	min-width:0;
}

#box_tetiere  {	
	position:relative;
	width: 100%!important;
}

#footer {
	width:auto !important; 
	min-width: 0; 
	margin:0; 
}

#box_mosaique_element .button-icon {
	width:36px;
	height:36px;
	background-size: 24px 24px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	border-radius:50%;
	padding:7px;
	opacity:1 !important;
	cursor:pointer;
}
	
#box_mosaique_element .button-icon:hover {
	background-color: rgba(255,255,255,0.8);
}
	
#box_mosaique_element .button-icon.BtInfoDoc {
	background-image:url(img/icon-document-sheet-white-128.png);
	background-size:22px 22px;
}
#box_mosaique_element .button-icon.BtInfoDoc:hover {
	background-image:url(img/icon-document-sheet-black-128.png);
}
	
#box_mosaique_element .button-icon.BtTelchgtDoc {
	background-size:32px 32px;
	background-image:url(img/icon-download-white.svg);
}
#box_mosaique_element .button-icon.BtTelchgtDoc:hover {
	background-image:url(img/icon-download-black.svg);
}

#box_mosaique_element .button-icon.BtGeoloc {
	background-size:36px 36px;
	background-image:url(img/appbar.globe_white.svg);
}
#box_mosaique_element .button-icon.BtGeoloc:hover {
	background-image:url(img/appbar.globe_black.svg);
}

#box_mosaique_element .button-icon.BtSelectDoc, #box_mosaique_element .button-icon.BtDeSelectDoc {
	background-size:28px 28px;
}
#box_mosaique_element .button-icon.BtSelectDoc {
	background-image:url(img/icon-cart-white-128.png);
}
#box_mosaique_element .button-icon.BtSelectDoc:hover {
	background-image:url(img/icon-cart-black-128.png);
}
#box_mosaique_element .button-icon.BtDeSelectDoc {
	background-image:url(img/icon-cart-checked-white-128.png);
}
#box_mosaique_element .button-icon.BtDeSelectDoc:hover {
	background-image:url(img/icon-cart-checked-black-128.png);
}

#box_mosaique_element .favorite-button-off, #box_mosaique_element .favorite-button-on {
	background-color: transparent;
	border-radius: none;
	border: 0;
	padding:0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	background-position:center center;
	margin-top:-12px;
	background-size:30px 30px;
	transition: none;
	width:32px;
	height:32px;
}
#box_mosaique_element .favorite-button-off {
	background-image:url(img/icon-fav-outline-white.svg);
}
#box_mosaique_element .favorite-button-off:hover {
	background-image:url(img/icon-fav-outline-black.svg);
}
#box_mosaique_element .favorite-button-on {
	background-image:url(img/icon-fav-white.svg);
}
#box_mosaique_element .favorite-button-on:hover {
	background-image:url(img/icon-fav-black.svg);
}

.thumbwrap {
	visibility: hidden;
}

.thumbwrap > a {
	display: block !important;	
	height:100%;
	cursor:pointer; 
}

.thumbwrap .thumbnail-control-bar {
	width: unset;
}

.thumbwrap img {
	width: 100% !important;
	height: auto !important;
	min-width: 0 !important; 				
	-webkit-box-shadow:none;
	box-shadow:none;  
	position: absolute;
}

.thumbwrap .display-box-caller {
	display:none;
}

.thumbwrap .markers-container {
	width: 100%;
	height: 100%;
	position: relative;
}

.thumbwrap .markers-container .marker {
	position: absolute;
	top: 5px;
	right: 5px;
	left: unset;
	bottom: unset;
	z-index:2;
}

.thumbwrap .markers-container .media-marker {
	position: absolute;
	margin:0;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	text-align:center;
}

.thumbwrap .markers-container .media-marker.topleft {
	top:5px;
	left:5px;
	transform:unset;
	text-align:left;
   	width:30px;
   	height:30px;
   	border-radius:100%;
   	background-color:rgba(0,0,0,0.4);
}

.thumbwrap .markers-container .media-marker.file-format.topleft {
	border-radius:0px;
   	height:16px;
   	width:unset;
}
.thumbwrap .markers-container  .media-marker.file-format.topleft p {
	position:absolute;
	background-color:rgba(0,0,0,0.4);
	top:2px;
	left:2px;
	margin:0px;
	padding:2px;
	border-radius:3px;
	line-height:16px;
	text-align:left;
   	font-size:16px;
}

.thumbwrap .markers-container .rating {
	position: absolute;
	margin:0;
	top:unset !important;
	left:unset !important;
}

.thumbwrap .markers-container .rating-container {
	display: block;
	padding: 2px;
	background-color: rgba(0,0,0,0.3);
	height:16px !important;
	position: absolute;
	bottom:5px;
	right:5px;
	left:unset;
	top:unset;
	width:unset;
	height:unset;
	border-radius:2px;
	z-index:2;
}

.thumbwrap .markers-container .star-rating-container {
	background-color:rgba(0,0,0,0.5);
	width: fit-content;
	display: inline-block;
}

.thumbwrap .markers-container .square-rating-container {
	background-color: transparent !important;
}

.thumbwrap .markers-container .star-rating {
	position:unset;
	height:16px !important;
	margin-top:2px;
	margin-right:2px;
	background-image:url(img/icon-star_white.png);
}

.thumbwrap .markers-container .square-rating {
	width:10px !important;
	height:10px !important;
	margin-top:6px;
	border:1px solid #fff;
}

.thumbwrap .markers-container .interv-rights-container {
	display: block;
	height:16px !important;
	position: absolute;
	bottom:5px;
	left:5px;
	border-radius:2px;
	z-index:2;
}

.thumbwrap .markers-container .interv-rights-container .interv-right {
	float: left;
	margin-right:5px;
}

.thumbwrap .preview-thumbnail-hover {
	display:none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.3);
}

.thumbwrap .preview-thumbnail-hover .caption {
	background: transparent;
	color:#fff;
	text-align:left; 
	font-size: 16px;
	overflow-x: hidden;
	overflow-y: auto;
}

.thumbwrap a.preview-thumbnail {
	position: relative;
	display:block;
}	

.thumbwrap .preview-thumbnail-hover .caption .box_visu_txt {
	color: #fff !important;
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 55px;
}

.thumbwrap .preview-thumbnail-hover .caption .box_visu_txt .main-field {
	font-size: 18px;
	font-weight: bold;
	margin-bottom:10px;
}

.thumbwrap .preview-thumbnail-hover .caption .box_visu_txt .extra-field {
	font-size: 14px;
}
.thumbwrap .preview-thumbnail-hover .caption .box_visu_txt .extra-field .field-label {
	font-weight: bold;
}

.thumbwrap .preview-thumbnail-hover .caption .box_visu_txt .link {
	cursor:pointer;
}
.thumbwrap .preview-thumbnail-hover .caption .box_visu_txt .link.tag {
	display:inline-block;
	border: 1px solid #fff;
	padding: 2px;
	margin:2px;
}
.thumbwrap .preview-thumbnail-hover .caption .box_visu_txt .link.tag:hover {
	background : #fff;
	color : #000;
}

/* icons at bottom of thumbnail */	
.thumbwrap .thumbnail-icons {
	position:absolute; 
	bottom: 0;
	height: 50px; 
	margin: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;	
	flex-wrap: nowrap;
}

.thumbwrap .thumbnail-icons-list { 
	position: absolute;
	bottom: 10px;
	height: 30px;
	padding:0;
    display: flex;
    flex-wrap: nowrap;
} 
	
.thumbwrap .thumbnail-icons-list li {
	display: inline-block;
	width:32px; height:32px;
	padding: 0;
	line-height: 1em;
	margin-top: -15px;
	margin-left:8px;
	margin-right:8px;
}

.thumbwrap .thumbnail-icons-list li div { 
	box-sizing: border-box;
}

.thumbwrap .thumbnail-icons-list li.BtSelectDoc {
	background:none !important;
}
.thumbwrap .thumbnail-icons-list li.BtTelchgtDoc {
	background:none !important;
	background-image:none !important;
}
.thumbwrap .thumbnail-icons-list li.BtInfoDoc {
	background:none !important;
	background-image:none !important;
}
.thumbwrap .thumbnail-icons-list li.BtSelectDoc {
	background:none !important;
	background-image:none !important;
}
.thumbwrap .thumbnail-icons-list li.BtDeSelectDoc {
	background:none !important;
	background-image:none !important;
}
.thumbwrap .thumbnail-icons-list li.BtGeoloc {
	background:none !important;
	background-image:none !important;
}

.thumbwrap .thumbnail-icons-list li.BtFreeOfRights,
.thumbwrap .thumbnail-icons-list li.BtAuthorization,
.thumbwrap .thumbnail-icons-list li.BtAuthorization,
.thumbwrap .thumbnail-icons-list li.BtSoonExpiration,
.thumbwrap .thumbnail-icons-list li.BtExpiration {
	margin-top:25px;
	height: 24px;
	width: 24px;
	background-size: 24px 24px;
	background-position: center center;
}
