body {
    padding-top: 60px;
    padding-bottom: 40px;
}

.zf-green {
    color: #68b604;
}

.btn-success {
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {

}

.btn-success:active, .btn-success.active {
  background-color: #57a900;
}

div.container a.brand {
    background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}

.titles{ 
	font-family: 'Do Hyeon', sans-serif !important; 
	text-align:center;
	color: #2EFE2E !important;
}

.titles-articles{ 
	font-family: 'Do Hyeon', sans-serif !important; 
	text-align:center;
	font-size:25px !important;
	color: #2EFE2E !important;
}

.lead{
    position: relative;
    font-family: Geneva, sans-serif;
	text-align: center;
    font-size: 25px;
    letter-spacing: 2px;
    background: linear-gradient(90deg, #2EFE2E, #ACFA58, #58FA82);
    background-repeat: no-repeat;
    background-size: 80%;
    animation: animate 3s;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
}

@keyframes animate {
    0% {
      background-position: -500%;
	}
	100% {
		background-position: 500%;
	}
}

.jumbotron{ background-color : #000000 !important; }

.sujets{ color: #ffffff !important; }

.buttons-section{ float: right !important; }

.articles-text{ font-size: 20px;}

a{ text-decoration: none !important; }

.btn-warning{ float: right !important; }