body {
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.9;
    color: #333;
    text-align: left;
    background-image: url("backgok.jpg")!important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100% !important;
    height: auto !important;

}

/* Top de la page: */

.header123 {
   background-image: url("banniere-ok.jpg")!important;
}

.header1 {
   padding: 10px 50px !important;
   display: flex !important;
   justify-content: left !important;
   align-items: center !important;
   align-content: center !important;
   color: #e5e5e5 !important;

}

.header2 {
   padding: 40px 50px !important;
   display: flex !important;
   margin-left: 20px !important;
   justify-content: center !important;
   align-items: center !important;
   align-content: center !important;
   color: white !important;
}


.header3 {
   font-size: 0.9125rem !important;
}

.h1, h1 {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 2rem !important;
  text-transform: uppercase !important;
  margin-bottom: 3.9rem !important;
  margin-left: 0rem !important;
  margin-top: 0rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: #4c4c4c !important;
}

.h2, h2 {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 1.988rem !important;
    margin-bottom: 0.625rem !important;
    margin-left: 0rem !important;
    margin-top: 4rem !important;
    font-weight: 300 !important;
    line-height: 1.1 !important;
    color: inherit !important;
}

.h3, h3 {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 30px !important;
    margin-top: 2rem !important;
    margin-bottom: -0.375rem !important;
    line-height: 1.1 !important;
    letter-spacing: 0em !important;
}

.h5, h5 {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 28px !important;
    margin-top: 1rem !important;
    margin-bottom: 1.375rem !important;
    line-height: 1.1 !important;
    letter-spacing: 0em !important;
    font-weight: 400 !important;
}



.h6, h6 {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 15px !important;
  color: #1f1c1d !important;
  padding: 5px 59px !important;
  padding-top: 15px !important;
  letter-spacing: 0.485em !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  align-content: center !important;
}


.h7, h7 {
      font-family: 'Roboto Condensed', sans-serif !important;
      font-size: 18px !important;
      color: #666666 !important;
      font-weight: 400 !important;
      padding: 37px 66px !important;
      padding-top: 34px !important;
      letter-spacing: 0.04em !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      align-content: center !important;
  }



.headerfull {
  background-color: #dfcdb7 !important;
}

.headerfull2 {
     padding: 0px !important;
     margin: 0px !important;
     background-image: url("banniere-ok.jpg")!important;

}


/* Menu en haut a droite: */


.dropdown-user .navbar-nav-link, .dropdown-user .navbar-nav-link>span {
  font-size: 13px !important;
padding-top: 4.4375rem !important;
padding-bottom: 4.2375rem !important;
padding-left: 2.3332999999999995rem !important;
letter-spacing: 0.200em !important;
background-image: url(utilisateur.png) !important;
background-repeat: no-repeat !important;
background-position: left !important;
margin-right: 20px !important;
background-attachment: scroll !important;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 17.25rem;
    padding: 1.5rem 0;
    margin: -2.375rem 0 0;
    font-size: .8125rem;
    color: #333;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 6px solid rgba(0,0,0,.15);
    border-radius: 1.1875rem;
    box-shadow: 0 1.25rem 1.5rem rgb(0 0 0 / 10%);
}


.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    clear: both;
    font-weight: 500;
    color: #333;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}


.row {
  padding-top: 30px !important;
}


.img-user-profil {
   width: 70%;
   height: auto;
   border-style: none;
   align-content: center;
   padding-top: 38px;
}

.col-md-3 {
    position: relative;
    width: 100%;
    min-height: 45px;
    padding-right: 1.625rem;
    padding-left: 3.625rem;
    padding-top: 0rem;
}

.footer {
    align-items: center !important;
    position: relative !important;
    display: -ms-flexbox !important;
    padding: 0px !important;
    margin: 0px !important;
    background-color: rgb(51 51 51 / 0%) !important;
    color: rgba(51,51,51,.85) !important;
    background-color: #f2f2f200 !important;
}

.navbar-light {
    color: rgba(51,51,51,.85);
    background-color: #fff0;
    border-bottom-color: rgba(0,0,0,.125);
}


.sidebar-main, .sidebar-main .sidebar-content, .sidebar-secondary, .sidebar-secondary .sidebar-content {
    left: -0.5625rem;
}


.nav {

   flex-wrap: wrap !important;
   padding-left: 0px !important;
   text-align: center !important;
   background-color: #f1f1f1 !important;
   text-transform: capitalize !important;
   align-content: center !important;
   border: 25px solid rgb(241 241 241) !important;
}

