
@font-face {
  font-family: 'Eagle-Book';
  src: url('../font/eagle-book/Eagle-Book.eot'); /* IE9 Compat Modes */
  src: url('../font/eagle-book/Eagle-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/eagle-book/Eagle-Book.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/eagle-book/Eagle-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/eagle-book/Eagle-Book.svg#svgFontName') format('svg'); /* Legacy iOS */

}
   
@font-face {
  

 font-family: 'BebasNeue-Regular';
  src: url('../font/BebasNeue-Regular/BebasNeue-Regular.eot'); /* IE9 Compat Modes */
  src: url('../font/BebasNeue-Regular/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/BebasNeue-Regular/BebasNeue-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/BebasNeue-Regular/BebasNeue-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
      /* url('../font/BebasNeue-Regular/BebasNeue-Regular.svg#svgFontName') format('svg')  Legacy iOS */
       url('../font/BebasNeue-Regular/BebasNeue-Regular.woff2') format('woff2'); /*   Super Modern Browsers */
}
   



.background-opacity:before {

    background-color:#e9e9e9;
}

.btn.btn-orange {
    background-color:#f28803;
    font-family: BebasNeue-Regular, Helvetica, Arial, sans-serif;
   
   line-height: inherit;
       padding: 8px 15px 5px 15px;
}

.hors-route-btn{
        padding-top: 50px;
}

 .btn.btn-transit:hover:after {
    right: 0;
}
.btn.btn-transit:after {
    position: absolute;
    content: '';
    right: 100%;
    background-color: #323232;
    color:white;
    width: 100%;
    height: 100%;
    top: 0;
     transition: all 0.5s ease;
}

.btn-transit:hover, .btn-transit:focus, .btn-transit.focus {
       color:white;
}


.btn-orange span {
     font-size:1.6em;
}
hors-route p{
   color:black;
   line-height: 30px;
       margin-top: 7px;
}



.hors-img{
    position: absolute; 
    top: -101px;

}
.hors-img-container{
    /*text-align:center;*/ 
    position:relative;
}
.hors-img-container-top .hors-img{
    top: -123px;
}

@media (max-width:768px)
 {
   .hors-img {
   
    /*top: -105px;*/
    display: inline-block;
}
}
.hr-top{
margin-bottom: 80px;
}
    

.align-center{
    text-align:center;
}

.bg-color{
        background-color: #9ac51f;
}


 .hr-box:hover {
    /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);*/
    
}

 .hr-box:hover .hover-text-right {
    left: 0;
    opacity:0.9;
}

  .hr-box:hover .hover-text-left{
    right: 0;
    opacity:0.9;
}

 .hr-box .hover-text {
    position: absolute;
    left: 100%;
     top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    color: black;
    font-size: 18px;
    text-align:center;
    padding: 19px 0;
    line-height:19px;
    transition: all .5s ease-in-out;
}
.hr-box .hover-text-left {

    right: 100%;
    left: auto;
}

.hr-box{
   

    position:relative;
    overflow: hidden;
    padding: 30px 0;
    transition: all .5s ease-in-out;
}


.hr-box-right{
    padding-left: 10px;
    
}

.hr-box-left{
    padding-right: 10px;
    
}




.box-title {
  

    line-height: 34px;
     font-size: 2.6em;
    font-weight: normal; 
    line-height: 0.9em;
 
    font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
}

.txt-color {
    color:black;
}
.txt-color-white {
      color:white;
}
           





a {
    color: #f28803;
}
a:hover {
    color: #86bc42;
}
/**********Natalia******************/
.marque {
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.marque td, .marque th {
  border: 1px solid #ddd;
  padding: 8px;
}

.marque tr:nth-child(even){background-color: #f2f2f2;}

.marque tr:hover {background-color: #ddd;}

.marque th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #12283e;
  color: white;
}

         .modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 5%;
    left: 10%;
   // background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
#openImg1 img  {
    width: 75%;
    height:auto;
}
#openImg2 img  {
    width: 75%;
    height:auto;
}
#openImg3 img  {
    width: 75%;
    height:auto;
}
#openImg4 img  {
    width:75%;
    height:auto;
}
.modalDialog > div {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 10px auto;
    padding: 5px;}

