@import url("//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css");
/********************************Search************************/


/****************************fin search**********************************/
.section_banner {
    padding-top: 180px;
}

.img_header {    height: 100%;
    padding: 0;
    overflow: hidden;
/*   padding:0;height:50vh;left: 0;float: right;  */}

.social_media { position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}

.facebook a:hover > .fa-facebook {
  color:  #3b5998;
transition:0.5s;
}
.facebook a .fa-facebook {
padding:5px 0;
  color: #cecece;
font-size:18px;
transition:0.5s;
}

.linkedin a:hover > .fa-linkedin {
  color: #55acee;
transition:0.5s;
}
.linkedin a .fa-linkedin {
padding:5px 0;
  color: #cecece;
font-size:18px;
transition:0.5s;
}

.skype a:hover > .fa-skype {
  color: #55acee;
transition:0.5s;
}
.skype a .fa-skype {
padding:5px 0;
  color: #cecece;
font-size:18px;
transition:0.5s;
}

.header {
    position: relative;
   min-height:50vh;
height:50vh;
}
.header img {
    height: 100%;
    width: 100%;
    position: relative;
    min-height: 100%;
    max-width: none;
}

.bloc_header {

   display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* width: 600px; */
    /* min-height: 50vh; */
    height: 100%;
    /* left: 0; */
    top: 0;
   /* position: absolute; */
    /* left: 0; */
    background: #99c23b;
    /* display: table; */
}
    .titre_header{
    /*  display: table-cell; */
      vertical-align: middle;
      text-align:center;
    }

.libelle {
    text-transform: uppercase;
    color: #fff;
    /* font-size: 68px; */
    font-size: 48px;
    font-weight: bold;
}
.chemin {
    color: #fff;
    font-size: 18px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.chemin a {
    color: #fff;
    font-size: 18px;
    padding: 0 5px;
    font-weight: 100;
font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.text-content { padding:140px 0;
clear:both;}
.titre_content {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
   color: #126734;
   font-size: 36px;
   text-transform: uppercase;
   font-weight: 100;
   padding: 10px 0;
/*   text-align: center; */
}
.bloc_cpteur img {
    width: 100%;
    height: auto;
    min-height: 380px;

}
.bloc_cpteur {
    position: relative;
}
.filtre {
    position: absolute;
    background: rgba(0,94,32,0.8);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.content_cpteur{
max-width:820px;
width:100%;
    margin: 0 auto;
height: 100%;

}
.dis_num {
    height: 165px;
    width: 165px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    /* display: table-cell; */
    /* vertical-align: middle; */
}
.counter {
    font-size: 46px;
    color: #fff;
    margin-top: 50%;
    transform: translateY(-50%);
font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.dis_title {
    font-size: 24px;
    color: #fff;
    text-align: center;
   font-family: Tahoma, Verdana, Segoe, sans-serif;
    padding: 20px 0;
    width: 100%;
}
.blc_compteur {

top: 50%;

transform: translateY(-50%);

margin: 0 auto;

right: 0;

/* float: right; */

display: flex;

justify-content: center;

flex-wrap: wrap;
}

/*--------Letter animate-----*/

.activesection .titre_bloc_actualite, .activesection .titre_bloc, .activesection .titre_content{
  overflow: hidden;
  width: 100%;
  animation: type 2s steps(60, end); 
    white-space: nowrap;
}
.activesection .titre_bloc_actualite {
left:0;
right:0;
margin:0 auto;
}

@keyframes type{ 
  from { width: 0; } 
} 

@keyframes type2{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 

@keyframes blink{
  to{opacity: .0;}
}

@media screen and (max-width:767px) {
.dis_num {
    height: 80px;
    width: 80px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}
.counter {
    font-size: 24px;}
.dis_title {
    font-size: 18px;}
.blc_compteur {
    /* top: 0;
    margin: 10px auto;
    transform: initial;
    text-align: center;
    right: 0;
    left: 0; */
}

.dis_title {
padding:0;
}
.bloc_header {
    height: 200px;
    bottom: 0;
    top: auto;
    position: absolute !important;
    background: rgba(153, 194, 59, 0.61);
    z-index: 999;
 }
.visible-xs {
    display: block  !important;
}
.header {
  /*  display: flex;
    flex-direction: row-reverse; */
}
}

@media screen and (max-width:768px) {
.fa-search:before {
    color: #fff !important;
    right: 20px;
}
.bloc_header {
 /* height: 200px;
    margin-top: -200px;
  background: rgba(153, 194, 59, 0.61); */
}
.visible-xs {
    display: block  !important;
}
.header {
  /*  display: flex;
    flex-direction: row-reverse; */
}
/****/
.invisible-header-mobile {
    display: none !important;
}
.text-content {
padding: 30px 10px !important;
}
.nav-content {
    display: block !important;
    height: calc(100% + 100px) !important;
}
.section_banner {
    padding-top: 100px;
}
.visible-xs {
    display: block !important;
}

.titre_content {
font-size:24px;
white-space:normal;}
.libelle {font-size:28px;}
.header img {
    height: 100%;
    width: auto;
}
.bloc_header {
/*    height: 200px;
    margin-top: -200px;
  background: rgba(153, 194, 59, 0.61); */
}
}
/************************/



.fa-search:before {
color:#005e20;
right:20px;}
.sb-search-input {
background:transparent;}
.titre_content {
font-size:24px;
white-space:normal;}
.libelle {font-size:28px;}


@media screen and (min-width:769px) and (max-width:1400px) {
.libelle {
font-size:36px;}
.sb-search {
right:40px;}
}
@media screen and (max-width:425px) {
.bloc_header{
width:100%;}
.img_header {
height:50vh;}
}
@media screen and (min-width:769px) and (max-width:1024px) {

.sb-search {
right:40px;}
}
.img_blc{
text-align:center;}
.txt-center {margin:0 auto;}
@media screen and (min-width:501px) and (max-width:767px) {
.bloc_cpteur img {
min-height:150px; }
}
@media screen and (max-width:500px) {
.blc_compteur {
    top: 30px;
    transform: none;
    width: 100%;

}
}

@media screen and (min-width:768px) {
.blocLeft_interne {
    display: block !important;
}

}