.mc-popup-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 120;
  background: rgba(0,0,0,0.8);
  font-size: 1.2rem;
  text-align: center;
}
.mc-popup-wrapper .blue-cta,
.mc-popup-wrapper .white-cta {
  font-size: 1.4rem;
  padding-left: 40px;
  padding-right: 40px;
  white-space: nowrap;
}
.mc-popup-wrapper .mc-popup {
  background: ;
  padding: 70px;
  border-radius: 6px;
}
.mc-popup-wrapper .mc-popup .mc-header-popup {
  margin-bottom: 35px;
}
.mc-popup-wrapper .mc-popup .mc-content-col-popup {
  background: #fff;
  border-radius: 6px;
  padding: 32px;
}
.mc-popup-wrapper .mc-popup-cta {
  font-size: 1.4rem;
}
.mc-popup-wrapper .mc-popup-cta.disabled {
  background: #eef8ff;
  color: #9ca6bc;
}
.tab-content>.tab-pane {
  display: none;
}
.tab-content>.active {
  display: block;
}
.fade {
  transition: opacity .15s linear;
}
.mc-popup-wrapper .mc-popup-fermer {
  position: absolute;
  right: 30px;
  top: 30px;
}
body.cours-en-ligne {
  padding: 0;
  font-family: 'Calibri', Lucida !important;
  font-size: 62.5% !important;
}
body.cours-en-ligne #page.site {
  display: none;
}
body.cours-en-ligne .back-formation {
  display: block !important;
}
body.cours-en-ligne article {
  font-size: 1.4rem;
}
.container {
  max-width: 965px !important;
}
.expert-pic {
  width: 80px !important;
  height: 80px;
  display: inline-block;
  border-radius: 50%;
}
.wrapper-popup-playlist {
  color: #fff;
  background: #0f1c36;
}
.wrapper-popup-playlist p {
  font-family: Calibri, Lucida;
  color: #fff;
}
.wrapper-popup-playlist h2 {
  margin-bottom: 15px;
  font-size: 3rem;
  font-weight: 600;
}
.wrapper-popup-playlist .content-bloc {
  padding-top: 12px;
  padding-bottom: 12px;
}
.wrapper-popup-playlist h1 {
  font-size: 4.5rem;
  font-weight: 600;
}
.wrapper-popup-playlist .nav-content {
  margin-bottom: 50px;
}
.wrapper-popup-playlist .nav-item {
  color: #fff;
}
.wrapper-popup-playlist .module-suivant {
  padding: 10px;
  text-align: right;
}
.wrapper-popup-playlist .module-suivant a {
  color: #fff;
}
.wrapper-popup-playlist .site-footer {
  background: #0f1c36;
}
.wrapper-popup-playlist .content-bloc {
  margin-bottom: 40px;
}
.wrapper-popup-playlist .mc-head-right {
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: right;
}
.wrapper-popup-playlist .mc-head-right a {
  text-decoration: none;
}
.wrapper-popup-playlist .bloc-documents {
  font-size: 14px;
}
.wrapper-popup-playlist .bloc-documents .elt-document-dl {
  border-bottom: solid 1px #9ca6bc;
  padding: 15px 0;
  font-size: 14px;
  display: block;
  position: relative;
}
.wrapper-popup-playlist .bloc-documents a {
  color: #fff;
}
.wrapper-popup-playlist .bloc-documents a:hover {
  color: #0086fe;
  text-decoration: underline;
}
.wrapper-popup-playlist .bloc-documents .chapitre-pdf-dl {
  font-size: 20px;
  position: absolute;
  display: inline-block;
  right: 0;
  top: 50%;
  margin-top: -11px;
  line-height: 10px;
}
.wrapper-popup-playlist .mc-top-header {
  height: 150px;
  padding: 70px;
}
.wrapper-popup-playlist .mc-top-header .mc-head-center {
  text-align: center;
}
.wrapper-popup-playlist .entry-header {
  text-align: center;
}
.wrapper-popup-playlist .nav-item {
  padding: 17px;
  border-radius: 0 !important;
  background: rgba(255,255,255,0.2);
  margin-right: 2px;
}
.wrapper-popup-playlist .nav-item.active {
  background: rgba(255,255,255,0.1) !important;
}
.wrapper-popup-playlist .nav-item:first-child {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
.wrapper-popup-playlist .nav-item:last-child {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  margin-right: 0;
}
.wrapper-popup-playlist .bloc-formation-player {
  height: 510px;
  margin-bottom: 100px;
  position: relative;
}
.wrapper-popup-playlist .bloc-formation-player a.qcm-bt {
  display: none;
}
.wrapper-popup-playlist .bloc-formation-player .nav-item.qcm {
  position: relative;
}
.wrapper-popup-playlist .bloc-formation-player .nav-item.qcm a.qcm-bt {
  display: block;
  background: url('https://www.sewan.fr/wp-content/plugins/epv3-playlist/../images/QCM.svg');
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 12px;
  background-size: 30px 30px;
}
.wrapper-popup-playlist .bloc-formation-player .tab-content {
  height: 510px;
  width: 100%;
  background: #fff;
}
.wrapper-popup-playlist .bloc-formation-player .nav {
  position: absolute;
  left: 105%;
  top: 0;
  width: 330px;
  height: 510px;
  overflow-y: auto;
}
.wrapper-popup-playlist .bloc-formation-player .nav .nav-item {
  padding: 0;
  background: transparent !important;
}
.wrapper-popup-playlist .bloc-formation-player .nav .nav-item a.nav-link {
  padding: 17px 15px 13px 50px;
  height: 55px;
  background: rgba(255,255,255,0);
  color: #fff;
  position: relative;
}
.wrapper-popup-playlist .bloc-formation-player .nav .nav-item a.nav-link.active {
  background: rgba(255,255,255,0.1);
}
.wrapper-popup-playlist .bloc-formation-player .nav .nav-item a.nav-link .icon-play {
  position: absolute;
  left: 15px;
  top: 15px;
  display: none !important;
  font-size: 6px;
  width: 18px;
  height: 18px;
  display: inline-block;
  text-align: center;
  line-height: 17px;
  border-radius: 50%;
  border: 1px #fff solid;
  margin-right: 10px;
}
.wrapper-popup-playlist .bloc-formation-player .nav .nav-item a.nav-link .icon-play:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  left: 5px;
  top: 4px;
}
.wrapper-popup-playlist .bloc-formation-player .nav .nav-item a.nav-link .vdo-title {
  display: inline-block;
  width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrapper-popup-playlist .bloc-formation-player .nav .nav-item a.nav-link.playing .icon-play {
  display: inline-block !important;
}
.wrapper-popup-playlist .bloc-formation-player .nav .nav-item a.nav-link .vdo-duration {
  float: right;
}
.wrapper-popup-playlist .vp-logo {
  max-height: 80px;
}
.wrapper-popup-playlist .list-wrapper {
  position: absolute;
  left: 105%;
  top: 0;
  width: 330px;
  height: 510px;
  overflow-y: auto;
  overflow-x: hidden;
}
.wrapper-popup-playlist .list-wrapper .nav {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
}
.wrapper-popup-playlist .list-wrapper .vdo-title {
  width: auto;
  max-width: 210px;
}
@media (max-width: 767px) {
  .wrapper-popup-playlist .bloc-formation-player {
    height: auto;
  }
  .wrapper-popup-playlist .bloc-formation-player .tab-content {
    height: auto;
    width: 100%;
    background: transparent;
  }
  .wrapper-popup-playlist .list-wrapper {
    position: relative;
    left: auto;
    width: 100%;
  }
}