/* CSS Document */
@font-face {
    font-family:     	'candara';

    src: 				url('fonts/candara-webfont.eot');
    src: 				url('fonts/candara-webfont.eot?#iefix') format('embedded-opentype'),
         				url('fonts/candara-webfont.woff') format('woff'),
         				url('fonts/candara-webfont.ttf') format('truetype'),
         				url('fonts/candara-webfont.svg#candararegular') format('svg');
    font-weight: 		normal;
/*    font-style: normal;*/
}

@font-face {
	font-family:     	'Cambria';
	src: 				url('fonts/Cambria.eot?') format('eot'),
	     				url('fonts/Cambria.woff') format('woff'),
	     				url('fonts/Cambria.ttf')  format('truetype'),
	     				url('fonts/Cambria.svg#Cambria') format('svg');
	font-weight: 		normal;
	font-style: 		normal;
}

/* ******************************************************************************************************** */ 
/* **                                                                                                    ** */ 
/* ** Standatd HTML tag                                                                                  ** */ 
/* **                                                                                                    ** */ 
/* ******************************************************************************************************** */ 

body {
	display:          	block;

	font:             	100% Candara;

	margin:           	0 auto;
	padding:          	0;

	text-align:       	center;
	color:            	black;
	
	background-color: 	rgba(172,163,154,0.25);
}

a:link    { color:     	#0000ff; text-decoration: none; }		/* unvisited link */
a:visited { color:     	#800080; text-decoration: overline; } 	/* visited link */

p, ul, ol { 
	margin:            	9px 0 3px 10px !important;
	
	font-size:         	14px;
	font-weight:       	normal;
	
	line-height:        normal;
	
	text-align:        	justify;
	text-transform:    	none;
	text-decoration:   	none;
}

ul {
	margin:            	0 !important;
	padding:           	0;
	background:        	white;
}

li {
	display:           	block;
	margin:            	0;
	border-left:       	#ccc 1px solid;
	border-bottom:     	#ccc 1px solid;
	border-right:      	#ccc 1px solid;
}

li a { 
	display:           	block;
	text-decoration:   	none !important;
	color:             	#000000 !important;
	padding:           	6px 15px !important;
}

li a:hover {
	background-color:  	#4B0A1E !important;
	color:             	#BA8A92 !important;
	padding:           	6px 15px !important;
}

button, input[type=button]  {
	padding:           	5px 25px;

	border:            	#666 1px solid;
	background:        	#888;
	color:             	white;
	
        border-radius: 	4px;
   -moz-border-radius: 	4px;
-webkit-border-radius: 	4px;

           box-shadow: 	0 0 5px rgba(0,0,0,0.25);
      -moz-box-shadow: 	0 0 5px rgba(0,0,0,0.25);
   -webkit-box-shadow: 	0 0 5px rgba(0,0,0,0.25);
}

input[type=text] {
	margin:            	5px 0;
	padding:           	5px;
	width:             	200px !important;
	outline:           	none;

	border:            	1px solid #ccc;

        border-radius: 	4px;
   -moz-border-radius: 	4px;
-webkit-border-radius: 	4px;

           box-shadow: 	0 0 5px rgba(0,0,0,0.25);
      -moz-box-shadow: 	0 0 5px rgba(0,0,0,0.25);
   -webkit-box-shadow: 	0 0 5px rgba(0,0,0,0.25);
}

label {
	display:           	block;
	margin:            	5px 0 0 0;
}


/* ******************************************************************************************************** */ 
/* **                                                                                                    ** */ 
/* ** Main                                                                                               ** */ 
/* **                                                                                                    ** */ 
/* ******************************************************************************************************** */ 

.minecraft #main {
	display:           	block;

	margin:            	10px auto;
	padding:           	10px 15px 5px 15px;
	
	min-width:         	640px;
	max-width:         	1024px;
	
	line-height:       	normal;
	text-align:        	center;
	
	overflow:          	hidden;
	background:        	white;
 	border:            	none;
	
        border-radius: 	15px;
   -moz-border-radius: 	15px;
-webkit-border-radius: 	15px;

           box-shadow: 	0 0 35px rgba(0,0,0,0.25);
      -moz-box-shadow: 	0 0 35px rgba(0,0,0,0.25);
   -webkit-box-shadow: 	0 0 35px rgba(0,0,0,0.25);
}


/* ******************************************************************************************************** */ 
/* **                                                                                                    ** */ 
/* ** Header & Footer                                                                                    ** */ 
/* **                                                                                                    ** */ 
/* ******************************************************************************************************** */ 

.minecraft header {
	background:        	url(img/logo/HEI.png) top right no-repeat;
	height:            	100px !important;
	margin:            	auto 0;
}

.minecraft footer {
	background:        	url(img/logo/picto.svg) left top no-repeat, url(img/logo/vsExcel.svg) right top no-repeat;
	height:            	30px !important;
	margin:            	10px 0;
	
	color: 				#cecece;
	font-size:         	12px;
	text-align:        	center;
	line-height:       	3px;

}


/* ******************************************************************************************************** */ 
/* **                                                                                                    ** */ 
/* ** Content                                                                                            ** */ 
/* **                                                                                                    ** */ 
/* ******************************************************************************************************** */ 
.minecraft #content {
	clear:             	both;
	display:           	block;
	
	margin:            	10px auto;
	padding:           	0;
	
	border:            	none;
	min-height:        	300px !important;
}

