/* LAYOUT */
@media screen and (max-width: 1024px) {
  #page.with-sidebar #pre-content,
  #page.with-sidebar #header,
  #page.with-sidebar .messages,
  #page.with-sidebar #main-wrapper{
    width: 100%;
  }

  #page.with-sidebar #sidebar {
    width: 100%;
    position: static;
  }
}
@media screen and (max-width: 450px) {
  #main-wrapper #content .section{
    padding: 0px 1em;
  }
}

/* PRE HEADER */
@media screen and (max-width: 1024px) {
  /* mon compte */
  #pre-header .lextenso-login-block-content{
    padding-right: 1em;
  }
  #pre-header .contenus-tarifs{
    margin-left: 0;
  }
  #pre-header .lextenso-login-block-content nav ul{
    right: 0;
    padding: 0;
    width: 100%;
    z-index: 24;
  }
  #pre-header .lextenso-login-block-content nav ul li{
    display: block;
    padding: 0.5em 1em;
    border: none;
    border-top: 1px solid #949494;
    vertical-align: bottom;
  }
  #pre-header .lextenso-login-block-content nav ul li:first-child{
    border: none;
  }
  #pre-header .lextenso-login-block-content nav .close-menu{
    display: none;
  }

}

@media screen and (max-width: 450px) {
  #pre-header .right .region-pre-header,
  #pre-header .right .contenus-tarifs{
    margin: 0;
    width: 50%;
    text-align: center;
  }
  #pre-header .lextenso-login-block-content .user-nav{
    float: none;
    padding: 0;
  }
}

/* HEADER */
/* logo et service client */
@media screen and (max-width: 650px) {
  #header #logo{
    width: 68%;
  }
  #header #logo img{
    width: 100%;
  }

}

@media screen and (max-width: 558px) {
  #header #service-client{
    font-size: 13px;
  }

  #header #logo{
    width: 62%;
  }
}

/* ASIDE */
@media screen and (max-width: 1024px) {
  #sidebar {
    background: #D4D9DD;
    padding: 3em 4em;
  }
  #sidebar .section{
    overflow: hidden;
  }
  #sidebar .block h2 {
    width: 106.6666px;
  }
  #sidebar .block .content{
    background: #fff;
    width: 100%;
  }
  #sidebar .block .content .views-row + .views-row + .views-row + .views-row + .views-row{
    display: none;
  }

  #sidebar .adLextensoContainer {
    display: none;
  }

}
@media screen and (max-width: 450px) {
  #sidebar {
    background: #D4D9DD;
    padding: 3em 1em;
  }
  #sidebar .block h2 {
    width: 29%;
  }
  #sidebar .block .content .views-row{
    width: 100%;
    float: none;
  }
}

/* PACK DISPLAY (front et tarifs) */
@media screen and (max-width: 780px) {
  .front .view-liste-des-packs .view-header {
    text-align: center;
    padding-right: 0;
  }
  .front .view-liste-des-packs .view-header .pack-header .inside {
    padding: 2.5em 0 0 3em;
  }
  .front .view-liste-des-packs .view-header .pack-header .inside a {
    margin: 0;
  }
  .front .view-liste-des-packs .view-header .pack-header .inside a:first-child {
    margin-right: 1em;
  }
  .front .block-packs-lextenso .views-row {
    width: 50%;
  }
}
@media screen and (max-width: 700px) {
  .front .view-liste-des-packs .view-header {
    text-align: center;
  }
  .front .view-liste-des-packs .view-header .pack-header .inside {
    padding: 2.5em 0 0;
  }
  .front .view-liste-des-packs .view-header .pack-header .inside a {
    margin: 0;
    float: none;
  }
  .front .view-liste-des-packs .view-header .pack-header .inside a:first-child {
    margin: 0 0 0.5em;
  }
}
@media screen and (max-width: 450px) {
  .front .block-packs-lextenso .views-row {
    width: 100%;
  }
  .front .view-liste-des-packs .view-header{
    margin: 0 0 2em;
  }
}

/* PAGE d'une BREVE */
@media screen and (max-width: 450px) {
  .node-breve .field-name-field-ref-source{
    float: none;
    width: 100%;
    padding: 0 0 1em 0;
  }
  .node-type-breve .breve-contextual-blocks .inside{
    padding: 1em 1em 2em;
  }
}

