.insitu-module		{ position:absolute; left:-5px; top:-5px; z-index:5000; text-align:left;
						color:#fff; text-decoration:none; font-size:11px;
						width:1.25em; height:1.2em; overflow:hidden;
						background-repeat:no-repeat; background-position:2px center;  background-size:auto 80%;
						font-size:14px; font-family:'BebasNeue',Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; text-decoration:none; transition: width 0.3s; }
	.insitu-module .open-module{ padding:0 0 0 18px; display:inline-block; }
    .insitu-module:hover        {width: auto; }

	#navigation .insert .direct a,
	.insitu-module a	{ margin-right:10px; text-shadow:none; font-family:inherit; display:inline; color:#eee; text-decoration:none; }
	.insitu-module a:hover{ color:#fff; }

.levels-overlay,
#in-situ-form,
#overlay2,
#levels							{ position:fixed; overflow:visible; box-shadow:none; background:#333 url('../img/big-levels2.png') no-repeat center bottom;color:#efefef; height:auto;width:90%;display:none;margin:auto; padding:0;z-index:11000;}

#menu_levels					{ display:block; width:50px; position:fixed; z-index:12000; top:25px; left:-30px; transition: left 0.2s; }
#menu_levels:hover              { left: 0; }
#menu_levels .levels_menu		{ left:0; top:46px; }
.overlay #levels-link,
#menu_levels #levels-link		{ background:url('../img/levels_sprite.png') no-repeat; width:40px; height:45px; text-indent:-99999px; display:block; position:absolute; margin-left:6px; }
.overlay #levels-link,
#menu_levels.open #levels-link	{ background-position:left -50px ; margin-left:0;}
.overlay #levels-link			{ left:-20px; top:25px; }
#menu_levels.open				{ }

.lvl_template_name {
	position: relative;
}
.lvl_template_name > * {
	position: absolute;
	z-index: 100;
	top: -1em;
	left: 0;
	background: #333;
	color: #fff;
	display: block;
	padding: .3em;
}

.levels_logo				{ width:120px; height:120px; position:absolute; top:16px; left:-22px; background:url('../img/levels-60.png') no-repeat; }
#menu_levels .levels_menu	{ position:absolute; width:30px; top:46px; left:0; text-align:left;}
#openHelp,
.levels_menu a				{ height:30px; margin:0!important; padding:6px 2px 0 30px; background-color:#F90; background-repeat:no-repeat; background-position:4px center; display:block; cursor:pointer;
						 	 background-size:auto 60%;
							 font-size:14px; font-family:'BebasNeue',Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff!important; text-decoration:none!important;
							 /*text-shadow:0px 0px 7px #000; border-radius:2px;*/ }
.front .levels_menu.icons			{ width:500px; height:auto;position:absolute; top:60px; left:360px; color:#666; }
#openHelp					{ width:40px; height:40px; position:absolute; z-index:1000; top:-15px; right:10px; padding-left:2px;  background:url('../img/help-icon.png') no-repeat center; text-indent:-99999px; }

.levelsBox.debug			{ margin:1em 0; color: #333;}
.levelsBox.debug .card-body {
	max-height: 500px;
  	overflow: auto;
	text-align: left!important;
	margin: 0;
	padding: 1rem;
}

.levels_menu.icons a		{ width:70px; height:60px; font-size:20px; float:left; margin:0 2px 2px 0; }
.levels_menu.icons a:nth-child(3n){ clear:right; }
.levels_menu a:hover		{ /*background-color:#56647f; border:1px solid #999;*/ }
.levels_menu .exit			{ background-color:#cc0000; background-image:url('../img/exit.svg'); }

#levels .levels_menu		{ left:-20px; top:80px; position:absolute; }

a.insitu					{ background-color:#39C; background-image:url('../img/in-situ.svg');  }
.embedded a.insitu			{ display:none; }

.embedded.levels_menu a	    { padding: 5px 5px 5px 25px; width: auto; text-indent:-200px; transition: text-indent 0.3s; }
.embedded.levels_menu a:hover	{ text-indent:0; width: auto;}

.lvlCtrl                    { height:29px; background: #369; padding: 5px; color: #fff; }
.lvlHover					{ box-shadow:0 0 10px #666; }
.lvlCtrl img				{ height:1.2em; vertical-align: top; }
.lvlCtrl a					{ display:none; cursor:pointer; }
.lvlCtrl:hover a			{ display:inline-block; }

.ctrl, .ctrl:hover			{ color:#fff; }

#insitu .modal-title img	{ height:32px; width:auto; }

#levels .levels_menu	{ z-index:16000; }
#levels .scrollable {
	position:relative;
	overflow:hidden;
	height: 665px;
	width: 100%;
}

#levels .scrollable .items {
	width:100%;
	position:absolute;
	height:20000em;
}
#levels .scrollable .items .pane {
	height:700px;
	width: 100%;
	margin:0!important;
}
#insitu iframe,
#levels iframe	{
	border:0!important; width:100%; height:700px; display:block;
}

#insitu .modal-body			{ padding:0; }

.levels_activation			{ width:40px;height:40px; position:fixed;top:0;left:0; z-index:15000;}
.levels_activation a		{ background:#568bcd url('../img/pen-no.png') no-repeat center; background-size:70%; width:18px; height:18px; display:block; cursor:pointer; }
.levels_activation .activation_statut1{ background-image:url('../img/pen.png');}