body{
	background-color: #58585a;
}

@import url(http://fonts.googleapis.com/css?family=Tauri);
@import url(http://fonts.googleapis.com/css?family=Julius+Sans+One);

#container{
	position: absolute;
	width: 90%;
	height: 350px;
	left: 0;
}

#triangle1 {
	width: 0;
	height: 0;
	border-top: 120px solid transparent;
	border-right: 116px solid #f38f19;
	border-bottom: 120px solid transparent;
	position: relative;
	margin: auto auto;
	margin-top: 15%;
	z-index: 5;
}

#triangle2 {
    width: 0;
	height: 0;
	border-top: 120px solid #f38f19;
	border-right: 119px solid transparent;
	position: relative;
	margin: auto auto;
	z-index: 3;
	margin-top: -120px;
	left: 117px;
}

#triangle3 {
	width: 0;
	height: 0;
	border-top: 120px solid #f38f19;
	border-left: 120px solid transparent;
	position: relative;
	margin: auto auto;
	z-index: 3;
	margin-top: -368px;
	left: 143px;
	-moz-animation: move 7s ease-in-out infinite;
	-webkit-animation: move 7s ease-in-out infinite;  
	animation: move 7s ease-in-out infinite;  
}

hr{
	width: 0px;
	height: 101px;
	margin: auto auto;
	/*-moz-box-shadow: 21px 0 12px 5px rgba(0,0,0,0.4);*/
	-webkit-box-shadow: 21px 0 12px 5px rgba(0,0,0,0.4);
	box-shadow: 24px 0 37px 19px rgba(0,0,0,0.3);
	position: relative;
	left: 43px;
	top: -119px;
	z-index: 4;

}

h1{
	color: white;
	position: absolute;
	margin: auto auto;
	font-size: 3.5em;
	font-family: 'Tauri', sans-serif;
	left: 67%;
	margin-top: 26px;
}

h1 span {
  color: #f38f19;
}

h3{
	color: white;
	position: absolute;
	margin: auto auto;
	font-size: 1.0em;
	font-family: 'Julius Sans One', sans-serif;
	left: 67%;
	margin-top: 82px;
  /*color: #f38f19;*/
}
h3 span {
  color: #f38f19;
}

.infos {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 11px;
	color: #303030;
}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes move {
	0% { -webkit-transform: rotate(0deg); }
	25% { -webkit-transform: rotate(180deg); }
	50% { -webkit-transform: rotate(0deg); }
	75% {-webkit-transform: rotate(-180deg);}
	100% {-webkit-transform: rotate(0deg);}
} 

/* Firefox */
@-moz-keyframes move {
	0% { -moz-transform: rotate(0deg); }
	25% { -moz-transform: rotate(180deg); }
	50% { -moz-transform: rotate(0deg); }
	75% {-moz-transform: rotate(-180deg);}
	100% {-moz-transform: rotate(0deg);}
} 

/* Standard syntax */ 
@keyframes move {
    0% { transform: rotate(0deg); }
	25% { transform: rotate(180deg); }
	50% { transform: rotate(0deg); }
	75% { transform: rotate(-180deg);}
	100% { transform: rotate(0deg);}
}