table {
	min-width: 650px;
	min-height: 370px;

	font-weight: bold;
	text-align: center;
	}	

tr, td {
	border: 1px solid white;
	border-radius: 8px;
	font-family:Unispace,arial;
	font-size:25px;
	}


#tra{
	height:60px;
}

#trb {
	height:60px;
}
#trc {
	height:180px;
	
}

#trd {
	height:70px;
	
}


#posb1 {
	width: 25%;
	background: url(house.png);
	background-size: 50px 50px;
	background-repeat : no-repeat;
	background-position : center center;
	background-color: rgba(127,127,255,1);
}

#posb2 {
	width: 25%;
	background: url(humain.png);
	background-size: 50px 50px;
	background-repeat : no-repeat;
	background-position : center center;
	background-color: rgba(127,127,255,1);
}

#posb3 {
	width: 25%;
	background: url(mars.png);
	background-size: 50px 50px;
	background-repeat : no-repeat;
	background-position : center center;
	background-color: rgba(127,127,255,1);
}

#posb4 {
	
	
	background-size: 50px 50px;
	background-repeat : no-repeat;
	background-position : center center;
	background-color: rgba(127,127,255,1);
}




#posc1 {
	width: 75%;
	font-size: 100px;
	font-family:  Unispace,arial;
	text-align: center;
	}

#posd1 {
	
	background-position : center center;
	background-color: rgba(127,127,255,1);
	width: 50%;
}

#posd2 {
	
	background-position : center center;
	background-color: rgba(127,127,255,1);
}


#tableau {
  	position: absolute;
  	top:50%;
  	left:50%;
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	z-index: 1;
}

.background-gradient {
  		height: 100%;
  		width: 100%;
  		position: absolute;
  		opacity: 1;
  		background: #4261cf;
  		background: linear-gradient(30deg, #B91FF9 0%, #6AB0FE 100%);
  		color : white;
  		z-index: 0;
		left: 0;
		top:0 ;
}


.background-pattern {
  position: absolute;

  background: url(pattern_w.png);
  background-repeat : repeat;
  opacity: 0.1;
  height: 100%;
  width: 100%;
  left: 0;
  top:0 ;
  z-index: 1;
}


.push:active {
    
    box-shadow: 2px 2px 0 0 rgba(0,0,0,.2);
    transform: translateY(3px);
    
}


#slider1 {
  -webkit-appearance: none;
  -webkit-transform:rotate(270deg);
  -moz-transform:rotate(270deg);
  -o-transform:rotate(270deg);
   -ms-transform:rotate(270deg);
   transform:rotate(270deg);
}
  

#slider1:focus {
  outline: none;
}

#slider1::-webkit-slider-runnable-track {

  height: 60px;
  width: 100%;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 1);
}

#slider1::-webkit-slider-thumb {

  border: 1px solid rgba(0, 0, 0, 0.5);
  height: 50px;
  width: 50px;
  border-radius: 2px;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: 4px;
  background: url('thermometer.png');
}

#slider1:focus::-webkit-slider-runnable-track {
 width: 100%;
}

#slider1::-moz-range-track {
  width: 100%;
  height: 60px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 1);
}



#slider1::-moz-range-thumb {
  
  border: 1px solid rgba(0, 0, 0, 0.5);
  height: 50px;
  width: 50px;
  border-radius: 2px;
  cursor: pointer;
  margin-top: 4px;
  -webkit-appearance: none;
  background: url('thermometer.png');
  background-repeat : no-repeat;
}

#slider1::-ms-track {
  width: 100%;
  height: 60px;
  cursor: pointer;
  background: transparent;
  border-color: (255, 255, 255, 1);
  border-radius: 4px;
  color: transparent;
}

#slider1::-ms-thumb {
  border: 1px solid rgba(0, 0, 0, 0.5);
  height: 50px;
  width: 50px;
  border-radius: 2px;
  background: #ffffff;
  cursor: pointer;
  margin-top: 4px;
  background: url('thermometer.png');
}