@import url(https://fonts.googleapis.com/css?family=Roboto);


header {
	background-color: #111111;
	padding: 0.5em;
}



footer {
	background-color:#111111;
	margin-top: 10px;
}


.logo {
  margin-left:250px;
	width: 60px;
	height: 60px;
}

.footer>ul li {
	list-style: none;
}

.footer>ul li a {
	text-decoration: none;
	color: white;
	text-align: center;
}

#droite {
	float: right;
}

a {
	text-decoration: none;
}



.menu_horizontal ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.menu_horizontal>ul>li {
	float: left;
	/* display: inline-block;*/
}

.menu_horizontal>ul>li a {
display:inline-block;
padding:1em 1.2em;
border:0.1em solid #282828;
margin:0 0.75em 0em 0;
border-radius:0.5em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:white;
text-align:center;
transition: all 0.2s;
	
}

.menu_horizontal>ul>li a:hover {
color:black;
text-decoration:none;
background-color:white;
}


.menu_horizontal>ul>li.dropdown {
	z-index: 10;
}

.menu_horizontal>ul>li.dropdown>ul {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	margin-top:0.5em;

}
.menu_horizontal>ul>li.dropdown li {
	margin-top:0.5em;
}
.menu_horizontal>ul>li.dropdown:hover ul {
	visibility: visible;
}

.menu_horizontal>ul>li.dropdown:hover ul li a{
	color:black;
text-decoration:none;
background-color:white;
}

@media all and (max-width:30em){
 a.link{
display:block;
margin:0.4em auto;
}
} 
.seperator-wrapper {
  width: 100%;
}
.seperator-wrapper .seperator {
  width: 3000px;
  height: 5px;
  animation: rotate 3s infinite linear;
  -webkit-animation: rotate 3s infinite linear;
}

@-webkit-keyframes rotate {
  from {
    background-position: -3000px;
  }
  to {
    background-position: 0px;
  }
}
@keyframes rotate {
  from {
    background-position: -3000px;
  }
  to {
    background-position: 0px;
  }
}
.gradient {
  background: #30ff90;
  /* Old browsers */
  background: -moz-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #30ff90), color-stop(25%, #ed2ded), color-stop(50%, #c99826), color-stop(75%, #30ffe6), color-stop(100%, #30ff90));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  /* IE10+ */
  background: linear-gradient(to right, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30ff90', endColorstr='#30ff90',GradientType=1 );
  /* IE6-9 */
}