@media screen and (max-width: 768px) {
  #voice-search.error:after {
    left: 27px;
    top: 13px;
  }

  .user-nav-title, .lextenso-login-block-content not-logged-in {
    text-align:right;
  }
}

/* PAGE création d'un compte personnalisé */
@media screen and (max-width: 1024px) {
  .gigya-screen .gigya-error-msg.gigya-error-msg-active{
    width: 100%!important;
    float: left;
    text-align: right;
  }
  #gigya-raas-register-div_bubble{
    left: 50%!important;
    width: 35%!important;
  }
  #gigya-raas-register-div_bubble table,
  #gigya-raas-register-div_bubble table tbody,
  #gigya-raas-register-div_bubble_frame{
    width: 100%!important;
  }
}
@media screen and (max-width: 780px) {
  .lextenso-register-step .description ul{
    margin: 0px 0px 0px 3em;
  }
  lextenso-register-step .form .form-item,
  .lextenso-register-step .form .form-item input[type="text"]{
    width: 100%;
  }
  .lextenso-register-step .form .form-item label{
    text-align: left;
  }
  .lextenso-register-step .form .form-item .description{
    margin-left: 0;
    margin-bottom: 1em;
  }
  .lextenso-register-step .form input[type="submit"]{
    width: 33.3333%;
    margin: 0 33.3333%;
    min-height: 45px;
  }
  .page-lextenso-register-step2 .gigya-composite-control.gigya-composite-control-social-login{
    padding-bottom: 0!important;
  }
  #gigya-raas-login-div #gigya-raas-login-div_content_caption{
    display: none;
  }
  .gigya-registration-form-container .gigya-screen .gigya-label{
    width: 33.3333%!important;
  }
  .gigya-registration-form-container .gigya-screen .gigya-composite-control-checkbox{
    margin-left: 0;
  }
  .gigya-registration-form-container .gigya-input-text{
    width: 66.6666%;
  }
  .gigya-login-dialog.ui-corner-all{
    left: 10%!important;
    width: 80%!important;
  }
}
@media screen and (max-width: 465px) {
  .gigya-login-providers {
    width: 100%;
    height: 100%!important;
  }
   .gigya-login-providers .gigya-login-providers-container{
    width: 100%!important;
    position: initial!important;
    top: 0!important;
    transform: initial!important;
  }
  .gigya-login-providers-container .gigya-login-provider-row{
    height: auto;
    /*overflow: hidden;*/
  }
  .gigya-login-providers-container .gigya-login-provider{
    display: block;
    float: left;
    margin-bottom: 2em;
    width: 50% !important;
    margin-right: 0!important;
    text-align: left;
    padding: 0 1em
  }
  .gigya-login-providers-container .gigya-login-provider:nth-child(odd){
    clear:both;
    text-align: right;
  }
  .gigya-registration-form-container .gigya-screen .gigya-label,
  .gigya-login-dialog .gigya-screen .gigya-label{
    display: block;
    width: 100%;
    float: none;
    text-align: left;
  }
  .gigya-login-dialog .gigya-screen select,
  .gigya-registration-form-container .gigya-screen select,
  .gigya-registration-form-container .gigya-screen input[type="text"],
  .gigya-registration-form-container .gigya-screen input[type="password"],
  .gigya-login-dialog .gigya-screen input[type="text"],
  .gigya-login-dialog .gigya-screen input[type="password"]{
    float: none;
    width: 100%;
  }
  #gigya-raas-register-div_bubble{
    left: 15%!important;
    width: 35%!important;
  }
}

/* Page d'1 pack */
@media screen and (max-width: 780px) {
  body.node-type-pack .field-name-field-tarifs{
    float: none;
    width: 100%;
    padding-left: 0;
  }
  body.node-type-pack .field-name-field-tarifs .field-item > div{
    width: 30%;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
  }
  body.node-type-pack .field-name-field-tarifs .field-item > .lextenso-tarif-test{
    margin: 0 5%;
  }
  body.node-type-pack .field-name-field-revues .field-item{
    width: 50%;
    clear: none!important;
  }
  body.node-type-pack .field-name-field-ouvrages .field-item{
    width: 33.33%;
  }
}
@media screen and (max-width: 580px){
  body.node-type-pack .field-name-field-autres-types-contenu .field-collection-view .field-name-field-sous-titre .inside,
  body.node-type-pack .field-name-field-revues .field-label .inside-label,
  body.node-type-pack .field-name-field-ouvrages .field-label .inside-label{
    background: none;
  }
}
@media screen and (max-width: 530px) {
  body.node-type-pack .field-name-field-tarifs .field-item > div{
    width: 100%;
    display: block;
    margin: 1em 0 0;
    vertical-align: middle;
  }
  body.node-type-pack .field-name-field-tarifs .field-item > .lextenso-tarif-test{
    margin: 1em 0 0;
  }
   body.node-type-pack .field-name-field-revues .field-item{
    width: 100%;
  }
  body.node-type-pack .field-name-field-ouvrages .field-item{
    width: 50%;
  }
}
@media screen and (max-width: 360px) {
  body.node-type-pack .field-name-field-ouvrages .field-item{
    width: 100%;
  }
}

