.separator:after/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.4.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

.header-top.dark{
    background-color:#8ac205;
    border-bottom:1px #8ac205 solid;
}

.petit_titre{

}

p{
    text-align:justify;
}

li{
    text-align:justify;
}
.separator:after{
    height: 1px;
    background: #e8e8e8;
    background: -moz-linear-gradient(left, transparent 0%, rgba(138, 194, 5, 1) 70%, rgba(138, 194, 5, 1) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, transparent 0%, rgba(138, 194, 5, 1) 70%, rgba(138, 194, 5, 1) 70%, transparent 100%);
    background: -o-linear-gradient(left, transparent 0%, rgba(138, 194, 5, 1) 70%, rgba(138, 194, 5, 1) 70%, transparent 100%);
    background: -ms-linear-gradient(left, transparent 0%, rgba(138, 194, 5, 1) 70%, rgba(138, 194, 5, 1) 70%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, rgba(138, 194, 5, 1) 70%, rgba(138, 194, 5, 1) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    content: "";
    width: 100%;
    left: 0;
}
.navbar-default .navbar-nav > li > a {
    padding: 35px 10px;
}

.row.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.hc-shadow:after,
.hc-shadow-narrow:after {
  content: "";
  position: absolute;
  height: 50%;
  width: 96%;
  left: 50%;
  bottom: 2px;
  margin-left: -48%;
  -webkit-box-shadow: 0 5px 7px #999999;
  box-shadow: 0 5px 7px #999999;
  z-index: 1;
  border-radius: 10%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hc-shadow-narrow:after {
  width: 90%;
  margin-left: -45%;
}

.hc-shadow:hover:after,
.hc-shadow-narrow:hover:after {
  bottom: 10px;
}

.hc-shadow-2 {
  -webkit-box-shadow: 0 10px 6px -6px #999;
  box-shadow: 0 10px 6px -6px #999;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.hc-shadow-2:hover {
  -webkit-box-shadow: 0 18px 24px -9px #999;
  box-shadow: 0 18px 24px -9px #999;
}

/* Collapse
---------------------------------- */
/*Style 1*/
.collapse-style-1 .card {
  border-color: #eaeaea;
}

.collapse-style-1 .card + .card {
  margin-top: 5px;
}

.collapse-style-1 .card-header {
  background-color: #fafafa;
  padding: 0;
  border-bottom: none;
}

.collapse-style-1 .card-header a {
  font-weight: 400;
  display: inline-block;
  width: 100%;
  position: relative;
  text-decoration: none;
  padding: 10px 40px 10px 15px;
  color: inherit;
  font-size: 16px;
}

.collapse-style-1 .card-header a.collapsed {
  color: #999999;
}

.collapse-style-1 .card-header a:not(.collapsed) {
  color: #777777;
}

.collapse-style-1 .card-header a:after {
  font-family: "FontAwesome";
  content: "\f146";
  position: absolute;
  right: 15px;
  font-size: 14px;
  font-weight: 300;
  top: 50%;
  line-height: 1;
  margin-top: -7px;
}

.collapse-style-1 .card-header a.collapsed:after {
  content: "\f0fe";
}

.collapse-style-1 .card-block {
  border-top: none !important;
  background-color: #fafafa;
  padding: 0 15px 15px 15px;
}

/*Style 2*/
.collapse-style-2 .card {
  border-color: transparent;
}

.collapse-style-2 .card + .card {
  margin-top: 5px;
}

.collapse-style-2 .card-header {
  background-color: transparent;
  padding: 0;
}

.collapse-style-2 .card-header a {
  color: #ffffff;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  position: relative;
  text-decoration: none;
  padding: 10px 40px 10px 15px;
  font-size: 16px;
}

.collapse-style-2 .card-header a.collapsed {
  background-color: #333333;
}

.collapse-style-2 .card-header a:after {
  font-family: "FontAwesome";
  content: "\f106";
  position: absolute;
  right: 15px;
  font-size: 14px;
  font-weight: 300;
  top: 50%;
  line-height: 1;
  margin-top: -7px;
}

.collapse-style-2 .card-header a.collapsed:after {
  content: "\f107";
}

.collapse-style-2 .card-block {
  border-top: none !important;
  background-color: transparent;
  padding: 15px 0;
}

.collapse-style-2 .card-block.p-15 {
  padding: 15px;
}

/*Style 3*/
.collapse-style-3 .card {
  border-color: #999999;
}

.collapse-style-3 .card + .card {
  margin-top: 5px;
}

.collapse-style-3 .card-header {
  background-color: transparent;
  padding: 0;
  border-color: #999999;
}

.collapse-style-3 .card-header a {
  color: #ffffff;
  background-color: #999999;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  position: relative;
  text-decoration: none;
  padding: 10px 40px 10px 15px;
  font-size: 16px;
}

.collapse-style-3 .card-header a.collapsed {
  background-color: #999999;
}

.collapse-style-3 .card-header a:after {
  font-family: "FontAwesome";
  content: "\f139";
  position: absolute;
  right: 15px;
  font-size: 12px;
  font-weight: 300;
  top: 50%;
  line-height: 1;
  margin-top: -7px;
}

.collapse-style-3 .card-header a.collapsed:after {
  content: "\f13a";
}

.collapse-style-3 .card-block {
  border-top: none !important;
  background-color: transparent;
  padding: 15px;
}

.card-header a:hover {
  text-decoration: none;
}

.card-header a i {
  font-size: 16px;
}

/*Contextual Headings*/
.collapse-contextual .card + .card {
  margin-top: 5px;
}

.collapse-contextual .card-primary,
.collapse-contextual .card-success,
.collapse-contextual .card-danger,
.collapse-contextual .card-info,
.collapse-contextual .card-warning {
  color: #ffffff;
}

.collapse-contextual .card-primary .card-header a,
.collapse-contextual .card-success .card-header a,
.collapse-contextual .card-danger .card-header a,
.collapse-contextual .card-info .card-header a,
.collapse-contextual .card-warning .card-header a {
  color: #ffffff;
  text-decoration: none;
}

.collapse-contextual .card-header {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.125);
  padding: 0;
}

.collapse-contextual .card-header a {
  font-size: 16px;
  text-decoration: none;
  display: block;
  padding: 10px 20px;
}

.collapse-contextual .card-header a:after {
  font-family: "FontAwesome";
  content: "\f068";
  position: absolute;
  right: 15px;
  font-size: 10px;
  font-weight: 300;
  top: 50%;
  line-height: 1;
  margin-top: -6px;
}

.collapse-contextual .card-header a.collapsed:after {
  content: "\f067";
}

.collapse-contextual .card-block {
  padding: 15px;
}

/*Content Collapse*/
.btn[data-toggle="collapse"] i:before {
  font-size: 10px;
  content: "\f068";
}

.btn.collapsed[data-toggle="collapse"] i:before {
  content: "\f067";
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
    color: #8ac205;
}
.navbar-default .navbar-nav > li.abcrail > a:hover,
.navbar-default .navbar-nav > li.abcrail > a:focus,
.navbar-default .navbar-nav > .active.abcrail > a,
.navbar-default .navbar-nav > .active.abcrail > a:hover,
.navbar-default .navbar-nav > .active.abcrail > a:focus{
    color: #09afdf;
}


.btn-animation.btn-animation--slide-to-right:before {
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
}

.btn-animation.btn-animation--slide-to-right:hover:before,
.btn-animation.btn-animation--slide-to-right:focus:before {
  right: 0;
}

.btn-animation.btn-animation--slide-to-left:before {
  top: 0;
  left: 100%;
  right: 0;
  bottom: 0;
}

.btn-animation.btn-animation--slide-to-left:hover:before,
.btn-animation.btn-animation--slide-to-left:focus:before {
  left: 0;
}

.btn-animation.btn-animation--slide-to-top:before {
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
}

.btn-animation.btn-animation--slide-to-top:hover:before,
.btn-animation.btn-animation--slide-to-top:focus:before {
  top: 0;
}

.btn-animation.btn-animation--slide-to-bottom:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 100%;
}

