@charset "utf-8";
.active-documents-home-link { color:#333; text-decoration:none; }
.active-documents-home-link:active { color:#333; text-decoration:none; }
.active-documents-home-link:visited { color:#333; text-decoration:none; }
/**** COMPONENTS (NEXT FRAMEWORK) / TEST */
.ax-components-base
{
	position:absolute;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.ax-tooltip-base
{
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	white-space:nowrap;
	text-shadow:none;
	padding-left:8px;
	padding-top:8px;
	padding-right:9px;
	padding-bottom:9px;
	color:#fff;
	font-size:11px;
	background-color:#666;
	box-shadow:0px 0px 4px #666;
	box-sizing:border-box;
	visibility:hidden;
	opacity:0;
	cursor:default;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.ax-tooltip-title
{
	position:absolute;
	top:0px;
	left:0px;
	max-width:200px;
	text-align:left;
	text-shadow:none;
	padding-left:8px;
	padding-top:8px;
	padding-right:9px;
	padding-bottom:3px;
	color:#FFF;
	font-size:12px;
	font-weight:500;
	background-color:#666;
	box-shadow:0px 0px 4px #666666;
	box-sizing:border-box;
	visibility:hidden;
	opacity:0;
	cursor:default;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.ax-tooltip-paragraph
{
	text-align:justify;
	text-shadow:none;
	color:#FFF;
	font-size:11px;
	font-weight:400;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.ax-comps-loader
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.ax-comps-loader-background
{
	width:100%;
	height:100%;
	background-color:#fff;
	opacity:0;
}

.ax-comps-loader-content
{
	position:absolute;
	width:80px;
	height:80px;
	left:50%;
	top:50%;
	text-shadow:none;
}
.ax-comps-loader-holder
{
	position:absolute;
	width:80px;
	height:80px;
	left:-44px;
	top:-40px;
	margin: 4px;
	text-shadow:none;
	text-align:center;
}
.ax-comps-loader-icon
{
	position:absolute;
	text-align:center;
	width:100%;
	top:10px;
}

.ax-global-unselectable
{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

/***** GLOBAL *****/

html { touch-action:none; }
img { -moz-user-select:none;-webkit-user-select:none;-ms-user-select:none; -ms-touch-select:none;touch-action: none;}
.simple-absolute { position:absolute; }

/***** JQM PAGES CONTENT *****/
#catalog_page { overflow-y:hidden; background-repeat:repeat; }
#catalog_content { padding:0px; background:none; }
#detail_content { padding:0px; }
#share_content { padding:0px; }
#bookmarks_content { padding:0px; }
#website_content { position:absolute; width:100%; height:100%; padding:0px; }

/* page iframe */
/* NOTE AN EMPTY RULE WAS DELETED : TO CHECK */
.page-website-frame { width:100%; height:100%; }

/* GOTO PAGE TOOLS */
.goto-page
{
	position: absolute;
	height: 40px;
	width: 100px;
	bottom: 0px;
	right: 0px;
	border-top-left-radius: 10px;
	background-color: #333;
}

.goto-page-input
{
	position: absolute;
	top:6px;
	left: 10px;
	width: 80px;
	text-align: center;
}

/***** TOP NAV *****/
.topnav { position:fixed; width:100%; height:50px; box-shadow:0px 0px 4px #666; }
.topnav-background { position:absolute; top:0px; left:0px; width:100%; height:100%; }
.topnav-buttons-container {	position: absolute; width: 500px; height: 100%; }

.topnav-button-base
{
	position: absolute;
	background-color:transparent;
	cursor:pointer;
	transition: 0.5s;
	box-sizing:border-box;
}
.topnav-button-base-background
{
	width:100%;
	height:100%;
	background-color:transparent;
	border-style:solid;
	box-sizing:border-box;
	transition: 0.5s;
}
.topnav-button-base-label
{
	position: absolute;
	display:inline;
	white-space: nowrap;
	font-size:14px;
	text-shadow:none;
	text-align:center;
	text-align-last:center;
	box-sizing:border-box;
	transition: 0.5s;
}
.topnav-button-base-icon
{
	position: absolute;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#000;
	color:#FFF;
	text-shadow:none;
	text-align:center;
	box-sizing:border-box;
	transition: 0.5s;
}
.topnav-badge
{
	position:absolute;
	width:16px;
	height:16px;
	background-color:#000;
	color:#FFF;
	font-size:10px;
	line-height:16px;
	border-radius:8px;
	text-shadow:none;
	transition: 0.5s;
	text-align:center;
}

.topnav-button
{
	position: absolute;
	border-style:solid;
	border-width: 1px;
	cursor: pointer;
	
	transition: 0.3s;
}

.topnav-button-label
{
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-shadow:none;
}

.topnav-button-circle
{
	position: absolute;
	width: 22px;
	height: 22px;
	border-radius: 11px;
	background-repeat:no-repeat;
	background-position:center;
	
	transition: 0.3s;
}

.topnav-logo{position:absolute;}

.logo-start
{
	width: 100%;
	display:block;
	text-align:center;
	float: left;
	margin-left: auto;
	margin-right: auto;
	top : 20px;
}

/***** TOP NAV *****/
.secondnav
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100px;

}

.secondnav-background
{
	position:absolute;
	background-color:#000;
	opacity:0;
	transition-duration:500ms;
	transition-property:opacity;
	left:0px;
	top:0px;
	width:100%;
	visibility:hidden;
}

.secondnav-main
{
	position:absolute;
	background-color:#FFF;
	left:0px;
	top:0px;
	width:100%;
	height:50px;
	transition-duration:500ms;
	transition-property:top;
}

.secondnav-title
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:50px;
	text-align:center;
	font-size:20px;
	line-height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:none;
	color:#FFF;
	cursor:default;
}

.secondnav-back
{
	position:absolute;
	top:6px;
	left:10px;
	width:84px;
	height:38px;
	cursor:pointer;
	/*background-color:#333;*/
}

.secondnav-back-circle
{
	position:absolute;
	box-sizing:border-box;
	left:6px;
	top:6px;
	width:26px;
	height:26px;
	border-style:solid;
	border-width:thin;
	border-color:#FFF;
	border-radius:13px;
}

.secondnav-back-icon
{
	position:absolute;
	box-sizing:border-box;
	width:23px;
	height:23px;
	text-shadow:none;
	color:#FFF;
	line-height:23px;
	text-align:center;
}

.secondnav-back-label
{
	position:absolute;
	box-sizing:border-box;
	left:42px;
	top:0px;
	width:40px;
	height:38px;
	/*background-color:#F00;*/
	text-shadow:none;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:38px;
	text-align:left;
}

.secondnav-more
{
	position:absolute;
	top:6px;
	right:10px;
	width:140px;
	height:38px;
	cursor:pointer;
	/*background-color:#333;*/
}

.secondnav-more-circle
{
	position:absolute;
	box-sizing:border-box;
	right:6px;
	top:6px;
	width:26px;
	height:26px;
	border-style:solid;
	border-width:thin;
	border-color:#FFF;
	border-radius:13px;
	
	transition-property:transform;
	transition-duration:500ms;
}

.secondnav-more-icon
{
	position:absolute;
	box-sizing:border-box;
	right:0px;
	top:1px;
	width:23px;
	height:23px;
	text-shadow:none;
	color:#FFF;
	line-height:23px;
	text-align:center;
}

.secondnav-more-label
{
	position:absolute;
	box-sizing:border-box;
	left:0px;
	top:0px;
	width:100px;
	height:38px;
	/*background-color:#F00;*/
	text-shadow:none;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:38px;
	text-align:left;
}

.secondnav-container
{
	position:absolute;
	/*background-color:#333333;*/
	width:100%;
	height:280px;
	top:100px;
	
	overflow-x:hidden;
	overflow-y:hidden;
	visibility:hidden;
}

.secondnav-slider
{
	position:absolute;
	background-color:#333333;
	width:100px;
	height:280px;
	bottom:280px;
	transition-property:bottom;
	transition-duration:500ms;
}

.secondnav-scroller
{
	position:absolute;
	background-color:#CCCCCC;
	left:0px;
	top:0px;
	width:100px;
	height:280px;
	bottom:280px;
	/*overflow-x:hidden;
	overflow-y:hidden;*/
}

.secondnav-wrapper
{
	position:absolute;
	left:0px;
	top:0px;
	height:280px;
}

.secondnav-item
{
	box-sizing:border-box;
	position:absolute;
	width:340px;
	height:280px;
	top:0px;
	cursor:pointer;
	
	/*background-color:#CCC;*/
	
}

.secondnav-item-label
{
	box-sizing:border-box;
	position:absolute;
	left:10px;
	top:230px;
	width:320px;
	height:42px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-shadow:none;
	color:#FFF;
	cursor:pointer;
}

.secondnav-item-image
{
	box-sizing:border-box;
	position:absolute;
	left:10px;
	top:20px;
	width:320px;
	height:200px;
}

/* search input */
.search-container
{
	position: absolute;
	height: 100%;
	width: 160px;
	visibility:hidden;
}

.search-input
{	
	position: absolute;
	border: none;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:0px;
	border-radius: 0px;
	outline: none;
	height: 20px;
	font-size: 12px;
	
	-webkit-appearance: none;
}
.search-input-inset-box-shadow{box-shadow: 0px 12px 10px -10px #DDDDDD inset;}
.search-element{position: absolute;}

.search-input-button
{
	position: absolute;
	background-image:url(../assets/icon-search-input.png);
	background-position:center;
	background-repeat:no-repeat;
}

.search-dropdown
{
	position:absolute;
	visibility:hidden;
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow:0px 0px 4px #666666;
	background-color:#FFF;
}

.search-dropdown-item
{
	position:absolute;
	width:100%;
	height:30px;
	background-color:#FFF;
	cursor:default;
}

.search-dropdown-item-label
{
	position:absolute;
	left:4px;
	top:6px;
	height:20px;
	font-size:13px;
	color:#444;
	text-shadow:none;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	cursor:default;
}


.search-input-circle::-ms-clear{margin-right:10px;}

.topnav-store-container
{
	position:absolute;
	width:160px;
	height:100%;
	top:0px;
	visibility:hidden;
}

.topnav-store-label
{
	position: absolute;
	color:#000;
	height:100%;
	top: 0px;
	font-size:14px;
	text-shadow:none;
	display:inline-block;
	cursor:dafault;
}
.topnav-store-change-button
{
	position:absolute;
	width:30px;
	height:100%;
	top:0px;
	visibility:hidden;
	background-image:url(../assets/topnav-store-selection-out.png);
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
}
.topnav-store-change-button:hover
{
	background-image:url(../assets/topnav-store-selection-over.png);
}
.topnav-store-select
{
	position: absolute;
	bottom: 7px;
	width:100%;
	
	border-width:thin;
	border-width:1px;
	
	font-size:13px;
	height:20px;
	background-color:transparent;
	padding-left:3px;
	cursor:pointer;
	
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

.topnav-store-select-inset-box-shadow{box-shadow: 0px 12px 10px -10px #DDDDDD inset;}
.topnav-store-select::-ms-expand{ display: none;}
.topnav-store-select-button
{
	position:absolute;
	width:32px;
	height:32px;
	color:#FFF;
	background-color:#000;
	text-align:center;
	text-shadow:none;
	cursor:pointer;	
	transition: 0.5s;
}

.topnav-contents-container
{
	position:absolute;
	height:100%;
	cursor:default;
	visibility:hidden;
}

.topnav-contents-separator
{
	position:absolute;
	width:1px;
	top:10px;
	bottom:10px;
	background-color:#CCC;
}
.topnav-contents-page-static
{
	position:absolute;
	left:20px;
	display:inline;
	font-size:14px;
	text-shadow:none;
	color: #666666;
	line-height:50px;
	white-space:nowrap;
	text-wrap:none;
}
.topnav-contents-page-dynamic
{
	position:absolute;
	display:inline;
	font-size:14px;
	text-shadow:none;
	color: #666666;
	line-height:50px;
	white-space:nowrap;
	text-wrap:none;
	text-overflow:ellipsis;
	overflow:hidden;
	cursor:pointer;
}

.topnav-contents-page-fake
{
	position:absolute;
	top:-100px;
	left:0px;
	display:inline;
	font-size:14px;
	text-shadow:none;
	color: #666666;
	line-height:50px;
	white-space:nowrap;
	text-wrap:none;
}
/* topnav timeline */
.topnav-timeline-container
{
	position:absolute;
	left:400px;
	top:0px;
	width:240px;
	height:50px;
	background-color:#FFF;
	cursor:pointer;
	visibility:hidden;
}
.topnav-timeline-number-static
{
	position:absolute;
	box-sizing:border-box;
	left:2px;
	top:5px;
	width:40px;
	height:40px;
	background-color:#FFF;
	border-style:solid;
	border-width:3px;
	border-radius:20px;
	border-color:#646464;
	color:#646464;
	text-align:center;
	line-height:34px;
	text-shadow:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.topnav-timeline-header
{
	position:absolute;
	left:50px;
	top:5px;
	width:90px;
	text-shadow:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#646464;
	white-space:nowrap;
}
.topnav-timeline-label
{
	position:absolute;
	left:50px;
	bottom:7px;
	width:90px;
	text-shadow:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	white-space:nowrap;
}

/***** BADGE *****/
.badge
{
	position: absolute;
	top:-50px;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background-color: #CC0000;
	text-shadow: none;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:16px;
	font-size:11px;
	z-index: 160;
}

/***** CATALOG *****/
.catalog-background { position: fixed; }
.catalog-tools { position:absolute; background-color:#fff; box-shadow: 0px 0px 6px #333; }
.catalog-tools-item
{
	position:absolute;
	text-align:center;
	line-height:42px;
	font-size: 24px;
	background-color:#FFFFFF;
	width:42px;
	height:42px;
	cursor:pointer;
	text-shadow:none;
	
	transition: 0.4s;
}

.pageShadow{box-shadow: 0px 0px 6px #666666;}

.page-zoom-plus
{
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: -ms-zoom-in;
	cursor: zoom-in;
}

.page-zoom-minus
{
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: -ms-zoom-out;
	cursor: zoom-out;
}

.page-zoom-grabbing
{
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing;
}

.pageAreas{position:absolute;}
.pageSubs{position:absolute;}
.pageComponents{position:absolute;}

.sub-base
{
	position:absolute;
	text-align:center;
	text-shadow:none;
	font-weight:bold;
	cursor: default;
}

.area-base
{
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	background-color: #Ff0000;
	opacity: 0;
	cursor: pointer;
	transition: 0.4s;
}

.area-campus
{
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	background-color: #ffffff;
	opacity: 0;
	cursor: pointer;
	transition: 0.4s;
}

/* changement 2021 pour gérer le hover en multisurvol */
.area-basehover
{
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	background-color: #ff0000;
	opacity: 0.3;
	cursor: pointer;
	transition: 0.4s;
}

.area-base:hover { 
	opacity: 0.3;
}


.area-campus:hover { 
	opacity: 0.3;
}
.area-mobile
{
	width: 40px;
	height: 40px;
	color: #FFFFFF;
	font-size: 30px;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
	background-color: #000000;
	vertical-align: middle;
	border-radius: 20px;
	vertical-align: middle;
	text-align: center;
	line-height: 34px;
	opacity: 0.4;
	cursor: default;
	transition: 0.4s;
}

.area-product
{
	opacity: 1;
	cursor: pointer;
	background-repeat:no-repeat;
	background-position:center;
	background-size: contain;
}

.area-media
{
	opacity: 1;
	cursor: pointer;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	
	-webkit-animation-name: areaMediaAnimation;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 10;
	-webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
	
	animation-name: areaMediaAnimation;
    animation-duration: 0.4s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 10;
	animation-direction: alternate;
    animation-play-state: running;
}

.area-services-mini
{
	opacity: 0;
	cursor: pointer;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	
	-webkit-animation-name: areaServicesMiniAnimation;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 5;
	-webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
	
	animation-name: areaServicesMiniAnimation;
    animation-duration: 0.2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count:5;
	animation-direction: alternate;
    animation-play-state: running;
}


@-webkit-keyframes areaMediaAnimation
{
	0%		{transform: scale(1,1);}
	100%	{transform: scale(1.4,1.4);}
}

@keyframes areaMediaAnimation
{
	0%		{transform: scale(1,1);}
	100%	{transform: scale(1.4,1.4);}
}

@-webkit-keyframes areaServicesMiniAnimation
{
	0%		{opacity: 0;}
	100%	{opacity: 1;}
}

@keyframes areaServicesMiniAnimation
{
	0%		{opacity: 0;}
	100%	{opacity: 1;}
}



.area-media-standard{border-width:1px;border-color:#000000;border-style:solid;background-color:#FFFFFF;opacity:0;cursor:pointer;transition:0.4s;}
.area-media-standard:hover { opacity: 0.5; }
.area-media-none{position:absolute;cursor:pointer;}
.area-media-icon
{
	opacity: 1;
	cursor: pointer;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	
	-webkit-animation-name: areaMediaAnimation;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 10;
	-webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
	
	animation-name: areaMediaAnimation;
    animation-duration: 0.4s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 10;
	animation-direction: alternate;
    animation-play-state: running;
}

.area-page
{
	position:absolute;
	cursor: pointer;
}

.holderImageLeft
{
	position: absolute;
	top:0px;
	left:0px;
}
.holderImageRight
{
	position: absolute;
	top:0px;
	right:0px;
}

.catalog-arrow-left
{
	color: #FFFFFF;
	position:absolute;
	top: 30px;
	left: 0px;
	width: 40px;
	height: 160px;
	border-style: solid;
	background-color: #000;
	opacity:0.8;
	border-color: #000;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left-style:hidden;
	visibility: hidden;
	box-shadow: 0px 0px 6px #666666;
	font-size: 50px;
	vertical-align: middle;
	text-align: center;
	/*line-height: 160px;*/
	cursor:pointer;
	text-shadow:none;
	background-position:center;
	background-repeat:no-repeat;
	
	transition: 0.4s;
}
.catalog-arrow-left:hover
{
	color: #000000;
	background-color: #FFFFFF;
	border-color: #000000;
}

.catalog-arrow-right
{
	color: #FFFFFF;
	position:absolute;
	top: 30px;
	right: 0px;
	width: 40px;
	height: 160px;
	border-style: solid;
	background-color: #000000;
	opacity:0.8;
	border-color: #000000;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-right-style:hidden;
	visibility: hidden;
	box-shadow: 0px 0px 6px #666666;
	font-size:50px;
	vertical-align:middle;
	text-align:center;
	/*line-height:160px;*/
	cursor:pointer;
	text-shadow:none;
	background-position:center;
	background-repeat:no-repeat;
	
	transition: 0.4s;
}
.catalog-arrow-right:hover
{
	color: #000000;
	background-color: #FFFFFF;
	border-color: #000000;
}

/***** POPUP BACKGROUND *****/
.popup-background
{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	border-style:none;
	background-color: #333333;
	opacity: 0;
	visibility: hidden;
}

/***** BOTTOM CALLER *****/
.bottom-caller-container
{
	position:absolute;
	width:100%;
	height:40px;
	margin: 0 auto;
	bottom: 0px;
}

.bottom-caller
{
	color: #FFFFFF;
	margin: 0 auto;
	bottom: 0px;
	width: 160px;
	height: 40px;
	border-style: solid;
	background-color: #000000;
	opacity: 0.8;
	border-color: #000000;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-style: hidden;
	visibility: visible;
	box-shadow: 0px 0px 6px #000000;
	font-size: 20px;
	vertical-align: central;
	text-align: center;
	line-height: 32px;
	cursor: pointer;
	text-shadow: none;
	visibility:hidden;
	
	transition: 0.4s;
}

.bottom-caller:hover
{
	color: #000000;
	background-color: #FFFFFF;
	border-color: #000000;
}

/***** POPUP CARD *****/

.popup-card
{
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	height:100%;
	visibility:hidden;
}

.popup-card-background
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.6;
}
.popup-card-container
{
	position:absolute;
	left:32px;
	top:20px;
	width:300px;
	height:300px;
	background-color:#FFF;
}

.popup-card-scroller
{
	position:absolute;
	left:32px;
	bottom:20px;
}

.popup-card-wrapper
{
	position:absolute;
	top:0px;
}

.popup-card-arrow-left
{
	position:absolute;
	left:0px;
	top:100px;
	width:32px;
	height:32px;
}

.popup-card-arrow-right
{
	position:absolute;
	right:0px;
	top:100px;
	width:32px;
	height:32px;
}
.popup-card-close-button
{
	position:absolute;
	right:0px;
	top:20px;
	width:32px;
	height:32px;
	cursor:pointer;
}
.popup-card-icon
{
	position:absolute;
	left:0px;
	top:0px;
	width:32px;
	height:32px;
	font-size:20px;
	text-shadow:none;
	color:#FFF;
	line-height:32px;
	text-align:center;
	cursor:pointer;
}

.popup-card-item
{
	box-sizing:border-box;
	position:absolute;
	top:0px;
	background-color:#CCC;
	border-width:3px;
	border-color:#59AD21;
	cursor:pointer;
}

.popup-card-item-border
{
	box-sizing:border-box;
	position:absolute;
	left:0px;
	top:0px;
	border-style:solid;
	border-width:3px;
	border-color:#59AD21;
	visibility:hidden;
}

.popup-card-item-arrow
{
	position:absolute;
	left:0px;
	top:-11px;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid #59AD21;
}

/***** POPUP MULTI PRODUCTS *****/
.popup-multi-products
{
	position:absolute;
	width:100%;
	height:100%;
	visibility:hidden;
}
.popup-multi-products-background
{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#FFF;
	opacity:0;
}
.popup-multi-products-container
{
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	background-color:#FFF;
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: 0px 0px 6px #333;
	
}

.popup-multi-products-item
{
	position:absolute;
	left:0px;
	width:100%;
	height:30px;
	background-color:#FFF;
	text-shadow:none;
	cursor:pointer;	
}

.popup-multi-products-item-label
{
	position:absolute;
	top:0px;
	height:30px;
	line-height:30px;
	font-size:13px;
	color:#333;
	text-shadow:none;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.popup-multi-products-item-icon
{
	position:absolute;
	right:0px;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:13px;
	color:#666;
	text-shadow:none;
	text-align:center;
}

/***** POPUP MULTI MEDIAS *****/
.popup-multi-medias
{
	position:absolute;
	width:100%;
	height:100%;
	visibility:hidden;
}
.popup-multi-medias-background
{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#FFF;
	opacity:0;
}
.popup-multi-medias-container
{
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	background-color:#FFF;
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: 0px 0px 6px #333;
	
}

.popup-multi-medias-item
{
	position:absolute;
	left:0px;
	width:100%;
	height:30px;
	background-color:#FFF;
	text-shadow:none;
	cursor:pointer;	
	transition: 0.3s;
}

.popup-multi-medias-item-label
{
	position:absolute;
	top:0px;
	left:40px;
	height:30px;
	line-height:30px;
	font-size:13px;
	font-weight:400;
	color:#333;
	text-shadow:none;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	transition: 0.3s;
}

.popup-multi-medias-item-icon
{
	position:absolute;
	left:2px;
	top:0px;
	width:30px;
	height:30px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:24px 24px;
}

/***** POPUP CONTENTS *****/
.popup-contents
{
	position: absolute;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 4px #666666;
	visibility: hidden;
}

.popup-contents-container
{
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
}

.popup-contents-block
{
	position: absolute;
	border-style: solid;
	border-width: thin;
	/*border-size: 2px;*/
	border-radius: 6px;
	border-color: #EAEAEA;
	background-color: #FFFFFF;
	/*cursor:pointer;*/
}

.popup-contents-thumb-shadow
{
	box-shadow: 0px 0px 4px #666666;
}

.popup-contents-thumb-text-top
{
	position: absolute;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	text-shadow: none;
}

.popup-contents-thumb-text-bottom
{
	position: absolute;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	text-shadow: none;
}

.popup-contents-arrow-container
{
	position: absolute;
	width: 80px;
	height: 100%;
	background-color: #FFFFFF;
}

.popup-contents-arrow
{
	position: absolute;
	top: 75px;
	left: 15px;
	width: 50px;
	height: 50px;
	background-color: #FFFFFF;
	color: #000000;
	border-radius: 25px;
	text-shadow: none;
	text-align: center;
	font-size: 50px;
	line-height: 45px;
	cursor: default;
	
	transition: 0.6s;
}

.popup-contents-arrow:hover
{
	background-color: #000000;
	color: #FFFFFF;
}

.arrow-container-left
{
	/*position: absolute;*/
	left: 0px;
	/*top: 0px;*/
	box-shadow: 10px 0px 10px -5px #FFFFFF;
}

.arrow-container-right
{
	position: absolute;
	right: 0px;
	top: 0px;
	box-shadow: -10px 0px 10px -5px #FFFFFF;
}
/***** POPUP CONTENTS LATERAL *****/
.popup-contents-lateral
{
	position:absolute;
	visibility:hidden;
}

.popup-contents-lateral-background
{
	position:absolute;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

.popup-contents-lateral-container
{
	position:absolute;
	overflow-x: hidden;
	overflow-y: hidden;
}

.popup-contents-lateral-arrow-container
{
	position: absolute;
	width: 100%;
	height: 20px;
	background-color: #FFFFFF;
}

.popup-contents-lateral-arrow
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	background-color: #FFFFFF;
	color: #000000;
	text-shadow: none;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	cursor: default;
	
	transition: 0.6s;
}

.popup-contents-lateral-block
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow:none;
	
	padding:5px;
	padding-left: 20px;
	padding-right: 14px;
	
	color:#000000;
	background-color:#FFFFFF;
	font-size:16px;
	cursor:pointer;
	
	white-space:pre-line;
	
	transition: 0.6s;
}

.popup-contents-lateral-close-bar
{
	position: absolute;
	background-color: #000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 32px;
	color:#fff;
	line-height: 32px;
	text-align:center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor:pointer;
	text-shadow:none;
}

/***** POPUP CONTENTS TIMELINE *****/
.popup-contents-timeline
{
	position: fixed;
	width: 100%;
	visibility: hidden;
}

.popup-contents-timeline-background
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.5;
}
.popup-contents-timeline-close
{
	position:absolute;
	cursor:pointer;
	top:13px;
	right:13px;
	text-shadow:none;
	color:#FFF;
}
.popup-contents-timeline-container
{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	/*background-color:#FFF;*/
	overflow-x:hidden;
}
.popup-contents-timeline-wrapper
{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	/*background-color:#F00;*/
	transition-property: left;
	transition-timing-function:ease-in-out;
	transition-duration:0.5s;
}

.popup-contents-timeline-wrapper-item
{
	position:absolute;
	top:0px;
	height:100%;
	/*background-color:#00F;*/
}

.popup-contents-timeline-item
{
	position:absolute;
	width:480px;
	height:140px;
	cursor:pointer;
	box-sizing:border-box;
}

.popup-contents-timeline-item-background
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0;
	transition:0.5s;
}

.popup-contents-timeline-item-separator
{
	position:absolute;
	bottom:0px;
	width:100%;
	height:1px;
	background-color:#CCC;
}

.popup-contents-timeline-item-image
{
	position:absolute;
	left:20px;
	top:20px;
	width:100px;
	height:100px;
	border-radius:50px;
	background-color:#CCC;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

.popup-contents-timeline-item-header
{
	position:absolute;
	text-shadow:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	left:10px;
	top:30px;
	font-size:50px;
	line-height:50px;
}

.popup-contents-timeline-item-label
{
	position:absolute;
	text-shadow:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	left:10px;
	top:80px;
	font-size:24px;
	line-height:24px;
	color:#FFF;
}

.popup-contents-timeline-back
{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	height:20px;
	text-shadow:none;
	color:#FFF;
	cursor:pointer;
	visibility:hidden;
}

.popup-contents-timeline-back-icon
{
	position:absolute;
	left:2px;
	top:2px;
	text-shadow:none;
	color:#FFF;
}

.popup-contents-timeline-back-label
{
	position:absolute;
	left:20px;
	top:2px;
	text-shadow:none;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}


/***** POPUP TIMELINE  *****/
.popup-timeline
{
	position:absolute;
	width:100%;
	visibility:hidden;
}

.popup-timeline-background
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.5;
}
.popup-timeline-close
{
	position:absolute;
	cursor:pointer;
	top:13px;
	right:13px;
	text-shadow:none;
	color:#FFF;
}
.popup-timeline-container
{
	position:absolute;
	left:0px;
	top:0px;
	height:100px;
	width:650px;
	/*background-color:#FFF;*/
	overflow-x:hidden;
	overflow-y:hidden;
}
.popup-timeline-wrapper
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	/*background-color:#F00;*/
}

.popup-timeline-bar
{
	position:absolute;
	left:0px;
	top:0px;
	width:4px;
	background-color:#000;
}
.popup-timeline-filled-bar
{
	position:absolute;
	width:4px;
	height:100px;
}

.popup-timeline-item
{
	position:absolute;
	left:150px;
	width:300px;
	height:100px;
	cursor:pointer;
	/*background-color:#666;*/
	/*opacity:0.5;*/
}

.popup-timeline-circle-2
{
	position:absolute;
	box-sizing:border-box;
	left:10px;
	top:10px;
	width:80px;
	height:80px;
	border-radius:40px;
	font-size:24px;
	line-height:80px;
	text-shadow:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
.popup-timeline-halo-2
{
	position:absolute;
	box-sizing:border-box;
	left:10px;
	top:10px;
	width:80px;
	height:80px;
	border-radius:40px;
	border-style:solid;
	border-width:6px;
	border-color:#FFF;
	opacity:0.4;
	
}

.popup-timeline-circle-3
{
	position:absolute;
	left:30px;
	top:30px;
	width:40px;
	height:40px;
	border-radius:20px;
	background-color:#FFF;
}

.popup-timeline-halo-3
{
	position:absolute;
	box-sizing:border-box;
	left:30px;
	top:30px;
	width:40px;
	height:40px;
	border-radius:20px;
	border-style:solid;
	border-width:4px;
	border-color:#000;
	opacity:1;
	
}

.popup-timeline-item-label-2
{
	position:absolute;
	left:100px;
	text-shadow:none;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
}

.popup-timeline-item-label-3
{
	position:absolute;
	left:100px;
	text-shadow:none;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
}

.popup-timeline-titles-container
{
	position:absolute;
	left:0px;
	top:0px;
	overflow-y:hidden;
}

.popup-timeline-titles-wrapper
{
	position:absolute;
	left:0px;
	top:0px;
	/*background-color:#000;*/
	visibility:hidden;
}

.popup-timeline-titles-item
{
	position:absolute;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:none;
	text-align:right;
	color:#FFF;
}

.popup-timeline-titles-item-header
{
	width:100%;
	font-size:50px;
	font-weight:bold;
}

.popup-timeline-titles-item-label
{
	width:100%;
	font-size:40px;
	font-weight:bold;
}

.popup-timeline-item-indicator
{
	position:absolute;
	left:-130px;
	top:35px;
	width:120px;
	height:30px;
	background-color:#59AE1F;
	color:#FFF;
	text-shadow:none;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	visibility:hidden;
}

.popup-timeline-item-indicator-arrow
{
	position:absolute;
	left:118px;
	top:8px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #59AE1F;
}

/*** POPUP LIGHT ****/
.popup-light
{
	position: fixed;
	visibility:hidden;
}

.popup-light-full-background
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.popup-light-container
{
	position:absolute;
	
	background-color:#FFF;
	width:200px;
	height:100px;
	
	-webkit-transition-duration:500ms;
	-webkit-transition-property:transform;
	
	transition-duration:500ms;
	transition-property:transform;	
}

.popup-light-content
{
	position:absolute;
	left:0px;
	top:0px;
	text-shadow:none;
	color:#2C2C2C;
	cursor:default;
}

.popup-light-title
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:20px;
	padding-top:20px;
	text-shadow:none;
	color:#565656;
	cursor:default;
	font-size:36px;
}

.popup-light-description
{
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	font-size:14px;
	text-shadow:none;
	color:#565656;
	cursor:default;
	text-align:justify;
}

.popup-light-button
{
	max-width:190px;
	background-color:#59AD21;
	
	padding-top:10px;
	padding-left:40px;
	padding-bottom:10px;
	padding-right:20px;
	
	margin-top:20px;
	margin-left:20px;
	text-shadow:none;
	color:#2C2C2C;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
    /* !IMPORTANT */
	/*background-image:url(../assets/digital_thumbs.png);*/
	background-position:10px center;
	background-repeat:no-repeat;
	
	border-radius:5px;
	text-align:center;
	color:#FFF;
	
	font-size: 13px;
}

.popup-light-image
{
	position:absolute;
	left:0px;
	top:0px;
}

.popup-light-close
{
	position:absolute;
	cursor:pointer;
	text-shadow:none;
	color:#FFF;
	opacity:1;
	
	-webkit-transition-delay:500ms;
	-webkit-transition-duration:500ms;
	-webkit-transition-property:opacity;
	
	transition-delay:500ms;
	transition-duration:500ms;
	transition-property:opacity;	
}

/*** POPUP IDEAS ****/
.popup-ideas
{
	position: fixed;
	visibility:hidden;
}

.popup-ideas-full-background
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.popup-ideas-container
{
	position:absolute;
	
	background-color:#FFF;
	width:200px;
	height:100px;
}

.popup-ideas-content
{
	box-sizing:border-box;
	position:absolute;
	background-color:#FFF;
	border-style:solid;
	border-width:3px;
	border-color:#CCC;
}
.popup-ideas-close
{
	position:absolute;
	cursor:pointer;
	text-shadow:none;
	color:#FFF;
}

.popup-ideas-arrow-top
{
	position:absolute;
	right:45px;
	top:45px;
	border-left: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-top: 50px solid #000;
	color:#333;
	text-shadow:none;
}

.popup-ideas-arrow-bottom
{
	position:absolute;
	left:45px;
	bottom:45px;
	border-top: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 50px solid #000;
	color:#333;
	text-shadow:none;
}

.popup-ideas-title
{
	position:absolute;
	top:26px;
	width:240px;
	cursor:default;
	text-shadow:none;
	color:#666;
	background-color:#FFF;
	height:32px;
	line-height:32px;
	font-weight:bold;
	font-size:30px;
	text-align:center;
	font-family: 'Gloria Hallelujah', cursive;
}

.popup-ideas-item-container
{
	position:absolute;
}

.popup-ideas-item-container-title
{
	position:absolute;
	text-shadow:none;
	cursor:default;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	width:100%;
	top:10px;
	font-weight:bold;
	height:30px;
	font-size:14px;
	line-height:30px;
}

.popup-ideas-item
{
	position:absolute;
	width:200px;
	height:250px;
	
	background-repeat:no-repeat;
	background-position:center 20%;
	background-size:80%;
	
	vertical-align:bottom;
	text-align:center;
	cursor:default;
}

.popup-ideas-item-label
{
	position:absolute;
	background-color:#FFF;
	left:10px;
	top:200px;
	width:180px;
	
	text-align:center;
	text-shadow:none;
	font-size:12px;
	cursor:default;
}

.popup-ideas-item-sep
{
	position:absolute;
	width:40px;
	height:250px;
	cursor:default;
	text-align:center;
	font-size:30px;
	line-height:250px;
	text-shadow:none;
	font-weight:bold;
}


/*POPUP AMBIENT*/
.popup-ambient
{
	position:absolute;
	top:0px;
	right:0px;
	height:100%;
	width:500px;
	/*background-color:#FFF;*/
	visibility:hidden;
}

.popup-ambient-close
{
	position:absolute;
	cursor:pointer;
	top:13px;
	right:13px;
	text-shadow:none;
	color:#333;
}
.popup-ambient-container
{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background-color:#FFF;
}
.popup-ambient-title
{
	position:absolute;
	background-color:#FFF;
}

.popup-ambient-image
{
	position:absolute;
	background-color:#CCC;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

.popup-ambient-label
{
	position:absolute;
	background-color:#FFF;
}

.popup-ambient-scroller
{
	position:absolute;
	background-color:#FFF;
}

.popup-ambient-wrapper
{
	position:absolute;
	background-color:#FFF;
}

.popup-ambient-collection
{
	position:absolute;
	background-color:#FFF;
}

.popup-ambient-link
{
	position:absolute;
	background-color:#FFF;
}

.popup-ambient-arrow-left
{
	position:absolute;
	top:100px;
	left:20px;
	width:40px;
	height:40px;
	line-height:40px;
}

.popup-ambient-arrow-right
{
	position:absolute;
	top:100px;
	right:20px;
	width:40px;
	height:40px;
	line-height:40px;
}


/***** POPUP BOOKMARKS LATERAL *****/
.popup-bookmarks-lateral
{
	position:absolute;
	visibility:hidden;
}

.popup-bookmarks-lateral-container
{
	position:absolute;
	background-color:#EEE;
	top:0px;
}

.popup-bookmarks-lateral-background
{
	position:absolute;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

.popup-bookmarks-lateral-block
{
	position:absolute;
	left:0px;
	width:100%;
	height:190px;
	
	background-color:#FFF;
	font-size:16px;
	
	transition: 0.6s;
}

.popup-bookmarks-lateral-image-holder
{
	position:absolute;
	background-color:#CCCCCC;
	cursor:pointer;
}

.popup-bookmarks-lateral-image-landscape
{
	position:absolute;
	width:100%;
	height:100%;
}

.popup-bookmarks-lateral-image-left
{
	position:absolute;
	left:0px;
	width:50%;
	height:100%;
}
.popup-bookmarks-lateral-image-right
{
	position:absolute;
	right:0px;
	width:50%;
	height:100%;
}

.popup-bookmarks-lateral-separator
{
	position:absolute;
	left:4px;
	right:4px;
	height:1px;
	bottom:0px;
	background-color:#CCCCCC;
}

.popup-bookmarks-lateral-label-page
{
	position:absolute;
	top:4px;
	left:4px;
	height:14px;
	color:#666666;
	font-size:11px;
	line-height:11px;
	text-align:left;
	text-shadow:none;
	cursor:default;
}

.popup-bookmarks-lateral-label-content
{
	position:absolute;
	bottom:4px;
	left:4px;
	right:4px;
	height:14px;
	color:#333333;
	font-size:12px;
	line-height:12px;
	text-align:center;
	text-shadow:none;
	background-color:#FFF;
	cursor:default;
}

.popup-bookmarks-lateral-note-input
{
	-webkit-appearance: none;
	position:absolute;
	bottom:20px;
	left:4px;
	height:14px;
	width:228px;
	
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	
	color:#333333;
	font-size:12px;
}
.popup-bookmarks-lateral-note-input::-webkit-input-placeholder 
{
	color:#666;
}
.popup-bookmarks-lateral-note-input::-moz-input-placeholder 
{
	color:#666;
}
.popup-bookmarks-lateral-note-input:-ms-input-placeholder 
{
	color:#666;
}

.popup-bookmarks-lateral-delete
{
	position:absolute;
	top:2px;
	right:2px;
	width:14px;
	height:14px;
	color:#666666;
	font-size:14px;
	line-height:14px;
	text-align:center;
	text-shadow:none;
	background-color:#FFF;
	cursor:pointer;
}

.popup-bookmarks-lateral-arrow-container
{
	position: absolute;
	width: 100%;
	height: 20px;
	background-color: #FFFFFF;
}

.popup-bookmarks-lateral-arrow
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	background-color: #FFFFFF;
	color: #000000;
	text-shadow: none;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	cursor: default;
	
	transition: 0.6s;
}

/*mobile*/
.mobile-page-bookmarks-block
{
	position:absolute;
	left:0px;
	width:100%;
	height:290px;
	
	background-color:#FFF;
	font-size:16px;
	
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

.mobile-page-bookmarks-separator
{
	position:absolute;
	left:8px;
	right:8px;
	height:1px;
	bottom:0px;
	background-color:#CCCCCC;
}

.mobile-page-bookmarks-label-page
{
	position:absolute;
	top:6px;
	left:6px;
	height:14px;
	color:#666666;
	font-size:12px;
	line-height:12px;
	text-align:left;
	text-shadow:none;
	background-color:#FFF;
}

.mobile-page-bookmarks-label-content
{
	position:absolute;
	bottom:4px;
	left:4px;
	right:4px;
	height:18px;
	color:#333333;
	font-size:16px;
	line-height:16px;
	text-align:center;
	text-shadow:none;
	background-color:#FFF;
}

.mobile-page-bookmarks-note-input
{
	-webkit-appearance: none;
	position:absolute;
	bottom:24px;
	left:4px;
	right:4px;
	height:20px;
	
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	
	color:#333333;
	font-size:12px;
}
.mobile-page-bookmarks-note-input::-webkit-input-placeholder 
{
	color:#666;
}
.mobile-page-bookmarks-note-input::-moz-input-placeholder 
{
	color:#666;
}
.mobile-page-bookmarks-note-input:-ms-input-placeholder 
{
	color:#666;
}

.mobile-page-bookmarks-delete
{
	position:absolute;
	top:2px;
	right:2px;
	width:20px;
	height:20px;
	color:#666;
	font-size:20px;
	line-height:20px;
	text-align:center;
	text-shadow:none;
	background-color:#FFF;
}

/***** POPUP PRODUCTS *****/
.popup-products { position: fixed; bottom: 0px; background-color: #FFFFFF; box-shadow: 0px 0px 4px #666666; visibility: hidden; }

.popup-products-container
{
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
}

.popup-products-block
{
	position: absolute;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	border-color: #EAEAEA;
	background-color: #FFFFFF;
	cursor:pointer;
	
	transition: border-color 0.2s ease-out;
}

.popup-products-thumb-shadow
{
	/*box-shadow: 0px 0px 4px #666666;*/
}

.popup-products-arrow-container
{
	position: absolute;
	width: 80px;
	height: 100%;
	background-color: #FFFFFF;
}

.popup-products-arrow
{
	position: absolute;
	top: 75px;
	left: 15px;
	width: 50px;
	height: 50px;
	background-color: #FFFFFF;
	color: #000000;
	border-radius: 25px;
	text-shadow: none;
	text-align: center;
	font-size: 50px;
	line-height: 45px;
	cursor: default;
	
	transition: 0.6s;
}

.popup-products-arrow:hover
{
	background-color: #000000;
	color: #FFFFFF;
}

/***** POPUP DETAIL *****/
.popup-detail {	position: fixed; background-color: #FFFFFF; visibility: hidden; }
.popup-detail-container { position: absolute; left: 0px; top: 0px; background-color: #FFFFFF; }
.popup-detail-arrow-container {	position: absolute; width: 80px; height: 100%; background-color: #FFFFFF; }
.popup-detail-arrow
{
	position: absolute;
	top: 75px;
	left: 15px;
	width: 50px;
	height: 50px;
	background-color: #FFFFFF;
	color: #000000;
	border-radius: 25px;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: none;
	text-align: center;
	font-size: 50px;
	line-height: 45px;
	cursor: default;
	
	transition: 0.6s;
}

.popup-detail-arrow:hover
{
	background-color: #000000;
	color: #FFFFFF;
}

.popup-detail-close
{
	position: absolute;
	/*background-color: #FF0000;*/
	margin: 0px;
	top: 20px;
	right: 20px;
}

.popup-detail-close-bar
{
	position: absolute;
	background-color: #000000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 32px;
	color:#FFFFFF;
	line-height: 32px;
	text-align:center;
	user-select: none;
	cursor:pointer;
	text-shadow:none;
}

.card
{
	position: absolute;
	/*background-color: #333333;*/
	background-color: #FFFFFF;
}

.card-title-container
{
	position: absolute;
	background-color: #FFFFFF;
	height:30px;
	width:100%;
	left:0px;
}

.card-title
{
	position: absolute;
	width:100%;
	height:100%;
	color: #000000;
	line-height:30px;
	text-shadow:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	overflow:hidden;
	text-overflow: ellipsis;
	text-align:center;
	cursor:default;
}
.card-image-container
{
	position: absolute;
	background-color: #D6D6D6;
}
.card-image-wrapper
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.card-image
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.card-action-container
{
	position: absolute;
	bottom:0px;
	width:100%;
	height:40px;
	background-color: #FFFFFF;
}
.card-action-button
{
	position: absolute;
	height:40px;
	width:180px;
	background-color: #666666;
	color:#FFF;
	text-shadow:none;
	text-align:center;
	line-height:40px;
	cursor:pointer;
}

.card-action-stepper
{
	position: absolute;
	height:40px;
	width:180px;
	background-color: #FFF;
	color:#FFF;
	text-shadow:none;
	text-align:center;
	line-height:40px;
}

.card-action-stepper-minus
{
	position: absolute;
	height:40px;
	width:40px;
	background-color: #666666;
	color:#FFF;
	text-shadow:none;
	text-align:center;
	line-height:40px;
	font-weight:bold;
	cursor:pointer;
}
.card-action-stepper-plus
{
	position: absolute;
	height:40px;
	width:40px;
	left:140px;
	background-color: #666666;
	color:#FFF;
	text-shadow:none;
	text-align:center;
	line-height:40px;
	font-weight:bold;
	cursor:pointer;
}

.card-action-stepper-label
{
	position: absolute;
	height:40px;
	width:100px;
	left:40px;
	background-color: #FFF;
	color:#666;
	text-shadow:none;
	text-align:center;
	line-height:40px;
	font-weight:bold;
}




/***** POPUP STORE *****/
.popup-stores
{
	position: absolute;
	background-color: #E3E3E3;
	visibility: hidden;
}

.popup-stores-container
{
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #E3E3E3;
	/*
	overflow-y: scroll;
	overflow-x: hidden;
	*/
}

.popup-stores-header
{
	position: absolute;
	left: 20px;
	top: 32px;
	width:100%;
	height:60px;
	color:#333;
	line-height:60px;
	text-shadow:none;
	cursor:default;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	font-weight:400;
	font-size:20px;
}

.popup-stores-item-region
{
	position: absolute;
	width:300px;
	height:30px;
	color:#333;
	line-height:30px;
	text-shadow:none;
	cursor:default;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	font-weight:700;
	font-size:15px;
	
	/*background-color: #F00;*/
}

.popup-stores-item-separator
{
	position: absolute;
	width:300px;
	height:30px;
	color:#333;
	line-height:30px;
	text-shadow:none;
	cursor:default;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	font-weight:400;
	font-size:15px;
	
	/*background-color: #000;*/
}


.popup-stores-item-store
{
	position: absolute;
	width:300px;
	height:30px;
	color:#333;
	line-height:30px;
	text-shadow:none;
	cursor:pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	font-weight:400;
	font-size:15px;
	
	/*background-color: #00F;*/
}

.popup-stores-close-bar
{
	position: absolute;
	background-color: #000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 32px;
	color:#fff;
	line-height: 32px;
	text-align:center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor:pointer;
	text-shadow:none;
}

/***** POPUP SEARCH *****/
.popup-search {	position: fixed; background-color: #fff; visibility: hidden; }
.popup-search-container
{
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #D6D6D6;
	overflow-y: scroll;
	overflow-x: hidden;
}
.popup-search-header
{
	position: absolute;
	left: 0px;
	width: 100%;
	height: 32px;
	background-color: #000;
	text-shadow:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	padding-top: 8px;
	padding-left: 10px;
}
.popup-search-item-product
{
	position: absolute;
	background-color: #fff;
	box-shadow: 0px 0px 1px 1px #999;
	cursor: pointer;
}
.popup-search-item-product-designation
{
	position: absolute;
	top: 4px;
	right: 4px;
	background-color: #fff;
	font-size: 13px;
	text-shadow: none;
	text-align: center;
}
.popup-search-item-product-price
{
	position: absolute;
	bottom: 30px;
	right: 4px;
	background-color: #EA0000;
	font-size: 26x;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 1px 1px #333333;
	text-align: center;
	line-height: 26px;
}

.popup-search-item-product-line
{
	position: absolute;
	width: 100%;
	height: 0px;
	bottom: 0px;
	background-color: #CCCCCC;
	
	transition: 0.3s;
}

.popup-search-item-product-click
{
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 0px;
	text-align:center;
	font-size:14px;
	line-height:14px;
	color:#FFFFFF;
	text-shadow:none;
	opacity:0;
	/*background-color: #CCCCCC;*/
	
	transition: 0.3s;
}

.popup-search-close
{
	position: absolute;
	background-color: #FF0000;
	margin: 0px;
	top: 5px;
	right: 22px;
}

.popup-search-close-bar
{
	position: absolute;
	background-color: #000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 32px;
	color:#FFFFFF;
	line-height: 32px;
	text-align:center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor:pointer;
	text-shadow:none;
}
/***** POPUP CART *****/
.popup-cart
{
	position: fixed;
	background-color: #fff;
	visibility: hidden;
}

.popup-cart-container
{
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #D6D6D6;
	overflow-y: scroll;
	overflow-x: hidden;
}

.popup-cart-footer
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 40px;
	background-color: #fff;
	text-shadow:none;
	font-family: Arial, Helvetica, sans-serif;
	box-shadow: 0px 0px 1px 1px #999;
}

.popup-cart-item
{
	position: absolute;
	background-color: #fff;
	transition: 0.2s;
}

.popup-cart-item-designation
{
	position: absolute;
	top: 4px;
	right: 4px;
	background-color: #fff;
	font-size: 13px;
	text-shadow: none;
	text-align: center;
}

.popup-cart-item-price
{
	position: absolute;
	bottom: 30px;
	right: 4px;
	background-color: #EA0000;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 1px 1px #333333;
	text-align: center;
	line-height: 26px;
}

.popup-cart-item-button-delete
{
	position: absolute;
	top: 90px;
	height: 14px;
	right: 4px;
	background-color: #FFFFFF;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	/*text-shadow: 1px 1px #333333;*/
	text-align: center;
	line-height: 11px;
	cursor: pointer;
}

.popup-cart-item-button-delete:hover
{
	text-decoration:underline;
}

.popup-cart-item-line
{
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0px;
	background-color: #CCCCCC;
	
	transition: 0.3s;
}

.popup-cart-item-click
{
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 0px;
	text-align:center;
	font-size:14px;
	line-height:14px;
	color:#FFFFFF;
	text-shadow:none;
	opacity:0;
	transition: 0.3s;
}

.popup-cart-controller-total
{
	position: absolute;
	text-align: center;
	height: 32px;
	width: 140px;
	top: 4px;
	right: 24px;
	color: #C00;
	font-weight:bold;
	font-size: 16px;
	line-height: 32px;
	text-shadow: 1px 1px #CCCCCC;
	
}

.popup-cart-controller-button-print
{
	position: absolute;
	text-align: center;
	height: 32px;
	width: 100px;
	top: 4px;
	right: 170px;
	text-shadow: none;
	background-color: #000000;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 32px;
	cursor: pointer;
	
	visibility:hidden;
}

.popup-cart-controller-button-clear
{
	position: absolute;
	text-align: center;
	height: 32px;
	width: 100px;
	top: 4px;
	right: 280px;
	text-shadow: none;
	background-color: #000000;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 32px;
	cursor: pointer;
}

.popup-cart-close
{
	position: absolute;
	background-color: #FF0000;
	margin: 0px;
	top: 5px;
	right: 22px;
}

.popup-cart-close-bar
{
	position: absolute;
	background-color: #000000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 32px;
	color:#FFFFFF;
	line-height: 32px;
	text-align:center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor:pointer;
	text-shadow:none;
}
/***** POPUP CART LATERAL *****/
.popup-cart-lateral
{
	position:absolute;
	visibility:hidden;
}

.popup-cart-lateral-container
{
	position:absolute;
	background-color:#EEE;
	top:0px;
	overflow-x:hidden;
	overflow-y:hidden;
}

.popup-cart-lateral-background
{
	position:absolute;
	width: 100%;
	height: 100%;
	background-color: #FFF;
}

.popup-cart-lateral-controller
{
	position:absolute;
	bottom:0px;
	left:0px;
	width: 100%;
	height: 40px;
	background-color: #EEE;
}

.popup-cart-lateral-controller-total
{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 40px;
    line-height: 40px;
	background-color: #EEE;
    cursor:default;
    padding-left: 10px;
    font-weight: 500;
}
.popup-cart-lateral-controller-total-value
{
	position:absolute;
	top:0px;
	right:0px;
	width: 100%;
	height: 40px;
    line-height: 40px;
    cursor:default;
    padding-right: 20px;
    text-align: right;
    color: #C00;
    font-weight: 500;
}

.popup-cart-lateral-controller-fidelity
{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 40px;
    line-height: 40px;
	background-color: #EEE;
    cursor:default;
    padding-left: 10px;
    font-weight: 500;
}

.popup-cart-lateral-controller-fidelity-value
{
	position:absolute;
	top:0px;
	right:0px;
	width: 100%;
	height: 40px;
    line-height: 40px;
    cursor:default;
    padding-right: 20px;
    text-align: right;
    color: #191970;
    font-weight: 500;
}

.popup-cart-lateral-controller-print
{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 40px;
    line-height: 40px;
	background-color: #EEE;
    cursor:pointer;
    padding-left: 10px;
}

.popup-cart-lateral-controller-separator
{
	position:absolute;
	top:0px;
	width:100%;
	height:1px;
	background-color: #CCC;
}
.popup-cart-lateral-controller-total-dynamic
{
	position:absolute;
	bottom:4px;
	right:4px;
	height: 32px;
	background-color: #FFFFFF;
	color:#C00;
	text-align:right;
	text-shadow:none;
	font-size:24px;
	line-height:32px;
	font-weight:500;
	cursor:default;
}
.popup-cart-lateral-controller-total-static
{
	position:absolute;
	bottom:4px;
	left:4px;
	height: 32px;
	background-color: #FFFFFF;
	color:#999;
	text-align:right;
	text-shadow:none;
	font-size:20px;
	line-height:32px;
	cursor:default;
}

.popup-cart-lateral-block
{
	position:absolute;
	left:0px;
	width:100%;
	height:140px;
	
	background-color:#FFF;
	font-size:16px;
	
	transition: 0.6s;
}

.popup-cart-lateral-image-holder
{
	position:absolute;
	background-color:#CCCCCC;
	cursor:pointer;
	left:2px;
	top:36px;
	width:100px;
	height: 100px;
	/*box-shadow: 0px 0px 1px 1px #999999;*/
}

.popup-cart-lateral-image
{
	position:absolute;
	width:100%;
	height:100%;
}

.popup-cart-lateral-price-holder
{
	position:absolute;
	background-color:#CCCCCC;
	cursor:pointer;
	right:10px;
	top:36px;
	width:100px;
	height: 100px;
}

.popup-cart-lateral-quantity-holder
{
	position:absolute;
	background-color:#F00;
	cursor:default;
	right:20px;
	bottom:1px;
	width:100px;
	height: 30px;
}

.popup-cart-lateral-quantity-minus
{
	position:absolute;
	background-color:#666;
	cursor:pointer;
	width:30px;
	height: 30px;
	line-height: 30px;
	text-shadow:none;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

.popup-cart-lateral-quantity-plus
{
	position:absolute;
	background-color:#666;
	cursor:pointer;
	right:0px;
	width:30px;
	height: 30px;
	line-height: 30px;
	text-shadow:none;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

.popup-cart-lateral-quantity-text
{
	position:absolute;
	background-color:#FFF;
	cursor:default;
	left:30px;
	width:40px;
	height: 30px;
	line-height: 30px;
	text-shadow:none;
	text-align:center;
}

.popup-cart-lateral-price-image
{
	position:absolute;
	width:100%;
	height:100%;
}

.popup-cart-lateral-separator
{
	position:absolute;
	left:4px;
	right:4px;
	height:1px;
	bottom:0px;
	background-color:#CCCCCC;
}

.popup-cart-lateral-label-designation
{
	position:absolute;
	top:3px;
	left:4px;
	right:18px;
	height:14px;
	color:#333333;
	font-size:12px;
	line-height:14px;
	text-align:left;
	text-shadow:none;
	background-color:#FFF;
	cursor:default;
}

.popup-cart-lateral-delete
{
	position:absolute;
	top:2px;
	right:2px;
	width:14px;
	height:14px;
	color:#666666;
	font-size:14px;
	line-height:14px;
	text-align:center;
	text-shadow:none;
	background-color:#FFF;
	cursor:pointer;
}

.popup-cart-lateral-additionnal-field
{
    position: absolute;
    left:100px;
    right: 0px;
    top:54px;
    height:32px;
    line-height: 32px;
    cursor: default;
    font-weight: 500;
    background-color: #CCC;
    padding-right: 10px;
    text-shadow: none;
    font-size: 18px; 
}


/***** POPUP WEBSITE *****/
.popup-website{ position: fixed; background-color: #fff; }
.popup-website-background { position: absolute; width:100%; height:100%; }
.popup-website-frame { position: absolute; 	background-color:#fff; border-width: 0px; }
.popup-website-close { 	position: absolute; background-color: #000; margin: 0px; top: 5px; right: 22px; }
.popup-website-close-bar { position: absolute; background-color: #000; top: 0px; left: 0px; width: 100%; height: 32px; color:#fff; line-height: 32px; text-align:center; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor:pointer; text-shadow:none; }
.popup-website-close-button { position:absolute; cursor:pointer; text-shadow:none; color:#fff; }


/***** POPUP VIDEO *****/
.popup-video { position: fixed;background-color: #fff; visibility:hidden;}
.popup-video-background { position: absolute; width:100%; height:100%; }
.popup-video-container { position: absolute; }
.popup-video-close-button { position:absolute; cursor:pointer; text-shadow:none; color:#fff;}
.popup-video-close-bar
{
	position: absolute;
	background-color: #000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 32px;
	color:#fff;
	line-height: 32px;
	text-align:center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor:pointer;
	text-shadow:none;
}

/***** POPUP DIAPORAMA *****/
.popup-diaporama { position: fixed; background-color: #fff; visibility: hidden; }

.popup-diaporama-title
{
	position: absolute;
	background-color: transparent;
	visibility: hidden;
	opacity:0;
	transition:0.5s;
}

.popup-diaporama-title-background
{
	width:100%;
	height:100%;
	background-color: #fff;
	opacity: 0.6;
}
.popup-diaporama-title-label
{
	position:absolute;
	color:#333;
	text-shadow:none;
	font-size:30px;
	font-weight:500;
	white-space:nowrap;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.popup-diaporama-container
{
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
}

.popup-diaporama-arrow-container
{
	position: absolute;
	width: 80px;
	height: 100%;
}

.popup-diaporama-arrow
{
	position: absolute;
	top: 75px;
	left: 15px;
	width: 50px;
	height: 50px;
	background-color: #fff;
	color: #000;
	border-radius: 25px;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: none;
	text-align: center;
	font-size: 50px;
	line-height: 45px;
	cursor: default;
	visibility:hidden;
	
	transition: 0.6s;
}

.popup-diaporama-arrow:hover
{
	background-color: #000;
	color: #fff;
}

.popup-diaporama-indicator
{
	position:absolute;
	width: 100px;
	height: 30px;
	bottom: 10px;
	visibility:hidden;
}

.popup-diaporama-indicator-item
{
	position:absolute;
	background-color: #CCCCCC;
	width: 20px;
	height: 20px;
	top: 5px;
	border-radius: 10px;
	cursor: pointer;
	
	transition: 0.4s;
}

.popup-diaporama-product-item
{
	position:absolute;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-position:center;
	background-image:url(../assets/external-basket.png);
	background-repeat:no-repeat;
	background-size:contain;
}

.popup-diaporama-progress
{
	position:absolute;
	width: 0px;
	height: 3px;
	bottom: 0px;
	background-color: #000000;
}

.popup-diaporama-close-bar
{
	position: absolute;
	background-color: #000000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 32px;
	color:#FFFFFF;
	line-height: 32px;
	text-align:center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor:pointer;
	text-shadow:none;
}

.popup-diaporama-close-button
{
	position:absolute;
	color:#FFF;
	text-shadow:none;
	cursor:pointer;
	right:6px;
}

/***** POPUP SHARE *****/
.popup-form
{
	position: fixed;
	width:600px;
	height:500px;
	background-color:#fff;
	visibility:hidden;
}

.popup-form-container
{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#fff;
}

.popup-form-title
{
	position:absolute;
	top:20px;
	height:28px;
	width:100%;
	text-align:center;
	text-shadow:none;
	font-size:28px;
	font-weight:bold;
}

.popup-form-text
{
	position:absolute;
	top:70px;
	left:50px;
	width:500px;
	text-align:center;
	text-shadow:none;
}

.popup-form-wrapper
{
	position:absolute;
	left:150px;
	top:180px;
	width:300px;
	height:260px;
	background-color:#FFF;
}

.popup-form-input-name
{
	text-shadow:none;
	border-radius: 0px;
}

.popup-form-input-email
{
	text-shadow:none;
}

.popup-form-input-recipient
{
	text-shadow:none;
}

.popup-form-input-message
{
	text-shadow:none;
}
/***** POPUP SHARE *****/
.popup-share
{
	position:absolute;
	left:40px;
	top:40px;
	width:200px;
	height:200px;
	/*background-color:#0F0;*/
	opacity:0;
	visibility:hidden;
	transition: opacity 0.3s;
}

.popup-share-arrow
{
	position:absolute;
	left:90px;
	top:0px;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid #FFF;
}

.popup-share-container
{
	position:absolute;
	left:0px;
	top:10px;
	width:200px;
	height:190px;
	background-color:#FFF;
}

.popup-share-item
{
	position:absolute;
	left:0px;
	background-color:#fff;
	cursor:pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	transition: 0.3s;
}

.popup-share-item-icon
{
	position:absolute;
	left:0px;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	text-shadow:none;
	color:#000;
}

.popup-share-item-label
{
	position:absolute;
	left:50px;
	width:150px;
	height:50px;
	line-height:50px;
	text-align:left;
	text-shadow:none;
	color:#000;
	font-family:Arial, sans-serif;
	font-weight:bold;
}

/* SEO POPUP FULL TEXT */
.popup-fulltext
{
    position: fixed;
    width: 320px;
    height: 200px;
    background-color: #fff;
    z-index: 10000;
    visibility: hidden;
    top: 100px;
}

.popup-fulltext-container
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
}

.popup-fulltext-content
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    text-shadow: none;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}


/***** OTHERS CLASSES AND UTILS *****/
.badge-evidence-holder { position: absolute; }
.badge-evidence
{
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	background-color: #000;
	text-shadow: none;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:24px;
	font-size:12px;
	background-image:url(../assets/heart-white.png);
	background-position:center;
	background-repeat:no-repeat;
	cursor: pointer;
	box-shadow: 0px 0px 1px 1px #999;
	
	-webkit-animation-name: badgeEvidenceAnimation;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 10;
	-webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
	
	animation-name: badgeEvidenceAnimation;
    animation-duration: 0.4s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 10;
	animation-direction: alternate;
    animation-play-state: running;
}

@-webkit-keyframes badgeEvidenceAnimation
{
	0%		{top: -0px;}
	100%	{top: -12px;}
}
@keyframes badgeEvidenceAnimation
{
	0%		{top: 0px;}
	100%	{top: -12px;}
}


.link-evidence-holder
{
	position: absolute;
}

.link-evidence
{
	position: absolute;
	background-color: #CC0000;
	text-shadow: none;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:24px;
	font-size:12px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right:6px;
	padding-left:6px;
	border-radius: 4px;
	width: 100px;
	cursor: pointer;
	box-shadow: 1px 1px 1px 1px #333333;
	
	-webkit-animation-name: linkEvidenceAnimation;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 10;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
	
	animation-name: linkEvidenceAnimation;
    animation-duration: 0.4s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 10;
    animation-direction: alternate;
    animation-play-state: running;
}


@-webkit-keyframes linkEvidenceAnimation
{
	0%		{left: 0px;}
	100%	{left: 10px;}
}

@keyframes linkEvidenceAnimation
{
	0%		{left: 0px;}
	100%	{left: 10px;}
}
/*google*/
.ui-icon-google-plus-square:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M189.174%20444.476q0%2010.603-2.79%2019.81h-106.027q-26.507%200-47.852-15.765t-28.878-41.155q6.696-12.556%2019.252-21.624t27.902-13.812%2029.855-6.696%2029.855-1.953q8.929%200%2013.672%200.558%201.674%201.116%208.51%205.859t9.208%206.417%208.649%206.417%208.929%207.115%207.673%207.115%207.394%208.231%205.859%208.51%204.883%209.626%202.651%2010.044%201.255%2011.3zM107.422%20346.54q-65.29%201.953-107.422%2023.716v-120.815q28.739%2032.924%2076.172%2032.924%208.929%200%2019.531-1.395-5.859%2017.020-5.859%2023.996%200%2018.694%2017.578%2041.574zM155.692%20203.962q0%2027.902-12.137%2044.782t-39.202%2016.88q-14.23%200-27.065-7.254t-21.763-18.833-15.625-26.088-9.905-29.018-3.208-27.623q0-26.786%2014.37-46.038t40.318-19.252q18.415%200%2033.203%2011.44t23.438%2029.018%2013.114%2036.272%204.464%2035.714zM428.571%20178.571v205.357q0%2033.203-23.577%2056.78t-56.78%2023.577h-130.581q10.882-20.368%2010.882-43.806%200-18.415-6.138-34.18t-15.485-25.949-20.089-19.81-20.089-16.602-15.485-15.207-6.138-16.602q0-10.044%206.417-18.973t15.625-17.16%2018.276-17.997%2015.485-25.949%206.417-36.551-7.394-40.597-21.066-33.063q-1.674-1.674-3.906-3.069t-3.488-2.093-2.79-2.651-2.93-4.743h37.667l37.667-17.857h-121.931q-38.504%200-68.22%2010.742t-50.921%2037.249q0-35.156%2022.601-59.431t57.757-24.274h267.857q33.203%200%2056.78%2023.577t23.577%2056.78v26.786h-71.429v-71.429h-35.714v71.429h-71.429v35.714h71.429v71.429h35.714v-71.429h71.429z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; }
.ui-nosvg .ui-icon-google-plus-square:after { background-image: url("png_icons/google-plus-square.png"); }
.ui-icon-google-plus:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M244.419%20408.761q0-5.859-1.255-11.3t-2.651-10.044-4.883-9.626-5.859-8.51-7.394-8.231-7.673-7.115-8.929-7.115-8.649-6.417-9.208-6.417-8.51-5.859q-4.743-0.558-13.951-0.558-15.067%200-29.576%201.953t-30.134%206.976-27.344%2012.835-19.252%2020.926-7.534%2029.855q0%2018.973%209.905%2033.901t25.949%2023.438%2033.622%2012.695%2035.435%204.185q16.462%200%2031.39-3.488t28.042-10.882%2020.787-20.508%207.673-30.692zM210.938%20168.248q0-16.741-4.604-35.575t-13.114-36.412-23.438-29.018-33.343-11.44q-25.949%200-40.179%2019.252t-14.23%2046.038q0%2013.114%203.208%2027.623t9.905%2029.018%2015.625%2026.088%2021.763%2018.833%2027.065%207.254q27.065%200%2039.202-16.88t12.137-44.782zM174.386%2035.714h121.931l-37.667%2022.042h-37.667q19.81%2012.556%2030.692%2035.156t10.882%2047.154q0%2020.647-6.417%2036.691t-15.625%2025.809-18.415%2017.997-15.625%2017.020-6.417%2018.833q0%207.254%204.604%2014.23t11.998%2013.393%2016.323%2013.393%2017.857%2015.485%2016.323%2018.415%2011.998%2023.716%204.604%2029.715q0%2044.643-39.062%2078.683-42.411%2036.551-117.188%2036.551-16.462%200-33.343-2.79t-34.040-9.347-30.273-16.183-21.484-24.833-8.371-33.901q0-17.020%2010.324-37.667%208.929-17.857%2026.786-30.832t40.458-19.81%2043.248-10.044%2041.853-3.767q-17.857-23.159-17.857-41.574%200-3.348%200.558-6.557t1.395-5.441%202.232-5.999%201.953-5.999q-11.161%201.395-19.531%201.395-41.574%200-71.289-27.344t-29.715-68.638q0-39.063%2026.507-69.894t65.29-39.481q26.228-5.581%2052.176-5.581zM464.286%20107.143v35.714h-71.429v71.429h-35.714v-71.429h-71.429v-35.714h71.429v-71.429h35.714v71.429h71.429z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; }
.ui-nosvg .ui-icon-google-plus:after { background-image: url("png_icons/google-plus.png"); }
/*pinterest*/
.ui-icon-pinterest-square:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M348.214%2035.714q33.203%200%2056.78%2023.577t23.577%2056.78v267.857q0%2033.203-23.577%2056.78t-56.78%2023.577h-202.288q23.716-34.040%2030.134-58.594%202.511-9.487%2014.788-58.315%205.859%2010.882%2020.508%2018.694t31.39%207.813q50.502%200%2082.45-41.155t31.948-104.213q0-23.438-9.766-45.34t-26.925-38.784-42.55-27.065-54.966-10.184q-29.018%200-54.269%207.952t-42.69%2021.345-29.995%2030.552-18.555%2035.714-5.999%2036.97q0%2028.46%2011.021%2050.223t32.505%2030.692q3.627%201.395%206.557%200t4.046-5.301q2.79-12.277%204.185-17.020%201.674-6.417-3.069-11.719-13.951-17.299-13.951-41.853%200-41.853%2028.878-71.568t75.474-29.715q41.574%200%2064.872%2022.601t23.298%2058.594q0%2046.875-18.833%2079.799t-48.41%2032.924q-16.741%200-27.065-12.137t-6.417-28.878q2.232-9.487%207.394-25.809t8.231-28.46%203.069-20.787q0-13.672-7.394-22.74t-21.066-9.068q-17.020%200-28.878%2015.765t-11.858%2038.923q0%2020.089%206.696%2033.761l-27.344%20115.513q-6.696%2027.902-1.953%2070.871h-51.060q-33.203%200-56.78-23.577t-23.577-56.78v-267.857q0-33.203%2023.577-56.78t56.78-23.577h267.857z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; }
.ui-nosvg .ui-icon-pinterest-square:after { background-image: url("png_icons/pinterest-square.png"); }
/*twitter*/
.ui-icon-twitter-square:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M357.143%20170.201q-15.625%206.976-33.761%209.487%2018.973-11.161%2025.949-32.645-18.136%2010.603-37.388%2014.23-17.020-18.415-42.69-18.415-24.274%200-41.434%2017.16t-17.16%2041.434q0%208.091%201.395%2013.393-35.993-1.953-67.522-18.136t-53.571-43.248q-8.091%2013.951-8.091%2029.576%200%2031.808%2025.391%2048.828-13.114-0.279-27.902-7.254v0.558q0%2020.926%2013.951%2037.249t34.319%2020.229q-8.091%202.232-14.23%202.232-3.627%200-10.882-1.116%205.859%2017.578%2020.787%2029.018t33.901%2011.719q-32.366%2025.112-72.824%2025.112-7.254%200-13.951-0.837%2041.294%2026.228%2089.844%2026.228%2031.25%200%2058.594-9.905t46.875-26.507%2033.622-38.226%2020.926-45.201%206.836-47.015q0-5.022-0.279-7.534%2017.578-12.556%2029.297-30.413zM428.571%20116.071v267.857q0%2033.203-23.577%2056.78t-56.78%2023.577h-267.857q-33.203%200-56.78-23.577t-23.577-56.78v-267.857q0-33.203%2023.577-56.78t56.78-23.577h267.857q33.203%200%2056.78%2023.577t23.577%2056.78z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; }
.ui-nosvg .ui-icon-twitter-square:after { background-image: url("png_icons/twitter-square.png"); }
.ui-icon-twitter:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M452.009%20113.839q-18.694%2027.344-45.201%2046.596%200.279%203.906%200.279%2011.719%200%2036.272-10.603%2072.405t-32.227%2069.336-51.479%2058.733-71.987%2040.737-90.123%2015.207q-75.614%200-138.393-40.458%209.766%201.116%2021.763%201.116%2062.779%200%20111.886-38.504-29.297-0.558-52.456-17.997t-31.808-44.503q9.208%201.395%2017.020%201.395%2011.998%200%2023.716-3.069-31.25-6.417-51.758-31.11t-20.508-57.338v-1.116q18.973%2010.603%2040.737%2011.44-18.415-12.277-29.297-32.087t-10.882-42.969q0-24.554%2012.277-45.48%2033.761%2041.574%2082.171%2066.546t103.655%2027.762q-2.232-10.603-2.232-20.647%200-37.388%2026.367-63.755t63.755-26.367q39.063%200%2065.848%2028.46%2030.413-5.859%2057.199-21.763-10.324%2032.087-39.621%2049.665%2025.949-2.79%2051.897-13.951z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; }
.ui-nosvg .ui-icon-twitter:after { background-image: url("png_icons/twitter.png"); }
/*facebook*/
.ui-icon-facebook-square:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M364.676%20256.138l6.417-61.105h-55.246v-30.413q0-13.672%204.325-19.113t19.95-5.441h30.692v-61.105h-48.828q-42.411%200-60.826%2020.089t-18.415%2059.431v36.551h-36.551v61.105h36.551v177.176h73.103v-177.176h48.828zM428.571%20116.071v267.857q0%2033.203-23.577%2056.78t-56.78%2023.577h-267.857q-33.203%200-56.78-23.577t-23.577-56.78v-267.857q0-33.203%2023.577-56.78t56.78-23.577h267.857q33.203%200%2056.78%2023.577t23.577%2056.78z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; }
.ui-nosvg .ui-icon-facebook-square:after { background-image: url("png_icons/facebook-square.png"); }
.ui-icon-facebook:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M142.578%20155.134h71.708l-8.371%2079.241h-63.337v229.911h-95.145v-229.911h-47.433v-79.241h47.433v-47.712q0-50.781%2023.996-76.87t78.962-26.088h63.337v79.241h-39.621q-10.882%200-17.438%201.813t-9.487%206.557-3.767%209.626-0.837%2013.812v39.621z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; }
.ui-nosvg .ui-icon-facebook:after { background-image: url("png_icons/facebook.png"); }
.ui-icon-facebook3:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M464.286%20160.714v71.429q0%207.254-5.301%2012.556t-12.556%205.301h-17.857q-7.254%200-12.556-5.301t-5.301-12.556v-71.429q0-29.576-20.926-50.502t-50.502-20.926-50.502%2020.926-20.926%2050.502v53.571h26.786q11.161%200%2018.973%207.813t7.813%2018.973v160.714q0%2011.161-7.813%2018.973t-18.973%207.813h-267.857q-11.161%200-18.973-7.813t-7.813-18.973v-160.714q0-11.161%207.813-18.973t18.973-7.813h187.5v-53.571q0-51.618%2036.691-88.309t88.309-36.691%2088.309%2036.691%2036.691%2088.309z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; }
.ui-nosvg .ui-icon-facebook3:after { background-image: url("png_icons/facebook3.png"); }

/*** SEO ***/
.h1bis { width:100%; padding:4px 0px 6px 0px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#636363;float:center; text-align: center;}
.next {
    position: absolute;
    z-index:10;
    top:50%;
    text-align:right;
    right:50px;
    font-size:40px;
    text-decoration:none;
    visibility:hidden;
}
.prev {
    position: absolute;
    z-index:11;
    top:50%;
    text-align:left;
    left:0px;
    font-size:40px;
    text-decoration:none;
    visibility:hidden;
}