/**
 * js_vision, css de base
 */
.jsvision_main_cnt
{
	border-spacing:0px;
}
.jsvision_cnt
{
	position:relative;
	cursor: pointer;
}
.jsvision_fullscreen .jsvision_cnt
{
	cursor: default;
}
.jsvision_details
{
	z-index:1; 
	position:absolute;
	left:0;	
	top:0;
	right:0;	
	bottom:0;
}

.jsvision_main_cnt
{
	position:relative;
}
.jsvision_thumbs_cnt
{
	position:relative;
	opacity:.75;
	-moz-opacity:.75;
	filter:alpha(opacity=75);
}
.jsvision_thumbs_cnt.current
{
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
.jsvision_thumbs_table
{
	margin-top: -5px; 
	height: calc(100% + 10px); 
	border-collapse: separate; 
	border-spacing: 5px;
}

.jsvision_thumbs_table.under
{
	margin-top: 0px;
	margin-left:-5px;	
	width: calc(100% + 10px);
}

.jsvision_thumbs
{
	position:absolute;
	left:0px;	
	top:0px;
	right:0px;	
	bottom:0px;
	cursor: pointer;
}
.jsvision_cover
{
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center; 
}
.jsvision_contain
{
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.jsvision_contain_auto .jsvision_contain
{
	background-size:auto;
}

/* Info box sur le détail d'une diapositive */
.jsvision_info_box
{
	z-index:20;
	background-color:#000;
	background: rgba(0, 0, 0, 0.5);	
	position:absolute;
	left:0px;
	bottom:0px;
	padding: 5px 10px 5px 10px;
}
.jsvision_info_box_title
{
	color: #fff;
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);	
}
.jsvision_info_box_desc
{
	color: #fafafa;
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);	
}
.jsvision_tag_1
{	
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-repeat: no-repeat;
	background-position: left 0px top 0px;
}
.jsvision_tag_2
{
	position:absolute;
	z-index:3;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-repeat: no-repeat;
	background-position: right 0px bottom 0px;
}
.jsvision_thumbs_previous
{
}
.jsvision_thumbs_next
{
}

.jsvision_thumbs_more
{
	/*
	background-image: url("../images/more.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	*/ 
	position:absolute;
	left:0px;	
	top:0px;
	right:0px;	
	bottom:0px;
	cursor: pointer;
	text-align:center;
	background-color:rgba(0,0,0,.1);
}
.jsvision_thumbs_more:after
{
	position:absolute;
	left:0px;	
	top:calc(50% - 22px);
	right:0px;
	
	font-family:FontAwesome;
	content:'\f067'; /* fa-plus */
	font-size: 44px;
	line-height: 100%;
	text-align:center;
}
.font_icons_fa6 .jsvision_thumbs_more:after
{
	content:'\2b';
}
/*  fa-plus xf067 */
/*  content:'\f065'; /* fa-expand */ */
/* fullscreen */
.jsvision_fullscreen
{
	box-sizing:border-box;
	margin:10px 0px -10px 0px;
	margin:0 auto;
}
.pageid_mod_jsvision_full.site_content
{
	background-color:rgba(0,0,0,.8);
	color:#FFF;
}
.pageid_mod_jsvision_full .site_content
{
	background-color:transparent;
	color:#FFF;
}

.jsvision_fullscreen_title
{
	min-height:46px;
	max-width:calc(100% - 100px);
}
.jsvision_fullscreen_title h3
{
	line-height:100%;
	padding: 14px 20px;
	font-size: 18px;
	text-align: left;
}

.jsvision_master_cnt
{
	margin:0 auto;
}

.jsvision_fullscreen_btn_close,
.jsvision_prev_slide_h, .jsvision_next_slide_h,
.jsvision_scroll_up, .jsvision_scroll_down,
.jsvision_bt_fullscreen
{
	cursor: pointer;
	font-family:FontAwesome;
	line-height: 100%;
	color:rgba(255,255,255,.9);
	text-shadow:0 0 2px #000;	
	transition: all 0.2s ease 0s;
}

.jsvision_fullscreen_btn_close:hover,
.jsvision_prev_slide_h:hover, .jsvision_next_slide_h:hover,
.jsvision_scroll_up:hover, .jsvision_scroll_down:hover,
.jsvision_bt_fullscreen:hover
{
	color:rgba(255,255,255,1);
	text-shadow:0 0 2px #000, 0 0 4px #000;
	transition: all 0.3s ease 0s;
}