.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    text-align: center;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    background: #323232!important;
    opacity: .8!important;
}
.close:hover {
    color: #86bc42;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #FF9800;
    border-color: #ff9800;
    color: #635f5e;
}
.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #90a1ae;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.carte:hover { 
  border: 1px solid #86bc42;
}
.fa-download:hover { 
  text-shadow: 1px 1px 2px #000000;
}
.icons {
    font-size: 48px; 
    color:#f28803;
    font-weight: bold;
}
.bouton {
    text-transform: uppercase;
    top:2%;
    font-weight: bold!important;
    color:#f28803;
    font-family: BebasNeue-Regular, Helvetica, Arial, sans-serif;
    letter-spacing: .1rem;
    font-size:18px;
    margin-left: -15px;

 }
.form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #f1f1f1;
     color: #666;
     top: 5px;
     height: 25px;
     width: 25px;
     border: 1px solid grey;
     border-radius: 8px;
     cursor: pointer;     
     margin:0 5px!important;
     outline: none;
     margin-left: -40px!important;
}
.form-radio:checked::before
{
     position: absolute;
     font-weight: bold
     font: 18px/1 'Open Sans', sans-serif;
     left: 6px;
     top: 1px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-radio:hover
{
     background-color: #f288035c;
}
.quize
{
     margin-left: 20%;
} 

#veuillez-selectionner {
    color: red;
    margin-left: 6%;
}



  a < .sub-title {
    color: black!important;
    font-size: 18px!important;
}
.iconContact {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 1.6em;
    line-height: 1.4em;
    color:#f28803;
}
.lienContact {
    color:#333;
    margin-left: 2%;
    font-weight: bold;

}
.iconContact:hover {
    color:#86bc42;
}
.lienContact:hover {
    color:#86bc42;

}

/******************fin css Natalia***********/
.under-line{
    text-decoration:underline;
}

.ca-box{
    background-color:#e9e9e9;
    padding:30px 60px;
    min-height: 417px;
}

.ca-box .title{
    font-size: 2.8em;
    /*font-weight: 900;*/
    line-height: 34px;
    color:#7fa51d;
    font-family:Eagle-Book, 'Arial Narrow', Arial, sans-serif
}

.ca-box .sub-title{
   font-size: 2em;
   font-weight:normal;
    line-height: 31px;
    font-family: BebasNeue-Regular;
    color:#323232;
        margin-top: 20px;
} 

.ca-box .btn{
    line-height: 21px;
        padding:12px 20px 7px 20px;
     font-family: BebasNeue-Regular;
} 

.ca-box .btn-one{

    padding: 20px 30px;  
    margin-right:19px;
     font-family: BebasNeue-Regular;
      font-weight:normal;
}
 
.ca-box p{
    margin: 20px 0 30px 0;
        font-size: 1.1em;
    line-height: 1.2em;
}

.mobile-img{

    position: absolute;
    top: -92px;
        left: 9%;
} 
.mobile-img-side {
    position: absolute;
    top: -38px;
    left: 9%;
}
.section-padding-mobile{
        padding: 60px 0 0 0;
}

.mobile-txt{
    position: relative;
    top: 108px;
}
.title-mobile{
     font-size: 1.4em;
    font-weight: normal;
    line-height: 34px;
    color:#7fa51d;
    font-family:Eagle-Book, 'Arial Narrow', Arial, sans-serif
}

.sub-title-mobile{
     font-size: 1.4em;
        line-height: 34px;
    color:#323232;
    font-family:Eagle-Book, 'Arial Narrow', Arial, sans-serif
} 

.mobile-txt p {
    margin: 11px 0 17px 0;
 }

.section-banners{
        margin: 20px 0;
} 
.section-nouvelles{

    margin-bottom: 35px;

}  

.section-banners .box-title {
        font-size: 2.6em;
    font-weight: normal; 
    line-height: 0.9em;
    color: white;
    font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
} 



.item-news{
    height: 200px;
    background: gray;
}
  


.item{
 
  transition:.4s ease all;
    opacity:0.4;
      /*padding: 0 10px; */
 
    transition: .4s ease all;
    /* margin: 0 20px; */

 
}
.item .or-spacer-vertical{
 
 display:none;
 
}
.ca-box .sub-title2{
    font-size:2.2em;

}