.border-top {
    border-top: 0px solid #f5f5f5!important;
}

.nav-sidebar>.nav-item>.nav-link {
  text-align: center !important;
  align-items: center !important;
  font-weight: 400 !important;
  text-transform: capitalize !important;
  list-style: none !important;
  padding: 20px !important;
  margin-bottom: 6px !important;
  border-radius: 15px !important;
  background-color: #9f110f !important;
  color: #ffffff !important;
  line-height: 1.2;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
  width: auto !important;
}

.nav-sidebar>.nav-item>.nav-link:hover {
  background-color: #7d0f0e !important;
}




.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f5f5f5;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.1875rem;
}


.nav-link {
    color: #f1f1f1 !important;
    text-decoration: none !important;
    background-color: transparent !important;
}

.card-body {
    flex: 1 1 auto;
    padding: 0rem;
    width: 100%;
    height: auto;
}

.text-default {
    color: #5e5e5e;
    font-weight: 400 !important;
    font-size: 0.9em !important;
    line-height: 1.8 !important;
    text-transform: capitalize !important;
}


/*
#fixed-countdown {
    padding-top: 0px !important;
    top: 1115px !important;
    width: 37% !important;
    float: left !important;
    position: fixed !important;
    z-index: 999999 !important;
    left: -265px !important;
}
*/
.rest-time {
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 1em !important;
    line-height: 4 !important;
    padding: inherit !important;
    margin-left: 30px !important;
}

.duree-test {
    color: #ffffff !important;
    text-align: center !important;
    font-weight: 400 !important;
    font-size: 1.8em !important;
    line-height: 2 !important;
}

.block-countdown {
    margin-top: 0px !important;
    font-weight: bold !important;
    left: 7% !important;
    color: white !important;
    background: #8c0c0e !important;
    border-radius: 25px !important;
    width: 368px !important;
}

.timeTo ul li {
    margin: -1px !important;
    padding: 0px !important;
    list-style: bengali !important;
}

.timeTo.timeTo-white div {
    color: #585b60 !important;
}

.btn {
    position: relative !important;
    margin-top: 70px !important;
}

.btn-warning {
    color: #fff !important;
    background-color: #4caf50 !important;
}

.btn-warning:hover {
    color: #fff !important;
    background-color: #328135 !important;
}

.doranco-menu-item {
    color: white !important;
}

.doranco-menu-item:hover {
    color: #a50c0e !important;
}

.btn-primary {
    color: #fff;
    background-color: #9b0d0c !important;
}


.content {
  padding-bottom: 70px !important;

}

.retoursitedoranco {
  text-align: center !important;
  align-items: center !important;
  font-weight: 400 !important;
  text-transform: capitalize !important;
  list-style: none !important;
  padding: 10px !important;
  margin-bottom: 26px !important;
  border-radius: 6px !important;
  background-color: #f5f5f5 !important;
  transition-duration: 0.4s !important;
  color: #464646 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;

}


.retoursitedoranco:hover {
  text-align: center !important;
  align-items: center !important;
  font-weight: 400 !important;
  text-transform: capitalize !important;
  list-style: none !important;
  padding: 10px !important;
  margin-bottom: 26px !important;
  border-radius: 6px !important;
  background-color: #9f110f !important;
  color: #fff !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;

}


/* page de connxion */


.headerindex {
   background-image: url("banniere-ok-id.jpg")!important;
   background-size: cover !important;
   background-position: center !important;
   flex: auto !important;
   padding-bottom: 65px !important;
}

.header1index {
  padding-right: 0px !important;
}

.headlogo img {
  width: auto !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 30px !important;
  height: 9rem!important;
}


.headbutton {
    margin-left: 40% !important;
}


#section-1-36 {
    background-image: linear-gradient(rgba(0,0,0,0.69),rgba(0,0,0,0.69)),url(fd.jpg) !important;
    text-align: center !important;
    height: 80vh !important;
}

#headline-2-36 {
    font-family: 'Roboto Condensed', sans-serif !important;
    text-align: center !important;
    color: #ffffff !important;
    text-transform: uppercase !important;

}


#headline-4-36 {
    color: #ffffff !important;
    font-size: 20px !important;
}



#link_button-9-36 {
    font-size: 17px !important;
    font-weight: 400 !important;
    transition-duration: 0.9s !important;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    border-bottom-color: #ffffff;
    border-left-color: #ffffff;
    border-radius: 13px;
    margin-top: 50px;
    transition-duration: 0.3s !important;
    url-encoded: true;
}

