#form_moteur_recherche {
  /* margin-left: 1rem; */
  width: 100%;
}
.input-group {
  border-radius: 0px;
}
.form-control {
  border-radius: 0px;
}
#loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.75) url(../images/loader1.gif) no-repeat center center;
  z-index: 10000;
}
.show-category{
  z-index: 99999999;
}
.account-nav {
  display: flex;
  /*justify-content: center;*/
  align-items: center;
  color: #004080;
}

.account-username {
  font-weight: bolder !important;
}

.account-username{
    font-weight: bolder !important;
    color: #004080 !important;
}

.account-nav i , .account-nav:hover i {
    color: #004080 !important;
}

/*.account-nav a{
    color: #004080 !important;
}*/

.subscription-header{
    width: 100%;
    height: 160px;
    background-color: #004080;
}

.account-nav a {
  color: #004080 !important;
}

.subscription-header {
  width: 100%;
  height: 160px;
  background-color: #004080;
}
.subscription-header-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: white;
}
.subscription-header-title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 2.5rem;
  color: white;
}
.subscription-header-description {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.8);
}
.subscription-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 40px 12%;
  justify-content: space-between;
  flex-wrap: wrap;
}

.subscription-plan {
  flex: 1;
  background-color: white;
  min-height: 400px;
  max-width: 280px;
  margin: 20px 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.plan-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 2;
  text-align: center;
  margin: 5px auto;
}
.plan-price {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 2;
  margin: 0 auto;
  text-align: center;
  color: #d9dd6b;
}
.plan-price-normal {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2;
  margin: 0 auto;
  text-align: center;
  text-decoration: line-through;
  color: #f55c47;
}
.plan-period {
  text-align: center;
  margin: 0 auto 5px;
}
.plan-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 2px 10px;
  justify-content: space-between;
  font-size: 12px;
  letter-spacing: 1.1px;
}
.plan-divider {
  border: none;
  border-top: 2px solid #f9f9f9;
  margin: 0.6rem;
}
.plan-row i {
  font-size: 25px;
}
.in-plan {
  color: #d9dd6b;
}
.not-in-plan {
  color: #f55c47;
  margin-right: 4px;
}
.subscription-btn {
  background-color: #004080;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  margin: 15px auto;
  display: block;
  width: 180px;
  border: none;
  border-radius: unset;
}
.subscription-btn:hover {
  background-color: #d9dd6b;
  color: #004080;
  transition: background-color 0.2s linear;
}
.olorun-wish-color {
  color: #fb6340;
}

/*templated card olorun*/
.tpl-card-olorun {
  height: 265px;
  width: 211px;
}
.tpl-card-link-olorun:hover {
  background-color: #fff !important;
  opacity: 0.5;
  transition: 0.3s;
}
.tpl-card-image-olorun {
  height: 125px;
  width: 211px;
}
.tpl-card-body-olorun {
  padding: 7px;
}
.tpl-card-training-title {
  padding: 0px;
  margin: 0px;
  font-size: 0.9rem;
  letter-spacing: -0.02rem;
  font-weight: 700 !important;
}
.tpl-card-training-teacher {
  color: #abb1b7 !important;
  font-size: 0.7rem;
}
.tpl-card-training-update {
  color: #abb1b7 !important;
  font-size: 0.7rem;
  float: right;
}
.tpl-card-training-type {
  color: #004080;
  font-weight: bold;
  font-size: 0.9rem;
  margin-left: 7px;
}
.tpl-card-training-time {
  color: #d7dde4;
  font-size: 0.8rem;
  display: block;
  font-size: 15px;
  height: 23px !important;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0.8;
  width: 30%;
  text-align: center;
  position: absolute;
  right: 0px !important;
  align-items: center;
  top: 0;
  border-radius: 0 3px !important;    
  /* margin-top: 102px; */
}
.tpl-card-training-price {
  color: #004080;
  font-weight: bold;
  font-size: 1.1rem;
  margin-left: 7px;
}
#backToTop {
  display: block;
  position: fixed;
  background-color: #004080;
  width: 27px;
  height: 27px;
  text-align: center;
  border-radius: 4px;
  border: none;
  outline: none;
  margin: 30px;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#backToTop:hover {
  cursor: pointer;
  background-color: #333;
}
#backToTop:active {
  background-color: #555;
}
#backToTop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 25px;
  color: #fff;
}
#backToTop.show {
  opacity: 1;
  visibility: visible;
}
.obligatoire{
  color: red;
}
/* rating start*/

/* Rating Star Widgets Style */
.rating-stars ul {
  list-style-type: none;
  padding: 0;

  --moz-user-select: none;
  --webkit-user-select: none;
}
.rating-stars ul > li.star {
  display: inline-block;
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
  font-size: 1.2em; /* Change the size of the stars */
  color: #ccc; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
  color: #ffcc36;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
  color: #fb6340;
}

/** rating end **/

/******** slide carousel *****************/

	.main-section{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10rem;
    padding-left: 10rem;
	}
  .main-header{
    display: flex;
    align-items: center;
    height: 60px;
    justify-content: flex-start;
    margin: 0 25px 0 70px;    
    color: #004080;
  }

/* CSS POUR LE SLIDE */
  .slider__carousel{
    position: relative;
    overflow-y: scroll;
  }
  .slider__carousel::-webkit-scrollbar{
    display: none;
  }
  .slider__carousel__container{
    transition: transform 0.3s;
    transform: translate3d(0, 0, 0);    
  }
  .slider__carousel__container::after{
    content: "";
    clear: both;
    display: table;
  }
  .slider__carousel__container__item{
    float: left;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
  }

  .carousel__next,
  .carousel__prev{
    position: absolute;
    width: 35px;
    height: 35px;
    background: #FFF url(../images/right-arrow.svg) center center no-repeat; 
    background-size: 40px 40px; 
    border-radius: 50%;
    box-shadow: 0px 2px 6px 0px #0c2740, 0 5px #00000000;
    top: 50px;
    margin-top: 43px;
    cursor: pointer;
    right: 5px;
    transition: transform 0.3s display 0.3s;
  }
  .carousel__next:hover,
  .carousel__prev:hover{
    background-color: #FFF;
    transform: scale(1.2)
  }
  .carousel__prev{
    right: auto;
    left: 0px;
    background: #FFF url(../images/left-arrow.svg) center center no-repeat; 
    background-size: 40px 40px;
    box-shadow: 0px 2px 6px 0px #0c2740, 0 5px #00000000;
    left: 5px;
  }
  .carousel__next__hidden, .carousel__prev__hidden{
    display: none;
    transition: transform 0.3s display 0.3s;
  }


  @media only screen and (max-width: 90em) 
  {
    .main-section{
      padding-left: 0;
      padding-right: 0;
    }
    .main-header h2{
      font-size: 1.5rem;
    }
    .main-section header::before{     
      left: 1%;
      font-size: 45px;
    }
    .main-section .left-arrow,
    .main-section .right-arrow{
      font-size: 25px;
      height: 25px;
      width: 25px;
    }
    
  }

  @media only screen and (max-width: 40em) { 
    .main-section{
      padding-left: 0;
      padding-right: 0;
    }
    .main-header h2{
      font-size: 1rem;
    }
    .main-section header::before{     
      left: 1%;
      font-size: 25px;
    }
    .main-section .left-arrow,
    .main-section .right-arrow{
      font-size: 16px;
      height: 16px;
      width: 16px;
    }
      
  }