/* Page tuto */
@media screen and (max-width: 750px) {
  .page-tutoriels-faq .block-view-tutoriels_videos .views-row{
    width: 100%;
    padding-right: 0!important;
    padding-left: 0!important;
  }
  form#views-exposed-form-tutoriels-et-faq-recherche{
    padding: 0px 0px 4em;
  }
  form#views-exposed-form-tutoriels-et-faq-recherche #edit-combine{
    width: 250px;
  }
}
@media screen and (max-width: 375px) {
  form#views-exposed-form-tutoriels-et-faq-recherche #edit-combine{
    width: 222px;
    height: 52.5px;
    font-size: 1em;
  }
  .page-tutoriels-faq #main-wrapper #content h1,
  .page-recherche-tutoriels-faq #main-wrapper #content h1{
    font-size: 2em;
  }
  .page-tutoriels-faq .view-tutoriels-et-faq-wrapper{
    padding: 3em 3em 5em;
  }
}

/* Page liste des numéros d'1 revue */
@media screen and (max-width: 780px) {
  body.node-type-revue .revue-liste-numeros-container .revue-liste-numeros-item {
    width: 50%;
    padding: 0 3em 2.5em;
  }
}
@media screen and (max-width: 450px) {
  body.node-type-revue .revue-liste-numeros-container {
    margin: 3em -1em 0;
    padding: 3em 0 0;
  }
  body.node-type-revue .revue-liste-numeros-container .revue-liste-numeros-item {
    width: 50%;
    padding: 0 1em 2.5em;
  }
}
@media screen and (max-width: 375px) {
  body.node-type-revue .revue-liste-numeros-container .revue-liste-numeros-item {
    width: 260px;
    padding: 0 0 2.5em;
    float: none;
    margin: 0 auto;
  }
}

/* Page UD */
@media screen and (max-width: 1024px) {
  .credit-info.anonymous {
    width: 100%;
  }
  .autopromo.anonymous {
    float: none;
    width: 100%;
    padding: 0;
    margin: 1em 0;
  }
  .autopromo.anonymous .inside{
    height: auto;
  }
}

/* WEBFORM page contact */
@media screen and (max-width: 550px) {
  .webform-client-form .form-textarea-wrapper textarea,
  .webform-client-form input[type="text"],
  .webform-client-form input[type="email"],
  .webform-client-form select,
  .webform-client-form label{
    width: 100%;
    float: none;
    text-align: left;
  }
}