#link_button-9-36:hover {
    font-size: 17px !important;
    color: #fff  !important;
    background-color: #8c0e0f !important;
    font-weight: 400 !important;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #fff;
    border-left-color: #fff;
    border-radius: 13px;
    margin-top: 50px;
    url-encoded: true;
}


#section-12-36 {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #707070;
    font-size: 24px;
    line-height: 1;
    background-color: #dfdfdf;
    width: 100%;
    position: relative;
    left: 0%;
    right: 0%;
    text-align: center;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 35%, rgba(227,227,227,1) 100%);
    background-clip: padding-box;
    border: 0px solid rgb(0 0 0 / 0%);
    border-radius: 2.25rem;
    box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 52%);
    outline: 0;
    padding: 28px 28px 28px 28px;
    margin-top: 319px;
}


.btn-community-ath {
   color: #FFF !important;
   background: #b52525 !important;
   border-radius: 8px !important;
   padding: 8px !important;
   border: 1px solid rgb(191 112 112) !important;
   transition-duration: 0.4s !important;
}

.btn-community-ath:hover {
   color: #FFF !important;
   background: #870f0f !important;
   border-radius: 8px !important;
   border: 1px solid rgb(191 112 112) !important;
   padding: 8px !important;
}

.footerfullbloc {
  font-size: 16px !important;
  background-image: url("footer.png")!important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  align-items: center !important;
  position: relative !important;
  display: -ms-flexbox !important;
  padding: 48px !important;
  margin: 0px !important;
  background-color: rgb(51 51 51 / 0%) !important;
  color: rgba(51,51,51,.85) !important;
  background-color: #202020 !important;
  border-bottom-color: rgba(0,0,0,.125) !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.bg-primary {
    background-color: #bf0c0c !important;
}

.text-info-400 {
    color: #b52626 !important;
}

.header2index {
  align-content: center !important;
  align-items: center !important;
  padding: 0px !important;
  padding-top: 0px !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  justify-content: center !important;
}

.style attribute {
    background: #ededed !important;
    border: 2px solid #cfcfcf;
    color: #fff;
    padding-bottom: 22px;
    border-radius: 24px;
}



/* element */

.card-header:not([class*=bg-]):not([class*=alpha-]) {
    background-color: #0000000f !important;
    background-image: url("ban-title.jpg")!important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding-top: 2.25rem !important;
    padding-bottom: 5.25rem !important;
    border-bottom-width: 0 !important;
    border-radius: 19px !important;
}

.card-header .card-title {
  color: white !important;
}


.timeline-icon {
    position: absolute !important;
    top: 6.625rem !important;
    display:none;
}

.timeline-icon {
    margin: 0 auto 1.25rem auto !important;
    background-color: #fff !important;
    border: 62px solid #ffffff !important;
    width: 3rem !important;
    height: 9rem !important;
    border-radius: 50% !important;
}

.font-size-sm {
    font-size: 1rem !important;
    padding-left: 20px !important;
    margin-top: 51px !important;
}

.table td, .table th {
    padding: 0rem -10.25rem !important;
  }

.form-control {
      display: block !important;
      width: 100% !important;
      padding: 0.1375rem 0.875rem !important;
      font-size: 1rem !important;
      line-height: 1.8385 !important;
      color: #646464 !important;
      background-color: #fff !important;
      background-clip: padding-box !important;
      border: 1px solid #9b9b9b !important;
      border-radius: 0.7rem !important;
      box-shadow: 0 0 0 0 #56565600 !important;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
  }

  .control-label {
      font-size: 1rem !important;
  }


.modal-lg {
     background: rgb(8 8 8 / 0%) !important;
     max-width: 767px !important;
}

.modal-dialog {
    max-width: 1500px !important;
    margin: -4.25rem auto !important;
}

.modal-footer {
  background-image: url("ban-title.jpg")!important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.25rem;
    border-top: 5px solid rgba(0,0,0,.125);
}


.btn btn-primary form-control col-lg-3 {
  color: #fff0 !important;
}


.moncard {
    max-height: 600px !important;
    overflow-y: auto !important;
    margin-bottom: 40px !important;
}


.col-3 {
    -ms-flex: 0 0 25% !important;
    flex: 0 0 25% !important;
    max-width: 100% !important;
}


.text-muted {
    color: #b52525!important;
}


.page-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 39px !important;
}