.mybox {
-webkit-box-shadow: 5px 5px 20px 2px rgba(0,0,0,0.25); 
box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.25);
background: #D73E15;
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
}

.okbutton {
	box-shadow: 0px 0px 0px 0px #3dc21b;
	background-color:#44c767;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.okbutton:hover {
	background-color:#5cbf2a;
}
.okbutton:active {
	position:relative;
	top:1px;
}
.nokbutton {
	box-shadow: 0px 0px 0px 0px #3dc21b;
	background-color:#EA5B0C;
	border-radius:28px;
	border:1px solid #EA0D04;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.nokbutton:hover {
	background-color:#EA770E;
}
.nokbutton:active {
	position:relative;
	top:1px;
}
.tableFixHead {
        overflow-y: auto;
        height: 1000px;
}
.tableFixHead thead th {
        position: sticky;
        top: 0;
 }

table.cumkwatt {
  border: 0px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  position: relative;
}
table.cumkwatt td, table.solygrene th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.cumkwatt tbody {
  font-size: 13px;
}
table.cumkwatt td:nth-child(odd) {
  background: #FFFFFF;
}
table.cumkwatt td:nth-child(even) {
  background: #D0E4F5;
}
table.cumkwatt thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
}
table.cumkwatt thead th {
	 background: #1C6EA4;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #D0E4F5;

}

table.cumkwatt thead th:first-child {
  border-left: none;
}

table.cumkwatt tr:hover {
	background-color: #FFD1FD;
}
table.cumkwatt tfoot td {
  font-size: 14px;
}
table.cumkwatt tfoot .links {
  text-align: right;
}
table.cumkwatt tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
table.cumkwatt th {

}
.small {
	font-size: 9px;
}
.medium {
	font-size: 11px;
}
table.hypo {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.hypo td, table.hypo th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.hypo tbody td {
  font-size: 13px;
}
table.hypo thead {
  background: #A5D0F0;
  background: -moz-linear-gradient(top, #bbdcf4 0%, #aed4f1 66%, #A5D0F0 100%);
  background: -webkit-linear-gradient(top, #bbdcf4 0%, #aed4f1 66%, #A5D0F0 100%);
  background: linear-gradient(to bottom, #bbdcf4 0%, #aed4f1 66%, #A5D0F0 100%);
  border-bottom: 2px solid #444444;
}
table.hypo thead th {
  font-size: 15px;
  font-weight: normal;
  color: #000000;
  text-align: center;
}
table.hypo tfoot td {
  font-size: 14px;
}
table.hypo tfoot .links {
  text-align: right;
}
table.hypo tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}


.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
  z-index:10;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 90%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 80%;
  overflow: auto;
  text-align: center;
}
input[type=number]  {
	text-align:right;
}
.barre_navigation{
	position: sticky;
	left: 0;
	top: 0; 
	z-index:8;
	width:100%;
	background-color:#0c2c46;
	border-bottom:solid 2px #000000;

}
table.hypo2 {
  border: 1px solid #1C6EA4;
  background-color: #FFFFFF;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.hypo2 td, table.hypo th {
  border: 1px solid #1C6EA4;
  padding: 3px 2px;
}
table.hypo2 tbody td {
  font-size: 13px;
}
table.hypo2 thead {
  background: #FFFFFF;

  border-bottom: 2px solid #444444;
}
table.hypo2 thead th {
  font-size: 15px;
  font-weight: normal;
  color: #000000;
  text-align: center;
}
table.hypo2 tfoot td {
  font-size: 14px;
}
table.hypo2 tfoot .links {
  text-align: right;
}
table.hypo2 tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
table.hypo2 tr:hover {
	background-color: #FFD1FD;
}
table.hypo3 {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.hypo3 td, table.hypo th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.hypo3 tbody td {
  font-size: 13px;
}
table.hypo3 thead {
  background: #A5D0F0;
  background: -moz-linear-gradient(top, #bbdcf4 0%, #aed4f1 66%, #A5D0F0 100%);
  background: -webkit-linear-gradient(top, #bbdcf4 0%, #aed4f1 66%, #A5D0F0 100%);
  background: linear-gradient(to bottom, #bbdcf4 0%, #aed4f1 66%, #A5D0F0 100%);
  border-bottom: 2px solid #444444;
}
table.hypo3 thead th {
  font-size: 15px;
  font-weight: normal;
  color: #000000;
  text-align: center;
}
table.hypo3 tfoot td {
  font-size: 14px;
}
table.hypo3 tfoot .links {
  text-align: right;
}
table.hypo3 tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
table.hypo3 tr.header, table.hypo3 tr:hover {
  background-color: #CC2C2F;
  color:#ffffff;
  cursor: pointer;
}
.small {
	font-size:10px;
}