.jsvision_bt_fullscreen
{
	display:none;
	position: absolute;
	top:0;
	right:0;
	z-index:15;
	width:32px;
	font-size: 32px;
	text-align:center;	
}
.jsvision_thumbs_side_left .jsvision_bt_fullscreen
{
	left:0;
	right:auto;
}
.jsvision_bt_fullscreen:after
{
	content:'\f065'; /* fa-expand */
}

.jsvision_fullscreen_btn_close
{
	position: absolute;
	top:6px;
	right:10px;
	z-index:10;
	pading:0 10px;
	/*background:url('../images/close.png') no-repeat right top;*/
	
	font-size: 32px;
	text-align:center;	
}
.jsvision_fullscreen_btn_close:after
{
	content:'\f00d'; /* fa-remove */
}

.jsvision_fullscreen_btn_thumbs
{
    cursor: pointer;
	position: absolute;
	top :2px;
	right:58px;
	height:38px;
	width:38px;
	cursor:pointer;
	z-index:10;
	/*
	background:url('../images/zoom.jpg') no-repeat right top;
	*/
}
.jsvision_fullscreen_btn_thumbs:after
{
	position:absolute;
	left:0px;	
	top:calc(50% - 19px);
	right:0px;
	
	font-family:FontAwesome;
	content:'\f00a'; /* fa-th f00a */
	font-size: 40px;
	line-height: 100%;
	text-align:center;
}


.jsvision_prev_slide_h, .jsvision_next_slide_h,
.jsvision_scroll_up, .jsvision_scroll_down
{
	display:none;
	position: absolute;
	z-index:15;
}

.jsvision_prev_slide_h, .jsvision_next_slide_h
{
	width:32px;
	top: calc(50% - 22px);
	font-size: 44px;
	text-align:center;
}

.jsvision_prev_slide_h
{
	/*
	background:url(../images/vision_prev.png);
	background-repeat: no-repeat;
	*/
	left:0px;
}
.jsvision_prev_slide_h:after
{
	content:'\f104'; /* fa-angle-left */	
}
.jsvision_prev_slide_h:hover
{
	/*background:url(../images/vision_prevo.png);
	background-repeat: no-repeat;*/
}

.jsvision_next_slide_h
{
	/*background:url(../images/vision_next.png);
	background-repeat: no-repeat;*/	
	right:0px;
}
.jsvision_next_slide_h:after
{
	content:'\f105'; /* fa-angle-right */	
}
.jsvision_next_slide_h:hover
{
	/*background:url(../images/vision_nexto.png);
	background-repeat: no-repeat;*/
}

.jsvision_scroll_up, .jsvision_scroll_down
{
	left:48%;
	padding:0 30px;
	vertical-align:middle;
	font-size: 40px;
}
.jsvision_scroll_up
{
	/*top:-10px;*/
	/*background:url(../images/vision_up.png);
	background-repeat: no-repeat;*/
}
.jsvision_scroll_up:after
{
	content:'\f106'; /* fa-angle-up */	
}
.jsvision_scroll_up:hover
{
	/*background:url(../images/vision_upo.png);
	background-repeat: no-repeat;*/
}
.jsvision_scroll_down
{
	/*bottom:-10px;*/
	/*background:url(../images/vision_down.png);
	background-repeat: no-repeat;*/
}
.jsvision_scroll_down:after
{
	content:'\f107'; /* fa-angle-down */	
}
.jsvision_scroll_down:hover
{
	/*background:url(../images/vision_downo.png);
	background-repeat: no-repeat;*/
}


.jvision_ss-ct
{
	display:table-cell;
	vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.jsvision_thumbs_full
{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	/*bottom:0px;*/
	background-color:rgba(0,0,0,.9);
	color:#FFF;
	z-index:50;
	overflow:auto;
}

/************************** OLD VIEWER  */





.mod_jssv_viewer div
{
	border:none;
}

.jssv_viewer_content
{
	/*background-color:#fff;*/
	position:absolute; 
	overflow:hidden;
}

.jssv_box_title
{
	z-index:20;
	background-color:#000;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;
	position:absolute;
	left:30px;
	top:20px;
}
.jssv_box_title_text
{
	color: #fff;
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);	
}

