body{
	overflow:hidden;
}

a:link, a:visited, a:hover, a:active { outline:none } 

@font-face {
    font-family: "Josefin Sans";
    src: url("../fonts/JosefinSans-Light.ttf") format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Josefin Sans";
    src: url("../fonts/JosefinSans-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Josefin Sans";
    src: url("../fonts/JosefinSans-Italic.ttf") format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Josefin Sans";
    src: url("../fonts/JosefinSans-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

#menu-main
{	
	background-color:#FEFEFE;
	box-shadow: inset -10px 0 10px -10px rgba(180, 180, 180, 0.75);
	-moz-box-shadow: inset -10px 0 10px -10px rgba(180, 180, 180, 0.75);
	-webkit-box-shadow: inset -10px 0 10px -10px rgba(180, 180, 180, 0.75);
	position:absolute;
	top:0px;
	height:100%;
	left:0px;
	width:0px;
	overflow:hidden;
	white-space: nowrap;
	-webkit-transition:width .05s linear;
	transition:width .05s linear;
	-webkit-transform:translateZ(0) scale(1,1);
	z-index:2000;
}

#menu-main-ul
{
	position:absolute;
	top:80px;
	bottom:100px;
	left:0px;
	width:100%;
	overflow-y:auto;
	overflow-x:hidden;
}

#menu-main>ul {
	margin:7px 0;
	position:absolute;
}

#menu-main li {
	position:relative;
	display:block;
	width:250px;
	height:50px;
}

#menu-main li>a {
	position:relative;
	width:240px;
	display:table;
	border-collapse:collapse;
	border-spacing:0;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18px;
	color:#777777;
	text-decoration:none;
	-webkit-transform:translateZ(0) scale(1,1);
	-webkit-transition:all .1s linear;
	transition:all .1s linear;
}

#menu-accident-bigtitle {
	position:absolute;
	top:5px;
	left:60px;
	width:180px;
	height:15px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 10px;
	color:#FF0000;
	text-decoration:none;
}

#menu-accident-title {
	position:absolute;
	top:18px;
	left:60px;
	width:180px;
	font-family: 'Josefin Sans', sans-serif;
}

a:hover,a:focus
{
	text-decoration:none;
}

nav
{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}

nav ul, nav li
{
	outline:0;
	margin:0;
	padding:0;
}

#menu-main li:hover>a, menu-main li:active>a
{
	background-color:#DFECFE;
}

#menu-main-site
{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 10px;
	color:#777777;
	position:absolute;
	top:70px;
	left:10px;
}

#menu
{	
	background-color:#FEFEFE;
	box-shadow: inset -10px 0 10px -10px rgba(180, 180, 180, 0.75);
	-moz-box-shadow: inset -10px 0 10px -10px rgba(180, 180, 180, 0.75);
	-webkit-box-shadow: inset -10px 0 10px -10px rgba(180, 180, 180, 0.75);
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	width:60px;
	z-index:1000;
}

#menu li {
	position:relative;
	display:block;
	width:60px;
	height:50px;
	margin-left:3px;
}

#menu li:hover>a, nav.menu li.active>a
{
	background-color:#FFFFFF;
	display:block;
	height:45px;
}

.sousmenu
{
	background-color:#FEFEFE;
	box-shadow: inset -10px 0 10px -10px rgba(180, 180, 180, 0.75);
	-moz-box-shadow: inset -10px 0 10px -10px rgba(180, 180, 180, 0.75);
	-webkit-box-shadow: inset -10px 0 10px -10px rgba(180, 180, 180, 0.75);
	position:absolute;
	top:0px;
	left:57px;
	width:0px;
	height:auto;
	min-height:45px;
	z-index:1200;
	overflow:hidden;
	display: block;
	white-space: nowrap;
	-webkit-transform:translateZ(0) scale(1,1);
	-webkit-transition:all .1s linear;
	transition:all .1s linear;
	font-family: 'Josefin Sans', sans-serif;
}

#main
{	
	position:absolute;
	top:0px;
	bottom:0px;
	left:60px;
	right:0px;
	overflow:hidden;
	z-index:10;
	background-color: #EEEEEE;
}

#main-title
{
	position:absolute;
	top:15px;
	height:30px;
	overflow:hidden;
	left:10px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 30px;
	color: #174791;
	text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-webkit-user-select: none; 
	-khtml-user-select: none;
	-moz-user-select: none; 
	-o-user-select: none;
	user-select: none; 
	z-index:100;
}

