/* 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;}

.article div.jp-audio {overflow:hidden; background-image:-o-linear-gradient(318deg, #e7475d 50%, #8f1ead 90%); background-image:linear-gradient(132deg, #e7475d 50%, #8f1ead 90%); border-radius:100%; width:28px; height:28px; line-height:28px; border:none; margin-right:10px; margin-bottom:-8px; position:relative;}
.article div.jp-audio ul.jp-controls a {}
.article div.jp-audio ul.jp-controls a.jp-play {position:absolute; overflow:hidden; top:7px; left:7px; text-indent:-9999px; background:transparent url(../icons/picto-son.svg) no-repeat center center; z-index:100; display:inline-block; width:14px; height:14px; line-height:14px; text-align: center;color: #fff;}
.article div.jp-audio ul.jp-controls a.jp-play:hover {background:transparent url(../icons/play.svg) no-repeat center center; left:9px; top:8px; width:13px; height:13px;}
.article div.jp-audio .jp-interface.jp-state-playing ul.jp-controls a.jp-stop {position:absolute; overflow:hidden; top:8px; left:8px; text-indent:-9999px; background:transparent url(../icons/stop.svg) no-repeat center center; z-index:100; display:inline-block; width:14px; height:12px; line-height:12px; text-align: center;color: #fff;}
.article .asset.asset-mode-audio-small {padding:0; display:inline-block; margin-bottom:5px; height:28px; line-height:28px;}

.article .blocktext-half-col { float:left; width:50%; padding-right:5%;}

.location span.geo {display:none;}
.modal-formation-tel h4 {font-weight:bold; text-align:center; font-size:1.25em;}
.modal-formation-tel h4 i {padding-right:10px;}
.modal-formation-tel .btn-close {font-size:1em;}
.modal-formation-tel .modal-header {border:none;}
div.modal-forms-modal-content.modal-formation-tel .modal-header {min-height:57px;}
.ctools-modal-content.modal-formation-tel .modal-content.popups-body {padding:0 16px 16px 16px; margin-top:-10px;}

.figure.content-has-video__figure {margin-bottom:0; text-align:center;}
.figure.content-has-video__figure .figcaption {padding-top:0;}
.figure.content-has-video__figure .figcaption .metadata-timing {margin-right:0;}
.figure.content-has-video__figure .figcaption .metadata-copyright {margin-left:0;}
.figure.content-has-video__figure .figcaption .btn.metadata-subtitles {text-transform:none; color:#e7475d;}
.figure.content-has-video__figure .figcaption .btn.metadata-subtitles:focus {outline:0; box-shadow:none;}
.figcaption.caption-para-text-image {padding-top:0;}

.view-home-sheets-theme-block .views-exposed-form  .custom-select.col-auto {width:100%;}
.view-home-sheets-theme-block .views-exposed-form .wrapper-filters-ress-home {justify-content: center;}

.training-search-results__item p.formateur-infos, 
  .training-search-results__item p.nb-formations-formateur {color:#86929B; margin-bottom:0;}  
.training-search-results__item .btn-outline-quaternary {color:#E9596D; border-color:#E9596D;}  
.training-search-results__item .btn-outline-quaternary:hover {color:#fff; background-color:#e3253f;} 
.training-search-results__item  .float-sm-right {margin-left:10px;}
.training-search-results__item h3.ttl-is-h3 {text-transform:none;}
.wrap-asset-image-copyright {font-size:0.8125rem; font-weight:300; color:#868e96;}

/* plan du site */
.view-id-sitemap_collections ul {list-style:none}
body .main .view-id-sitemap_collections ul > li::before {background:none !important; width:0 !important; height:0 !important;}
.view-id-sitemap_collections > .view-content > .item-list > ul  li {border-bottom: 1px solid #dee2e6; padding: 16px 0 !important; display:block; margin:0 !important}
.view-id-sitemap_collections > .view-content > .item-list > ul  > li li.first {border-top: 1px solid #dee2e6; margin-top:16px !important;}
.view-id-sitemap_collections > .view-content ul {margin-left:0 !important;}
.view-id-sitemap_collections > .view-content > .item-list > ul  > li ul {margin-bottom:0;}
.view-id-sitemap_collections > .view-content > .item-list > ul  > li li.last {border-bottom:none; padding-bottom:0 !important;}
.view-id-sitemap_collections > .view-content > .item-list > ul   li  li .views-field-name {padding-left:30px;}


/* fiches */

.fiche-wrapper-level.onelevel div {overflow:hidden;}
.fiche-wrapper-level span.bl-desc {font-size:0.9375rem; color:#86929B; font-weight:400; text-transform:none; padding-left:5px;}
.fiche-wrapper-level.onelevel span {display:table-cell; white-space:nowrap;}
.fiche-wrapper-level.onelevel span.bl-desc {line-height:1.25em; white-space:normal;}
.fiche-wrapper-level.onelevel {display:table;}
.fiche-wrapper-level.onelevel div {display:table-row}
.fiche-accroche {font-size:0.9375rem; color:#86929B; font-weight:400; text-transform:none; line-height:1.25em; margin-top:5px;}
.unit--full .fiche-accroche {color:#fff;}
.unit--full .fiche-wrapper-level span.bl-desc {color:#fff;}
.fiche-wrap-badges {margin-bottom:5px;}
.search-grp-bl-level {margin-bottom:5px; width:100%;}
.search-grp-bl-level span.bl-desc {margin-left:0.5rem; font-size:0.9375rem; color:#86929B; font-weight:400; text-transform:none;}
.fiche-public-level {text-transform:uppercase;}
.fiche-wrapper-public {text-transform:uppercase;}
.node-ressource-pedagogique h3.unit__ttl {margin-bottom:0;}

@media (max-width: 640px) {
  .article .blocktext-half-col { float:none; width:100%; padding-right:0;}
}

/* partenaires collection */
.partner-coll .field-item{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,
  #aw-tv5-monde-enseigner-contact-formation-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 */
.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:#E7475D;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:#E7475D;}
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: 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*/

.flag-aw-like-node .flag.flag-link-toggle.flag-processed.unflag-action {
    background-color: inherit;
    border-width: inherit;
    border-color: inherit;
}

.flag-aw-like-node  .flag.flag-link-toggle.flag-processed.unflag-action:before {
    content: '';
}


.node-unpublished {
    background-color: inherit !important;
}

button#edit-actionaw-tv5-monde-enseigner-remove-collection-favorite-action,
button#edit-actionaw-tv5-monde-enseigner-remove-node-favorite-action {
    border: none !important;
}

.view-articles-dossiers .col-auto {
    width: auto;
    display: inline-block;
    padding: 0 !important;
}

div#tv5monde-metanav-container {
    z-index: 25000 !important;
}

.panels-flexible-region-new-center {
    width: 100% !important;
    float: none !important;
}

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

.jwplayer {
    width: 100% !important;
    height: 522px !important;
}

.link-not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

.offer-no-link::after {
    content: '' !important;
}

.training-search-results__header .view-filters #edit-country-wrapper .views-widget {
    float: right;
}

.training-search-results__header .view-filters #edit-country-wrapper label {
    margin-right: 9px;
    margin-top: 8px;
    float: left;
}

.view-annuaire-des-formateurs .embed-responsive-4by3:before {
    padding-top: 0 !important;
}

/* BUTTON LOAD MORE */

.button-load-more ul {
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

.button-load-more ul li {
    margin: 0 !important;
    padding: 0 !important;
}
.button-load-more ul li:before {
    background-color: transparent !important;
}

.button-load-more ul li a {
    color: #252B2C;
    border: solid 2px #252B2C;
    font-weight: bold;
    background-color: transparent;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

.button-load-more ul li a:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #0e1010;
}

.view-footer {
    margin-top: 15px;
    text-align: center;
}

.action-links {
    bottom: 46px;
    position: fixed;
    z-index: 99999;
    opacity: 0.9;
    background-color: #444444;
    margin:  0 !important;
    padding: 0 !important;
    list-style: none;
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
    border-radius: 0px;
    overflow: hidden;
}

.action-links li {
    display: table-cell;
    margin:  0 !important;
    padding: 0 !important;
}

.action-links li:before {
    content: inherit !important;
    width: 0 !important;
    height: 0 !important;
}

.action-links li a {
    display: block;
    padding: 1em;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 0.8em;
}

.action-links li a:hover {
    background-color: #c71a32;
}

.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: 1em;
    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;
}

.user-login .form-actions .btn-default  {
    color: #fff;
    background-color: #e3253f;
    border-color: #de1d38;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100% !important;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    padding: 0.625rem 3rem;
    font-size: 0.875rem;
    line-height: 2.25;
    border-radius: 1.5rem;
}

/*#user-pass .form-actions .btn-default  {
    color: #fff;
    background-color: #e3253f;
    border-color: #de1d38;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100% !important;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    padding: 0.625rem 3rem;
    font-size: 0.875rem;
    line-height: 2.25;
    border-radius: 1.5rem;
}*/

.gmap-popup {
    min-width: 200px;
}
.gmap-popup .list-inline  {
    display: none;
}

.asset {
    background: none !important;
}

body #navbar-administration {
    z-index: 999999;
}

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


div.jp-audio {
    border: 1px solid lightgray;
    background-color: #F6F6F2;
}

div.jp-seek-bar,
div.jp-volume-bar {
    background: #E0E0E0;
}

div.jp-play-bar,
div.jp-volume-bar-value {
    background: #1E8C99;
}

div.jp-current-time {
    width: 75px !important;
    left: 17.7% !important;
    color: #e23f5b; !important;
}

div.jp-duration {
    width: 75px !important;
    left: 75.8% !important;
    color: #e23f5b; !important;
}

div.jp-audio div.jp-type-playlist a.jp-mute {
    top: 32px;
    left: 88%;
}

div.jp-audio div.jp-type-playlist a.jp-unmute {
    top: 32px;
    left: 88%;
}


div.jp-audio div.jp-type-playlist div.jp-volume-bar {
    top: 37px;
    left: 91%;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
    top: 32px;
    left: 20%;
    width: 64%;
    height: 15px
}

div.jp-audio,
div.jp-video {
    color: #1E8C99;
}

div.jp-audio {
    width: 100%;
}

/* PLAYER SON */

div.jp-interface {
    background: none !important;
}
a.jp-play {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) 0 0 no-repeat;
}

a.jp-play:hover {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) -41px 0 no-repeat;
}

a.jp-pause {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) 0 -42px no-repeat;
}