/* Mon Compte mon profil */
@media screen and (max-width: 780px) {
  body.page-user #main-wrapper #content .section {
    padding: 0px 1em;
  }
  body.page-user .region-content h2{
    margin-bottom: 0;
  }
  .data-grid .item-wrapper .item-label,
  .data-grid .item-wrapper .item-value{
    float: none;
    border: none;
    padding: 0 0 0.5em;
    margin: 0;
    width: auto;
    text-align: center;
  }

  .data-grid .item-wrapper .item-value.credit-balance {
    width: inherit;
  }

  .expired-subscription {
    float: none;
    width: 100%;
  }

  .data-grid .item-wrapper .item-label{
    margin-top: 2em;
  }
  .data-grid .item-wrapper .actions{
    position: static;
  }
  .data-grid .item-wrapper .actions a{
    margin: 0 auto;
  }
  #block-lextenso-stat-lextenso-user-stat-block .filter_form form{
    width: 100%;
  }
  #block-lextenso-stat-lextenso-user-stat-block .filter_form form .container-inline-date{
    float: none;
    margin-bottom: 1em;
    overflow: hidden;
    text-align: center;
  }
  #block-lextenso-stat-lextenso-user-stat-block .filter_form input[type="submit"]{
    margin: 0 auto;
    display: block;
  }
  #block-lextenso-stat-lextenso-user-stat-block .filter_form form .form-item{
    display: inline-block;
    float: none;
  }
  #block-lextenso-stat-lextenso-user-stat-block .filter_form form .container-inline-date label{
    padding: 0.3em 1em 0 0;
  }
  .ui-dialog{
    width: 90%!important;
    left: 5%!important;
  }
  #credit-info-list-packs,
  #credit-info-list-packs .list-packs{
    height: auto!important;
  }
  #credit-info-list-packs{
    padding: 0 1em 1em;
  }
  #credit-info-list-packs .list-packs{
    margin: 0;
  }
  #credit-info-list-packs .list-packs ul li{
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  body.page-user .region-content h2,
  #lextenso-profile h2{
    text-align: center;
  }
  body.page-user .region-content h2 .inside,
  #lextenso-profile h2 .inside{
    background: none;
  }
  #lextenso-profile .title-container h2{
    float: none;
  }
  #lextenso-profile .title-container .user-delete{
    float: none;
    padding: 0 0 1em 0;
    text-align: center;
  }
  #block-lextenso-stat-lextenso-root-stat-block .stats #stat-table .inside .cell,
  #block-lextenso-stat-lextenso-user-stat-block .stats #stat-table .inside .cell{
    display: block;
    width: 75%;
    margin: 0 auto 1em;
  }
}

/* Mon Compte mes outils */
@media screen and (max-width: 1024px) {
  #block-lextenso-folder-lextenso-folder-list .folders ul li,
  #block-lextenso-folder-lextenso-folder-list .folders ul li .data,
  #block-lextenso-folder-lextenso-folder-list .folders ul li .action{
    display: block;
  }
  #block-lextenso-folder-lextenso-folder-list .folders ul li{
    overflow: hidden;
  }
  #block-lextenso-folder-lextenso-folder-list .folders ul li .data{
    padding: 1.2em 0 1.2em 8em;
    background: url('../images/folder.png') no-repeat 1em 1em;
    float: left;
    clear: both;
  }
  #block-lextenso-folder-lextenso-folder-list .folders ul li .action{
    text-align: center;
    padding-top: 2em;
  }
  #block-lextenso-log-lextenso-log-list .filter_form,
  #block-lextenso-annotation-lextenso-annotation-list .filter_form,
  #block-lextenso-stat-lextenso-root-stat-block .filter_form{
    padding: 0;
  }
  #block-lextenso-stat-lextenso-root-stat-block .filter_form form,
  #block-lextenso-log-lextenso-log-list .filter_form form,
  #block-lextenso-annotation-lextenso-annotation-list .filter_form form{
    float: none;
    text-align: center;
  }

  #block-lextenso-stat-lextenso-root-stat-block .filter_form form .container-inline-date,
  #block-lextenso-stat-lextenso-root-stat-block .filter_form form .form-type-select,
  #block-lextenso-log-lextenso-log-list .filter_form form .container-inline-date,
  #block-lextenso-annotation-lextenso-annotation-list .filter_form form .container-inline-date{
    margin: 1em 0 0;
    float: none;
    overflow: hidden;
    display: inline-block;
    padding: 0 1em;
  }
  #block-lextenso-stat-lextenso-root-stat-block .filter_form form label,
  #block-lextenso-stat-lextenso-root-stat-block .filter_form form .container-inline-date label,
  #block-lextenso-log-lextenso-log-list .filter_form form .container-inline-date label,
  #block-lextenso-log-lextenso-log-list .filter_form .form-intro,
  #block-lextenso-annotation-lextenso-annotation-list .filter_form form .container-inline-date label,
  #block-lextenso-annotation-lextenso-annotation-list .filter_form .form-intro{
    padding: 0;
    float: none;
  }
  #block-lextenso-stat-lextenso-root-stat-block .filter_form input[type="submit"],
  #block-lextenso-log-lextenso-log-list .filter_form input[type="submit"],
  #block-lextenso-annotation-lextenso-annotation-list .filter_form input[type="submit"]{
    display: block;
    margin: 1em auto;
  }
  #block-lextenso-log-lextenso-log-list .logs .log,
  #block-lextenso-annotation-lextenso-annotation-list .annotations .annotation{
    padding: 1em 0;
  }
  #block-lextenso-annotation-lextenso-annotation-list .annotations .annotation .data{
    width: 100%;
    float: none;
  }
  #block-lextenso-annotation-lextenso-annotation-list .annotations .annotation .doc-link,
  #block-lextenso-annotation-lextenso-annotation-list .annotations .annotation .delete{
    width: 50%;
    text-align: center!important;
    padding: 1em;
    border: none;
    height: auto!important;
  }
  #block-lextenso-log-lextenso-log-list .logs .log .page-title,
  #block-lextenso-log-lextenso-log-list .logs .log .doc-link{
    width: 100%;
    padding: 0.5em 0 0 0;
    border: none;
    text-align: center;
  }
}

