body {
	opacity: 0;
	transition: opacity 6s;
	-webkit-transition: opacity 6s;
	/*background: #0E0E0E;*/
	background: #FFFFFF;
}

.image1 { 
	margin-left: 30%;
	margin-top: 10%;
}

.logo {
	z-index: 4;
	float:center;
}

.reflet {
	z-index: 8;
	float: left;
}


.container {
	width: 90%;
	text-align: center;
}

.image {
	display: block;
  width: 20%;
  height: auto;
  margin-left: 10%;
  margin-top: 3%;
  float: left;




}

.reset {
	clear: both;
}



.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("reflet.png");
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.container:hover .overlay {
  width: 110%;
  margin-left: 50%;
}

.ip {
color: #i0E0E0E;
font-size: 2em;
}

.message {
	color: #0E0E0E;
	font-size: 2em;
padding-top: 2em;
margin: auto;
text-align: center;
}

.logobas{
	text-align: center;
}

.logodelta {
	position: relative;
	float: right;
	margin-right: 30%;

}