html, body {
  overflow-x:hidden;
}

/*-------------------------------------------- Nav ----------------------------------------------*/

.line-menu {
    background-color: #ffffff00;
    position: relative;
    margin-bottom: -15px;
}
.navbar-default .navbar-nav li a {
    color: #18355D;
}
.navbar-default .navbar-nav>li {


}
.navbar-collapse{
    //background-color: #ffffffbf;
    overflow: hidden;
}

.line-menu:after {
    border-top: none; 
}

/*-------------------------------------------- Membre ----------------------------------------------*/
.row-fluid {
display: flex;
}

.row-space{
padding: 5rem 0;
}

.zone-50{
padding-top: 6rem;
height: auto;
margin: 15px;
background-color: #fff;
text-align: center;
border-radius: 5px;
box-shadow: rgba(000, 000, 000, 0.2) 0px 7px 29px 0px;
}

.zone-50:hover{
transform: scale(1.05);
z-index: 10;
box-shadow: rgba(233, 72, 62, 0.2) 0px 7px 29px 0px;
}

.zone-50 h2{
text-align: center;
font-size: 2.5em;
color: #E9483F;
font-weight: 900;
}

.priceRow{
padding-top: 4rem;
padding-bottom: 10rem;
}

/*-------------------------------------------- Fin ----------------------------------------------*/


@media only screen and (max-width: 750px){
.row-fluid {
display: block;
}
.zone-33{
margin: 25px 20px;
}
.zone-33:nth-child(2){
transform: scale(1);
}
}

@media only screen and (max-width: 500px){
.event-jumbotron__title{
  font-size: 36px;
  }
  h2{
  font-size: 32px;
  }
  .item h3 {
      font-size: 18px;
  }
}

/*-------------------------------------------- All ----------------------------------------------*/
/*---------------------- Menu ------------------------*/


/*---------------------- Footer ------------------------*/
.poweredBy{
display: none;
}
/*---------------------- Typo ------------------------*/
body{
font-size: 18px;
background-image: url("https://cdn.ca.yapla.com/company/CPYxJfpzgwN842a7QrMvFRCXe/asset/images/afeq-bg-01.svg");
background-repeat: no-repeat;
background-size: cover;
}
.member h1{
text-align: center;
}

h1{
font-weight: 900;
font-size: 50px;
color: #18355D;
margin-bottom: 5rem;
}
.member h2{ƒ
font-size:32px
text-align: center;
}
h2{
font-weight: 900;
font-size: 45px;
color: #18355D;
margin-bottom: 5rem;
}
/*---------------------- Button ------------------------*/
.btn-01{
background-color: #E9483F;
border: none;
border-radius: 5px;
font-size: 16px;
font-weight: 700;
padding: 8px 50px;
color: #fff;
text-decoration: none;
text-transform: capitalize;
}
.btn-01:hover{
text-decoration: none;
background-color: #fff;
color: #E9483F;
}

.btn-primary {
background-color: #E9483F;
border: none;
border-radius: 5px;
font-size: 16px;
font-weight: 700;
padding: 8px 50px;
color: #fff;
text-decoration: none;
text-transform: capitalize;
}

.btn-primary:hover {
text-decoration: none;
background-color: #fff;
color: #E9483F;
}

.btn-default {
background-color: transparent;
border-color: #E9483F;
color: #E9483F;
border-radius: 4px;
}
/*-------------------------------------------- Accueil ----------------------------------------------*/
/*---------------------- Evenement a venir ------------------------*/
.mod-eventflash__item-title{
text-align: center;
}

.zone-75{
padding: 4rem 0;
}
/*---------------------- CTA DEVENIR MEMBRE ------------------------*/
.membre-row{
background-size: cover;
background-image: url("https://cdn.ca.yapla.com/company/CPYxJfpzgwN842a7QrMvFRCXe/asset/images/cta-bg.png");
padding: 6rem 0;
margin: 4rem 0;
}

.membre-row h2{
color: #fff;
}

.membre-row p{
color: #fff;
padding: 0 0 4rem 0;
}
/*---------------------- Derniere nouvelles ------------------------*/
.zone-100 h2{
text-align: center;
margin-bottom: 4rem;
}
.item h3{
color: #17365d;
}

.news-row{
padding-bottom: 5rem;
}


/*-------------------------------------------- Membre ----------------------------------------------*/
.row-fluid{

}

.zone-75{
margin: 4rem 0 ;
}

.line-footer h3{
color: #E9483F;
}



/*-------------------------------------------- News ----------------------------------------------*/
.news-title{
color: #18355D;
}


/*-------------------------------------------- Evenement ----------------------------------------------*/
.form-group{
margin-bottom: 5.8rem;
}

.col-sm-8 {
text-align: center;
}

/*-------------------------------------------- SPACE MEMBER ----------------------------------------------*/


.mod-eventflash__item img{
width: 100%;
}

.e-date, .e-date>a{
font-weight: 900;
color: #17365d;
}

.evenement .e-date, .e-date>a{
font-size: 2rem;
line-height: 1.6;
}

.mod-eventflash__btn-register{
}

.mod-eventflash__item{
text-align: center;
}

.mod-eventflash__item . actions{
text-align: center;

}

.evenement .mod-eventflash__item-title{
font-size: 2.8rem;
}


@media only screen and (max-width: 500px){

.evenement .mod-eventflash__item-title{
font-size: 2.5rem;
}

.evenement .e-date, .e-date>a{
font-size: 1.6rem;

}
}