body
{
 width:100%;
 height: 100%;
 border: 0;
 text-align: center; 
 background-color: #1f211e;
 padding: 0; 
 margin: 0;
}

@font-face {
    font-family: 'Orbitron';
    src: url('../Orbitron.otf') format('truetype');
}

#wraper {
    width:100%;
    margin:0 auto;
	text-align:center;
}

#titre_jeu {
	width:100%;
	height:auto;
	margin: auto;
	margin-top: 50px;
	position:relative;
}

#titre_jeu {
  animation: rotation 15s ease-in-out 5s alternate infinite none running;
  -webkit-animation: rotation 15s ease-in-out 5s alternate infinite none running;
  outline:none;
  }

#menu_jeu {
	color: #85a075;
	font-size:1.2em;
	width:380px;
	position:relative;
	margin: 20px auto;
}

h2{
  font-family: 'Orbitron', Arial, serif;
  color: #a05755;
}

.item input, .item_fix input, .item_fix select{
	width:380px;
    background: transparent;
    margin: 10px auto;
    cursor: pointer;    
	color: #85a075;
	outline:none;
	font-size:100%;
	font-family: 'Orbitron', Arial, serif;
	border-color: #85a075;
    border-style: solid;
    border-radius: 15px;
	text-align: center;
}

.item_fix input, .item_fix select{
	height: 30px;
	text-align:center;
}

.item, .item_fix, {
	width:380px;
	margin: 0 auto;
    outline:none;
}

.item :hover , .item_fix select:hover{
  border-color: #bedfab;
  color: #bedfab;
}

/*
.item :hover:after {
  content: "▶";
  position: absolute;
  margin: 10px auto 0 auto;
  left: -30px;   
  z-index: 1; 
  animation: rotation 2s ease-in-out 0s alternate infinite none running;
  -webkit-animation: rotation 2s ease-in-out 0s alternate infinite none running;
  outline:none;
}
*/

#menu_jeu input::placeholder {
  color: #85a075;
  opacity: 0.5;
}
#menu_jeu input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #85a075;
  opacity: 0.5;
}
#menu_jeu input::-moz-placeholder { /* Firefox 19+ */
  color: #85a075;
  opacity: 0.5;
}
#menu_jeu input:-ms-input-placeholder { /* IE 10+ */
  color: #85a075;
  opacity: 0.5;
}
#menu_jeu input:-moz-placeholder { /* Firefox 18- */
  color: #85a075;
  opacity: 0.5;
}

@keyframes rotation {
 0% {
  	transform:rotate3d(1,0,0,0deg);
  }
  
  
  100% {  	
  	transform:rotate3d(1,0,0,360deg);
  }
 }

 @-webkit-keyframes rotation {
 0% {
  	transform:rotate3d(1,0,0,0deg);
  }
  

   100% {
  	transform:rotate3d(1,0,0,360deg);
  }

 }
 




 function validerForm(){
    document.getElementById("formulaire").submit();
}