*{margin:0; padding:0;}

html{
height:100%;
width:100%;

	background: rgb(41,66,82); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyOTQyNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGYyMzJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(41,66,82,1)), color-stop(100%,rgba(15,35,45,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(41,66,82,1) 0%,rgba(15,35,45,1) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */
	background: -webkit-radial-gradient(center ellipse,  rgba(41,66,82,1) 0%,rgba(15,35,45,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(41,66,82,1) 0%,rgba(15,35,45,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#294252', endColorstr='#0f232d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	background-attachment:fixed;
}

html.gradient { /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(196,8,32,1)), color-stop(100%,rgba(159,13,13,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(196,8,32,1) 0%,rgba(159,13,13,1) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */
	background: -webkit-radial-gradient(center ellipse,  rgba(196,8,32,1) 0%,rgba(159,13,13,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(196,8,32,1) 0%,rgba(159,13,13,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40820', endColorstr='#9f0d0d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
body{
font-size:11px;
cursor:default;
font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
/*
font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
font-family: Tahoma, Geneva, Kalimati, sans-serif;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
font-family: Impact, "Arial Black", sans-serif;
*/

text-align:center;
min-height:100%;height:100%;
width:100%;
color:white;

}
h1, h2, h3, h4, h5{ font-weight:100; }
h1{}
h2{ 
}
h3{
}
h4{
}
h5{
}
p{
padding:5px 0px;
}
ul{
/* list-style-type:none; */
list-style-position:inside;
}
hr{
height:2px;
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px solid #dadada;
margin:10px 0px;
}
table{
border-collapse:collapse;
}
th{
}
td{
}
a, .fauxlien{
color:inherit;
cursor:pointer;
font-weight:bold;
text-decoration:none;
}
	a:hover, .fauxlien:hover{text-decoration:underline;}
	a img{border:none;}
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{ text-decoration:none;}
abbr{
border-bottom:1px dotted silver;
}
.imgFloatLeft{ float:left; padding:0 15px 10px 0; }
	.imgFloatLeft img{ float:left; }
.imgFloatRight{ float:right; padding:0 0 10px 15px; }
	.imgFloatRight img{ float:right; }
	
	
/* steadysun */

.orange-steadysun{ color:#E6521E; }

#body-accueil{  }
#container{ min-height:100%; width:100%;  position:absolute; }
	.container-accueil{ background:url(../img/bg-colonne.png) repeat-y top left;  }
	.container-centrale{ background:url(../img/bg-colonne.png) repeat-y top left;  }
	.container-user{ background:url(../img/bg-colonne.png) repeat-y top left;  }
	
#main{ min-height:100%; width:100%; }


header{ 
    height:83px; background:white; position:fixed; z-index:400; top:0; left:0; width:100%; box-shadow:0 0 35px -7px black;  
}


#logo,#logo img{ float:left; }
#langSelect{ float:right; position:relative; z-index:100; height:83px; text-align:center; }
	#langSelect div{ min-height:61px; padding:11px 2px 10px 2px; background:url(../img/arrow1.png) no-repeat 15px 66px #f8f8f8; }
	#langSelect a { display:block; height:39px; width:39px; background:#f2f2f2; margin:5px 4px; border-radius:30px; box-shadow:inset 0 0 3px #bcbcbc; }
	#langSelect a img{ height:20px; padding:9px 0 0 0; }

.sitewidth{ min-width:950px; padding:0 20px; clear:both; min-height:100%; /* max-width:1500px; */ }

.contenu1{ width:90%; margin:auto; text-align:center; }


input.type1{ border:1px solid #adadae; line-height:25px; height:25px; border-radius:20px; background:white; padding:0 15px; margin:3px 2px 3px 5px; width:170px; }
	input.type1:focus{ box-shadow:inset 0 0 12px rgba(0, 0, 0, 0.4); outline:0;  }

input.type2{ border:1px solid #adadae; line-height:25px; height:25px; border-radius:20px; background:white; padding:0 15px; margin:3px 2px 3px 5px;; width:170px; }
	input.type2:focus{ box-shadow:inset 0 0 12px rgba(0, 0, 0, 0.4); outline:0;  }

.colonne-gauche{ 
/* min-height:100%; background:#263943; box-shadow:0 0 40px -30px black;  */
margin-right:23px; width:365px; text-align:left; float:left;
}
	.colonne-gauche h1{ 
	font-family:Verdana; font-size:11px; text-transform:uppercase; color:#CCCCCC; font-weight:100; 
	background:url(../img/arrow2.png) no-repeat 10px 115px; padding:113px 15px 5px 27px;
	}
	
.responsive1{ text-align:left; width:auto; position:fixed; left:410px; top:83px; padding:0 20px 0 0; /* max-width:1107px; */ }
/* .responsive2{ text-align:left; float:left; position:static; margin-top:83px; padding:0 20px 0 0; } */
.responsive2{ text-align:left; margin-left:400px; padding:83px 20px 0 0; }


#usermenu{ height:32px; padding-bottom:23px; }
	#usermenu li{ display:block; float:left; padding:0 13px 0 0; }
	#usermenu li a{ display:block; float:left; color:#333333; font-weight:100; background:#e6e6e6; line-height:25px; height:25px; padding:3px 10px 0 10px; }
	#usermenu li a:hover, #usermenu li a:focus{ text-decoration:none; outline:0; }
	#usermenu li a.up{ padding-top:5px; padding-bottom:2px; background-color: #8CC63F; color: #fff;}



#centrales_map{ height:400px; width:auto; clear:both; }
	#centrales_map.mini{ height:140px; width:140px; }

#special-menu{ z-index:2; position:fixed; top:80px; right:0px; background:#E6521E; padding:5px 3px 3px 5px; border-bottom-left-radius: 20px; box-shadow:0 0 10px -3px black; }
/* #special-menu{ position:fixed; bottom:0px; right:0px; background:#E6521E; padding:5px 3px 3px 5px; border-top-left-radius: 20px; box-shadow:0 0 10px -3px black; } */
	#special-menu a{ display:block; float:left; margin:6px; width:35px; height:35px; line-height:33px; background:#f2f2f2; border-radius:20px; box-shadow:inset 0 0 10px -2px gray; text-align:center; }
	#special-menu a:focus, #special-menu a:hover { box-shadow:0 0 6px black; }
	#special-menu a img{ vertical-align:middle; }
	#special-menu a.off { opacity:0.2; cursor:default }
	#special-menu a.off:focus, #special-menu a.off:hover { box-shadow:none; }


.rond{ display:inline-block; width:37px; height:37px; line-height:37px; color:white; background:#999999; text-align:center; border-radius:20px; font-size:15px; font-weight:100; }
	.rond:focus, .rond:hover{ box-shadow:0 0 15px -3px black; text-decoration:none; background:#8a8a8a; }

.user-title{ float:right; height:83px; color:black; font-family:DIN; font-size:19px; text-align:left; margin-right:50px;  }
	.user-title td{ height:100%; vertical-align:middle; }
	.user-title img{ padding:0 30px 0 0; max-height:60px; max-width:300px; display:block; }
	.user-title span, .user-title a { color:#999999; font-family:Verdana; font-weight:100; display:block;  }
	.user-title span{ font-size: 12px; }
	.user-title a{ font-size: 11px; }

.home-centrales-list{  }
	.home-centrales-list .handle { height:25px; float:right; padding:4px; margin:0 0 2px 5px; cursor:move; }
	.home-centrales-list .handle:hover { background:rgba(255, 255, 255, 0.1); }
	.home-centrales-list .centrale{ display:block; padding:0; margin:7px 0 8px 0; }
	.home-centrales-list a{ color:#B3B3B3; background:rgba(255, 255, 255, 0.2); font-weight:100; display:block; padding:11px 10px 7px 10px; line-height:20px; }
		.home-centrales-list a.up, .home-centrales-list a:hover, .home-centrales-list a:focus { background:rgba(255, 255, 255, 0.3); text-decoration:none; }
	.home-centrales-list a b{ font-weight:100; display:block; font-family:DINBold; font-size:20px; text-transform:uppercase; }
	.home-centrales-list a b, .home-centrales-list a span{ color:#fff }

	.centrale-placeholder{ 
	display:block; padding:0; margin:7px 0 8px 0;
	background-image :url(../img/base/braies-light.png);border-radius: 5px; box-shadow:inset 0px 0px 15px gray;
	}

.centrales-list{ list-style-type:none; margin:7px 0 10px 0; }
	.centrales-list a{ font-weight:100; color:white; text-decoration:none; }
	.centrales-list-hidden{ /* position:absolute; z-index:90; */ width:365px; background:#263842; display:none }
	.centrales-list-hidden a{ color:rgba(255,255,255, 0.6); }
	.centrales-list-hidden a:hover, .centrales-list-hidden a:focus { color:white; text-decoration:none; }
	.centrales-list .centrale a, .centrales-list .centrale span{ 
	display:block; font-size:22px; font-family:DINBold; font-weight:100; text-transform:uppercase; padding:12px 10px 12px 10px; 
	}
	.centrales-list .centrale span{ background:url(../img/bg-slider-open.png) repeat-y right center rgba(255, 255, 255, 0.2); }
	.centrales-list .centrale a{ background:url(../img/bg-slider-add.png) repeat-y right center rgba(255, 255, 255, 0.2); }
	.centrales-list a.up{ background-image:url(../img/bg-slider-add-up.png) }
/*
.shortcuts-list{ margin:7px 0 10px 0; }
	.shortcuts-list .shortcut a{ 
	display:block; 
	font-weight:100; color:white; text-decoration:none;
	font-size:22px; font-family:DINBold; font-weight:100; text-transform:uppercase; padding:12px 10px 12px 10px; 
	background:url(../img/bg-slider.png) repeat-y right center rgba(255, 255, 255, 0.2);
	}
	.shortcuts-list .shortcut.first a{ background-image:url(../img/bg-slider-open.png); }
	.shortcuts-list .shortcuts-list-hidden{ display:none }
	.shortcuts-list .shortcuts-list-hidden .shortcut a{ color:rgba(255,255,255, 0.6); }
	.shortcuts-list .shortcuts-list-hidden .shortcut a:hover, .shortcuts-list .shortcuts-list-hidden .shortcut a:focus { color:white; text-decoration:none; }
*/
.shortcuts-list{ margin:7px 0 10px 0; }
	.shortcuts-list .shortcut span{ 
	display:block; 
	font-weight:100; color:white; text-decoration:none;
	font-size:22px; font-family:DINBold; font-weight:100; text-transform:uppercase; padding:12px 10px 12px 10px; 
	background:url(../img/bg-slider.png) repeat-y right center rgba(255, 255, 255, 0.2);
	}

.module-active, .module-desactive{ font-family:DIN; font-size:16px; line-height:20px; font-weight:100; }
.module-active img, .module-desactive img{ vertical-align:top; padding-top:2px; }




/* OUTILS */
/* ligne verticale pour comparer plusieurs courbes */
.compar-line{ position:relative; float:left; width:0px; height:400px; z-index:50; border-left:1px dotted blue; box-shadow:0 0 20px gray; }

#fancyframecontent{ text-align:left; padding:5px; }
	#fancyframecontent h1{ font-family:DINBold; padding:0 0 15px 0; }
	#fancyframecontent h3{ font-family:DIN; padding:5px 0 0 0; font-size:15px }


.nice2{ border:1px solid rgba(0,0,0,0.1); cursor:pointer; font-family:Verdana; color:inherit; background-color:rgba(255, 255, 255, 0.3); border-radius:9px; display:inline-block; padding:2px 11px 4px 11px; font-size:13px; font-weight:100; margin:5px 3px 0 0; }
	.nice2:focus, .nice2:hover{ text-decoration:none; background-color:rgba(255, 255, 255, 0.2); }

.nice2.white{ background:rgba(255, 255, 255, 0.5); }
	.nice2.white:hover,.nice2.white:focus{ background:rgba(255, 255, 255, 0.8); }
	.nice2.white:active{ background:rgba(255, 255, 255, 1); }
	
.nice2.blue{ background:rgba(101, 178, 214, 0.1); }
	.nice2.blue:hover,.nice2.blue:focus{ background:rgba(101, 178, 214, 0.2); }
	.nice2.blue:active{ background:rgba(101, 178, 214, 0.5); }
	
.nice2.red{ background:rgba(255, 0, 0, 0.1); }
	.nice2.red:hover,.nice2.red:focus{ background:rgba(255, 0, 0, 0.2); }
	.nice2.red:active{ background:rgba(255, 0, 0, 0.5); }
	
.nice2.green{ background:rgba(0, 255, 0, 0.1); }
	.nice2.green:hover,.nice2.green:focus{ background:rgba(0, 255, 0, 0.2); }
	.nice2.green:active{ background:rgba(0, 255, 0, 0.5); }
	
.nice2.orange{ background:rgba(255, 132, 0, 0.1); }
	.nice2.orange:hover,.nice2.orange:focus{ background:rgba(255, 132, 0, 0.2); }
	.nice2.orange:active{ background:rgba(255, 132, 0, 0.5); }

.nice2 img{ vertical-align:bottom; }


/* *
.filelinks{ height: 10%; background:#f2f2f2; }
.csvfilelinks, .zipfilelinks{ min-height:20px; padding:5px; }
.csvfilelinks{ float:left; padding-right:10px; margin-right:10px; border-right:1px solid silver;  }
.csvfilelinks .csvfile{ 
display:inline-block; margin:1px 5px 5px 5px; padding:3px 10px 4px 25px;  border-radius:3px; box-shadow:0 0 10px -5px black; 
background:url(../img/base/csv-icon.gif) no-repeat 2px 3px white;
}
.zipfile{ 
color:inherit;
display:inline-block; margin:1px 5px 5px 5px; padding:3px 10px 4px 25px;  border-radius:3px; box-shadow:0 0 10px -5px black; 
background:url(../img/base/zip-icon.gif) no-repeat 2px 3px white;
}
/* */
.filelinks{ color:#B3B3B3; font-size:9px; padding:5px 0; line-height:22px; }
.filelinks a{
margin:0 2px 0 3px; padding:3px 10px 4px 25px;  
border-radius:3px; box-shadow:0 0 10px -5px black; color:inherit; font-weight:100;
}
.csvfile{ 
background:url(../img/base/csv-icon.gif?ac=1) no-repeat 2px 1px #4f5e65; 
}
.zipfile{ 
background:url(../img/base/zip-icon.gif) no-repeat 2px 1px #4f5e65;
}

.ftp-dirlink{ display:inline-block; padding:2px 5px 2px 20px; background:url(../img/base/folder.png) no-repeat top left; }
.ftp-filelink{ display:inline-block; padding:2px 5px 2px 20px; background:url(../img/base/page_white_text.png) no-repeat top left; }

.checkboxlabel{ display:block; padding:10px; }

fieldset{ margin:10px 0 12px 0; background:white; border:none; padding:0 10px 10px 10px; color:#666666; }
	fieldset legend{ 
	padding:5px 10px; background:white; position:relative; right:10px; font-family:DIN; color:#E6521E; text-transform:uppercase; font-size:15px; 
	box-shadow:3px -4px 5px -2px rgba(0,0,0, 0.5); 
	}
	.fieldsetcontent{ min-height:15px; width:323px; background:white; color:#B7B7B7; padding:0 0 10px 0; text-align:left; }
	.fieldsetcontent p{ padding:0; font-size:11px; line-height:13px; }



.centerme{ position:absolute; top:45%; left:50%; z-index:80; width:500px; margin-left:-250px; }

/* présentation des checkbox */
.indicateurs{ 
font-family:DIN; font-size:12px; line-height:24px; color:#666666;
}
.slot-moyenne{ display:block;float:right; }

/* CHARTS */

.chart-container{ height:38%; padding:0; margin:30px 0 50px 0; overflow:hidden; background:url(../img/base/braies-light.png) white; color:#808080;box-sizing: border-box; }
.chart-container.solo{ height:82%;box-sizing: border-box; }
.chart-container.pictured{ height:30%; }
.chart-container.pictured:nth-child(3){ margin-bottom:20px; }
.chart-container.solo.pictured{ height:40%;box-sizing: border-box; margin-bottom:25px; }
.photo-container{ height:45%;box-sizing: border-box; overflow: hidden; background: #e6e6e6; } 
.photo-container .photos {
    background: #fff;
    height: 100%;
}
.photo-container img {
    height: auto;
    max-width: 100%;
}
.photo-container span {
    color: yellow;
    position: absolute;
}

.img-size1, .img-size2, .img-size3 { position: relative; float:left; height: auto; margin: auto; text-align: center; padding: 10px;}
.img-size1 a, .img-size2 a, .img-size3 a {
    outline: none;
}
.img-size1 img, .img-size2 img, .img-size3 img {
}
.img-size1 {width: calc(33% - 20px); }
.img-size2 {width: calc(33% - 20px); }
.img-size3 {width: calc(33% - 20px); }


/* log à réafficher en mode DEV */
.chart-log{ 
 display:none; 
    top:0; right:0
position:absolute; z-index:90;  line-height:12px; padding:3px 10px; margin:10px 0; background:yellow; 
}

.charttitle{ position:absolute; float:left; z-index:90; }
	.charttitle h2{ 
	background:white; position:relative; bottom:30px; line-height:22px; padding:10px 13px 10px 13px; font-size:22px; font-weight:100; 
	box-shadow:3px -4px 7px -3px black;
	}
	.charttitle h2 img.loading{ padding:0 0 0 15px; float:right; }
	
/* .chart-container-close-1{ height: 90%; 	color:black; } */
.chart-container-close-1{ height: 100%; 	color:black; background-color:transparent;}
.chart-container-close-2{ height: 100%; color:black; }
	.chart{ height: 100%; width: 100%;  }


.inframe{ color:inherit; text-align:left; }


.colonnecontent{ 
padding:15px 10px; width:345px;
/* background:#273a45;  */
background:url(../img/bg-colonne.png) repeat-y center;
color:#eaeaea; 
text-align:left;
}
	.colonnecontent p{ font-size:12px; line-height:17px; }


.shortcutlink{ 
display:block; line-height:18px; font-size:14px; font-family:DIN; font-weight:100;  
padding:3px 10px 3px 10px;
margin:5px 0;
border-radius:10px; box-shadow:0 0 10px -4px black;
min-height:16px;
}
	a.shortcutlink:focus, a.shortcutlink:hover{ background:rgba(100, 100, 100, 0.1); text-decoration:none; outline:0; }
	.shortcutlink img{ float:left; position:relative; bottom:1px; padding:0 5px 0 0; }

#autoupdate-switch{ font-weight:100; color:#B3B3B3; white-space:nowrap }
	#autoupdate-switch:hover, #autoupdate-switch:focus { text-decoration:none; color:white; }
	#autoupdate-switch img{ vertical-align:top; }

#days-unselect-switch{ font-weight:100; color:#B3B3B3; white-space:nowrap }
	#days-unselect-switch:hover, #days-unselect-switch:focus { text-decoration:none; color:white; }
	#days-unselect-switch img{ vertical-align:top; }

#days-unselect-applyer{ font-weight:100; color:#B3B3B3; white-space:nowrap }
	#days-unselect-applyer:hover, #days-unselect-applyer:focus { text-decoration:none; color:white; }
	#days-unselect-applyer img{ vertical-align:top; }

#update-now{ font-weight:100; color:#B3B3B3; border-left:1px solid #B3B3B3; padding:0 0 0 10px; white-space:nowrap }
	#update-now:hover, #update-now:focus { text-decoration:none; color:white; }
	#update-now img{ vertical-align:top; }


header.visuel{ 
    -webkit-animation: alerte 3s  infinite  linear;
    animation: alerte 3s  infinite  linear;
}

/* deuxième étape */
@-webkit-keyframes alerte {
    0% {background:white;}
    50% {background:rgba(196, 76, 81, 1);}
    100% {background:white;}
}
         @keyframes alerte {
    0% {background:white;}
    50% {background:rgba(238 0, 0, 1);}
    100% {background:white;}
}   
        #onglet_alertes {
            position:relative;
        }
        #onglet_alertes.active {
            margin-right:5px;
        }
        #onglet_alertes.active a {
            background-color:#c40820;
            padding-right:20px;
            color:#fff;
        }
        
            
        #compteur_alerte {
            right:0;
            margin-top: 15px;
            margin-left:5px;
            position: absolute;
            height:10px;
            line-height: 10px;
            text-align:center;
        }
        #onglet_alertes.active #compteur_alerte a {
            background:none;padding:0;height:auto;float:none;
            display:block;
            padding: 10px;
            background-color: red;
            border-radius:50% ;
            line-height:10px;color:#fff;font-weight:bold;
        }
        #onglet_alertes.active #compteur_alerte.visuel a {
            -webkit-animation: alerte 3s  infinite  linear;
            animation: alerte 3s  infinite  linear;
        }
        
        header audio {
            position:absolute;
        }
        
        #logo_alarme {
            display:none;
            height: 83px;width:150px;margin:auto;
        }
        #logo_alarme a{
            display:block;
            height: 83px;
            background:url(../img/alert.png) 50% 50% no-repeat;
            width:100px;
            margin:auto;
            position:fixed;top:0;
            background-color:#c40820;
        }
        a.shortcutlink span.mini strong {
            color:#c40820;
        }
        #close_sonore {
            display:block;
            width:20px;
            height:20px;
            background:url(../img/sonore_close.png) 45% 45% no-repeat;
            border-radius: 50%;
            background-color:rgba(255,255,255,.2);
            position:absolute;
            right:10px;
            top:10px;
        }
        #close_sonore:hover {
            background-color:rgba(255,255,255,.5);
        }
        
        table.dataTable tr.alerte_a_conf td.sorting_1 {
            background-color:rgba(233, 56, 63, 0.5);
        }
        table.dataTable tr.alerte_a_conf.even td.sorting_1 {
            background-color:rgba(255, 111, 125, 0.5);
        }
        
        img.alertToConfirm:hover {cursor:pointer;}
        img.alertToConfirmAll:hover {cursor:pointer;}
        img.fileAlertToConfirm:hover {cursor:pointer;}
        img.fileAlertToConfirmAll:hover {cursor:pointer;}
        .hide {display:none;}
        label.alert_type img {
                transform: translate(0, 4px);
        }

        .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
            background: #F8F7F6 url('images/ui-bg_fine-grain_10_f8f7f6_60x60.png') 50% 50% repeat;
        }

/* begin: jQuery UI Datepicker moving pixels fix */
table.ui-datepicker-calendar {border-collapse: separate;}
.ui-datepicker-calendar td {border: 1px solid transparent;}
/* end: jQuery UI Datepicker moving pixels fix */

/* begin: jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
	background: red none;
	color: white;
}
/* end: jQuery UI Datepicker emphasis on selected dates */


/* begin: jQuery UI Datepicker hide datepicker helper */
#ui-datepicker-div {display:none;}
/* end: jQuery UI Datepicker hide datepicker helper */

#minAbsHM {
    float: left;
}
#maxAbsHM {
    float: right;
}
#customisation-absisses-values, {
    overflow: hidden;
    margin-top:10px;
}
#customisation-absisses, #evolution-values {
    clear: both;
    margin:20px 15px 0 15px;
}
#customisation-classes {
    clear: both;
    margin:5px 15px 20px 15px;
}
#customisation-classes .noUi-horizontal .noUi-handle {
    width: 24px !important;
}
.noUi-horizontal {
    height: 7px !important;
}
.noUi-horizontal .noUi-handle {
    height: 16px !important;
}
.noUi-handle:after, .noUi-handle:before {
    height: 4px !important;
}
.noUi-connect, .noUi-base {
    background-color: #E6521E !important;
}
.simplecolorpicker span {
    width: 16px;
    height: 16px;
        border: 1px solid transparent;
    vertical-align: top;
}
.simplecolorpicker.glyphicons span.color[data-selected]:after {
    font-weight: bold;
    top: 4px;
    content: "\2713";
}
.simplecolorpicker.icon {
    border: 1px solid #fff;
}
.simplecolorpicker.picker {
    max-width: 470px !important;
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

#update-now-cal {
    display:inline;font-weight: 100;color: #B3B3B3;white-space: nowrap;float:right;
}



#select-mode{ 
    padding: 0 0 10px 0; overflow: hidden; 
}
#select-mode li{ 
    display:block; float:left; padding:0 5px; width: calc(50% - 10px);
}
#select-mode li a{ 
    display:block; color:#333333; font-weight:100; background:#e6e6e6;padding:10px 5px; text-align: center;
}
#select-mode li a:hover, #select-mode li a:focus{ 
    background: #E6521E; color: #fff; text-decoration:none; outline:0; transition: all .5s ease;
}
#select-mode li a.up{ 
    background-color: #8CC63F; color: #fff; cursor: default;
}

.prevnext { 
    overflow: hidden;
    margin: 10px 0 0;
}
.prevnext .prev , .prevnext .next {
    cursor: pointer;
}
.prevnext .prev > div, .prevnext .next > div{
    border: 1px solid #bbb;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 15px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    background: #E6521E;
    border-radius: 5px;
}
.prevnext .prev:hover > div, .prevnext .next:hover > div {
    background-color: #8CC63F;
}
.prevnext .prev > div:before, .prevnext .next > div:before {
    content: " ";
    display: block; 
    width: 6px;
    height: 6px;
    border: 1px solid #fff; 
    position: absolute;
    top: 6px;
}
.prevnext .prev:hover > div:before, .prevnext .next:hover > div:before {
    border-color: #fff;
}
.prevnext .prev {
    float: left;
}
.prevnext .next {
    float: right;
}
.prevnext .prev > div {
    margin-right: 10px;
}
.prevnext .prev > div:before {
    left: 8px;
    transform: rotate(45deg);
    border-right: none;
    border-top: none;
}
.prevnext .next > div {
    margin-left: 10px;
}
.prevnext .next > div:before {
    right: 8px;
    transform: rotate(45deg);
    border-left: none;
    border-bottom: none;
}


#mode-selector {
    margin-top:10px;
}
#currentModeDate {
    float: left;
}
.pindics {
    width:47%;padding-right:2%;float:left;border-right:1px solid #ccc; 
    width:47%;padding-right:2%;float:left;border-right:1px solid #ccc; 
}
.w55 {
    width: 55%;
}
.w50 {
    width: 50%;
}
.w35 {
    width: 35%;
}
.w45 {
    width: 45%;
}
#indicateurs-mode-analyse {
    line-height: 24px;
}
#cc-statistic {
    height: 38%;
    background: none;
}
#cc-statistic .chart-container {
    height: 100%;
}
.chart-34 {
    height: 100%;
}
.chart-34 .w50 {
    margin: 10px 0;
    display: inline-block;
}
.chart-34 .chart > div {
    height: 100%;
}
.chart-34 .chart > div > div {
    /* width: 80% !important;
    height: 80% !important; */
}

#cc-statistic {
    position : relative;
}

.responsive1 {
    /* overflow-y: auto; */
}

#cc-statistic .w50:first-child {
    float: left;
}
#cc-statistic .w50:last-child {
    float: right;
}
.w-50:first-child {
    float: left;
}
.w-50:last-child {
    float: right;
}
#print_pdf {
    background: #fff;
    position: fixed;
    top: 130%;
    box-sizing: border-box;
}
#print_pdf, #print_pdf table {
    background: #fff;
}
#print_pdf table tr {
    height: auto;
    max-height: 1500px;
}
#print_pdf table td {
    padding: 0px;
    text-align: center;
    
}
#print_pdf table img {
    border: 1px solid #ccc;
    width: 90%;
    margin-bottom:20px;
}


#print_pdf {
    position:relative;
    top: 0;
}
.responsive1 {
    z-index:1;
}
.responsive1.print {
    background:red;
    opacity: 0;
    z-index: 0;
    overflow-y:scroll;
}