/* home + revues + ouvrages */
@media screen and (max-width: 1280px) {
  .home-revues-slideshow .revue-data .revue-title,
  .revues .revue-data .revue-title {
    font-size: 1.2em;
  }

  /* bouton voir plus */
  .see-more {
    position: static;
    text-align: center;
    margin: 2em 0 1em;
  }

  /* menu galaxy */
  #lextenso-websites{
    padding: 0.5em 0 0.5em 1em;
    cursor: pointer;
    position: relative;
  }
  #lextenso-websites:before{
    content: 'Les autres sites';
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8em;
    font-family: MontserratBold;
  }
  #lextenso-websites:after{
    content: url(../images/caret-down-white.png);
    margin-left: 5px;
  }

  #sidebar .block-views h2 {
    font-size: 15px;
    width: calc(33% - 15px);
    margin-right: 15px;
  }
}

@media screen and (max-width: 768px) {
  #lextenso-websites {
    display: none;
  }

  .front.not-logged-in .zopim {
    display: none !important;
  }
}

@media screen and (max-width: 480px) {
  /* home */
  .home-title,
  #main-wrapper #content .home-title:first-child,
  #main-wrapper #content .home-title,
  #main-wrapper #content .revues-title,
  #main-wrapper #content .ouvrages-title {
    padding: 0.6em 0.6em 0.1em;
  }

  .home-revues-slideshow-items,
  .home-ouvrages-slideshow-items,
  .home-autres-slideshow-items {
    margin-left: 0;
  }

  .home-revues-slideshow-item,
  .home-ouvrages-slideshow-item,
  .home-autres-slideshow-item,
  .ouvrages-item,
  .revues-item {
    float: none;
    width: 100%;
    margin: 0;
  }

  /* vignette */
  .home-revues-slideshow-item img,
  .revues-item img {
    width: 100%;
  }

  /* /toutes-mes-revues /tous-mes-ouvrages */
  .page-documents-toutes-mes-revues #main-wrapper #content .section,
  .page-documents-toutes-les-revues #main-wrapper #content .section,
  .page-documents-tous-mes-ouvrages #main-wrapper #content .section,
  .page-documents-tous-les-ouvrages #main-wrapper #content .section {
    padding: 0;
  }

  .page-documents-toutes-mes-revues .revues,
  .page-documents-toutes-les-revues .revues,
  .page-documents-tous-les-ouvrages .ouvrages,
  .page-documents-tous-mes-ouvrages .ouvrages {
    padding: 1em 1em 2em;
  }

  .page-documents-toutes-mes-revues .revues-item,
  .page-documents-toutes-les-revues .revues-item,
  .page-documents-tous-mes-ouvrages .ouvrages-item,
  .page-documents-tous-les-ouvrages .ouvrages-item {
    width: 100%;
    margin: 0 0 1.5em;
  }

  /* contrôles */
  .bx-pager {
    display: none;
  }

  .bx-prev,
  .bx-next {
    margin-top: 1.5em;
  }

  /* bouton voir plus */
  .see-more {
    position: static;
    text-align: center;
    margin: 1em 0 2em;
  }
}

@media screen and (max-width: 1412px) {
  #lames-container .lame-front .lame-text {
    max-width: 50%;
  }

  #lames-container .lame-front::after {
    left: 50%;
    background-position: left center;
  }

  #lames-container .lame-front:nth-child(2n)::after {
    left: -80px;
    right: 50%;
    background-position: right center;
  }

  #lames-container .lame-front#lame-efficacite::after {
    background-position: left bottom;
  }

  #lames-container .lame-promo-container {
    padding-left: 70px;
  }
}

