#mobile,
#tablet {
  display: none;
}
a {
  color: #000000;
  text-decoration: none;
}
a:hover {
  color: #0988ad;
}
.hide {
  display: none;
}
.hide-desktop {
  display: none;
}
.divider {
  width: 100%;
  height: 1px;
  margin: 0 0 -1px;
  clear: both;
}
/* --------------------------------------------------
  = Responsive Styles
--------------------------------------------------  */
@media only screen and (min-width: 980px) {
  .hide-desktop {
    display: none !important;
  }
  #news {
    margin-top: 20px;
  }
  .author-collaboration {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  /* --------------------------------------------------
    = COMMON
  	--------------------------------------------------  */
  /* --------------------------------------------------
  	= Provisoire
  	--------------------------------------------------  */
  .widget-club {
    position: static;
    width: auto;
  }
  .vente-avis,
  .club-dargaud {
    margin-bottom: 30px;
  }
  #ui-id-1 {
    width: 250px !important;
  }
  #tablet {
    display: block;
  }
  .site {
    margin: auto;
    width: 768px;
  }
  .hide-tablet {
    display: none !important;
  }
  .show-tablet {
    display: block !important;
  }
  .container {
    padding: 0 10px;
    width: 768px;
  }
  .selection {
    font-size: 1.25em;
  }
  .selection strong {
    font-size: 28px;
  }
  /* --------------------------------------------------
    = LAYOUT
  	--------------------------------------------------  */
  .header .container {
    position: relative;
    padding: 0;
  }
  .header .container #logo {
    padding: 0 10px 16px;
  }
  .header .container .panier {
    width: 90px;
  }
  .header .container .search-form {
    position: absolute;
    right: 0;
    bottom: -55px;
    z-index: 4;
    background: none;
  }
  .header .container .login .club-navigation {
    left: 0;
  }
  .main-nav .subnav {
    left: 10px;
    width: 748px;
  }
  .main-nav .subnav .subnav-title {
    width: 185px;
    font-size: 2em;
  }
  .main-nav .subnav .tabs {
    width: 25%;
  }
  .main-nav .subnav .tab {
    width: 75%;
  }
  .main-nav .subnav .bd {
    width: 22%;
  }
  .footer {
    padding: 0 10px;
    width: 768px;
  }
  .footer .footer-dargaud .w240 {
    padding: 12px 7px 25px;
    width: auto;
  }
  .footer .footer-dargaud .w240.join {
    width: auto;
  }
  .footer .footer-dargaud .list .login a {
    display: block;
  }
  .footer .footer-dargaud .list .login a:first-child {
    padding-right: 0;
    border-right: 0;
  }
  .footer .footer-dargaud .list .login a:nth-child(2) {
    padding-left: 15px;
    background: url("../images/footer-arrow.png") no-repeat left center;
  }
  .footer .footer-partenaires {
    width: 92%;
  }
  /* --------------------------------------------------
    = Bloc Actu
  	--------------------------------------------------  */
  .actublog .actuimg,
  .actublog .text {
    margin-left: 10px;
  }
  .actublog .text {
    margin-left: 15px;
  }
  #envie {
    float: none;
    width: 100%;
  }
  #envie .lire-bd {
    margin-bottom: 0;
    padding-bottom: 10px;
    width: 100%;
    height: auto;
  }
  #envie .lire-bd .h2-like {
    width: auto;
  }
  #envie .lire-bd .envie-bd {
    display: inline-block;
    width: 48.5%;
  }
  #envie .lire-bd .envie-bd:nth-child(even) {
    margin-right: 14px;
  }
  /* --------------------------------------------------
    = BD Nouveautes
  	--------------------------------------------------  */
  #bdsorties .h2-like,
  #bdsorties .bd {
    margin-left: 0;
  }
  #bdsorties .bd {
    width: 33%;
  }
  #bdsorties .couverture {
    width: 102px;
  }
  .bd .h3-like {
    margin-top: 5px;
  }
  /* --------------------------------------------------
    = BD Heros
  	--------------------------------------------------  */
  #bdhero {
    padding: 0;
  }
  #bdhero .h2-like {
    margin-left: 10px;
  }
  #bdhero .hero-bloc {
    width: 102px;
  }
  /* --------------------------------------------------
    = Agenda
  	--------------------------------------------------  */
  .agenda {
    margin-right: 10px;
    margin-left: 10px;
    padding: 15px;
    width: 748px;
  }
  .agenda .h2-like .more .arrow {
    margin-top: 2px;
  }
  .agenda .agenda-news {
    margin-left: 0;
    width: 50%;
  }
  /* --------------------------------------------------
    = Concours/Boutique
  	--------------------------------------------------  */
  .agenda .concours,
  .agenda .find-bookstore {
    float: left;
    margin-top: 15px;
    width: 350px;
  }
  .agenda .find-bookstore {
    float: right;
    margin: 15px 0 0 15px;
  }
  .agenda .find-bookstore .search-form input[type="submit"] {
    right: -2px;
  }
  .agenda .concours a {
    color: #fff;
    padding: 1em 0 0 5.7em;
  }
  .agenda .concours img {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 1px;
  }
  #home .find-bookstore {
    margin: 15px 0 0 15px;
  }
  /* --------------------------------------------------
    = Reseaux sociaux Dargaud
  	--------------------------------------------------  */
  #follow-dargaud {
    width: 748px;
  }
  #follow-dargaud .tweet {
    margin-right: 15px;
    width: 230px !important;
  }
  /* --------------------------------------------------
    = Theme Liste Albums
  	--------------------------------------------------  */
  .list-albums .h2-like,
  .list-albums .selection {
    margin-left: 0;
  }
  .list-albums .bd {
    float: none;
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
  }
  .list-albums .bd:nth-child(even) {
    float: none;
    margin-right: 0;
  }
  .list-albums .bd:nth-child(1) {
    margin-top: 0;
  }
  .list-albums .bd:nth-child(2) {
    margin-top: 10px;
  }
  .list-albums .bd .top-list {
    float: none;
  }
  .list-albums .bd .citation {
    font-size: 1.375em;
  }
  .choix-genre {
    margin-left: 0;
  }
  /* --------------------------------------------------
  	  = Categorie Liste
  	--------------------------------------------------  */
  .list-envie-bd {
    margin-right: 10px;
    margin-left: 10px;
    border-bottom: 0;
  }
  .list-envie-bd .envie-bd {
    margin: 0 0 1px 0;
    width: 48.50%;
    height: 54px;
    line-height: 54px;
  }
  .list-envie-bd .envie-bd.new {
    padding-top: 0;
  }
  .list-envie-bd .envie-bd:nth-child(odd) {
    margin-right: 20px;
  }
  .list-envie-bd .envie-bd:hover {
    background: #0988ad;
  }
  .list-envie-bd .envie-bd.active,
  .list-envie-bd .envie-bd:hover {
    padding-top: 0;
    height: 54px;
    line-height: 54px;
  }
  .list-envie-bd .envie-bd.active .text,
  .list-envie-bd .envie-bd:hover .text {
    padding-top: 0;
  }
  .list-envie-bd .envie-bd .text {
    font-size: 1em;
  }
  .choix-genre span {
    font-size: 0.875em;
  }
  /* --------------------------------------------------
  	  = Bloc alerte / infos
  	--------------------------------------------------  */
  .alerte-date {
    width: 748px;
  }
  .alerte-date .title {
    font-size: 0.6875em;
  }
  .alerte-date .alerte {
    width: 200px;
  }
  .alerte-date .alerte p {
    font-size: 0.625em;
  }
  .alerte-date .exclu {
    width: 116px;
    height: 68px;
  }
  .alerte-date .exclu p {
    font-size: 0.6875em;
  }
  .alerte-date .discover {
    width: 68px;
    height: 68px;
  }
  /* --------------------------------------------------
  	  = A paraître / Nouveautés BD
  	--------------------------------------------------  */
  #nouveaute-bd .selection {
    margin-left: 10px;
  }
  .nouveaute-aparaitre .container {
    padding: 0;
  }
  .nouveaute-aparaitre .h2-like,
  .nouveaute-aparaitre .les-sorties {
    margin-left: 10px;
  }
  .nouveaute-aparaitre .bd {
    margin-left: 12px;
    width: 177px;
  }
  /* --------------------------------------------------
  	  = Structure Article / Home Blog
  	--------------------------------------------------  */
  .nav-content {
    height: 43px;
  }
  .nav-content::after {
    background: none;
  }
  .nav-content .item {
    /*&:nth-child(7) a {
  				padding-top: 5px;
  			}*/
  
  }
  .nav-content .item:first-child a {
    height: 43px;
  }
  .nav-content .item:nth-child(5) a {
    width: 100px;
    line-height: 14px;
  }
  .nav-content .item:nth-child(8) a {
    width: 90px;
  }
  .nav-content .item:last-child a {
    line-height: 12px;
  }
  .nav-content .item ul > li a {
    width: 100% !important;
  }
  .nav-content .item:last-child a:after,
  .nav-content .item:last-child a.active:after,
  .nav-content .item:last-child a:hover:after {
    background: none;
  }
  .nav-content .item > a {
    padding: 10px 10px 0;
    width: 72px;
    height: 43px;
    text-align: center;
    line-height: 22px;
    font-size: 10px;
  }
  #news .actublog.side {
    margin-left: 0;
    width: auto;
  }
  #news .actublog.side .actublog-infos {
    top: 6px;
    right: -8px;
    left: inherit;
  }
  #news .actublog.side .actublog-img,
  #news .actublog.side .text {
    float: left;
    width: 320px;
  }
  #news .actublog.side .text,
  #news .actublog.side .social-api {
    float: left;
    margin-left: 15px;
  }
  /* --------------------------------------------------
    = Article
  	--------------------------------------------------  */
  .article blockquote p {
    width: 375px;
  }
  /* --------------------------------------------------
    = Recherche / Affinage
  	--------------------------------------------------  */
  .recherche .affinage {
    position: relative;
    float: none;
    margin: 1em 0;
    margin-right: 0;
    width: 100%;
  }
  .recherche .affinage .bloc-left {
    float: left;
  }
  .recherche .affinage .bloc-right {
    float: right;
  }
  .recherche .affinage .bloc-left,
  .recherche .affinage .bloc-right {
    margin-right: 30px;
    width: 40%;
  }
  .recherche .affinage .checkboxes {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #fff;
  }
  .recherche .affinage .title {
    font-size: 1.5em;
    color: #fff;
    text-transform: uppercase;
    font-family: 'UniversNW01-220CdThin';
  }
  .recherche .affinage label {
    font-size: 0.75em;
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-family: "Univers Next W01 Bold";
  }
  .recherche .affinage .select2-container {
    display: block;
    margin-bottom: 12px;
  }
  .recherche .affinage .select2-container .select2-choice .select2-arrow {
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: 99;
    width: 24px;
    height: 20px;
    border: 0;
    border-radius: 0;
    background: url('../images/select2submit.png') 0 0 no-repeat;
  }
  .recherche .affinage input[type="text"],
  .recherche .affinage .select2-container .select2-choice {
    width: 100%;
    height: 22px;
    border: 2px solid #cccccc;
    border-radius: 0;
    line-height: 22px;
  }
  .recherche .affinage input[type="text"].price,
  .recherche .affinage .select2-container .select2-choice.price {
    margin: 0 4px;
    width: 62px;
  }
  .recherche .affinage .text-price {
    font-size: 0.75em;
    color: #fff;
    font-family: 'UniversNW01-230BThin';
  }
  .recherche .affinage .select2-container .select2-choice {
    border-right: 0;
  }
  .recherche .affinage input[type="text"],
  .recherche .affinage .select2-container .select2-choice > .select2-chosen {
    font-size: 0.75em;
    margin-bottom: 12px;
    padding-left: 10px;
    color: #666;
    text-transform: none;
    font-family: 'UniversNW01-230BThin';
  }
  .recherche .affinage .select2-container .select2-choice > .select2-chosen {
    padding-left: 0;
  }
  .recherche .affinage .search-confirm {
    background-position: 88% center;
  }
  /* --------------------------------------------------
        = Albums
      --------------------------------------------------  */
  #albums {
    padding: 0;
  }
  #albums .presentationAlbum {
    float: none;
    width: 100%;
  }
  #albums .couverture .player {
    font-size: 0.625em;
    margin-top: 15px;
    padding-left: 30px;
    padding-top: 2px;
  }
  #albums .couverture .formatAlbums {
    font-size: 0.625em;
    margin-top: 20px;
  }
  #albums .couverture .formatAlbums .pages span {
    width: 23px;
  }
  #albums .couverture .formatAlbums .format span {
    width: 8px;
  }
  #albums .couverture + .body {
    width: 413px;
  }
  #albums .introAlbum {
    font-size: 0.75em;
  }
  #albums .introAlbum > li {
    margin-bottom: 4px;
  }
  #albums .introAlbum > li ul {
    display: inline;
  }
  #albums .introAlbum > li ul li {
    display: inline;
  }
  #albums .infosAlbums {
    font-size: 7px;
  }
  #albums .infosAlbums .genre {
    width: auto;
  }
  #albums .infosAlbums .genre span {
    background-image: url('../images/picto-genre-mobile.png');
    height: 24px;
    margin-top: 0;
    width: 35px;
  }
  #albums .infosAlbums .public span {
    background-image: url('../images/picto-public-mobile.png');
    height: 20px;
    margin-top: 0;
    width: 35px;
  }
  #albums .descriptif-phone {
    margin-top: 25px;
  }
  #albums .descriptif-phone .h2-like {
    font-size: 1.1875em;
  }
  #albums .descriptif-phone p {
    font-size: 0.6875em;
    line-height: 1.2em;
    text-align: justify;
  }
  #albums a.read-more-after {
    margin-top: -10px;
  }
  #albums .venteAlbum {
    border-bottom: 1px dotted #7F7F7F;
    float: none;
    height: 200px;
    margin: 15px auto 30px;
    position: relative;
    width: 100%;
  }
  #albums .venteAlbum .rightItem {
    height: 62px;
    margin: 0;
    position: absolute;
    width: 186px;
  }
  #albums .venteAlbum .rightItem:first-child {
    margin-top: 0;
  }
  #albums .venteAlbum .rightItem.trouver-libraire {
    left: 0;
    top: 0;
    padding-left: 6.5em;
    font-size: 0.7em;
  }
  #albums .venteAlbum .rightItem.infosPrix {
    bottom: 30px;
    height: 92px;
    left: 0;
  }
  #albums .venteAlbum .rightItem.izneo {
    background: url('../images/bg-izneo-tablet.png') no-repeat left top;
    height: 170px;
    left: 200px;
    padding: 10px 135px 20px 0;
    top: 0;
    width: 346px;
  }
  #albums .venteAlbum .rightItem.alerte {
    right: 0;
    top: 0;
  }
  #albums .venteAlbum .rightItem.voirSerie {
    bottom: 30px;
    height: 92px;
    right: 0;
  }
  #albums .venteAlbum .rightItem:first-child,
  #albums .venteAlbum .rightItem.izneo,
  #albums .venteAlbum .rightItem.alerte {
    margin-left: 0;
  }
  #albums .autresTomes .flex-direction-nav {
    top: 63px;
  }
  #albums .autresTomes .flex-direction-nav li {
    left: -20px;
  }
  #albums .autresTomes .flex-direction-nav li + li {
    right: -20px;
  }
  #albums .autresTomes .flexslider-autresTomes {
    width: 694px;
  }
  #albums .autresTomes .flexslider-autresTomes .slides .bd {
    margin-left: 28px;
    width: 153px;
  }
  #albums .autresTomes .flexslider-autresTomes .slides .bd .couverture {
    width: 153px;
  }
  #albums .autresTomes .flexslider-autresTomes .slides .bd .h3-like {
    font-size: 0.875em;
  }
  .col3 {
    padding: 0;
  }
  .col3 .avisLibraires {
    width: 100%;
  }
  /* --------------------------------------------------
        = Auteurs
      --------------------------------------------------  */
  #galerie-auteur .flexslider-galerie .flex-direction-nav {
    left: 300px;
    right: 300px;
  }
  #galerie-auteur .flexslider-galerie .flex-direction-nav li a {
    width: 20px;
    height: 18px;
  }
  #galerie-auteur .slides li {
    margin-left: 64px;
    width: 197px;
  }
  #galerie-auteur .slides li:first-child {
    margin-left: 0;
  }
  #galerie-auteur .slides li p {
    font-size: 1em;
    line-height: 1.2em;
  }
  /* --------------------------------------------------
  	  = Concours
  	--------------------------------------------------  */
  .mea-contest {
    margin-left: 0;
    width: 100%;
  }
  .mea-contest .bloc-contest {
    width: 530px;
  }
  .mea-contest .lot {
    padding: 1em 0 1.5em;
    width: 218px;
  }
  .mea-contest .bloc-contest,
  .mea-contest .lot {
    height: 406px;
  }
  .alerte-chrono {
    width: 210px;
  }
  /*------- fiche concours -------*/
  .fiche-concours .mea-contest .bloc-contest .contest-text,
  .result-concours .mea-contest .bloc-contest .contest-text {
    width: 70%;
  }
  /*------- result concours -------*/
  .result-concours .list-winners {
    margin-right: 10%;
  }
  /* --------------------------------------------------
    = Listing Event
  	--------------------------------------------------  */
  .listing-event {
    margin-top: 30px;
  }
  .listing-event .h2-like {
    margin-left: 0;
  }
  .listing-event .event {
    /*width: 239px;
  
  			&:nth-child(2),
  			&:nth-child(4n+1) {
  				margin-left: 0;
  			}*/
  
  }
  .listing-event .event .event-img {
    margin-bottom: 30px;
    width: 100%;
  }
  .listing-event .event .event-img .encart-info {
    bottom: -20px;
  }
  /* --------------------------------------------------
    = Pagination
  	--------------------------------------------------  */
  .pagination {
    margin-right: 0;
  }
  /* --------------------------------------------------
    = Derniers articles
  	--------------------------------------------------  */
  #last-article {
    margin-top: 30px;
  }
  #last-article .h2-like {
    margin-left: 0;
  }
  #last-article .actublog {
    margin-left: 0;
  }
  #last-article .actublog .text {
    width: 320px;
  }
  /* --------------------------------------------------
    = Agenda Evt & Fiche
    --------------------------------------------------  */
  #basket #doBasket .item > div {
    width: 50%;
  }
  #basket #doBasket .item > div .ctnt {
    width: auto;
  }
  #basket #doBasket .item > div + div {
    width: 17%;
  }
  #basket #doBasket .item > div + div + div {
    width: 16%;
  }
  #basket #doBasket .item.final > div {
    width: 80%;
  }
  #basket #doBasket .item.final > div + div {
    width: 20%;
  }
  /* --------------------------------------------------
    = Agenda Evt & Fiche
  	--------------------------------------------------  */
  #agenda .listing-event .event {
    /*margin-right: 14px;
  				width: 240px;*/
  
    /*&:nth-child(2n+1) {
  					margin-right: 14px;
  				}
  
  				&:nth-child(3n+4){
  					margin-right: 0;
  				}*/
  
  }
  #agenda .listing-event .event p {
    display: none;
  }
  /* --------------------------------------------------
    = Sidebar
  	--------------------------------------------------  */
  .flux-rss {
    padding-left: 14em;
  }
  /* --------------------------------------------------
    = Fonds d'écran
  	--------------------------------------------------  */
  #fondecran .wallpaper {
    margin: 25px auto 30px;
    width: 100%;
  }
  #fondecran .wallpaper .col-left,
  #fondecran .wallpaper .personnaliser {
    float: left;
    width: 100%;
  }
  #fondecran .wallpaper .personnaliser .bd {
    border-bottom: 1px dotted #000000;
  }
  #fondecran .wallpaper .personnaliser .bd .couverture {
    float: left;
    margin-right: 15px;
    width: 190px;
  }
  #fondecran .wallpaper .personnaliser .bd .bd-actions {
    height: 36px;
    border-bottom: 0;
  }
  #fondecran .wallpaper .personnaliser .alerte-chrono {
    float: left;
    width: 100%;
  }
  .footer .footer-dargaud .list a {
    display: block;
    padding: 3px 0 3px 20px;
  }
  .footer-westory-connect a {
    padding: 6px 4px;
  }
  #news .bdactualite .span6 {
    width: 100%;
  }
  #serie .serie-header .serie-infos .mediao__figure.imgExt {
    width: 455px;
  }
  .author-collaboration ul li.author-bloc .bd {
    margin-bottom: 0;
    height: 100%;
  }
  #news {
    margin-top: 20px;
  }
  .author-collaboration {
    margin-top: 30px;
  }
  .autresTomes .flexslider-autresTomes {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .infosAlbums .genre span {
    background-image: url("../images/picto-genre-mobile@2x.png");
    background-size: 24px 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .infosAlbums .public span {
    background-image: url("../images/picto-public-mobile@2x.png");
    background-size: 29px 20px;
  }
}
@media only screen and (max-width: 767px) {
  #modalBasket {
    min-height: 500px;
  }
  #modalBasket .buttonblock .btn,
  #modalBasket .buttonblock .btn.mfp-close {
    display: block;
    float: none;
    position: static;
    margin: 0 auto 8px;
  }
  .hotfix-img-concours-brodeck {
    width: 310px;
    height: 109px;
  }
  /* --------------------------------------------------
    = COMMON
  	--------------------------------------------------  */
  a:hover {
    text-decoration: none !important;
  }
  p.chapo {
    width: auto;
  }
  .hide-phone {
    display: none !important;
  }
  .show-phone {
    display: block !important;
  }
  .hide-tablet {
    display: block;
  }
  .site {
    margin: auto;
    width: 100%;
  }
  .container {
    padding: 0 5px;
    max-width: 320px;
    width: 100%;
  }
  .h2-like {
    font-size: 1.125em;
    margin-left: 0;
  }
  .h3-like {
    font-size: 0.875em;
  }
  .w320 {
    margin-left: 0;
    width: 100%;
  }
  .more {
    font-size: 10px;
  }
  .more .arrow {
    width: 12px;
    height: 10px;
    background-size: 100%;
  }
  #mobile {
    display: block;
  }
  .bd .h3-like {
    height: 56px;
  }
  .article-title {
    font-size: 1.125em;
    line-height: 20px;
  }
  .encart-info {
    font-size: 0.625em;
    padding-top: 0;
    width: 97px;
    height: 27px;
    background-size: 100%;
  }
  .flex-direction-nav a {
    width: 15px;
    height: 15px;
    background-size: 100%;
  }
  .flex-direction-nav a.flex-next {
    background-size: 100%;
  }
  #bdactualite .more {
    float: none;
  }
  #bdactualite .more .arrow {
    float: none;
    display: inline-block;
  }
  #bdsorties,
  .agenda,
  #bdcatalogue,
  #follow-dargaud,
  .footer {
    margin-top: 15px;
  }
  .selection {
    font-size: 0.9375em;
  }
  .selection strong {
    font-size: 20px;
  }
  .selection span {
    display: block;
  }
  .nouveaute-aparaitre .selection {
    margin-left: 0;
  }
  .bd-actions {
    margin-bottom: 0;
  }
  .bd-actions .feuilleter {
    padding: 0;
    width: 26px;
  }
  .bd-actions .bd-panier {
    font-size: 0.5625em;
    padding-right: 5px;
    width: 64px;
    line-height: 23px;
  }
  .bd-actions .bd-chrono {
    width: 24px;
  }
  .bd-actions .feuilleter,
  .bd-actions .bd-panier,
  .bd-actions .bd-chrono {
    height: 23px;
    background-size: 100%;
  }
  /* --------------------------------------------------
    = BASKET
  	--------------------------------------------------  */
  #basket #doBasket .item > div + div {
    height: 60px;
    border: none;
  }
  #basket #doBasket .item > div + div + div {
    height: 60px;
    border: none;
  }
  #basket #doBasket .item.final > div {
    border-right: none;
    width: 100%;
  }
  #basket #doBasket .item.final > div + div {
    height: auto;
    padding-left: 0;
    text-align: right;
    width: 100%;
  }
  #basket .info-tunnel ul {
    height: auto;
  }
  #basket .info-tunnel ul li {
    display: block;
  }
  #basket .info-tunnel ul li.active {
    background-position: center center;
  }
  #basket .buttonsbasket > input.btn,
  #basket .buttonsbasket > input.btn.viewmore {
    float: none;
    margin: auto;
  }
  #basket #doBasket .item > div .ctnt h3 {
    width: 160px;
  }
  /* --------------------------------------------------
    = LAYOUT
  	--------------------------------------------------  */
  .header .top {
    height: auto;
  }
  .header .search-form {
    padding: 12px 0;
  }
  .header .container .header-items {
    float: left;
  }
  .header .container .header-items > div {
    height: 43px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .header .container .header-items > div.newsletter {
    background: none;
  }
  .header .container .header-items.panier {
    padding-top: 12px;
  }
  .header .container {
    position: relative;
  }
  .header .container .header-items > .social {
    display: none;
  }
  .header .container #logo {
    margin-left: 0;
    padding: 8px 10px 0;
    width: 140px;
    height: 47px;
  }
  .header .container #logo .baseline {
    letter-spacing: 0;
    font-size: 8px;
  }
  .header .container .panier,
  .header .container .login,
  .header .container .social,
  .header .container .search-form {
    width: auto;
  }
  .header .container .login {
    padding-top: 12px;
  }
  .header .container .newsletter a:first-child {
    padding-left: 0;
    background: url('../images/newsletter@2x.png') 0 0 no-repeat;
    background-size: 100%;
  }
  .header .container .icone-mobile {
    display: block !important;
    float: left;
    width: 22px;
    height: 20px;
  }
  .header .container .icone-mobile.search {
    background: url('../images/loupe@2x.png') center no-repeat;
    background-size: 100%;
  }
  .header .container .icone-mobile.cart {
    background: url('../images/panier@2x.png') center no-repeat;
    background-size: 100%;
  }
  .header .container .icone-mobile.user {
    background: url('../images/user@2x.png') center no-repeat;
    background-size: 100%;
  }
  .header .container .menu-nav {
    display: block;
    float: right;
    width: 35px;
    height: 47px;
    border-left: 1px dotted #fff;
    background: url('../images/menu@2x.png') center no-repeat;
    background-size: 100%;
  }
  .header .container .menu-nav.active,
  .header .container .menu-nav:hover {
    background-color: #0988ad;
  }
  .header .main-nav {
    position: absolute;
    top: -15px;
    display: none;
    padding-top: 15px;
    width: 310px;
    height: auto;
    border-top: 2px solid #0988ad;
    border-bottom: 2px solid #0988ad;
    background: #fff;
  }
  .header .main-nav .main-links > a.home {
    width: auto;
    height: auto;
    background: none;
    text-indent: 0;
  }
  .header .main-nav .main-links > a.home:hover,
  .header .main-nav .main-links > a.home.active {
    padding: 0;
    border: none;
  }
  .header .main-nav .main-links {
    padding: 0;
    background: none;
  }
  .header .main-nav .main-links > a {
    display: block;
    margin-bottom: 15px;
  }
  .header .main-nav .main-links > a:hover,
  .header .main-nav .main-links > a.active {
    padding: 0;
    border: none;
    background: none;
  }
  .header .main-nav .subnav {
    display: block !important;
    position: relative;
    top: auto;
    min-height: 1px;
    width: auto;
    border-bottom: none;
    border-top: none;
    margin-top: -15px;
    margin-bottom: 15px;
  }
  .header .main-nav .subnav .subnav-title {
    display: none;
  }
  .header .main-nav .subnav .tabs {
    margin-top: 0;
    float: none;
    width: auto;
  }
  .header .main-nav .subnav .tab {
    display: none !important;
  }
  .footer {
    width: 100%;
  }
  .footer .footer-infos {
    margin: auto;
    padding: 5px 0 5px 5%;
  }
  .footer .footer-infos ul {
    text-align: center;
  }
  .footer .footer-infos li {
    display: block;
    background: none;
  }
  .footer .footer-infos a {
    font-size: 0.625em;
  }
  /* --------------------------------------------------
    = Slider
  	--------------------------------------------------  */
  #slider {
    padding: 0 5px;
  }
  #slider .flex-direction-nav a {
    bottom: 0;
    width: 30px;
    height: 21px;
    background-size: 100%;
  }
  #slider .flex-direction-nav a.flex-next {
    background-size: 100%;
  }
  #slider .visuel {
    display: none;
  }
  #slider .panel {
    position: static;
    height: 126px;
    background: #000;
  }
  #slider .couverture {
    width: 96px;
    border-left: 0;
  }
  #slider .slide-info {
    padding: 2px 10px 2px 15px;
    width: 210px;
    height: 90px;
  }
  #slider .slide-info .slide-creator {
    font-size: 0.5625em;
    margin-bottom: 5px;
  }
  #slider .slide-info .slide-title {
    font-size: 1.25em;
    height: auto;
    line-height: 16px;
  }
  #slider .slide-info .slide-title span {
    font-size: 10px;
  }
  #slider .slide-info .slide-disponibilite {
    font-size: 0.6875em;
    position: static;
    margin-bottom: 0;
  }
  #slider .slide-link {
    float: right;
    position: static;
    width: 210px;
  }
  #slider .slide-link .more-info {
    margin-top: 12px;
  }
  #slider .slide-link .feuilleter {
    height: 20px;
    margin-top: 7px;
    padding: 5px 0 0 5em;
    background-size: 30px;
  }
  #slider .slide-link .more-info,
  #slider .slide-link .feuilleter {
    font-size: 0.525em;
  }
  /* --------------------------------------------------
    = BD Actus
  	--------------------------------------------------  */
  #news .bdactualite {
    margin-top: 20px;
  }
  .actublog .actublog-img {
    float: left;
    width: 50%;
    min-width: 50%;
  }
  #article .actublog .actublog-img {
    min-width: 50%;
  }
  .actublog .actublog-img .encart-info {
    font-size: 0.5625em;
    padding: 2px 8px 6px 5px;
    min-width: 85px;
    height: 24px;
    background: url('../images/mobile-actu-infos.png') right center no-repeat;
    background-size: 85%;
  }
  #news .actublog .actublog-img .encart-info {
    padding: 2px 28px 6px 0;
    min-width: 95px;
  }
  .actublog .actublog-img .encart-info .date {
    font-size: 8px;
  }
  .actublog .text {
    /* float: left;
  			margin-left: 15px;
  			width: 43.70%; */
  
  }
  .actublog .text .h3-like {
    margin: 0 0 10px;
    width: auto;
  }
  .actublog .actublog-text {
    display: none;
  }
  /* --------------------------------------------------
    = Colonne lire bd
  	--------------------------------------------------  */
  #envie .lire-bd .h2-like {
    width: auto;
  }
  #envie .lire-bd .envie-bd a {
    font-size: 0.875em;
    height: 30px;
    background-position: right center;
  }
  #envie .lire-bd .envie-bd a .arrow {
    margin: 20px 15px 0 0;
    width: 14px;
    height: 14px;
  }
  #envie .concours {
    padding-bottom: 3px;
    height: 70px;
  }
  #envie .concours .arrow {
    width: 14px;
    height: 14px;
  }
  #envie .concours img {
    height: 64px;
  }
  #envie .concours .text {
    font-size: 0.875em;
    padding-top: 10px;
    width: 65%;
    line-height: 1.2;
  }
  .bloc-large {
    padding-bottom: 0;
  }
  #bdsorties .container {
    padding: 0 25px;
  }
  #bdsorties .h2-like {
    margin: auto auto 15px;
    width: 80%;
    text-align: center;
  }
  #bdsorties .h3-like {
    font-size: 0.9375em;
    margin-bottom: 10px;
    height: auto;
  }
  #bdsorties .bd {
    margin-right: 15px;
    margin-left: 0;
  }
  #bdsorties .bd .info-bd {
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  #bdsorties .bd .info-bd span {
    font-size: 0.5625em;
  }
  #bdsorties .bd .feuilleter {
    font-size: 0.5625em;
    position: relative;
    top: 0;
    top: 5px;
    margin-top: 0;
    padding: 4px 0 0 30px;
    background-size: 20%;
    font-family: "Univers Next W01 Medium";
  }
  #bdsorties .couverture {
    margin-right: 5px;
    width: 40%;
  }
  #bdsorties .nouveaute-info {
    width: 55%;
    height: 160px;
  }
  #bdsorties .flexslider-bdsorties {
    padding: 0 1.5em;
  }
  #bdsorties .flexslider-bdsorties .flex-direction-nav {
    top: 50%;
    width: 100%;
  }
  #bdsorties .flexslider-bdsorties .flex-direction-nav a {
    position: absolute;
    left: 25px;
    width: 18px;
    height: 15px;
    background: url('../images/sorties-arrow-left.png') 0 0 no-repeat;
    background-size: 100%;
  }
  #bdsorties .flexslider-bdsorties .flex-direction-nav a.flex-next {
    left: 93%;
    background: url('../images/sorties-arrow-right.png') 0 0 no-repeat;
    background-size: 100%;
  }
  /* --------------------------------------------------
    = BD Heros
  	--------------------------------------------------  */
  #bdhero .list-heros {
    padding: 0;
  }
  #bdhero .hero-bloc {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 6%;
    width: 25%;
    height: 120px;
  }
  #bdhero .hero-bloc:first-child {
    margin-left: 6%;
  }
  /* --------------------------------------------------
    = Agenda
  	--------------------------------------------------  */
  .agenda {
    padding: 15px 5px;
  }
  .agenda.agenda-album .agenda-news {
    margin-bottom: 10px;
    margin-left: 0;
    width: 100%;
  }
  .agenda .h3-like {
    font-size: 0.8125em;
  }
  .agenda .agenda-text {
    width: 75%;
  }
  .agenda .agenda-news {
    margin-bottom: 10px;
    margin-left: 0;
    width: 100%;
  }
  .agenda .agenda-news .h3-like {
    height: 60px;
  }
  .agenda .agenda-news .agenda-encart {
    font-size: 0.5625em;
    padding: 5px;
    width: 52px;
    height: 52px;
  }
  .agenda .lieu {
    font-size: 0.625em;
  }
  /* --------------------------------------------------
    = Trouver boutique
  	--------------------------------------------------  */
  .find-bookstore {
    margin: 0;
    padding: 6px 5px;
    width: 100%;
    height: 58px;
    background-image: url('../images/carte-bookstore@2x.png');
    background-position: left center;
    background-size: 40px;
  }
  #home .find-bookstore {
    margin: 20px 0 0 0;
    padding-left: 3em;
  }
  .find-bookstore a {
    padding: 0;
  }
  .find-bookstore p {
    font-size: 1.1875em;
    float: left;
    text-align: left;
  }
  .find-bookstore p strong {
    font-size: 11px;
  }
  .find-bookstore .bookstore-search {
    width: 110px;
  }
  .find-bookstore .bookstore-search input[type="text"] {
    padding: 5px;
    height: 20px;
    font-size: 11px;
  }
  .find-bookstore .bookstore-search input[type="submit"] {
    top: 1px;
    width: 20px;
    height: 20px;
    color: #000;
    font-size: 10px;
  }
  /* --------------------------------------------------
    = BD Catalogue
  	--------------------------------------------------  */
  #bdcatalogue {
    text-align: center;
  }
  #bdcatalogue .h3-like {
    height: 35px;
    line-height: 15px;
    text-align: left;
  }
  #bdcatalogue .flex-direction-nav {
    width: 100%;
  }
  #bdcatalogue .flex-direction-nav a {
    position: absolute;
    left: 20px;
    width: 15px;
    height: 15px;
    background-size: 100%;
  }
  #bdcatalogue .flex-direction-nav a.flex-next {
    left: 93%;
  }
  #bdcatalogue .bd .info-bd span,
  #bdcatalogue .bd .info-bd .story-draw {
    text-align: left;
  }
  /* --------------------------------------------------
    = Réseaux sociaux Dargaud
  	--------------------------------------------------  */
  #follow-dargaud {
    padding: 15px 5px 3em;
  }
  #follow-dargaud .flexslider-tweet {
    padding: 0;
  }
  #follow-dargaud .tweet {
    margin-right: 0;
  }
  #follow-dargaud .tweet p {
    font-size: 0.75em;
  }
  #follow-dargaud .social {
    float: right;
    margin: 10px 10px 0 0;
  }
  #albums {
    padding: 0;
  }
  #albums .presentationAlbum {
    float: none;
    width: 310px;
  }
  #albums .couverture {
    width: 138px;
  }
  #albums .couverture .couverture-wrapper {
    min-height: inherit;
    line-height: normal;
  }
  #albums .couverture time {
    font-size: 0.5625em;
  }
  #albums .couverture .feuilleter {
    background-image: url('../images/feuilleter-large-mobile.png');
    font-size: 8px;
    height: 29px;
    padding: 10px 0 0 30px;
  }
  #albums .couverture .player {
    background-image: url('../images/picto-player-mobile.png');
    background-position: left top;
    font-size: 7px;
    margin-top: 10px;
    padding-left: 23px;
    padding-top: 1px;
  }
  #albums .couverture .formatAlbums {
    font-size: 8px;
    margin-top: 0;
  }
  #albums .couverture .formatAlbums .pages {
    width: 70px;
  }
  #albums .couverture .formatAlbums .pages span {
    background-image: url('../images/picto-pagination-mobile.png');
    height: 20px;
    margin: -2px 5px 0 0;
    width: 17px;
  }
  #albums .couverture .formatAlbums .format {
    margin-left: 18px;
    width: 50px;
  }
  #albums .couverture .formatAlbums .format span {
    background-image: url('../images/picto-format-mobile.png');
    height: 20px;
    margin: -2px 5px 0 0;
    width: 8px;
  }
  #albums .couverture .formatAlbums .ean {
    margin-left: 18px;
    width: 50px;
  }
  #albums .couverture + .body {
    width: 155px;
  }
  #albums .introAlbum {
    font-size: 0.75em;
  }
  #albums .introAlbum > li {
    margin-bottom: 4px;
  }
  #albums .introAlbum > li ul {
    display: inline;
  }
  #albums .introAlbum > li ul li {
    display: inline;
  }
  #albums .infosAlbums {
    font-size: 7px;
  }
  #albums .infosAlbums .genre {
    width: auto;
  }
  #albums .infosAlbums .genre span {
    background-image: url('../images/picto-genre-mobile.png');
    height: 24px;
    margin-top: 0;
    width: 35px;
  }
  #albums .infosAlbums .public span {
    background-image: url('../images/picto-public-mobile.png');
    height: 20px;
    margin-top: 0;
    width: 35px;
  }
  #albums .descriptif-phone {
    margin-top: 25px;
  }
  #albums .descriptif-phone .h2-like {
    font-size: 1.1875em;
  }
  #albums .descriptif-phone p {
    font-size: 0.6875em;
    line-height: 1.2em;
    text-align: justify;
  }
  #albums a.read-more-after {
    margin-top: -10px;
  }
  #albums .venteAlbum {
    float: none;
    margin-left: 9px;
    margin-top: 15px;
    width: 310px;
  }
  #albums .venteAlbum .rightItem {
    float: left;
    margin-left: 10px;
    width: 140px;
  }
  #albums .venteAlbum .rightItem:first-child {
    margin-top: 0;
  }
  #albums .venteAlbum .rightItem.trouver-libraire {
    font-size: 0.6875em;
    background-image: url('../images/bg-trouver-libraires-mobile.png');
    height: 51px;
    padding: 7px 10px 9px 50px;
  }
  #albums .venteAlbum .rightItem.infosPrix {
    background-image: url('../images/bg-ajouter-au-panier-mobile.png');
    height: 51px;
  }
  #albums .venteAlbum .rightItem.infosPrix strong {
    font-size: 1em;
    width: 89px;
    margin-left: 51px;
    padding: 5px 0 3px;
  }
  #albums .venteAlbum .rightItem.infosPrix a {
    font-size: 0.6875em;
    background-image: url('../images/bg-frame-left-mobile.png');
    padding: 6px 0 4px;
  }
  #albums .venteAlbum .rightItem.izneo {
    background-image: url('../images/bg-izneo-mobile.png');
    background-position: left top;
    height: 65px;
    text-align: left;
    padding-left: 12px;
    padding-top: 11px;
    width: 290px;
  }
  #albums .venteAlbum .rightItem.alerte {
    font-size: 0.6875em;
    background-image: url('../images/bg-alerte-serie-mobile.png');
    height: 51px;
    padding: 7px 10px 9px 50px;
  }
  #albums .venteAlbum .rightItem.voirSerie {
    font-size: 0.6875em;
    background-image: url('../images/bg-frame-left-mobile.png');
    height: 51px;
    padding: 7px 10px 9px 10px;
  }
  #albums .venteAlbum .rightItem.voirSerie span {
    background-image: url('../images/fleche.png');
    margin-top: 0;
  }
  #albums .venteAlbum .rightItem:first-child,
  #albums .venteAlbum .rightItem.izneo,
  #albums .venteAlbum .rightItem.alerte {
    margin-left: 0;
  }
  #albums .autresTomes .flex-direction-nav {
    top: 78px;
  }
  #albums .autresTomes .flex-direction-nav li {
    left: 0;
  }
  #albums .autresTomes .flex-direction-nav li + li {
    right: 0;
  }
  #albums .autresTomes .flexslider-autresTomes {
    width: 255px;
  }
  #albums .autresTomes .flexslider-autresTomes .slides .bd {
    margin-left: 15px;
    width: 120px;
  }
  #albums .autresTomes .flexslider-autresTomes .slides .bd .couverture {
    width: 120px;
  }
  #albums .autresTomes .flexslider-autresTomes .slides .bd .h3-like {
    font-size: 0.875em;
  }
  #albums .couverture {
    width: 138px;
  }
  .col3 .avisLibraires {
    float: none;
    width: 100%;
  }
  .col3 .col-decouverte {
    float: none;
    width: 100%;
  }
  /* --------------------------------------------------
    = Fiche auteurs
      --------------------------------------------------  */
  #auteurs.article .photo-auteur {
    width: 121px;
  }
  #auteurs.article .introAuteur {
    background: url('../images/actu-border.png') no-repeat 129px bottom;
    margin: 2px 0 8px;
    padding-bottom: 4px;
  }
  #auteurs.article #galerie-auteur .flexslider-galerie .flex-direction-nav {
    left: 90px;
    right: 90px;
  }
  #auteurs.article #galerie-auteur .flexslider-galerie .flex-direction-nav li a {
    width: 20px;
    height: 18px;
  }
  #auteurs.article #galerie-auteur .slides li {
    margin-left: 42px;
  }
  #auteurs.article #galerie-auteur .slides li:first-child {
    margin-left: 0;
  }
  #auteurs.article #galerie-auteur .slides li p {
    font-size: 0.625em;
    line-height: 1.2em;
  }
  #auteurs.article p.h2-like {
    font-size: 1.1875em;
  }
  .author-collaboration > ul > li {
    height: 195px;
  }
  .author-collaboration ul li.author-bloc .bd {
    padding: 13px;
    width: 93px;
  }
  .author-collaboration ul li.author-bloc .h3-like {
    font-size: 0.6875em;
  }
  .author-collaboration ul li.author-bloc + li {
    margin-left: 18px;
    padding-top: 9px;
    position: relative;
    width: 183px;
  }
  .author-collaboration ul li.author-bloc:after {
    position: absolute;
    top: 55px;
    right: -10px;
    width: 10px;
    height: 20px;
    background: url('../images/bloc-auteur-fleche-mobile.png') right center no-repeat;
    content: '';
  }
  .author-collaboration ul.slides li {
    width: 84px;
    margin-left: 15px;
  }
  .author-collaboration ul.slides li:first-child {
    margin-left: 0;
  }
  .author-collaboration ul.slides li .bd {
    width: 84px;
  }
  .author-collaboration ul.slides li .h3-like {
    font-size: 0.6875em;
  }
  /* --------------------------------------------------
    = Liste Albums
  	--------------------------------------------------  */
  .header-content {
    padding: 10px 5px;
  }
  .header-content .page-title {
    font-size: 1.5em;
    width: 86%;
  }
  .list-albums .container {
    padding: 0 10px;
  }
  .list-albums .selection {
    margin-top: 0;
  }
  .list-albums .h2-like {
    font-size: 1.1875em;
  }
  .list-albums .bd .couverture {
    width: 45%;
  }
  .list-albums .bd .couverture .fleche {
    right: -5px;
  }
  .list-albums .bd .top-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 97%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .list-albums .bd .couverture,
  .list-albums .bd .title {
    margin-top: 40px;
  }
  .list-albums .bd .genre {
    font-size: 0.5625em;
  }
  .list-albums .bd .h3-like {
    height: 30px;
  }
  .list-albums .bd .citation {
    font-size: 1.3125em;
  }
  .list-albums .bd .title {
    font-size: 0.875em;
    display: block;
  }
  .list-albums .bd .infos-dispo {
    font-size: 0.625em;
  }
  .list-albums .bd .bd-actions {
    margin-bottom: 0;
  }
  .list-envie-bd {
    margin: 5px 0 0;
    border-bottom: 0;
  }
  .list-envie-bd .envie-bd {
    margin-left: 0;
    width: 100%;
    height: 31px;
    background-size: 11%;
    line-height: 31px;
  }
  .list-envie-bd .envie-bd .text {
    padding-left: 3em;
  }
  .list-envie-bd .envie-bd.new {
    padding-top: 0;
  }
  .list-envie-bd .envie-bd.jeunesse {
    line-height: 31px;
  }
  .list-envie-bd .envie-bd.active,
  .list-envie-bd .envie-bd:hover {
    display: block;
    margin-top: 10px;
    height: 31px;
    line-height: 31px;
  }
  .list-envie-bd .envie-bd .arrow {
    top: 5px;
  }
  .choix-genre {
    margin-top: 0;
    margin-left: 5px;
  }
  .choix-genre span,
  .choix-genre label {
    font-size: 0.8125em;
  }
  #tranche-age .bd .couverture {
    float: none;
  }
  #tranche-age .bd .h3-like {
    height: auto;
  }
  #tranche-age .bd .more {
    position: static;
    margin: 10px 0;
  }
  /* --------------------------------------------------
  	  = A paraître / Nouveautés BD
  	--------------------------------------------------  */
  #nouveaute-bd  .selection {
    margin-left: 5px;
  }
  .nouveaute-aparaitre .h2-like,
  .nouveaute-aparaitre .les-sorties {
    margin-left: 5px;
  }
  .nouveaute-aparaitre .les-sorties {
    margin-right: 5px;
  }
  .nouveaute-aparaitre .les-sorties p {
    font-size: 0.6875em;
  }
  .nouveaute-aparaitre .bd {
    margin-left: 5px;
    width: 140px;
  }
  .nouveaute-aparaitre .bd:nth-child(even) {
    float: right;
    margin-right: 5px;
  }
  .nouveaute-aparaitre .bd .date {
    font-size: 0.5em;
  }
  /* --------------------------------------------------
  	  = Carousel dates
  	--------------------------------------------------  */
  .alerte-date {
    border-bottom: 0;
  }
  .alerte-date.bottom .alerte {
    margin-bottom: 1em;
    width: 100%;
  }
  .alerte-date.bottom .exclu {
    width: 216px;
  }
  .alerte-date.bottom .exclu span,
  .alerte-date.bottom .exclu p {
    text-align: right;
  }
  .alerte-date.bottom .exclu,
  .alerte-date.bottom .discover {
    margin-left: 0;
  }
  .alerte-date.bottom .discover {
    float: right;
  }
  .carousel-dates {
    float: none !important;
  }
  .carousel-dates .flex-direction-nav a {
    background-size: 55%;
  }
  .carousel-dates .bloc-date.active::before,
  .carousel-dates .bloc-date:hover::before {
    background: none;
  }
  /* --------------------------------------------------
  	  = Nav Header Section
  	--------------------------------------------------  */
  .nav-content {
    display: block;
    width: 100%;
    height: auto;
  }
  .nav-content .nav-links {
    margin-left: 30px;
  }
  .nav-content.active .nav-links {
    margin-left: 0;
    padding: 2px 0 0 30px;
  }
  .nav-content.active .item > a {
    display: block;
    background: none;
  }
  .nav-content.active .item > a.active {
    background-position: 255px center;
  }
  .nav-content .nav-content-mobile {
    float: left;
    width: 30px;
    height: 30px;
    background: url("../images/menu@2x.png") center no-repeat;
    background-size: 100%;
  }
  .nav-content .item {
    float: none;
    width: 100%;
    background: none;
  }
  .nav-content .item:first-child {
    background: none;
  }
  .nav-content .item:first-child a {
    padding: 4px 10px;
    width: 100% !important;
    background: none;
    text-indent: 0;
  }
  .nav-content .item:last-child a::after {
    background: none;
  }
  .nav-content .item:last-child a.active::after,
  .nav-content .item:last-child a:hover::after {
    background: none;
  }
  .nav-content .item > a {
    font-size: 0.875em;
    display: none;
    font-family: "UniversNW01-230BThin";
  }
  .nav-content .item > a:hover {
    background-color: transparent;
  }
  .nav-content .item > a.active {
    display: block;
    padding-top: 3px;
    background: url('../images/fleche-down.png') 255px center no-repeat;
    background-size: 5%;
  }
  #maison-edition .h2-like {
    margin-top: 20px;
  }
  #news .mea .text .h3-like {
    font-size: 1em;
  }
  #news .actublog.side {
    margin-left: 0;
  }
  #news .actublog.side .actublog-img,
  #news .actublog.side .text {
    display: inline-block;
    vertical-align: top;
  }
  #news .actublog.side .actublog-img {
    width: 50%;
    min-width: 50%;
  }
  #news .actublog.side .actublog-img .actublog-infos {
    top: 6px;
    right: -8px;
    left: inherit;
  }
  #news .actublog.side .text {
    margin-left: 15px;
    width: 43.7%;
  }
  #news .actublog.side .social-api {
    margin-top: 15px;
    clear: both;
  }
  /* --------------------------------------------------
    = Sidebar
  	--------------------------------------------------  */
  .keywords :nth-child(4n+3) {
    font-size: 0.625em;
  }
  .keywords :nth-child(4n+1),
  .keywords :nth-child(4n+2),
  .keywords :nth-child(4n+4) {
    font-size: 0.875em;
  }
  /* --------------------------------------------------
    = Article
  	--------------------------------------------------  */
  .article p {
    font-size: 0.6875em;
    margin-bottom: 15px;
  }
  .article p.intro {
    font-size: 0.875em;
  }
  .article blockquote p {
    width: 100%;
  }
  .article blockquote img {
    display: none;
  }
  /* --------------------------------------------------
  	  = Catalogue
  	--------------------------------------------------  */
  .catalogue .h2-like {
    margin: 5px 0 0 5px;
  }
  .catalogue .choix-genre {
    position: static;
  }
  .catalogue .choix-genre .search-form {
    margin-bottom: 20px;
    width: 100%;
  }
  /* --------------------------------------------------
    = Page de recherche
  	--------------------------------------------------  */
  .recherche .zone-search {
    margin-bottom: 0;
  }
  .recherche .zone-search .filter {
    float: left;
  }
  .recherche .zone-search .filter a {
    font-size: 0.75em;
  }
  .recherche .table {
    clear: left;
  }
  .recherche .table .td {
    float: left;
    padding-left: 10px;
  }
  .recherche .table .td.one .date {
    font-size: 0.625em;
  }
  .recherche .table .td p {
    font-size: 0.625em;
  }
  .recherche .affinage {
    position: relative;
    float: none;
    margin: 30px 0 10px;
    margin-right: 0;
    padding-bottom: .5em;
    padding-left: 10px;
    width: 100%;
  }
  .recherche .affinage.active {
    padding-bottom: 2em;
  }
  .recherche .affinage .bloc-left {
    margin-top: 10px;
  }
  .recherche .affinage .title {
    font-size: 0.875em;
    background: url("../images/fleche-down.png") no-repeat right scroll;
    background-size: 5%;
    color: #fff;
    text-transform: uppercase;
    font-family: 'UniversNW01-220CdThin';
    cursor: pointer;
  }
  .recherche .affinage label {
    font-size: 0.625em;
  }
  .recherche .affinage .icone-mobile {
    display: block !important;
    float: left;
    width: 22px;
    height: 20px;
  }
  .recherche .affinage .icone-mobile.search {
    background: url('../images/loupe@2x.png') 0 0 no-repeat;
    background-size: 100%;
  }
  /* --------------------------------------------------
    = Concours
  	--------------------------------------------------  */
  .mea-contest {
    margin-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .mea-contest .bloc-contest {
    width: 100%;
    height: auto;
  }
  .mea-contest .bloc-contest .more {
    right: 40%;
    bottom: 5%;
  }
  .mea-contest .bloc-contest .contest-text {
    padding: 18px 5px 10px;
  }
  .mea-contest .bloc-contest .contest-text p {
    font-size: 1.125em;
    width: 65%;
  }
  .mea-contest .bloc-contest .btn-play {
    font-size: 0.875em;
    width: 77px;
    height: 22px;
    background-size: 100%;
    line-height: 25px;
  }
  .mea-contest .bloc-contest .btn-play .arrow {
    margin: 3px 3px 0 10px;
    width: 15px;
    height: 15px;
    background-size: 100%;
  }
  .mea-contest .lot {
    position: absolute;
    top: 187px;
    right: 0;
    padding: 0;
    width: 110px;
    height: auto;
  }
  .mea-contest .lot::after {
    background: none;
  }
  .mea-contest .lot .lot-win {
    font-size: 0.5em;
  }
  .mea-contest .lot .bd {
    margin: auto;
    padding: 4px;
    width: 100%;
  }
  .mea-contest .lot .bd .h3-like {
    font-size: 0.6875em;
    height: auto;
  }
  .mea-contest .lot .bd .info-bd span {
    font-size: 0.5em;
  }
  .alerte-chrono {
    margin: 0 0 1em;
    width: 100%;
  }
  /*------- fiche concours -------*/
  .fiche-concours .mea-contest .bloc-contest,
  .result-concours .mea-contest .bloc-contest {
    padding-left: 0;
  }
  .fiche-concours .mea-contest .bloc-contest .h2-like,
  .result-concours .mea-contest .bloc-contest .h2-like {
    margin-left: 15px;
  }
  .fiche-concours .mea-contest .bloc-contest .contest-text,
  .result-concours .mea-contest .bloc-contest .contest-text {
    overflow: hidden;
    width: 70%;
    height: 215px;
  }
  .fiche-concours .mea-contest .bloc-contest .contest-img,
  .result-concours .mea-contest .bloc-contest .contest-img {
    left: 0;
  }
  .fiche-concours .mea-contest .bloc-contest .btn-play,
  .result-concours .mea-contest .bloc-contest .btn-play {
    margin: 5px 0;
  }
  .fiche-concours .mea-contest .bloc-contest .quiz,
  .result-concours .mea-contest .bloc-contest .quiz {
    padding: 0;
  }
  .fiche-concours .mea-contest .bloc-contest .quiz p,
  .result-concours .mea-contest .bloc-contest .quiz p {
    font-size: 0.75em;
    padding-top: 10px;
  }
  .fiche-concours .mea-contest .bloc-contest .quiz label,
  .result-concours .mea-contest .bloc-contest .quiz label {
    font-size: 0.75em;
  }
  .fiche-concours .mea-contest .lot,
  .result-concours .mea-contest .lot {
    top: 106px;
  }
  .fiche-concours .list-winners,
  .result-concours .list-winners {
    float: none;
    margin: 0 0 0 15px;
  }
  /* --------------------------------------------------
    = Listing Event
  	--------------------------------------------------  */
  .listing-event {
    margin-top: 10px;
  }
  .listing-event .h2-like {
    margin-left: 0;
  }
  .listing-event .event {
    margin: 0 0 5px;
    width: 100%;
  }
  .listing-event .event .event-img {
    float: left;
    width: 160px;
  }
  .listing-event .event .event-img .encart-info {
    font-size: 0.5625em;
    top: 5px;
    right: -10px;
    bottom: inherit;
    left: inherit;
    padding: 2px 0 0 0;
    width: 81px;
    height: 24px;
    background: url('../images/mobile-actu-infos.png') 0 0 no-repeat;
    background-size: 100%;
  }
  .listing-event .event p,
  .listing-event .event .more {
    display: none;
  }
  .listing-event .event .h3-like {
    float: left;
    margin: 0 0 0 15px;
    width: 40%;
  }
  /* --------------------------------------------------
    = Agenda Evt & Fiche
  	--------------------------------------------------  */
  #agenda .agenda-adress,
  #agenda .small-gm {
    float: none;
    width: 100%;
  }
  #agenda .btn-back {
    display: block;
    float: none;
  }
  #agenda .author-event li.item {
    margin-left: 15px;
    padding-top: 10px;
  }
  #agenda .author-event li.item .bd {
    width: 85px;
  }
  #agenda .author-event li.item .bd .info-bd {
    display: none;
  }
  #agenda .author-event .h3-like {
    font-size: 0.6875em;
  }
  #agenda .author-event .author-place {
    margin-top: 10px;
    border-bottom: 1px dotted #000000;
  }
  #agenda .author-event .author-place .author-bloc {
    padding: 1em;
    width: 95px;
    height: 165px;
  }
  #agenda .author-event .author-place .author-bloc::after {
    top: 55px;
    right: -10px;
  }
  #agenda .author-event .author-place .author-bloc .bd {
    width: 65px;
  }
  /* --------------------------------------------------
    = Pagination
  	--------------------------------------------------  */
  .pagination {
    margin-bottom: 10px;
  }
  /* --------------------------------------------------
    = Dernier article
  	--------------------------------------------------  */
  #last-article .actublog .text {
    width: 43.7%;
  }
  /* --------------------------------------------------
    = Fonds d'écran
  	--------------------------------------------------  */
  #fondecran .wallpaper {
    margin: 25px auto 30px;
    width: 100%;
  }
  #fondecran .wallpaper .article-title {
    margin-bottom: 0;
  }
  #fondecran .wallpaper .col-left,
  #fondecran .wallpaper .personnaliser {
    float: left;
    width: 100%;
  }
  /* --------------------------------------------------
    = Modal
  	--------------------------------------------------  */
  #modal {
    max-width: 310px;
  }
  #modal .connect,
  #modal .create {
    float: none;
    width: 100%;
  }
  #modal .create {
    float: none;
    width: 100%;
  }
  /* --------------------------------------------------
    = Infos BD + Vote BD
  	--------------------------------------------------  */
  .side-bd {
    margin-bottom: 1em;
  }
  .side-bd .bd {
    padding: 5px 0 5px 5px;
  }
  .side-bd .bd .couverture {
    margin-right: 6px;
    width: 40%;
  }
  .side-bd .bd::after {
    bottom: -8px;
  }
  .side-bd .bd .bd-actions {
    float: none;
    margin-top: 30px;
  }
  .side-bd .bd .follow-bd {
    height: 23px;
    width: 147px;
    font-size: 0.625em;
  }
  .side-bd .bd .follow-bd .chrono {
    background-size: 100%;
    width: 28px;
    height: 23px;
  }
  .side-bd .bd .follow-bd .txt {
    line-height: 24px;
  }
  .side-bd .vote {
    padding-bottom: 10px;
  }
  .side-bd .vote .avis {
    font-size: 0.8125em;
  }
  .side-bd .vote .envie ul {
    width: 35%;
  }
  .side-bd .vote .vote-final {
    padding: 10px 15px 0;
  }
  .side-bd .vote .line p,
  .side-bd .vote .line a {
    font-size: 0.625em;
  }
  .side-bd .vote .line a.hand {
    padding-left: 20px;
  }
  .side-bd .vote .line a.hand.bottom,
  .side-bd .vote .line a.hand.top {
    background-size: 40%;
  }
  .side-bd .flex-direction-nav {
    right: 10px;
    top: 5px;
  }
  .side-bd .flex-direction-nav a {
    width: 15px;
    height: 15px;
    background-size: 100%;
  }
  .side-bd .flex-direction-nav a.flex-next {
    background-size: 100%;
  }
  #article-blog #article a {
    word-wrap: break-word;
  }
  #article-blog .sidebar {
    position: static;
    height: auto;
  }
  .oneThematique .couverture {
    height: 150px !important;
  }
  .list-albums .selection {
    margin-top: -13px;
  }
  .nouveaute-aparaitre .bd .couverture {
    height: 200px;
  }
  .nouveaute-aparaitre .bd .couverture .couverture-wrapper {
    min-height: inherit;
    line-height: normal;
  }
  .bd-actions .bd-panier.aparaitre {
    background-size: 60px;
  }
  .bd-actions .aparaitre-frame {
    height: 23px;
    width: 23px;
  }
  #serie .serie-header .serie-infos .mediao__figure.imgExt {
    width: 100%;
  }
  #serie .serie-header .serie-infos .mediao__figure.imgExt img {
    max-width: 100%;
  }
  .achat-serie .infos {
    width: 179px;
  }
  .mea-contest .bloc-contest .contest-text h2 {
    width: 65%;
    font-size: 1.125em;
  }
  #news {
    margin-top: 20px;
  }
  .author-collaboration {
    margin-top: 30px;
  }
  .author-collaboration ul li.author-bloc + li .flex-direction-nav li + li {
    right: -10px;
  }
  .author-collaboration ul li .couverture .couverture-wrapper {
    min-height: inherit;
    line-height: inherit;
  }
  .univers-header {
    width: 100%;
    height: auto;
  }
  .univers-container .h1-like {
    font-size: 1em;
    line-height: 24px;
  }
  .univers-header .h2-like {
    font-size: 1.125em;
  }
  .univers-header .univers-header-content {
    padding: 14px 0;
  }
  .flexslider-univers {
    width: 100%;
    max-width: 250px;
  }
  .achat-serie .infos div:first-child + div {
    width: 108px;
  }
  .autresTomes .flexslider-autresTomes .slides .bd {
    margin-left: 6px;
  }
  .auteur-photo-fleche-bulle {
    display: none;
  }
  .author-collaboration ul li .couverture img {
    height: auto !important;
  }
  .fb-comments,
  .fb-comments iframe[style],
  .fb-like-box,
  .fb-like-box iframe[style] {
    width: 100% !important;
    display: block;
    z-index: 2000;
    position: relative;
  }
  .fb-comments span,
  .fb-comments iframe span[style],
  .fb-like-box span,
  .fb-like-box iframe span[style] {
    width: 100% !important;
    display: block;
    z-index: 2000;
    position: relative;
  }
  #backToUp {
    top: auto;
    bottom: 60px;
  }
  .teaser {
    width: auto;
  }
  .meme-genre .flexslider-memeGenre .slides li {
    width: 240px;
    margin: 0 15px 0 0;
  }
  .autresTomes .flexslider-autresTomes {
    width: 100%;
  }
  .contact-page-label {
    float: none;
    width: auto;
  }
  .contact-page-input-text input,
  .contact-page-input-textarea textarea {
    margin-left: 0;
    width: 100%;
  }
  
  /* ope superdupont */
  .header .container .logoSuperdupont img { margin-top:-25px; }
  #superdupond  { display:none; }

}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .couverture .feuilleter {
    background-image: url("../images/feuilleter-large-mobile@2x.png");
    background-size: 138px 29px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .couverture .player {
    background-image: url("../images/picto-player-mobile@2x.png");
    background-size: 19px 8px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .couverture .formatAlbums .pages span {
    background-image: url("../images/picto-pagination-mobile@2x.png");
    background-size: 17px 20px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .couverture .formatAlbums .format span {
    background-image: url("../images/picto-format-mobile@2x.png");
    background-size: 8px 20px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .infosAlbums .genre span {
    background-image: url("../images/picto-genre-mobile@2x.png");
    background-size: 24px 24px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .infosAlbums .public span {
    background-image: url("../images/picto-public-mobile@2x.png");
    background-size: 29px 20px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .venteAlbum .rightItem.trouver-libraire {
    background-image: url("../images/bg-trouver-libraires-mobile@2x.png");
    background-size: 140px 51px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .venteAlbum .rightItem.infosPrix {
    background-image: url("../images/bg-ajouter-au-panier-mobile@2x.png");
    background-size: 140px 29px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .venteAlbum .rightItem.infosPrix a {
    background-image: url("../images/bg-frame-left-mobile@2x.png");
    background-size: 5px 5px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .venteAlbum .rightItem.izneo {
    background-image: url("../images/bg-izneo-mobile@2x.png");
    background-size: 295px 65px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .venteAlbum .rightItem.alerte {
    background-image: url("../images/bg-alerte-serie-mobile@2x.png");
    background-size: 140px 51px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .venteAlbum .rightItem.voirSerie {
    background-image: url("../images/bg-frame-left-mobile@2x.png");
    background-size: 5px 5px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #albums .venteAlbum .rightItem.voirSerie span {
    background-image: url("../images/fleche@2x.png");
    background-size: 18px 15px;
  }
}
@media only screen and (max-width: 979px) {
  .col-left {
    float: none;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 0;
    width: 100%;
  }
  /*.sidebar {
  		display: block;
  		float: none;
  		margin: 0;
  		margin-bottom: 30px;
  		width: 100%;
  	}*/
  .header-content {
    width: 100%;
  }
  .agenda .h2-like {
    margin-left: 0;
    width: auto;
  }
  .actublog .actuimg {
    margin-left: 0;
  }
  #bdcatalogue .more {
    display: none;
  }
  .list-albums .h2-like,
  .list-albums .selection {
    margin-left: 0;
  }
  .list-albums .bd {
    float: none;
    margin-top: 15px;
    margin-left: 0;
    width: 100%;
  }
  .list-albums .bd:nth-child(even) {
    float: none;
    margin-right: 0;
  }
  .list-albums .bd:nth-child(1) {
    margin-top: 0;
  }
  .list-albums .bd:nth-child(2) {
    margin-top: 15px;
  }
  .list-envie-bd .envie-bd {
    background-position: 1px 1px;
  }
  .list-envie-bd .envie-bd.new,
  .list-envie-bd .envie-bd.new.active,
  .list-envie-bd .envie-bd.new:hover {
    background-image: url('../images/list-albums-new-rwd.png');
  }
  .list-envie-bd .envie-bd.jeunesse,
  .list-envie-bd .envie-bd.jeunesse.active,
  .list-envie-bd .envie-bd.jeunesse:hover {
    background-image: url('../images/list-albums-jeunesse-rwd.png');
    line-height: none;
  }
  .list-envie-bd .envie-bd.complete,
  .list-envie-bd .envie-bd.complete.active,
  .list-envie-bd .envie-bd.complete:hover {
    background-image: url('../images/list-albums-complete-rwd.png');
  }
  .list-envie-bd .envie-bd.classique,
  .list-envie-bd .envie-bd.classique.active,
  .list-envie-bd .envie-bd.classique:hover {
    background-image: url('../images/list-albums-classique-rwd.png');
  }
  .list-envie-bd .envie-bd.complete,
  .list-envie-bd .envie-bd.classique {
    padding-top: 0;
  }
  .list-envie-bd .envie-bd.active,
  .list-envie-bd .envie-bd:hover {
    padding: 0;
  }
  .list-envie-bd .envie-bd.active .text,
  .list-envie-bd .envie-bd:hover .text {
    padding-top: 0;
  }
  .list-envie-bd .envie-bd.active::after,
  .list-envie-bd .envie-bd:hover::after {
    background: none;
    content: '';
  }
  .list-envie-bd .envie-bd:hover {
    background-position: 1px 1px;
    background-repeat: no-repeat;
  }
  /* --------------------------------------------------
  	  = Carousel dates
  	--------------------------------------------------  */
  .carousel-dates {
    width: 286px;
  }
  #nouveaute-bd .carousel-dates {
    margin-left: 0;
  }
  .carousel-dates .flex-direction-nav a {
    width: 24px;
    height: 68px;
  }
  .carousel-dates .flex-direction-nav a.flex-prev {
    left: 0;
  }
  .carousel-dates .bloc-date {
    font-size: 1.5em;
    width: 68px;
    height: 68px;
  }
  .carousel-dates .bloc-date .date,
  .carousel-dates .bloc-date .number {
    display: block;
    font-size: 10px;
  }
  .carousel-dates .bloc-date .number {
    padding: 7px 0 7px 10px;
  }
  .carousel-dates .bloc-date.active,
  .carousel-dates .bloc-date:hover {
    height: 85px;
  }
  .carousel-dates .bloc-date.active .number,
  .carousel-dates .bloc-date:hover .number {
    padding: 10px 0 10px 10px;
  }
  /* --------------------------------------------------
  	  = Slider Vidéo
  	--------------------------------------------------  */
  .player .flex-direction-nav {
    display: block;
  }
  .player .flex-direction-nav a {
    background: url("../images/flex-arrow-left-white.png") no-repeat;
    background-size: 100%;
  }
  .player .flex-direction-nav a.flex-next {
    background: url("../images/flex-arrow-right-white.png") no-repeat;
    background-size: 100%;
  }
  .player .nouveaute-info .h3-like {
    position: static;
  }
}