#main-subtitle
{
	position:absolute;
	top:45px;
	height:20px;
	overflow:hidden;
	left:10px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18px;
	color: #174791;
	text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-webkit-user-select: none; 
	-khtml-user-select: none;
	-moz-user-select: none; 
	-o-user-select: none;
	user-select: none; 
	z-index:100;
}

#main-subtitle-accident
{
	position:absolute;
	top:65px;
	height:20px;
	overflow:hidden;
	left:10px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18px;
	color: #174791;
	text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-webkit-user-select: none; 
	-khtml-user-select: none;
	-moz-user-select: none; 
	-o-user-select: none;
	user-select: none; 
	z-index:100;
}

#main-subtitle2
{
	position:absolute;
	top:65px;
	height:20px;
	overflow:hidden;
	left:10px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18px;
	color: #174791;
	text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-webkit-user-select: none; 
	-khtml-user-select: none;
	-moz-user-select: none; 
	-o-user-select: none;
	user-select: none; 
	z-index:100;
}

#open_layers_map
{
	position:absolute;
	top:0px;
	left:-60px;
	bottom:0px;
	right:0px;
	z-index:0;
}

.zone-title
{
	padding: 8px;
	
	background: #014b96; /* Old browsers */
	background: -moz-linear-gradient(left, #014b96 0%, #17295b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #014b96 0%,#17295b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #014b96 0%,#17295b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014b96', endColorstr='#17295b',GradientType=1 ); /* IE6-9 */
	
	border: 1px solid #014b96;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
	
	font-family: 'Josefin Sans', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	height:30px;
	
	touch-action:none;
	user-select: none;
	-webkit-user-select:none;
}

.zone-content
{
	padding: 2px;
	
	background: #FFFFFF;
	
	border: 1px solid #9b9bb5;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
	
	position:absolute;
	top:28px;
	left:0px;
	right:0px;
	
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	color: #777777;
	
	touch-action:none;
	user-select: none;
	-webkit-user-select:none;
}

.zone-content-resizable
{
	padding: 2px;
	
	background: #FFFFFF;
	
	border: 1px solid #9b9bb5;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 6px 2px rgba(119, 119, 119, 0.75);
	
	position:absolute;
	top:28px;
	left:0px;
	right:0px;
	
	overflow: auto;
	
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	color: #777777;
	
	touch-action:none;
	user-select: none;
	-webkit-user-select:none;
}

.zone-content-table
{
	border:0px;
	border-spacing:0px;
	width:99%;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	color: #777777;
	
	touch-action:none;
	user-select: none;
	-webkit-user-select:none;
}

.rond {
	width:10px;
	height:10px;
	border-radius:50%;
	margin-left:2px;
	margin-right:2px;
	margin-top:-3px;
}

.slidercontent{
	position:absolute;
	left:0px;
	right:30px;
	bottom:0px;
	height:30px;
}
.slider {
	-webkit-appearance: none;
	position:absolute;
	top:10px;
	width:100%;
	height: 10px;
	border-radius: 2px;
	background: #777777;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}
.slider:hover {
	opacity: 1;
}
.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	background: #014b96;
	cursor: pointer;
}
.slider::-moz-range-thumb {
	width: 20px;
	height: 20px;
	background: #014b96;
	cursor: pointer;
}
#sliderplay{
	position:absolute;
	right:0px;
	bottom:0px;
	width:30px;
	height:30px;
	color: #014b96;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 24px;
	text-align:center;
	cursor: pointer;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}
#sliderplay:hover {
	opacity: 1;
}
#timeSliderTooltip{
	position:absolute;
	display:none;
	left:0px;
	top:-15px;
	width:100px;
	height:13px;
	background: #014b96;
	color:#ffffff;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	text-align:center;
	opacity: 0.7;
	border-radius: 5px;
	border:1px solid #ffffff;
	padding:2px;
}

.select-style {
    border: 1px solid #ccc;
    width: 200px;
	height:24px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("../images/select.png") no-repeat 90% 50%;
	margin:9px;
}
.select-style:hover {
    border: 1px solid #174791;
}
.select-style select {
    padding: 5px 8px;
    width: 130%;
	font-family: 'Josefin Sans', sans-serif;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}
.select-style select:focus {
    outline: none;
}