.btn-animation.btn-animation--slide-to-bottom:hover:before,
.btn-animation.btn-animation--slide-to-bottom:focus:before {
  bottom: 0;
}

.btn-animation.btn-animation--slide-horizontal:before {
  top: 0;
  left: 50%;
  right: 50%;
  bottom: 0;
}

.btn-animation.btn-animation--slide-horizontal:hover:before,
.btn-animation.btn-animation--slide-horizontal:focus:before {
  left: 0;
  right: 0;
}

.btn-animation.btn-animation--slide-vertical:before {
  top: 50%;
  left: 0;
  right: 0;
  bottom: 50%;
}

.btn-animation.btn-animation--slide-vertical:hover:before,
.btn-animation.btn-animation--slide-vertical:focus:before {
  top: 0;
  bottom: 0;
}

.green-bg{
	background:#8ac205;
}
.green-bg h1, .green-bg h2, .green-bg h3, .green-bg h4, .green-bg h5, .green-bg h6{
	color:#ffffff;
}
.green-bg .btn-default,
.dark-bg .btn-default{
	color: #8ac205;
    background-color: #ffffff;
    border-color: #8ac205;
}
.green-bg .btn-default:hover, .green-bg .btn-default:focus, .green-bg .btn-default.focus, .green-bg .btn-default:active, .green-bg .btn-default.active, .green-bg .open > .dropdown-toggle.btn-default{
	color: #ffffff;
    background-color: #8ac205;
    border-color: #ffffff;
}

.dark-bg .btn-default:hover, .dark-bg .btn-default:focus, .dark-bg .btn-default.focus, .dark-bg .btn-default:active, .dark-bg .btn-default.active, .dark-bg .open > .dropdown-toggle.btn-default{
	color: #ffffff;
    background-color: #373737;
    border-color: #ffffff;
	
}