.jssv_viewer_layer_1
{
	z-index:12;
	position:absolute;
	bottom:40px;
	left:20px;
	text-align:right;
}

.jssv_extra_1
{
	z-index:2;
	position:absolute;
	right:10px;
	top:10px;
}

.jssv_extra_2
{
	z-index:2;
	position:absolute;
	left:10px;
	bottom:10px;
}

/* Flèches de navigation horizontale grandeur large */
.jssv_prev_slide_h
{
    cursor: pointer;
	position: absolute;
	z-index:15;
	width:20px;
	height:64px;
	background:url(../images/viewer_prev.png);
	background-repeat: no-repeat;
}
.jssv_prev_slide_h:hover
{
	background:url(../images/viewer_prevo.png);
	background-repeat: no-repeat;
}

.jssv_next_slide_h
{
    cursor: pointer;
	position: absolute;
	z-index: 15;
	width:20px;
	height:64px;
	background:url(../images/viewer_next.png);
	background-repeat: no-repeat;	
}
.jssv_next_slide_h:hover
{
	background:url(../images/viewer_nexto.png);
	background-repeat: no-repeat;
}

/* Flèches de navigation verticale grandeur large */
.jssv_prev_slide_v
{
    cursor: pointer;
 	position: absolute;
	z-index:15;
	width:64px;
	height:20px;
	background:url(../images/viewer_up.png);
	background-repeat: no-repeat;
	vertical-align:middle;
}
.jssv_prev_slide_v:hover
{
	background:url(../images/viewer_upo.png);
	background-repeat: no-repeat;
}

.jssv_next_slide_v
{
    cursor: pointer;
	position: absolute;
	z-index: 15;
	width:64px;
	height:20px;
	background:url(../images/viewer_down.png);
	background-repeat: no-repeat;
	vertical-align:middle;
}
.jssv_next_slide_v:hover
{
	background:url(../images/viewer_downo.png);
	background-repeat: no-repeat;
}

/* Flèches de navigation horizontale grandeur small */
.jssv_prev_slide_h_small
{
    cursor: pointer;
	position: absolute;
	z-index:15;
	width:10px;
	height:17px;
	background:url(../images/viewer_mini_prev.png);
	background-repeat: no-repeat;
}
.jssv_prev_slide_h_small:hover
{
	background:url(../images/viewer_mini_prevo.png);
	background-repeat: no-repeat;
}

.jssv_next_slide_h_small
{
    cursor: pointer;
	position: absolute;
	z-index:15;
	width:10px;
	height:17px;
	background:url(../images/viewer_mini_next.png);
	background-repeat: no-repeat;	
}
.jssv_next_slide_h_small:hover
{
	background:url(../images/viewer_mini_nexto.png);
	background-repeat: no-repeat;
}

/* Flèches de navigation verticale grandeur small */
.jssv_prev_slide_v_small
{
    cursor: pointer;
 	position: absolute;
	z-index:15;
	width:64px;
	height:20px;
	background:url(../images/viewer_mini_up.png);
	background-repeat: no-repeat;
	vertical-align:middle;
}
.jssv_prev_slide_v_small:hover
{
	background:url(../images/viewer_mini_upo.png);
	background-repeat: no-repeat;
}

.jssv_next_slide_v_small
{
    cursor: pointer;
	position: absolute;
	z-index: 15;
	width:64px;
	height:20px;
	background:url(../images/viewer_mini_down.png);
	background-repeat: no-repeat;
	vertical-align:middle;
}
.jssv_next_slide_v_small:hover
{
	background:url(../images/viewer_mini_downo.png);
	background-repeat: no-repeat;
}

.jssv_viewer_loading
{
	/*background-color:#000000;
	-moz-opacity:.5;
	filter:alpha(opacity=50);
	opacity:.5;*/
	cursor:progress;
}
.jssv_viewer_fullscreen
{
	z-index:14; 
	position: absolute;
	right:10px;
	top:10px;
	height:38px;
	width:38px;
	cursor:pointer;
	background:url('../images/fullscreen.png') no-repeat right top;
}

.jssv_viewer_close_fullscreen
{
	z-index:14; 
	position: absolute;
	right:10px;
	top:10px;
	height:38px;
	width:38px;
	cursor:pointer;
	background:url('../images/close.png') no-repeat right top;
}
.slider_viewer_content.fullscreen
{
	background-color:rgba(0, 0, 0, .8);
}