.select-medium-style {
    border: 1px solid #ccc;
    width: 300px;
	height:24px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("../images/select-medium.png") no-repeat 90% 50%;
	margin:9px;
}
.select-medium-style:hover {
    border: 1px solid #174791;
}
.select-medium-style select {
    padding: 5px 8px;
    width: 130%;
	font-family: 'Josefin Sans', sans-serif;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}
.select-medium-style select:focus {
    outline: none;
}

.select-long-style {
    border: 1px solid #ccc;
    width: 400px;
	height:24px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("../images/select-long.png") no-repeat 90% 50%;
	margin:9px;
}
.select-long-style:hover {
    border: 1px solid #174791;
}
.select-long-style select {
    padding: 5px 8px;
    width: 130%;
	font-family: 'Josefin Sans', sans-serif;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}
.select-long-style select:focus {
    outline: none;
}

.select-short-style {
    border: 1px solid #ccc;
    width: 100px;
	height:24px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("../images/select-short.png") no-repeat 90% 50%;
	margin:9px;
}
.select-short-style:hover {
    border: 1px solid #174791;
}
.select-short-style select {
    padding: 5px 8px;
    width: 130%;
	font-family: 'Josefin Sans', sans-serif;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}
.select-short-style select:focus {
    outline: none;
}

.select-mini-style {
    border: 1px solid #ccc;
    width: 80px;
	height:14px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("../images/input.png") no-repeat 90% 50%;
	margin:0px;
}
.select-mini-style:hover {
    border: 1px solid #174791;
}
.select-mini-style select {
    padding: 2px 0px;
    width: 130%;
	font-family: 'Josefin Sans', sans-serif;
	font-size : 10px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}
.select-mini-style select:focus {
    outline: none;
}

.select-shorter-style {
    border: 1px solid #ccc;
    width: 150px;
	height:24px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("../images/select-shorter.png") no-repeat 90% 50%;
	margin:9px;
}
.select-shorter-style:hover {
    border: 1px solid #174791;
}
.select-shorter-style select {
    padding: 5px 8px;
    width: 130%;
	font-family: 'Josefin Sans', sans-serif;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}
.select-shorter-style select:focus {
    outline: none;
}

.multiselect-parent {
	border: 1px solid #ccc;
	width: 200px;
	height: 24px;
	border-radius: 3px;
	overflow: hidden;
	background: #fafafa url('../images/select.png') no-repeat 90% 50%;
	margin:9px;
	padding: 5px 8px;
	box-sizing:border-box;
	font-family: 'Josefin Sans', sans-serif;
	font-size:13px;
}

.multiselect-child {
	display: none;
	border: 1px solid #174791;
	border-radius: 3px;
	width: 200px;
	max-height: 200px;
	overflow: auto;
	margin: 9px;
	position: relative;
	top: -10px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 13px;
}

input[type=text],input[type=password] {
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fafafa url("../images/input.png") repeat 90% 50%;
	font-family: 'Josefin Sans', sans-serif;
}

input[type=text]:focus,input[type=password]:focus,input[type=text]:hover,input[type=password]:hover  {
	border: 1px solid #174791;
	outline: none;
}

input[type=button],input[type=submit] {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fafafa url("../images/input.png") repeat 90% 50%;
	font-family: 'Josefin Sans', sans-serif;
	text-align:center;
	margin: 10px;
	padding: 5px;
	cursor: pointer;
}

input[type=button]:hover, input[type=submit]:hover  {
	border: 1px solid #174791;
	background: #DFECFE;	
}

.simulation_button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fafafa url("../images/input.png") repeat 90% 50%;
	font-family: 'Josefin Sans', sans-serif;
	text-align:center;
	margin: 5px;
	padding: 5px;
	cursor: pointer;
}
.simulation_button_active, .simulation_button:hover {
	border: 1px solid #174791;
	background: #DFECFE;	
}

.max_button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fafafa url("../images/input.png") repeat 90% 50%;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 10px;
	text-align:center;
	margin: 5px;
	padding: 5px;
	cursor: pointer;
}
.max_button_active, .max_button:hover {
	border: 1px solid #174791;
	background: #DFECFE;
}

.iconActive {
    -webkit-filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
    filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
}
	
_:-ms-fullscreen, :root .iconActive {
    background-color:#DFECFE;
}
	
