/* divers*/
.asset-mode-lien-media a:hover {text-decoration:none;}
.asset-mode-lien-media .file-ext-info {font-weight: bold; background: #E8455C; border-radius: 2px;color: #fff;font-size: 0.563em; padding: 2px 3px 1px 3px;}   
.asset-mode-lien-media .file-size-info {color: #656565;}    
.node-not-published h1.hero__ttl {text-decoration:underline red;}
.exercice-left .metadata-timing b {font-weight:900;}
.series-taxos {margin:40px 0;}
.exercice-container .media-support-item {display:none;}
.exercice-container .media-support-item.act {display:block;}
.exercice-container span.media-support-item.act {display:inline;}


/* smart banner*/
.smart-banner {display:flex; align-items:center; margin:6px 0;}
a.smart-banner-link {display:flex; align-items:center; width:100%; justify-content:space-between;}
.smart-wrapper-logo-text {display:flex; align-items:center;}
a.smart-banner-link:hover {text-decoration:none;}
.smart-banner a.smart-close {display:block; margin-left:10px;}
.smart-banner .fa-times:before {font-family:"Font Awesome 5 Free"; content:'\f00d'; font-size:22px; color:#9E9E9E;}
.smart-banner .smart-logo {margin:0 10px;}
.smart-banner .smart-text {font-size:11px; color:#838383;}
.smart-banner .smart-title {font-weight: bold; font-size: 11px; color: #000000;}
.smart-bouton {background-color:#009EE0; border-radius:5px; padding:6px 10px; margin:0 10px 0 20px; font-weight:bold; font-size:11px; text-transform:uppercase; color:#FFFFFF;}

.wrapper-smart-banner-exo {text-align:center; /*margin-top:30px; margin-bottom:30px;*/}
.smart-banner-exo {display:inline-block; position:relative; background:rgba(30, 140, 153, 0.1); border-radius:10px; padding:20px 56px 20px 65px; text-align:left;}
.smart-text-serie {font-size:16px; line-height:24px; color:#1E8C99;}
.smart-banner-exo .fa-times:before {font-family:"Font Awesome 5 Free"; content:'\f00d'; font-size:16px; color:#1E8C99;}
.smart-banner-exo .fa-info-circle:before {font-size:25px; color:#1E8C99;}
.smart-banner-exo .fa-info-circle {position:absolute; top:20px; left:20px;}
.smart-exo-close {position:absolute; top:10px; right:20px;}
a.smart-bouton-exo {display:inline-block; font-weight:bold; font-size:14px; text-transform:uppercase; color:#FFFFFF; background:#1E8C99; border-radius:50px; margin-top:5px; padding:4px 13px;}
a.smart-bouton-exo:hover {text-decoration:none;}

@media (min-width: 768px) {
  .mobile-language-switch-item {display:none;}
}  
.slide-menu ul a.mobile-selected-lg {color:#1E8C99;}
.pane-taxonomy-term-field-collection-t .unit--aside .link__footer {margin-top:20px;}

@media print {
  body.print-aide,
    body.print-transcription  {visibility:hidden; position: relative; width:100%;}
  body.print-aide .jwplayer,
    body.print-transcription .jwplayer {display:none !important;}
  body.print-aide #header,
    body.print-transcription #header,
    body.print-aide #footer,
    body.print-transcription #footer,
    body.print-aide #beadcrumb,
    body.print-transcription #beadcrumb,
    body.print-aide header.hero__wrapper,
    body.print-transcription  header.hero__wrapper ,
    body.print-aide .article .container .section__header,
    body.print-aide .article .container .tabs__wrapper,
    body.print-transcription .article .container .section__header,
    body.print-transcription .article .container .tabs__wrapper{display:none;}
    body.print-aide .actiontray__wrapper,
    body.print-transcription .actiontray__wrapper {position: static; width:100%; margin:0; padding:0;}
  body.print-transcription #actiontray__body_a { visibility:visible; position:absolute; top:0; left:0; z-index:10000; width:100%; height:auto; margin:0; padding:0;}
  body.print-aide #actiontray__body_b {  visibility:visible; display:block; position:absolute; top:0; left:0; z-index:10000; width:100%; height:auto; margin:0; padding:0;}
  .cssvhunit body.print-aide .actiontray__body,
    .cssvhunit body.print-transcription .actiontray__body {max-height:none; }
}

/* partenaires collection */
.partner-coll {height:50px;line-height:50px}
.partner-coll img {max-height:50px;}
.col-6.col-sm-3.partner-coll {padding-left:5px; padding-right:5px;}
body.front img.img-partner {max-height:107px;}
img.img-partner {opacity:0.75}
img.img-partner:hover {opacity:1}
.slider-wrapper.slider-partners .slider-item {text-align:center;}

/* modals */
#modalBackdrop,
#modalContent {z-index:3000 !important}
div.modal-forms-modal-content {max-width:500px !important;height:auto !important; font-family: "Roboto", sans-serif;color:#252B2C;font-size:1em}
div.modal-forms-modal-content .modal-header {padding:16px;border-radius:0;}
.ctools-modal-content #modal-content {max-width:500px !important; height:auto !important;}
.ctools-modal-content #modal-title span.modal-title-title {display:block;font-size: 2.25rem;font-weight: 900;line-height: 130%;}
.ctools-modal-content #modal-title span.modal-description{display:block;font-size: 1.125rem;font-weight: 300;line-height: 110%;}
.ctools-modal-content .modal-content.popups-body {padding:32px}
.ctools-modal-content .modal-content {border-radius:0; box-shadow:none;border:none}
div.ctools-modal-content .modal-title {overflow:visible;white-space:normal}
div.modal-forms-modal-content .popups-close {background:none;text-indent:0;outline:none;border:none;box-shadow:none;}
div.modal-forms-modal-content .popups-close:focus{outline:none;border:none;box-shadow:none;}
.ctools-modal-content .modal-header .close {padding:0;margin:0;opacity:1;}
#aw-tv5-monde-enseigner-contact-formateur-form .captcha {margin-bottom:16px}
.ctools-modal-content .form-item {margin-top:0; margin-bottom:0;}

@media (max-width: 480px) {
  .ctools-modal-content .modal-content.popups-body {padding:16px;}
  .ctools-modal-content #modal-content {width:100% !important}
}
/* fin modals */

/* user */
form.user-register-form label,
form.user-pass-reset-form label,
form.user-login-form label,
form.user-pass-form label,
form.user-profile-form label {font-weight:bold;}

form.user-register-form .form-item .description,
form.user-pass-reset-form .description ,
form.user-login-form .description ,
form.user-pass-form .description ,
form.user-profile-form .form-item .description  {font-size:0.85em}

form.user-register-form .form-actions,
form.user-pass-reset-form .form-actions,
form.user-login-form .form-actions,
form.user-pass-form .form-actions,
form.user-profile-form .form-actions,
form.user-profile-form .form-item,
form.user-cancel-form .form-actions {margin-top:1em; margin-bottom:1em;}

.page-user form.user-pass-form .form-actions,
form.user-login-form .form-actions,
.page-user form.user-register-form .form-actions,
.page-user form.user-pass-reset-form .form-actions {text-align:center;}
.page-user form.user-register-form .form-group,
.page-user form.user-register-form .form-actions,
.page-user form.user-login-form .form-group,
.page-user form.user-login-form .form-actions,
.page-user form.user-pass-form .form-group,
.page-user form.user-pass-form .form-actions,
.page-user form.user-pass-reset-form .form-group,
.page-user form.user-pass-reset-form .form-actions,
.mandatory-desc,
.page-user form.user-login-form .captcha {max-width:83.33%;margin-left:auto;margin-right:auto;}
.page-user form.user-pass-form .captcha,
.page-user form.user-register-form .captcha  {margin-bottom:16px;margin-top:16px}
.page-user form.user-pass-form,
.page-user form.user-pass-reset-form,
.page-user form.user-profile-form,
.page-user form.user-register-form {margin-bottom:32px}
form.user-register-form .fieldset-legend,
form.user-profile-form .fieldset-legend {font-weight:700;font-size:0.67em}
form.user-register-form  fieldset.date-combo .container-inline-date .date-padding,
form.user-profile-form  fieldset.date-combo .container-inline-date .date-padding {padding:0}
form.user-register-form  fieldset.date-combo .container-inline-date .date-padding label,
form.user-profile-form  fieldset.date-combo .container-inline-date .date-padding label {display:none;}
form.user-profile-form input.password-confirm,
form.user-profile-form input.password-field {width:16em;}
.container-cancel-btn {color:#1E8C99;font-size:smaller;font-weight:400;float:left;}
form.user-profile-form #edit-cancel {border:none;background:none;cursor:pointer;margin:0;padding:0;color:#1E8C99;text-transform:none;font-size:0.85rem}
form.user-profile-form #edit-cancel:hover {text-decoration:underline;}
.page-user form.user-profile-form .form-actions {overflow:hidden; border-top:solid 1px rgba(37, 43, 44, 0.25); border-bottom:solid 1px rgba(37, 43, 44, 0.25);padding:16px;}
.profile-submit-save {float:right;}
form.user-profile-form,
form#user-cancel-confirm-form {max-width:83.33%;margin-left:auto;margin-right:auto;}

@media (max-width: 768px) {
  #AlexandriaMain {display:none !important;z-index:-1 !important}
}  

@media (max-width: 728px) {
  .confirm-parent, .password-parent {width:100%}
  form.user-profile-form input.password-confirm,
  form.user-profile-form input.password-field {width:60%;}
  form.user-profile-form .password-strength {width:38%;}
  div.form-item div.password-suggestions {width:100%;}
}

@media (max-width: 480px) {
  .profile-submit-save {float:none;margin-bottom:16px;}
  .container-cancel-btn {float:none;}
}
/* fin user*/


/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}

.logged-in .column .section .tabs {
  position: fixed;
  bottom: 0;
  z-index: 999999;
  background-color: #444444;
  opacity: 0.9;
  margin: 0;
}

.main > .tabs:first-of-type, .main > .admin-tabs {
  bottom: -1px;
  position: fixed;
  z-index: 99999;
  opacity: 0.9;
  background-color: #444444;
}

/* ADMIN TABS */
.main > .tabs:first-of-type ul, .main > .admin-tabs ul {
  margin:  0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center;
  border-radius: 0px;
  overflow: hidden;
  border-bottom: 1px solid white;
}

.main > .tabs:first-of-type ul li, .main > .admin-tabs ul li {
  display: table-cell;
}

.main > .tabs:first-of-type ul li:before, .main > .admin-tabs ul li:before {
  content: inherit !important;
}

.main > .tabs:first-of-type ul li a, .main > .admin-tabs ul li a {
  display: block;
  padding: 0.5em;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 0.8em;
  background-color: #444444;
}

.main > .tabs:first-of-type ul li a:hover, .main > .admin-tabs ul li a:hover {
  background-color: #c71a32;
}

.main > .tabs:first-of-type ul.primary {
  margin:  0;
  padding: 0;
  list-style: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center;
  border-radius: 0px;
  overflow: hidden;
  border-bottom: 1px solid white;
}

.main > .tabs:first-of-type ul.primary li {
  display: table-cell;
}

.main > .tabs:first-of-type ul.primary li a {
  display: block;
  padding: 1em;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 0.8em;
}

.main > .tabs:first-of-type ul.primary li a:hover {
  background-color: #c71a32;
}

.main > .tabs:first-of-type ul.primary li:before {
  height: 0 !important;
  width: 0 !important;
}

html.js input.throbbing {
  background-image: url(/misc/throbber-active.gif);
  background-position: 100% center; /* LTR */
}

/* Fix button of partners slider on homepage */
.page-is-home .slider-wrapper.slider-partners {
  margin-top: 128px;
}

div.messages {
  width: 74%;
  margin: auto;
  margin-bottom: 20px;
  margin-top: 10px;
}

.page-is-home div.messages {
  margin-bottom: 70px;
}

form .form-required {
  color: #c00;
}

/* Captcha */
div.captcha {
  width: 100%;
  display: block;
  height: 80px;
}

div.g-recaptcha {
  display: block;
  margin: auto;
  width: 304px;
}


/* TCF */
.node-type-tcf-frame-simulation #tcf_test {
  max-width: 1239px;
  min-width: 983px;
  width: auto;
  padding-right: 0;
  padding-left: 0;
}

.node-type-tcf-frame-simulation #tcf_test * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* Custom exercice */
.exercice_bt_next a:hover {
  color: white;
  text-decoration: none;
}

.exercice-consigne .consigne-translation {
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0;
  margin: 0 0 1rem 0;
}

.exercice-consigne .consigne-default, .exercice-consigne .consigne-translation, .exo-consigne-type {
  text-transform: none;
  text-align: center;
  font-size: 1.1875rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.exo-consigne-type i {cursor:pointer; color:#028b99;}

.exercice-consigne div.jp-audio div.jp-type-playlist a.jp-play:hover,
.exercice-consigne div.jp-audio div.jp-type-single a.jp-play:hover,
.exercice-consigne div.jp-audio div.jp-type-playlist a.jp-pause:hover,
.exercice-consigne div.jp-audio div.jp-type-single a.jp-pause:hover,
.exercice-complement div.jp-audio div.jp-type-playlist a.jp-play:hover,
.exercice-complement div.jp-audio div.jp-type-single a.jp-play:hover,
.exercice-complement div.jp-audio div.jp-type-playlist a.jp-pause:hover,
.exercice-complement div.jp-audio div.jp-type-single a.jp-pause:hover {
  background: url(../../apprendre_theme/images/pictos_menu.png) no-repeat 0 -1357px;
}

.exercice_result .exo-info-score p {
  margin-bottom: 0 !important;
}

.exercice-left .media-metas ul.credits li {
  display: none;
}
.exercice-left .media-metas ul.credits li.act {
  display: block;
}

figcaption.media-metas {padding:8px 0 0 0;}

figcaption.media-metas button.metadata-subtitles {
  text-transform: none;
  color: #028b99;
  font-size: 0.8125rem;
}

figcaption.media-metas .list-unstyled float-sm-left {}

@media screen and (max-width: 1199px) {
  .slide-menu ul {
    padding:0;
  }
  
  .i18n-ar li.verticale-lg-menu-title {direction:ltr;}
  .i18n-ar .menu-verticale-lg li.lg-home a {direction:ltr;}
  
  .wrap-verticale-lg {display:none;}
  
  .slide-menu .slider > ul > li > a {border-bottom:none;border-top: solid 1px rgba(37, 43, 44, 0.25);}
  .slide-menu .slider > ul > li:first-child > a {border-top:none;}

  .slide-menu .slider > ul > li:not(.menu-verticale-lg),
  .slide-menu .slider > ul > li  ul{
    padding: 0 1.3125rem;
  }
  
  .slide-menu ul li.menu-verticale-lg ul{
    position:static;
    display: block;
    background-color:#eee;
    padding:0;
  }
  
  .menu-verticale-lg li.verticale-lg-menu-title {
    height: 60px;
    font-size: 16px;
    font-weight: 300;
    padding: 20px 25px;
    color: #282828;
  }
  
  li.menu-verticale-lg ul li::before {
    display: block;
    content: ".";
    color: transparent;
    font-size: 0;
    height: 100%;
    position: absolute;
    left: 0;
    padding: 1px 0;
  }
  
  li.menu-verticale-lg ul li.lg-ens::before {
    border-left: 5px solid #ce374d;
  }
  
  li.menu-verticale-lg ul li.lg-ens a:hover {
    background-color: #ce374d;
  }
  
  li.menu-verticale-lg ul li.lg-decouv::before {
    border-left: 5px solid #f29910;
  }
  
  li.menu-verticale-lg ul li.lg-decouv a:hover {
    background-color: #f29910;
  }
  
  li.menu-verticale-lg ul li.lg-jouer::before {
    border-left: 5px solid #e04600;
  }
  
  li.menu-verticale-lg ul li.lg-jouer a:hover {
    background-color: #e04600;
  }
  
  li.menu-verticale-lg ul li {
    border-top: 1px solid #fff;
    float: none;
    position: relative;
    transition: background-color .3s;
  }
  
  li.menu-verticale-lg ul li.is-active {
    background-color: #4f95bd;
  }
  
  li.menu-verticale-lg ul li.is-active a {
    color:#fff 
  }
  
  li.menu-verticale-lg ul li a {
    padding: 20px 55px;
    border-bottom: none;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    font-family: Montserrat,Verdana,sans-serif;
    text-transform: uppercase;
    transition: color .3s; 
  } 
  
  li.menu-verticale-lg ul li a:hover {
    color: #fff;
  }
  
  li.menu-verticale-lg ul li.lg-home a {
    display: block;
    width: 100%;
    height: 60px;
    background-color: #fff;
    margin: 0;
    padding: 0 0 0 20px;
  }
  
  li.menu-verticale-lg ul li.lg-home a::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    background-image: url(../images/lg_picto_home.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 21px;
    width: 21px;
    height: 21px;
    vertical-align: sub;
    margin-bottom: -1px;
  }
  
  li.menu-verticale-lg ul li.lg-home a img {
    height: 25px;
    margin: 17.5px auto;
  }
} 

@media screen and (min-width: 1200px) {
  .header .logo__wrapper {margin-left:50px}
  .i18n-ar .header .logo__wrapper {margin-left:0;margin-right:60px}
  .i18n-ar .no-mobile-menu-verticale-lg {left:auto;right:0;}
  .i18n-ar li.verticale-lg-menu-title {direction:ltr;}
  .i18n-ar ul.no-mobile-menu-verticale-lg li.lg-home a {direction:ltr;}
  .navbar-verticale-lg .icon__bar {display: block;width: 22px;height: 2px; border-radius: 1px; background-color:#fff;position:relative;transition: all .3s;}
  .navbar-verticale-lg .icon__bar:nth-child(1) {top:0}
  .navbar-verticale-lg .icon__bar:nth-child(2) {margin-top:6px}
  .navbar-verticale-lg .icon__bar:nth-child(3)  {top:0; margin-top:6px}
  .wrap-verticale-lg.active .navbar-verticale-lg .icon__bar {background-color:#4f95bd;transition: all .3s;}
  
  .no-mobile-menu-verticale-lg {position:absolute;left:0;top:120px;width:320px;background-color:#eee;transition: all .5s;opacity:0; max-height:0;margin-bottom:0;overflow:hidden;}
  .is-fixed:not(.logged-in) .no-mobile-menu-verticale-lg {top:70px;}
  .wrap-verticale-lg.active .no-mobile-menu-verticale-lg {transition: all .5s;opacity:1; max-height:300px;}
  .wrap-verticale-lg.active .navbar-verticale-lg {transition: all .3s;background-color:#eee;}
  .no-mobile-menu-verticale-lg a {display:block;color:#000;}
  .no-mobile-menu-verticale-lg a:hover {color:#fff;text-decoration:none;}
  .navbar-verticale-lg {height:100%; background-color:transparent;border-style:none; cursor:pointer;transition: all .3s; padding:0 16px;}
  .navbar-verticale-lg:focus {outline:0;}
  .wrap-verticale-lg {position:absolute;height:100%;margin-left:-16px;}
  ul.no-mobile-menu-verticale-lg li.verticale-lg-menu-title {height: 40px;font-size: 12px;font-weight: 300;padding: 10px 15px;color: #282828; border-top:none;}
  
  ul.no-mobile-menu-verticale-lg li::before {display: block;content: ".";color: transparent;font-size: 0;height: 100%;position: absolute;left: 0;padding: 1px 0;}
  
  ul.no-mobile-menu-verticale-lg li.lg-ens::before {border-left: 5px solid #ce374d;}
  
  ul.no-mobile-menu-verticale-lg li.lg-ens a:hover {background-color: #ce374d;}
  
  ul.no-mobile-menu-verticale-lg li.lg-decouv::before {border-left: 5px solid #f29910;}
  
  ul.no-mobile-menu-verticale-lg li.lg-decouv a:hover {background-color: #f29910;}
  
  ul.no-mobile-menu-verticale-lg li.lg-jouer::before {border-left: 5px solid #e04600;}
  
  ul.no-mobile-menu-verticale-lg li.lg-jouer a:hover {background-color: #e04600;}
  
  ul.no-mobile-menu-verticale-lg li {border-top: 1px solid #fff;float: none;position: relative;transition: background-color .3s;}
  
  ul.no-mobile-menu-verticale-lg li.is-active {background-color: #4f95bd;}
  
  ul.no-mobile-menu-verticale-lg li.is-active a {color:#fff }
  
  ul.no-mobile-menu-verticale-lg li a {padding: 10px 15px;border-bottom: none;color: #000;font-size: 12px;font-weight: 500;font-family: Montserrat,Verdana,sans-serif;text-transform: uppercase;transition: color .3s; } 
  
  ul.no-mobile-menu-verticale-lgli a:hover {color: #fff;}
  
  ul.no-mobile-menu-verticale-lg li.lg-home a {display: block;width: 100%;height: 50px;background-color: #fff;margin: 0;padding: 0 0 0 10px;}
  
  ul.no-mobile-menu-verticale-lg li.lg-home a::before{content: "";display: inline-block;margin-right: 5px;background-image: url(../images/lg_picto_home.png);background-repeat: no-repeat; background-position: 50%;background-size: 18px;width: 18px;height: 18px;vertical-align: text-bottom;margin-bottom: -1px;}
  
  ul.no-mobile-menu-verticale-lg li.lg-home a img {height: 20px;margin: 15px auto;}
}