@media screen and (max-width: 1023px) {

  #block-algolia-algolia-advanced-search {
    width: 90%;
    border: 1px solid #d5d9dd;
    margin-top: 0;
    margin-bottom: 25px;
  }

  #block-algolia-algolia-filters {
    margin-bottom: 25px;
  }

  #block-algolia-algolia-filters > h2 {
    cursor: pointer;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1em;
    min-height: 30px;
    position: relative;
  }

  #block-algolia-algolia-filters > h2::after {
    content: '\e912';
    font-family: icomoon;
    font-size: 24px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    width: 50px;
    top: 50%;
    margin-top: -15px;
    transition: transform 0.3s ease-in-out;
    transform: rotateX(0deg);
  }

  #block-algolia-algolia-filters.opened > h2::after {
    transform: rotateX(180deg);
  }

  #block-algolia-algolia-advanced-search h2 {
    font-size: 1em;
  }

  #algolia-advanced-search-toggle {
    height: 48px;
  }

  #block-algolia-algolia-advanced-search .content {
    width: 90%;
    padding-bottom: 15px;
  }

  #algolia-advanced-search-toggle::after {
    font-size: 20px;
  }

  #block-algolia-tools-algolia-search-toolbox {
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }

  /* home connectee mobile */
  #page.with-sidebar #main-wrapper,
  #page.with-sidebar #sidebar {
    float: none;
    width: auto;
    padding-top: 0;
  }

  #sidebar .section {
    overflow: visible;
  }

  #sidebar .view-footer {
    width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  #sidebar {
    background: none;
  }

  #sidebar .block-views h2 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1024px) {
  #block-algolia-algolia-filters .content {
    display: block !important;
    height: auto !important;
  }
}

