@charset "UTF-8";
/* CSS Document 1286px base */

.schema {
	width:600px;
	height: 600px;
	position: relative;
	margin:25px auto;
	background:#FFF;
}
.mid {
	background: url('mid.png') no-repeat center;
	background-size: 100%;
	height: 50%;
	width:50%;
	left:50%;
	top:50%;
	margin-left: -25%;
	margin-top: -25%;
	position: absolute;
	z-index:2;
	animation-name:anim1;
	animation-duration:8s;
	animation-iteration-count: infinite; 
}
.sc1 {
	position: absolute;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	transition: 0.2s;
	z-index:3;
}
.scM {
	width:51.4%;
	height: 24.10%;
	left:50%;
	margin-left: -25.7%;
}
.scMB {
	bottom:0px;
}
.scC {
	width:34.99%;
	height: 45.4%;
}
.scG {
	left:0%;
}
.scD {
	right:0%;
}
.scH {
	top:6.92%;
}
.scB {
	top:47.9%;
}
.sc_pemb {
	background-image: url('pemb.png');
}
.sc_energie {
	background-image: url('energie.png');
}
.sc_mobile {
	background-image: url('mobile.png');
}
.sc_climat {
	background-image: url('climat.png');
}
.sc_innove {
	background-image: url('innove.png');
}
.sc_sensible {
	background-image: url('sensible.png');
}
.sc1:hover {
	transform: scale(1.2);
	z-index: 10;
}

@keyframes anim1 {
  0% {
	opacity:0;
	  transform:scale(0);
  }
  20%{
	 opacity:0.8;
	transform:scale(1.15);
  }
  25% {
	transform:scale(1);
	  opacity:1;
  }
	95%{
	transform:scale(1);
	  opacity:1;
  }
100%{
	transform:scale(2.1);
	  opacity:0;
  }
}