@media(max-width:1000px){
  .item{margin:0; transform:scale(.9)}
}
.active .item{
  opacity:1;
  transform:scale(1);
} 


.active .item .or-spacer-vertical{
 display:block;
} 
.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.inner{position:absolute; bottom:30px; left:0; right:0; text-align:center;}
.inner a{color:#fff; text-decoration:none; border-bottom:2px solid rgba(255,255,255,0.5); transition:.3s ease border-color}
.inner a:hover{border-color:#fff;}
.black .inner a{color:#000; border-color:rgba(0,0,0,0.4)}
.black .inner a:hover{border-color:#000;}



.well {
    min-height: 20px;
    padding: 0; 
    margin-bottom: 0;
    background-color: #e9e9e9;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.left-shadow {
 display: inline-block;
    /* margin-top: 68px; */
    position: absolute;
    /* float: right; */
    /* height: 301px; */
    /* background: red; */
    right: -2px;
}

.right-shadow {
 display: inline-block;
    /* margin-top: 68px; */
    position: absolute;
    /* float: right; */
    /* height: 301px; */
    /* background: red; */
left: -50px;
    top: 0;
}
.or-spacer-vertical .mask {
overflow: hidden;
    width: 20px;
    height: 347px;
    /* padding: 8px; */
    position: relative;
    top: -3px;
    left: 39px;
}

.or-spacer-vertical.right-shadow .mask:before {
 content: '';
    display: block;
    margin-left: 23px;
    width: 149px;
    height: 91%;
    border-radius: 41px / 216px;
    box-shadow: -12px 0px 15px 3px #bfbfbf;
}

.or-spacer-vertical.left-shadow .mask:after {
   content: '';
    display: block;
    margin-left: -149px;
    width: 149px;
    height: 91%;
    border-radius: 41px / 216px;
    box-shadow: 9px 0px 15px 3px #bfbfbf;
}
}
/*.item .left-shadow{ 
padding-left: 0;
position:relative;

}*/

.item .right-shadow{ 
padding-left: 0;
position:relative;
text-align: left;
    padding-left: 30px;

}
         
.item-container{ 
background: white;
   padding: 25px 0px;
   text-align: left;
    padding-left: 30px;
}


.title-news a{
  color: #323232;
}

.nouvelles  .title-news{
    margin-top:14px;

    color: #323232;
}

.nouvelles  .sub-title-news{
    color: #323232;
    font-size:1.2em;
    font-weight:bold;
}

.nouvelles .btn{
   font-family: 'oswald', Helvetica, Arial, sans-serif;
   position: absolute;
    bottom: -15px;
    right: 49px;
}

.nouvelles p{
font-size:1.1em;
padding:0 10px 0 0;
}


.nouvelles span {
    font-size: 0.9em;
}

.section-nouvelles .title {
   
    font-size:2em;
    line-height: 34px;
    color: #323232;
    font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
    text-align:center;
    margin-top: 30px;
}

.zone-mb-title{
        font-size: 2.2em;
    line-height: 34px;
    color: white;
    font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
    text-align: center;
    margin-top: 30px;
}






.slider-logo {
    background-color: #e9e9e9;
   
}

.slider-logo .center-title{
    font-size: 2em;
    line-height: 34px;
    color: #323232;
    font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
    text-align: center;
    margin-top: 30px;
    font-weight: normal;
}

.slider-logo .slider-logo-wrapper {
  
    padding-bottom: 82px;

}

.footer-top-text{
    
}


.footer-top-wrapper .footer-top-left .footer-top-title, .footer-top-wrapper .footer-top-left .footer-top-text {
    font-weight: 400; 
    /* font-size: 16px; */
    color:black;
    font-size:1.4em;
    margin-bottom: 0;
}

.btn-right{float:right;}
.btn-left{float:right;     margin-left: 10px;}
.mobile-store{float: right;}

header .header-main .navigation .nav-links li .main-menu {

    font-weight: bold;
}

.group-title-index .center-title{
    font-family: BebasNeue-Regular, Helvetica, Arial, sans-serif;
        color: #323232;
        font-size: 2.6em;
     font-weight: normal; 
}

.group-title-index p{
    line-height:15px;
    color: #323232;
    font-size:1.6em;
}

.progress-bars .progress-bar-wrapper .title-2 {
    font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
    font-weight:normal;
    position:relative;
}

.title-2 {
    font-size: 3.2em;
   
}


.page-title-about{

    width: 100%;
    height: 250px!important;
  
    text-align: center;
    background: url(../images/10.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
}

.margin-form{
    margin-bottom:120px;
}

.margin-form p{
    color:white;
    font-size:18px;
    margin:20px;
}

.margin-form .btn.btn-orange {
    background-color: #f28803;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    line-height: inherit;
    padding: 8px 40px 7px 40px;
    font-size:0.8em;
}

.page-title-form{

    width: 100%;
    height: 100%;
  
    text-align: center;
    background: url(../images/11.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
}

.page-paralax{
        width: 100%;
   
  
    text-align: center;
    background: url(../images/background-best-staff1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.media-side{
    text-align:center;
}
.hr-widget{
    border-top: 2px solid #171616;
    margin-top:0;
}
.hr-widget-link{
   margin-bottom: 9px;
}
.widget-link {
        margin-bottom: 15px;
}
.media-side h2{
    color: #7fa51d;
    font-size: 2em;
    font-family: 'oswald', Helvetica, Arial, sans-serif;
    font-weight:normal;
 
}
h2.media-side-title{
    font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
}
.medias-sociaux {
    border-top: none;
        padding-top: 0;
        text-align: center;

}
.medias-sociaux a, .medias-sociaux .link {

    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 2.1em;
    line-height: 1.4em;
}
.widget .media {
    padding: 0; 
}

.sidebar a {

    color: #f28803;
}

.sidebar .btn-orange {
        color: white;
        /*font-size: 1.3em;*/
}
.sidebar .btn-orange:hover {
    color: white;
}

.media-side .form-email-widget {
   height: 36px;
    background-color: #ffffff;
    border: 1px solid black;
}

.media-side .btn-email {
    background-color: #86bc42;
    line-height: 34px;
    text-align: center;
    padding: 0px 14px;
    width: 39px;
    border: 1px solid black;
    border-left: none;
}
.mobile-side-txt{
        margin-top: 117px;
}
.mobile-side-txt p{
    font-size: 17px;
}

.mobile-side-txt .title-small {
        font-size: 0.8em;
        font-weight:normal;
        font-family: 'oswald', Helvetica, Arial, sans-serif;
}





.media-side-title span{
        color: #323232;
        font-size: 18px;
        font-size: 1em;
}

.page-sub-title{
    text-align:center;
    background-color:#86bc42;
    padding: 12px 0;
    color: white;
   
 font-size:2.2em;
    font-family: BebasNeue-Regular;

}

.page-title .captions {
font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
font-weight:normal;
 font-size: 50px;
}
}

   
.nav-chif{
    display:table;
    width: 100%;
}

.nav-chif li{
         padding: 10px 36px 35px 36px;
}

.nav-chif li:last-child{
         padding: 20px 36px 35px 36px;
}

.bg-silv{
            background: #f4f4f4;
}


.nav-chif-icon ,.nav-chif-text{
    display:table-cell;
   color:black;
}

.nav-chif-text{
  padding-left: 38px;
}
.nav-chif-text span{
    display: block;
   color:#86bc42;
   font-size:2.6em;
   font-weight:bolder;
   font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
}

.page-container{
    padding-right: 10%;
}
.page-container-imgtop{
        margin-top: 154px;
}
.page-sub-title2{
    font-size: 1.5em;
       margin: 20px;
    text-align:center;
    color: black;
    font-family: Lato;
    font-weight:bold;

}

.page-sub-title23 .main-title{
    font-size: 1.7em;
    margin: 2px;
    margin-top: 15px;
    text-align: center;
    color: black;
    font-family: BebasNeue-Regular, 'Arial Narrow', Arial, sans-serif;
}
.page-sub-title23 .sub-title{
    font-size: 1.4em;
    margin: 2px;
    text-align: center;
    color: #808080;
    font-family: BebasNeue-Regular, 'Arial Narrow', Arial, sans-serif;
}
.page-sub-title22{
    font-size: 1.1em;
       margin: 20px 0 5px 0;
    text-align:left;
    color: black;
    font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
}

.page-sub-title3{
    font-size: 1.3em;
        margin: 20px 0 0 0;
    text-align:left;
    color: black;
    font-weight:bold;
    /*font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;*/

}

.page-sub-title4{
    font-size: 2.6em;
     margin: 52px 0 17px 0;
    text-align:center;
        color: #323232;
    /*font-weight:bold;*/
       font-family: BebasNeue-Regular;

}
.page-sub-title4 .sub-title3{
    font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
    font-size: 1.1em;
    color:#7fa51d;
    font-weight:normal;
    margin-top:-17px;
}
.btn.btn-orange.btn-line-height{
      font-size: 1.2em;
      line-height:27px;
}
.btn-container{
    margin-bottom:22px;
}
.img-inline .img-responsive{
    display:inline;
}
.title-link-side{
    color: #f28803;
    font-size: 1.3em;
    font-weight:bold;
}
.margin-img{
    margin-top: 30px;
}
p {
    font-size: 16px;
    color: #323232; 
}
.p-bold{
    font-family:Lato;
    font-weight:bold;
}
.big-p{
     font-size: 18px;
}
.footer-main-wrapper p{
    color: white; 
}
.name-inner{
    color: white; 
}
/*.section-padding {
    padding: 40px 0 0 0;
}*/
.hors-route{
    margin-bottom:53px;
}
.link-side a{
     color: #323232;
    font-size: 1.2em;
}
 .media-side-title-mar{
    margin-top: 6px;
}
.page-intro-txt{
    font-size: 1.5em;
    color: #323232;
}
.background-opacity-title:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(10, 15, 28, 0.5);
}
.background-opacity-title {
    position: relative;
}


.nav-icon> li > a{
       padding: 20px 43px;
}

.nav-icon > li > a:hover, .nav-icon > li > a:focus {
    text-decoration: none;
    background-color: white;
}

/** acordion */
.accordion-title{
    text-align:center;
    font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
        margin: 0 0 7px 0;
        font-size:2.4em;
        color:black;
}
.page-block .panel-heading {
   text-align: center;
    background-color: white;
    /*padding: 12px 0;*/
    color: white;
    font-size: 1.8em;
    font-family: 'oswald', Helvetica, Arial, sans-serif;
    padding-bottom: 60px;
    font-weight:normal;
}

.page-block  .panel.active {
   
    box-shadow:none;
}

.page-block .panel-heading .panel-title a {
   
    color: white;

}

.accordion .panel.active .panel-heading .panel-title a {
    font-weight: normal; 
  
}

.page-block  .panel-heading .panel-title a {
  
    padding: 0;
 
}

.page-block .panel-heading + .panel-collapse > .panel-body {
   
     padding: 0;
}
.accordion .panel-heading .panel-title a:after {
    font-family: Fontawesome;
    content: "\f067";
    position: absolute;
        top: 66px;
    right: 50%;
     font-size:30px;
     color:#86bc42;
}

.accordion .panel-heading .active a:after {
     font-family: Fontawesome;
    content: "\f068";
    position: absolute;
        top: 66px;
    right: 50%;
     font-size:30px;
     color:#86bc42;
}



.hr-panel{
    background-color:#e9e9e9;
    border-top:3px solid #f28803;
}

.hr-panel-header{
    text-align:center;
    padding: 9px 20px;
}

.hr-panel-body{
     padding: 0 0 12px 0;
}
.hr-panel-title{
    font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
    color: #86bc42;
    font-size: 1.5em;
}
.hr-panel-list{
    padding-left: 10%;

    font-size: 1.1em;
    list-style: none;
    color:black;
}
.intro-ul{
        padding-left: 10%;
        margin-bottom:13px;
}
.hr-panel-list li{

    margin-bottom: 10px
  
}
.hr-panel-list-dot{
     list-style:disc;
}
.warning{
   border-bottom:2px solid #f28803;
   border-top:2px solid #f28803;
    margin:30px 0;
}

.warning2{
   border-bottom:2px solid #86bc42;
   border-top:2px solid #86bc42;
    margin:30px 0;
}
.hr-panel-last{
    border-bottom:3px solid #f28803;
    padding-bottom:20px;
}
.hr-panels-footer{
    
    text-align: center;
    position: relative;
    top: -23px;
}
.block-ob-container{
    padding:1px;
}
.block-ob-container .page-sub-title2{
        margin: 0 0 1px 0;
        padding: 18px;
        line-height: 21px;
        color:#323232;
} 
.block-ob{
    background-color:#e9e9e9;
}
.block-ob-mh{
    min-height: 273px;
}
.block-ob-body{
    min-height:94px;
    padding: 0px 20px;
}
.block-ob a {
    color:#f28803;
    font-family: BebasNeue-Regular, Helvetica, Arial, sans-serif;
   margin-top: 12px;
    display: inline-block;
    font-size: 1.1em;
}


.page-block-slv {
    background-color:#e9e9e9;
        padding: 10px 49px 20px 49px; 
        border-bottom:2px solid white;
}
 .page-block-slv2 {
   border-bottom:1px solid white;
   
}
.page-block-slv-clr{
    background-color:#f7f7f7;
}
.page-block-slv .page-sub-title2{
    color: #7fa51d;
    font-size: 2em;
    line-height:25px;
}
.page-block-slv .page-sub-title22 {
      color: #323232;
   font-size: 1.8em;
    line-height: 25px;
    text-align:center;
}
.panel-form .page-block-slv .page-sub-title2{
    color: black;
   
}


.panel-form  .block-ob a {
    color: white; 
    font-size: 1em;
}

.btn-plus{
  position: absolute;
    top: 38%;
    right: 43%;
    background-color: #f28803;
    padding: 0 12px;
    color: white;
}
    .btn-plus .fa {
        font-size:1.3em;
        line-height: 41px;
    }

    .well-border{
        border-bottom: 2px solid #f28803;
    border-top: 2px solid #f28803;
  
    }
    .panel-lh .page-sub-title{
        line-height: 31px;
    }


.accordion .panel-lh .panel-title a:after {
    font-family: Fontawesome;
    content: "\f067";
    position: absolute;
    top: 79px;
    right: 50%;
    font-size: 30px;
    color: #86bc42;
}
    .accordion .panel-lh .active a:after {
    font-family: Fontawesome;
    content: "\f068";
    position: absolute;
    top: 79px;
    right: 50%;
    font-size: 30px;
    color: #86bc42;
}

    .btn.main-from-btn{
        background-color: #86bc42;
        width: 80%;
        padding: 10px 40px 7px 40px;
        font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
    }

    .btn.main-from-btn span{
     
        font-size:1.6em;
       
    }

   .page-title  .captions-form{
        margin-top:90px;
    }

.p-home{
    font-size:18px;
}
.title-dbl{
    position:relative;
}
.title-dbl .bottom-shadow {
display: block;
    /* margin-top: 68px; */
    position: absolute;
    /* float: right; */
    /* height: 301px; */
    /* background: red; 
    right: -2px;*/
    width: 100%;
}

.title-dbl .or-spacer-orizontal .mask {
overflow: hidden;
    width: 100%;
    height: 27px;
    position: relative;
    top: 40px;
    left: 0;
}

    .title-dbl .or-spacer-orizontal.bottom-shadow .mask:after {
    content: '';
    display: block;
    margin-left: 10%;
    width: 80%;
    margin-top: -101px;
    height: 100px;
    border-radius: 50%;
    box-shadow: 0px 10px 10px 1px #bfbfbf;
}


    .rlp {
     background: url(../images/11.jpg) no-repeat center center; 
    background-size: cover;
    height: 80vh;
}

   .rlp .form-container {
    position: relative;
    z-index: 2;
      height: 90%;
}
  .form-container  .rlp-table {
    text-align: center;
   /* background-color: #e9e9e9;*/
   background-color: #f1f1f1;
   
    opacity:0.95;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    padding: 30px 60px;
}

  .form-container   .rlp-table .rlp-form input {
    border-radius: 0px;
    border: 1px solid;
}

    .form-container .rlp-table .rlp-form  label {
   font-size: 12px;
    color:black;
     margin-top: 5px; 
     margin-bottom: 2px; 
}

  
    .form-container   .rlp-table .rlp-title {
         font-size: 18px;
         color:black;
        }

   .form-container .bg-w-form .form-input {
    background-color: white;
      height: 35px;
 
}

  .form-container .btn.btn-orange {
  
    font-family:'Lato', Helvetica, Arial, sans-serif;
    line-height: inherit;
    padding: 8px 30px 7px 30px;
    font-size:0.8em;
}

  .search-input .form-select, .search-input .form-submit, .search-input .sbHolder {
    width: 100%;
    display: inline-block;
}

    /*.section-search .search-input .sbHolder {
    width: 25%;

}*/

  .section-search .search-input {
       background: none;
    background-color: #e9e9e9;

}
    /*.section-search .search-input .form-submit {
    width: 12%;
    
}*/

    .form-select-container{
            padding-left: 0; 
            z-index:3;
    }
     /*.form-select-container-first{
            padding-right: 0; 
    }*/
    .section-search .search-input .form-input{
    margin-right: 0;
    width:100%;
    margin-left: -15px;
    float:none;
    
}

    form-input-container{
        position:relative;
    }
    .section-search .btn{
   border: 0;
    border-radius: 0;
    padding: 2px 13px 0 2px;
    background: transparent;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    position: absolute;
    overflow: hidden;
    color: #fff;
    transition: all 0.2s ease;
    background-color: #9ac51f;
    
}

    .teacher-course .teacher-course-wrapper {
     padding-left: 15px; 
     padding-right: 15px; 
}
    .title-organisation{
        border-top:2px solid #f28803;
    }
    .title-organisation h2{
        font-size: 22px;
        margin-top: 10px;
    margin-bottom: 33px;
    }
  .section-result .result-lbl {
  
    font-size: 22px;
    margin-bottom: 10px;
    color: #323232;
       border-bottom:2px solid #f28803;
} 
  .edu-table-responsive {
      font-size:1em;
  }

    .edu-table-responsive span ,  .edu-table-responsive a{
    font-size: 14px;
}
    .result-title{
        font-size:1.5em;
        color:black;
        font-weight:bold;
        margin-bottom: 10px;
    }
    .teacher-course-wrapper p{
         font-size: 20px;
    }
  .logo-organisations{
          margin-bottom: 47px;
  }


 
.news-page-wrapper .edugate-layout-1 .edugate-image {

    top: 0; 
    padding-left: 0; 

}
.news-page-wrapper .info {
margin-top: 22px;


}

.news-page-wrapper .info .item a {

font-size:0.8em;
color: #323232;

}
.news-page-wrapper .item  {

opacity:1;

}

.news-page-wrapper .info-more p{
    font-size:0.8em;
color: #323232;
}
.search-input  .news-letter-wrapper{
    padding: 23px 50px 15px 50px;
}

.sub-title3-news{
    font-family: Eagle-Book, 'Arial Narrow', Arial, sans-serif;
    font-size: 1.8em;
    color: #7fa51d;
    font-weight: normal;

}
.news-page-wrapper  .sub-title-news{
    font-size:1.4em;
        margin-bottom: 13px;
}

.news-page-wrapper .edugate-content .description {
    color: #323232;
}
.news-page-wrapper .edugate-layout-1 .edugate-content .btn {
    bottom: 30px;
    position: absolute;
    right: 27px;
}

.col-md-9 .edugate-layout-1 .edugate-content .title {
  
    margin: 0px 0 0px 0;

}
    
.news-page-wrapper .edugate-layout-1 {
  
    background-color: #e9e9e9;

}
.news-page .news-page-wrapper .edugate-layout-1 {
    margin-top: 0;
    margin-bottom: 35px;
}
.widget-news .media {
    border-bottom: 2px solid #323232;
  
}
.widget-news  .media:last-child{
     border-bottom: 2px solid #323232;
}
.widget-news .media .media-right {
    padding-left: 0;
}
.widget-news .item{
    opacity:1;
}

.widget-news  .media .link {
    display: inline-block;
    color: #323232;
        font-size: 12px;
    line-height: 27px;
}
.info .item a {
    color: #323232;
}
.widget-date{
    float: left;
    margin-right: 45px;
}
.widget-news .link-side{
    margin-bottom:10px;
}
.widget-news .title-widget{
    font-size:1.6em;
}
.widget-news  .first-widget{
    margin-top:25px;
}
.question-header {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 10px;
}



header .header-main .edugate-dropdown-menu-1 li .link-page{
    line-height: 23px;
   }

header .header-main .edugate-dropdown-menu-1 li {
    
    border-bottom: 1px solid #85bb42;
}

header .header-main .edugate-dropdown-menu-1{
  
    padding: 0 6px;
    border-bottom:none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    background-color: #ffffff;
    font-weight:bold !important;
}
header .header-main.homepage-03 .edugate-dropdown-menu-1 {

    opacity: 0.85;
        top: 50px;
    
}
.edugate-dropdown-menu-1 li:first-child {

        border-top: 5px solid #85bb42 !important;
      
}
header .header-main .edugate-dropdown-menu-1 li .link-page, header .header-main .edugate-dropdown-menu-2 li .link-page {
   font-size: 14px;
} 
header .header-main .navigation .nav-links li:hover .main-menu:after {

    content: none;

}
/* mobile */
@media (max-width:768px)
 {
       .hr-box-right{
        padding-left: 15px;
        margin-top:20px;


    }

    .hr-box-left{
        padding-right: 15px;
       
    }
    .box-title {
        font-size:2em;
 
        line-height: 34px;
    }
     .active .item .or-spacer-vertical {
    display: none;
    }

      .item-container {
   
    padding-left: 0px;
}

      .media-body-alwan{
          padding: 15px;
      }

      .nouvelles .btn {
   
        bottom: 24px;
  
    }

      .media-body-comment{
            padding: 0 0 4px 15px;
      }

      .media-user{
            padding-bottom: 15px;
      }

      .ca-box {
   
        padding: 30px 0;
            min-height: 435px;
   
    }

      .mobile-img {
        left: 0; 
        display: inline-block;
        }

              .mobile-img {
            position: relative;
            top: -75px;
   
        }
      .section-padding-mobile .hr-box-right{
              margin-top: 46px;
      }

      .section-nouvelles .title {
    
        margin-top: 6px;
    }

      .hors-route {
         margin-bottom: 0px;
    }

      .hors-route-txt{
              margin-top: -95px;
      }
        
      .hors-route-btn {
        text-align:center;
    }
      .hors-img-container {
    text-align: center;
   
}

      .mobile-txt {
  
    top: -17px;
}

      .btn-right{float:none;}
.btn-left{float:none;     margin-left: 0; margin-bottom: 10px;}
.footer-top .footer-top-wrapper .footer-top-right {
   
    text-align: center;
}

.ca-box .mobile-txt  .sub-title {
   
    margin-top: -19px;
}
.mobile-store {
   
    margin-right: 10px;
}

.hors-img {
    position: relative;

}
.page-container {
    padding-right: 15px;
}

.widget .media:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.title-dbl .or-spacer-orizontal .mask {
  
    width: 150%;
   
    left: -25%;
}

.page-title .captions-form {
    margin: 35px;
}
.mobile-container{
    margin-top:40px;
}
.rlp {

    height: 100vh;
}
    .form-select-container{
            padding-left: 15px; 
    }
     .form-select-container-first{
            padding-right: 15px; 
                margin-top: 15px;
    }
     .section-search .search-input .form-input {

         margin-left: 0; 
    }
     .input-content{
         margin-bottom:10px;
     }

     .news-page{
         margin-top:31px;
     }
     .search-input .news-letter-wrapper {
    padding: 15px 0;
}

     .hors-img-container-top .hors-img {
    top: -154px;
    width: 190px;
}
     .page-container-imgtop {
    margin-top: -143px;
}
}
.zoneMembre{
   margin-right: -10px!important; 
}
.iconActivite {
   font-size:20px; 
}
.iconActivite:hover {
   color:#f28803; 
}


@media screen and (max-width: 600px){
.accordion .panel-heading .panel-title a {
 
    overflow: visible;
  
}
}

@media screen and (max-width: 480px){
    .news-page-wrapper .edugate-layout-1 .edugate-image {
        display: block;
        width: 100%;
        padding: 0;
        top: 0;
    }
}

@media screen and (max-width: 480px){
    .news-page-wrapper .edugate-layout-1 .edugate-content {
    padding: 30px; 
}
}