@-moz-keyframes fonduzoom {
   0%  {opacity:0;transform:scale(0.5);}
   100% {opacity:1;transform:scale(1);}
}
@-webkit-keyframes fonduzoom {
   0%  {opacity:0;transform:scale(0.5);}
   100% {opacity:1;transform:scale(1);}
}
@-o-keyframes fonduzoom {
   0%  {opacity:0;transform:scale(0.5);}
   100% {opacity:1;transform:scale(1);}
}
@-ms-keyframes fonduzoom {
   0%  {opacity:0;transform:scale(0.5);}
   100% {opacity:1;transform:scale(1);}
}
@keyframes fonduzoom {
   0%  {opacity:0;transform:scale(0.5);}
   100% {opacity:1;transform:scale(1);}
}

@-moz-keyframes fondu {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-webkit-keyframes fondu {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-o-keyframes fondu {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-ms-keyframes fondu {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@keyframes fondu {
   0%  {opacity:0;}
   100% {opacity:1;}
}




@-moz-keyframes fonduclear {
   0%  {opacity:0;}
   20% {opacity:1;}
   80% {opacity:1;}
   100% {opacity:0;}
}
@-webkit-keyframes fonduclear {
   0%  {opacity:0;}
   20% {opacity:1;}
   80% {opacity:1;}
   100% {opacity:0;}
}
@-o-keyframes fonduclear {
   0%  {opacity:0;}
   20% {opacity:1;}
   80% {opacity:1;}
   100% {opacity:0;}
}
@-ms-keyframes fonduclear {
   0%  {opacity:0;}
   20% {opacity:1;}
   80% {opacity:1;}
   100% {opacity:0;}
}
@keyframes fonduclear {
   0%  {opacity:0;}
   20% {opacity:1;}
   80% {opacity:1;}
   100% {opacity:0;}
}


.img_login figure {
	position: relative;
}
.img_login figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	 -webkit-filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
      filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
}
.img_login figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

#openlayers_popup {
	position: absolute;
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #9b9bb5;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	bottom: 12px;
	left: -50px;
	min-width: 200px;
}
#openlayers_popup:after, #openlayers_popup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#openlayers_popup:after {
	border-top-color: white;
	border-width: 10px;
	left: 48px;
	margin-left: -10px;
}
#openlayers_popup:before {
	border-top-color: #cccccc;
	border-width: 11px;
	left: 48px;
	margin-left: -11px;
}

.table1 {
	font-size:12px;
	width:100%;
	border: 0px;
	border-collapse:collapse;
}
.table1 td{
	border: 0px;
	padding: 4px;
}
.table1 tr {
	background-color:#fcfcfc;
}
.table1 tr:nth-of-type(odd) {
	background-color:#eeeeee;
}

.table1 tr:hover {
	background-color:#DFECFE;
}
.table1 tr:hover td {
    background-color:transparent;
}

.table_volets_figes {
  position: relative;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  border: 0px;
  font-family: 'Josefin Sans', sans-serif;
  font-size:10px;
  text-align:center;
}
.table_volets_figes td, th {
  width: 65px;
  word-break:break-all;
  border: 0px;
  padding: 4px;
}
.table_volets_figes thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  background:#fcfcfc;
}
.table_volets_figes thead th:first-child {
  left: 0;
  z-index: 1;
}
.table_volets_figes tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  background:#eeeeee;
}
.table_volets_figes tbody tr {
	background:#fcfcfc;
}
.table_volets_figes tbody tr:nth-of-type(odd) {
	background:#eeeeee;
}

.table_volets_figes1 {
  position: relative;
  border-collapse: collapse;
  width: 100%;
  border: 0px;
  font-family: 'Josefin Sans', sans-serif;
  font-size:10px;
  text-align:left;
  table-layout: fixed;
}
.table_volets_figes1 td, th {
  word-break:break-all;
  border: 0px;
  padding: 4px;
}
.table_volets_figes1 thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  background:#fcfcfc;
}
.table_volets_figes1 thead th:first-child {
  left: 0;
  z-index: 1;
}
.table_volets_figes1 tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  background:#eeeeee;
}
.table_volets_figes1 tbody tr {
	background:#fcfcfc;
}
.table_volets_figes1 tbody tr:nth-of-type(odd) {
	background:#eeeeee;
}

