.univers{
  cursor: pointer;
}

.universmenu{
  position: absolute;
  left: 0px;
  width: 228px;
  /* cursor: pointer; */
  opacity:0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform:rotatey(180deg) rotateX(5deg) translatey(100px);
  -moz-transform:rotatey(180deg) rotateX(5deg) translatey(100px);
  -ms-transform:rotatey(180deg) rotateX(5deg) translatey(100px);
  -o-transform:rotatey(180deg) rotateX(5deg) translatey(100px);
  transform:rotatey(180deg) rotateX(5deg) translatey(100px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;

background: #00c6ff; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #00c6ff , #0072ff); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #00c6ff , #0072ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
                        
  border:2px solid #0072ff;
  border-radius:10px;
  -webkit-transition:all 0.8s;
  -moz-transition:all 0.8s;
  -ms-transition:all 0.8s;
  -o-transition:all 0.8s;
  transition:all 0.8s;
  z-index:5;
  overflow:hidden;
}
.universmenu li{
  padding: 10px 10px;
  border-bottom:1px dotted #fff;
  color:#e8f8ff; 
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
}
.universmenu li:hover{
  background:#61ccfd;
  padding-left:20px;
}
.universmenu li:last-child{
  border:none;
}

.universmenu a {
	color: #fff;
}

.showMenuUnivers{
   opacity:1;
  -webkit-transform:rotateX(0deg) translatey(0px);
  -moz-transform:rotateX(0deg) translatey(0px);
  -ms-transform:rotateX(0deg) translatey(0px);
  -o-transform:rotateX(0deg) translatey(0px);
  transform:rotateX(0deg) translatey(0px);
  z-index: 1000;
}
li > i{
  float: left;
  padding-top: 3px;
  padding-right: 8px;
}
p > i{
 position: relative;
 top:2px;
}
.universmenu i{
  opacity: 0.7;
}
@-webkit-keyframes move{
  0%,100%{-webkit-transform:translatey(-10px);}
  50%%{-webkit-transform:translatey(0);}
}
@-moz-keyframes move{
  0%,100%{-moz-transform:translatey(-10px);}
  50%%{-moz-transform:translatey(0);}
}
@-ms-keyframes move{
  0%,100%{-ms-transform:translatey(-10px);}
  50%%{-ms-transform:translatey(0);}
}
@-o-keyframes move{
  0%,100%{-o-transform:translatey(-10px);}
  50%%{-o-transform:translatey(0);}
}
@keyframes move{
  0%,100%{transform:translatey(-10px);}
  50%%{transform:translatey(0);}
}

@-webkit-keyframes moveShadow{
  0%,100%{-webkit-transform:translatey(10px); opacity:0.4;}
  50%%{-webkit-transform:translatey(0); opacity:1;}
}
@-moz-keyframes moveShadow{
  0%,100%{-moz-transform:translatey(10px);opacity:0.4;}
  50%%{-moz-transform:translatey(0);opacity:1;}
}
@-ms-keyframes moveShadow{
  0%,100%{-ms-transform:translatey(10px);opacity:0.4;}
  50%%{-ms-transform:translatey(0);opacity:1;}
}
@-o-keyframes moveShadow{
  0%,100%{-o-transform:translatey(10px);opacity:0.4;}
  50%%{-o-transform:translatey(0);opacity:1;}
}
@keyframes moveShadow{
  0%,100%{transform:translatey(10px);opacity:0.4;}
  50%%{transform:translatey(0);opacity:1;}
}

/* ///////////// Ajouts //////////////// */
@media screen and (min-width: 769px) {
	.universmenu {
		top: 85px;
	}
}
@media screen and (max-width: 768px) {
	.universmenu {
		top: 47px;
		left: 28%;
	}
}