@media screen and (max-width: 767px) {

  .js-sticky #header #service-client {
    top : 5px;
  }

  #header #service-client {
    padding-left: 0;
  }

  #header #service-client a::before {
    display: none;
  }

  #header .region-header {
    padding : 24px 0;
  }

  .js-sticky #header .region-header, .js-sticky.front #header .region-header,
  .js-sticky.front.not-logged-in #header .region-header.search-open {
    padding-top: 18px;
  }

  .js-sticky #header .region-header {
    clear: both;
    width: auto;
    float: none;
  }

  #block-algolia-algolia-header-search #algolia-open-advanced-filters-container {
    position: static;
    text-align: right;
    margin-bottom: 18px;
    float: right;
  }

  #block-algolia-algolia-header-search .reset-search,
  #block-algolia-algolia-header-search #algolia-return-to-results {
    position: static;
    float: left;
  }

  #block-algolia-algolia-header-search #algolia-quick-links {
    padding-left: 0;
    padding-right: 0;
    clear: both;
  }

  #block-algolia-algolia-header-search #algolia-search-text {
    height: 55px;
  }

  #block-algolia-algolia-header-search #algolia-search-box #voice-search {
    height: 55px;
    width: 55px;
    line-height: 55px;
  }

  .front.not-logged-in .region-content .block-block {
    padding-left: 44px;
    padding-right: 44px;
  }

  #lames-container .lame-front {
    padding: 30px 44px;
    display: block;
  }

  #lames-container .lame-front .lame-text {
    max-width: none;
  }

  #lames-container .lame-front:before {
    display: none;
  }

  #lames-container .lame-front::after {
    position: static;
    width: auto;
    margin: 0 -44px;
    height: 235px;
    background-size: contain;
    display: block;
  }

  #lames-container .lame-front:nth-child(even) {
    text-align: left;
  }

  #lames-container .lame-front#lame-efficacite {
    padding-bottom: 0;
  }

  #lames-container .lame-front#lame-efficacite::after {
    height: 300px;
    background-position: right bottom;
  }

  #lames-container .lame-front#lame-richesse #counts-container + div a:before {
    animation: shake 0.6s 0s infinite linear;
  }

  #lames-container .lame-promo-container {
    padding: 30px 44px;
    background-image: none;
    font-size: 25px;
    text-align: left;
  }

  #block-views-fil-actu-breves-non-connecte {
    padding: 30px 44px 50px;
  }

  #block-views-fil-actu-breves-non-connecte .view-fil-actu {
    padding-left: 34px;
    padding-right: 0;
    border-left: solid 3px #cd0027;
  }

  #block-views-fil-actu-breves-non-connecte .view-fil-actu .views-group .views-row {
    float: none;
    width: auto;
    margin: 0 0 36px;
    border-top: none;
    padding: 0;
  }

  #block-views-fil-actu-breves-non-connecte .view-fil-actu .views-group .views-row::before {
    left: -44px;
    top: 0;
  }

  #block-views-fil-actu-breves-non-connecte .view-fil-actu .views-group .views-row:first-child::before {
    left: -50px;
  }

  #block-views-fil-actu-breves-non-connecte .view-fil-actu .views-group .views-row:last-child {
    width: auto;
  }

  #block-views-fil-actu-breves-non-connecte .view-fil-actu .views-group .views-row:last-child::after {
    display: none;
  }

  #block-views-fil-actu-breves-non-connecte h2 {
    margin-bottom: 38px;
  }

  #block-views-fil-actu-breves-non-connecte .view-fil-actu .view-footer {
    padding-right: 34px;
    position: relative;
  }

  #block-views-fil-actu-breves-non-connecte .view-fil-actu .view-footer:before {
    content: '\e903';
    color: white;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
    font-size: 16px;
    font-family: icomoon;
    position: absolute;
    left: -50px;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: #cd0027;
    border-radius: 50%;
  }

  #footer > .section {
    padding-top: 47px;
  }

  #algolia-search-box.clearfix::after {
    display: none;
  }

  #block-algolia-tools-algolia-search-toolbox {
    text-align: center;
  }

  #block-algolia-tools-algolia-search-toolbox h2 {
    margin-bottom: 30px;
  }

  #block-algolia-tools-algolia-search-toolbox > .content {
    margin: 0;
  }

  #block-algolia-tools-algolia-search-toolbox::after {
    padding: 0;
  }

  #block-algolia-tools-algolia-search-toolbox > .content > ul li {
    width: 50%;
    margin-bottom: 30px;
  }

  #block-algolia-algolia-advanced-search {
    width: 90%;
  }

  #algolia-search-results .hit {
    overflow: hidden;
  }

  .home-revues-slideshow .vignette, .home-ouvrages-slideshow .vignette {
    height: auto;
  }

  .home-revues-slideshow a:hover .vignette, .home-revues-slideshow a:focus .vignette,
  .home-ouvrages-slideshow a:hover .vignette,
  .home-ouvrages-slideshow a:focus .vignette,
  .home-autres-slideshow-item a:hover .vignette,
  .home-autres-slideshow-item a:focus .vignette {
    transform: none;
  }

  .home-revues-slideshow, .home-ouvrages-slideshow, .home-autres-slideshow {
    padding-top: 0;
  }

  .home-revues-slideshow .bx-controls, .home-ouvrages-slideshow .bx-controls, .home-autres-slideshow .bx-controls {
    float: none;
    margin: 10px 10px 20px;
  }

  .home-revues-slideshow .see-more, .home-ouvrages-slideshow .see-more, .home-autres-slideshow .see-more {
    float: none;
    margin-right: 0;
  }

  .bx-prev::before, .bx-next::before {
    font-size: 40px;
  }
}

@media screen and (max-width: 480px) {
  .home-title,
  #main-wrapper #content .home-title:first-child,
  #main-wrapper #content .home-title,
  #main-wrapper #content .revues-title,
  #main-wrapper #content .ouvrages-title {
    padding-left: 40px;
    padding-right: 40px;
  }

  .home-revues-slideshow .bx-wrapper,
  .home-autres-slideshow .bx-wrapper,
  .home-ouvrages-slideshow .bx-wrapper {
    max-width: none !important;
  }

  .home-revues-slideshow-item, .home-ouvrages-slideshow-item, .home-autres-slideshow-item {
    width: 250px !important;
  }
}

@media screen and (max-width: 450px) {
  #sidebar .view-footer {
    width: auto;
  }

  .home-revues-slideshow-item, .home-ouvrages-slideshow-item, .home-autres-slideshow-item {
    width: auto;
  }

  #sidebar .block-views h2 {
    font-size: 17px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 370px) {
  #block-views-fil-actu-breves-non-connecte,
  #lames-container .lame-promo-container,
  #lames-container .lame-front {
    padding-left: 28px;
    padding-right: 28px;
  }

  #counts-container {
    margin-right: -15px;
  }

  #counts-container .count {
    padding: 7px 12px;
  }

  #counts-container .count:last-child {
    margin-right: 0;
  }
}