.table_volets_figes2 {
  position: relative;
  border-collapse: collapse;
  width: 100%;
  border: 0px;
  font-family: 'Josefin Sans', sans-serif;
  font-size:10px; 
  table-layout: fixed; 
}
.table_volets_figes2 td, th {
  border: 0px;
  padding: 4px;
  text-align: left;
}
.table_volets_figes2 thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  word-break: normal;
  top: 0;
}
.table_volets_figes2 thead th:first-child {
  left: 0;
  z-index: 1;
}
.table_volets_figes2 tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  text-align: left;
  font-weight: normal;
  word-break: normal;
}

.table_simulation_list {
	font-size:12px;
	width:100%;
	border: 0px;
	border-collapse:collapse;
}
.table_simulation_list td{
	border: 0px;
	padding: 4px;
}
.table_simulation_list tr {
	background-color:#fcfcfc;
	height: 28px;
}
.table_simulation_list tr:nth-of-type(odd) {
	background-color:#eeeeee;
}

.table_simulation_list tr:hover {
	background-color:#DFECFE;
}
.table_simulation_list tr:hover td {
    background-color:transparent;
}

.table_simulation_emission {
	font-size:10px;
	width:40px;
	border: 0px;
	border-collapse:collapse;
}
.table_simulation_emission tr {
	height: 30px;
}

.input_emission {
	width:40px;
	font-size:11px;
}


#table_extraction {
  position: relative;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  border: 0px;
  font-family: 'Josefin Sans', sans-serif;
  font-size:10px;
  text-align:center;
}
#table_extraction td, th {
  width: 65px;
  word-break:normal;
  border: 0px;
  padding: 4px;
}
#table_extraction thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  background:#fcfcfc;
  word-break:normal;
}
#table_extraction thead th:first-child {
  left: 0;
  z-index: 1;
}
#table_extraction tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  background:#eeeeee;
}
#table_extraction tbody tr {
	background:#fcfcfc;
}
#table_extraction tbody tr:nth-of-type(odd) {
	background:#eeeeee;
}

#table_config_alerts {
  position: relative;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  border: 0px;
  font-family: 'Josefin Sans', sans-serif;
  font-size:10px;
}
#table_config_alerts td, th {
  word-break:break-all;
  border: 0px;
  padding: 4px;
  text-align:center;
  background:#eeeeee;
}
#table_config_alerts thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
}
#table_config_alerts thead th:first-child {
  left: 0;
  z-index: 1;
}
#table_config_alerts tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
}

#table_config_alerts1 {
  position: relative;
  border-collapse: collapse;
  table-layout: fixed;
  border: 0px;
  font-family: 'Josefin Sans', sans-serif;
  font-size:10px;
}
#table_config_alerts1 td, th {
  word-break:break-all;
  border: 0px;
  padding: 4px;
  text-align:center;
  background:#eeeeee;
}

.button_delete {
	background: url("../images/delete.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
	vertical-align: middle;
	border:0px;
}
.button_delete:hover {
	background: url("../images/delete_on.png") no-repeat;
}

.button_send_mail_password {
	background: url("../images/send_mail_password.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
	vertical-align: middle;
	border:0px;
}
.button_send_mail_password:hover {
	background: url("../images/send_mail_password_on.png") no-repeat;
}

.button_save {
	background: url("../images/save.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
	vertical-align: middle;
	border:0px;
}
.button_save:hover {
	background: url("../images/save_on.png") no-repeat;
}

.button_copy {
	background: url("../images/copy.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
	vertical-align: middle;
	border:0px;
}
.button_copy:hover {
	background: url("../images/copy_on.png") no-repeat;
}

#blur{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:999;
	background-color: #FFFFFFCC;
	display:none;
}

#dialogbox {
	display:none;
	position:absolute;
	width:400px;
	height:200px;
	top:50%;
	left:50%;
	margin-left:-200px;
	margin-top:-100px;
	z-index:1000;
}

#dialogbox-content {
	padding: 10px;
	line-height: 20px;
}

@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

.blink-image {
	-moz-animation:blink normal 2s infinite ease-in-out;
	-webkit-animation:blink normal 2s infinite ease-in-out;
	-ms-animation:blink normal 2s infinite ease-in-out;
	animation:blink normal 2s infinite ease-in-out;
}

.message {
	position:absolute;
	bottom:20px;
	right:30px;
	width:300px;
	height:14px;
	z-index:1000;
	text-align:right;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 14px;
	color: #F00;
	font-weight: 400;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
	opacity:0;
	visibility:hidden;
}

.vertical-text {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	text-orientation: sideways;
}