a.jp-pause:hover {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) -41px -42px no-repeat;
}

a.jp-stop {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) 0 -83px no-repeat;
}

a.jp-stop:hover {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) -29px -83px no-repeat;
}

a.jp-previous {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) 0 -112px no-repeat;
}


a.jp-previous:hover {
    background: url(../../enseigner_theme/images/jplayer.sprite.png)  -29px -112px no-repeat;
}

a.jp-next {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) 0 -141px no-repeat;
}

a.jp-next:hover {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) -29px -141px no-repeat;
}

div.jp-seek-bar {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) 0 -202px repeat-x;
}

div.jp-play-bar {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) 0 -218px repeat-x;
}

a.jp-mute {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) 0 -186px no-repeat;
}

a.jp-mute:hover {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) -19px -170px no-repeat;
}

a.jp-unmute {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) 0 -170px no-repeat;
}

a.jp-unmute:hover {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) -19px -186px no-repeat;
}

div.jp-volume-bar {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) 0 -250px repeat-x;
}

div.jp-volume-bar-value {
    background: url(../../enseigner_theme/images/jplayer.sprite.png) 0 -256px repeat-x;
}

div.jp-interface,
div.jp-playlist {
    border: none;
}

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

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

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

@media screen and (min-width: 1200px) {
  .header .logo__wrapper {margin-left:50px}
  .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:#ce374d;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:120px;margin-left:-16px}
  .is-fixed:not(.logged-in) .wrap-verticale-lg {height:70px;}
    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-app::before {border-left: 5px solid #4f95bd;}
  
  ul.no-mobile-menu-verticale-lg li.lg-app a:hover {background-color: #4f95bd;}
  
  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: #ce374d;}
  
  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;}
}  

@media (max-width: 1800px) {
    div.jp-duration {
        width: 75px !important;
        left: 75% !important;
    }
}


@media (max-width: 1500px) {
    div.jp-current-time {
        width: 75px !important;
        left: 21.5% !important;
    }

    div.jp-duration {
        width: 75px !important;
        left: 69% !important;
    }

    div.jp-audio div.jp-type-playlist a.jp-mute {
        top: 32px;
        left: 83%;
    }

    div.jp-audio div.jp-type-playlist a.jp-unmute {
        top: 32px;
        left: 83%;
    }


    div.jp-audio div.jp-type-playlist div.jp-volume-bar {
        top: 37px;
        left: 88%;
    }
    div.jp-audio div.jp-type-playlist div.jp-progress {
        top: 32px;
        left: 24%;
        width: 56%;
        height: 15px;
    }
}

@media (max-width: 1200px) {
    div.jp-current-time {
        width: 75px !important;
        left: 24.5% !important;
    }

    div.jp-duration {
        width: 75px !important;
        left: 67% !important;
    }
    div.jp-audio div.jp-type-playlist div.jp-progress {
        top: 32px;
        left: 28%;
        width: 52%;
        height: 15px;
    }
}

@media screen and (max-width: 1199px) {
  .slide-menu ul {
    padding:0;
  }
  
  .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-app::before {
    border-left: 5px solid #4f95bd;
  }
  
  li.menu-verticale-lg ul li.lg-app a:hover {
    background-color: #4f95bd;
  }
  
  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: #ce374d;
  }
  
  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 (max-width: 990px) {
    div.jp-audio div.jp-type-playlist div.jp-progress {
        top: 32px;
        left: 25%;
        width: 54%;
        height: 15px;
    }
    div.jp-current-time {
        width: 75px !important;
        left: 22.5% !important;
    }
    div.jp-duration {
        width: 75px !important;
        left: 67.7% !important;
    }
}

@media (max-width: 500px) {
    div.jp-audio div.jp-type-playlist div.jp-progress {
        top: 32px;
        left: 35%;
        width: 45%;
        height: 15px;
    }
    div.jp-current-time {
        width: 75px !important;
        left: 30.5% !important;
    }
    div.jp-duration {
        width: 75px !important;
        left: 62.6% !important;
    }
}