.minecraft #ezhmiContent {
	display:           	block;
	margin:            	10px auto !important;
	padding:           	10px;
	overflow:          	hidden;
	
/*	background-color: 	rgba(172,163,154,0.25);*/
	background:        	transparent;

	border:            	rgba(187, 187, 187, 0.5) 2px solid;
        border-radius: 	15px;
   -moz-border-radius: 	15px;
-webkit-border-radius: 	15px;

           box-shadow: 	inset 0 0 10px rgba(0,0,0,0.25);
      -moz-box-shadow: 	inset 0 0 10px rgba(0,0,0,0.25);
   -webkit-box-shadow: 	inset 0 0 10px rgba(0,0,0,0.25);
}

.minecraft #searchKey {
	width:             	200px;
}


.minecraft div.modbus {
	display: 			flex;
	flex-flow: 			row nowrap;
	width: 				100% !important;
	
	justify-content: 	center !important;
	align-items: 		baseline;
	border:				none /*1px darkblue dashed*/;
}


.minecraft div.modbus div.label {
	width:				150px !important;
	margin:				0 5px;
	border: 			none /*1px darkgreen dotted*/;
}

.minecraft div.modbus div.value {
	width:				210px !important;
	margin:				0 5px;
	border: 			none /*1px darkgreen dotted*/;
}

.minecraft div.energy {
	display: 			inline-block;
	margin: 			0 auto !important;
	padding: 			0 10px;
	height: 			auto !important;
	border: 			none /*darkred 1px dashed*/;
	vertical-align: 	bottom !important;
	align-content: 		center;
}

.minecraft div.energy img.energy {
	height:             100px !important;
	margin:             5px;
	border: 			none /*darkgreen 1px dashed*/;
}

.minecraft div.energy input {
	margin: 			0 auto !important;
	padding: 			0 10px;
	height: 			auto !important;
	border: 			none /*red 1px dashed*/;
	align-content: 		center;
}



/* ******************************************************************************************************** */ 
/* **                                                                                                    ** */ 
/* **	Gestion des contenus                                                                             ** */ 
/* **                                                                                                    ** */ 
/* ******************************************************************************************************** */ 

.minecraft div.left {
	float:             left;
	width:             160px !important;
	height:            100%;
}

.minecraft td.left {
	width:             160px !important;
	height:            100%;
}

.minecraft div.center {
	align-content: 		center !important;
	margin: 			0 auto !important;
	border: 			none;
	display: 			block;
	overflow: 			hidden;
	height: 			auto;
	width: 				100% !important;
}

.minecraft div.energy .last {
	display: 			block;
}

.minecraft div.energy .first {
	margin-left: 		250px;
}

.minecraft div.coils {
	display: 			block;
	height: 			auto !important;
	width: 				100%;
	border: 			gray 1px solid;
}


