/** Series new version **/


.bandeau-boutons .buttonflat {padding:2px 7px; font-weight:normal; text-transform: none; font-size:19px; float:left;}
.buttonflat.mot-cle {margin-bottom: 5px;display: inline-block;background-color: #e4e4e4 !important; border:2px solid #e4e4e4 !important;}
.buttonflat.bt-ajout-mot-cle {margin-bottom: 5px;display: inline-block;}

.bandeau-large {background: #1a1a1a; margin: 15px 0 0 0; padding:0;position:relative;}
.bandeau-principal {position:relative;padding:15px;}
.bandeau-image {display:inline-block;vertical-align: top;width:250px;margin-right:15px;}
.bandeau-image img {width:250px;}
.bandeau-image.album {width:300px;}
.bandeau-image.album img {width:300px;}


.bandeau-image img.corner-top-left {position: absolute;top: 0px;left: 0px;z-index: 100;width: 80px;height: 80px;border: none;}
.bandeau-image img.corner-top-left.couv {width:100px;height:auto;}

.bandeau-info {display: inline-block;padding:0 0 120px 0px;vertical-align: top;color:#fff;max-width:670px;}
.bandeau-info.album {max-width:630px;padding-bottom:150px;}
.bandeau-info.serie {max-width:100%;padding-bottom:0px;}

.bandeau-info h1 {font-family:'PT Sans'; font-size:32px; color:#fff;font-weight:normal;margin-top:0px; line-height: 32px;margin-bottom:5px; letter-spacing: -2px;}
.bandeau-info h1 a {color:#fff;}
.bandeau-info.album h1 {font-size:28px;line-height: 28px;margin-bottom:10px; max-width: 485px;}
.bandeau-info.serie h1 span {font-size:24px; color:#aaa;}
.bandeau-info.serie h2 {font-family:'PT Sans'; font-size:17px; color:#aaa;font-weight:normal; margin-top:0px;border-bottom:1px dotted #888;padding-bottom: 2px;margin-bottom: 2px; min-width:630px;}
.bandeau-info.serie h2 span {margin-right:0px;}
.bandeau-info.serie h2 .style {color:#eb5e1c;}
.bandeau-info.serie h2 .parution {color:#0EC7C1;}
.bandeau-info.serie h2 .sep {margin:0 5px;}

.bandeau-info.album h2 {font-family:'PT Sans'; font-size:24px; color:#aaa;font-weight:normal;margin-top: -5px;line-height: 24px;margin-bottom: 6px;}
.bandeau-info.album h2 span.numa {color:#eb5e1c;}

.bandeau-info.serie h3 {font-family:'PT Sans'; font-size:14px; color:#bbb;font-weight:normal; margin-bottom:0px;margin-top:5px;}
.bandeau-info.serie h3 span {margin-right:5px;}
.bandeau-info.serie h3 img.flag {vertical-align: text-bottom;}
.bandeau-info.serie h3 a {color:#aaa;}
.bandeau-info.serie h3 a:hover {color:#eb5e1c;}
.bandeau-info.serie h3 .style {color:#eb5e1c;font-weight: bold;font-size:18px;text-transform: uppercase;}

.bandeau-info.album h3 {font-family:'PT Sans'; font-size:14px; color:#fff;font-weight:normal; font-style: italic; border-bottom:1px dotted #888;padding-bottom: 2px;margin-bottom: 1px; min-width:630px;line-height:16px; margin-top:2px;}
.bandeau-info.album h3 span.editeur {color:#0EC7C1;}
.bandeau-info.album h3 span.collection {color:#aaa;}
.bandeau-info.album h3 span.annee {color:#fff;}
.bandeau-info.album h3 a {color:#eb5e1c;}
.bandeau-info.album h3 a:hover {text-decoration: underline;}
.bandeau-info.album h3 a.lien-caret {color:#fff; margin-right:5px;}
.bandeau-info.album h3 a.lien-caret:hover {text-decoration: none;}
.bandeau-info.album h3 .liste-auteurs {margin-top:5px;margin-bottom:5px;display:none;}
.bandeau-info.album h3 .liste-auteurs a {color:#fff;}
.bandeau-info.album h3 .liste-auteurs .metier {color:#aaa;}

.bandeau-info.album h4 {font-family:'PT Sans'; font-size:13px; color:#bbb;font-weight:normal; margin-bottom:10px;}
.bandeau-info.album h4 i.espace {margin-left:8px;}
.bandeau-info.album h4 img.flag {vertical-align: text-bottom;}
.bandeau-info.album h4 a {color:#aaa;}
.bandeau-info.album h4 a:hover {color:#eb5e1c;}
.bandeau-info.album h4 i {color:#fff;}

span.idbel {background: #ccc;color: #444;padding: 1px 5px;border-radius: 3px; font-size:11px;margin-left:8px;}
span.estimation {background: #777;color: #FFF;text-align: center;padding: 1px 5px 1px 8px;border-radius: 3px;font-size:11px;margin-left:8px;}
span.novalide {background:#F21C25; color:#fff; padding:2px 15px 2px 10px; border-radius:3px;}

.bandeau-info p {color:#fff;}
.bandeau-info .etoiles {width: 320px;margin-top:20px;}
.bandeau-info .etoiles label {float: left;width: 110px;color:#fff;}
.bandeau-info ul.infos {max-width: 400px;line-height: 1.4em;margin: 0;list-style: none;overflow: hidden;clear:both;}
.bandeau-info ul.infos li {overflow: hidden;margin: 0;padding: 0;line-height: 1.4em;}
.bandeau-info ul.infos li label {color: #999;display: block;float: left;width: 85px;clear: left;}
.bandeau-info ul.infos li a {color: #FE780C;}
.bandeau-info ul.infos li a:hover {text-decoration: underline;}
.bandeau-info ul.infos li span.grise {color: #AAA;font-size: 0.85em;font-style: normal;}
.bandeau-info .autres {float: left;text-align: justify;max-width: 500px;font-size: 1em;}
.bandeau-info .autres p {line-height: 1.4em;margin: 5px 0 0;padding: 0;}
.bandeau-info em {font-weight: normal;font-style: normal;color:#999;}

.bandeau-boutons {position: absolute; bottom:26px;margin-bottom:0;width:320px;}
.bandeau-boutons-serie {margin-top:10px;margin-bottom:15px;width:350px;float:left;}
.bandeau-boutons-serie .addthis_toolbox {display:inline-block;}
.bandeau-boutons-serie .buttonflat {padding: 2px 7px;font-weight: normal;text-transform: none;font-size: 19px;float: left;}

.bandeau-boutons-serie .bulle-vote {line-height: 14px;border: none;border-radius: 0;font-size: 11px !important;padding-left: 15px !important;margin-left: -3px;}
.bandeau-boutons-serie .bulle-vote:hover {background-color: transparent;}


.bandeau-info.album .bandeau-boutons {width:370px;}
.bandeau-info.serie .bandeau-online {margin-bottom:1px;}

.bandeau-online {position: absolute;width: 170px;bottom: 70px;font-size: 15px;}
.bandeau-online a {color:#eb5e1c;}
.bandeau-online a.buttonflat {color:#fff; margin-bottom:5px;}



.bandeau-vignette {position: absolute; bottom:0;right:30px;margin-bottom:32px; max-width: 370px;}

.bandeau-infoedition {position: absolute;vertical-align: bottom;max-width: 380px;bottom: 75px;margin-top:5px;}
.bandeau-infoedition em {text-decoration: underline;color:#fff;}
.bandeau-infoedition p {font-size: 12px;color: #AAA;padding:0;margin:0;max-height: 80px;overflow-y: auto;}



.bandeau-info.album .bandeau-vignette  {right:15px; margin-bottom:35px;}
.bandeau-info.album .bandeau-vignette img {width:120px;}
.bandeau-info.album .bandeau-vignette ul {margin:0; padding:0;position:relative;top:0;left:0;}
.bandeau-info.album .bandeau-vignette ul li {display:inline-block; width:125px;margin:0 0 0 5px;padding:0; vertical-align: bottom;}

.bandeau-menu {position: relative;background: #000;padding:6px 15px;}
.bandeau-menu ul {margin:0; padding:0;position: relative;}
.bandeau-menu ul li {display:inline-block; margin:0 20px 0 0;}
.bandeau-menu ul li a {color:#fff; font-size:16px; font-weight:normal; font-family: 'Oswald'; text-transform: uppercase;}
.bandeau-menu ul li a:hover {color:#eb5e1c; }
.bandeau-menu ul li a i {font-size:20px;}

.bandeau-menu ul.nav-serie {margin:0; padding:0;position: absolute; right:15px; top:7px;}
.bandeau-menu ul.nav-serie li {margin:0 5px 0 0;}
.bandeau-menu ul.nav-serie li i {font-size:22px;}

.auto-height {max-height:88px; overflow:hidden;margin-bottom:15px;}
.bandeau-info.album .auto-height {max-height:88px; }

.gallery-couv span.numa-serie, .gallery-couv-large span.numa-serie {display:inline; font-family: 'PT Sans'; margin:0; text-align: left; color:#eb5e1c;font-weight:normal;font-size:13px;}
.gallery-couv span.titre-album, .gallery-couv-large span.titre-album {display:inline; font-family: 'PT Sans'; margin:0; text-align: left;font-weight:bold;font-size:13px; margin-top:5px;}

.sous-titre {font-family: 'PT Sans'; font-weight:normal;font-size:13px; margin-top:5px;}


.boutons-titre  {margin: -5px 0 5px 0; float:right;}
.import-msg {position: absolute;right: 5px;top: 8px;color:#fff;font-size:12px;}
.import-msg a {color:#eb5e1c;}
.import-msg a.buttonflat {background: #222; border-color: #222; color:#fff;}

.more-commentaire, .more-resume {color:#eb5e1c; font-size:14px;}

.achat-partenaires, .vente-partenaires {position:absolute;background: #fff;color:#444;top:48px;right:18px;padding:10px;border:none;display: none;border-radius:2px;z-index:1000;}
.achat-partenaires {max-width:190px;}
.vente-partenaires {max-width:240px;}
.achat-partenaires span, .vente-partenaires span {display:block; font-size:12px;color:#777;margin-bottom:5px;}
.achat-partenaires img, .vente-partenaires img {width:16px; height:16px; margin-right:10px; margin-left:10px; vertical-align: bottom;}
.achat-partenaires img.couv, .vente-partenairesimg.couv {width:140px;height:auto;margin-bottom:5px;margin-left:0;}
.achat-partenaires img.corner-top-left, .vente-partenairesimg.corner-top-left {position: absolute;top: 0px;left: 0px;z-index: 100;width: 80px;height: 80px;border: none;margin:0;}

.achat-partenaires > a, .vente-partenaires > a {color:#444; margin:2px 0;display:block;}
.vente-partenaires span a {color:#444; font-weight: bold;}
.achat-partenaires a:hover, .vente-partenaires a:hover {color:#eb5e1c;}

.widget-planche {border:1px solid #ccc;width:298px;margin-top:0px;margin-bottom:20px;overflow: hidden;background: #fff;position:relative;}
.widget-planche img {width:298px;}

.bandeau-menu a span.gris {color:#aaa;font-weight:normal;font-size:15px;}
.bandeau-menu a.orange span.gris {color:#eb5e1c;}
.bandeau-menu a.vide {color:#777;}



.titre-bandeau-couv {width:85px;float: left;margin-right: 10px;}
.titre-bandeau-couv h4 {font-family:'PT Sans'; font-size:15px; text-decoration: underline;}
.titre-bandeau-couv p {color:#777;margin:0; font-size:13px;}

.bandeau-spinoff {position: relative;background: #fff;border-bottom:1px solid #ddd; padding:10px 10px 5px;overflow:hidden; display:none;}
.bandeau-wrapper {position: relative;background: #eee;border-bottom:1px solid #ddd; padding:10px 10px 5px;overflow:hidden;;}

.gallery-xlarge {max-width:840px;overflow: hidden;position:relative; display:inline-block;}
.gallery-xlarge ul {margin:0; padding:0;position:relative;top:0;left:0;}
.gallery-xlarge ul li {display:inline-block; width:97px;margin:0 5px 5px 0;padding:0; vertical-align: top;}
.gallery-xlarge ul li img {width: 95px;border:1px solid #aaa;}
.gallery-xlarge ul li .sous-titre {font-size:11px;}

.date-creation {position:absolute;color:#777;bottom:0px;right:10px;padding:0px;font-size:11px;}


.widget ul.infos-albums {width: 280px;padding:0;margin:0;list-style: none;}
.widget ul.infos-albums li {overflow:hidden;margin:0;padding:1px 10px 1px 15px;line-height: 1.35em;}
.widget ul.infos-albums li a {color:#eb5e1c;}
.widget ul.infos-albums li a:hover {text-decoration: underline;}
.widget ul.infos-albums li label {color: #999;display: block;float: left;width: 80px;clear: left;}
.widget ul.infos-albums li span.grise {color: #aaa;font-size: 0.8em;font-style: normal;}
.widget ul.infos-albums li span.infoedition {font-size: 0.9em;font-style: normal;display:block; margin-bottom:5px;}
.widget ul.infos-albums li span.infoedition em {font-weight:bold; text-decoration: underline;font-style: normal;}

.widget.extrait {background: #ddd; padding:1px;}
.widget.extrait .tab_content {padding: 10px 10px 5px;border:none;}
.widget.extrait .tab_content img {width: 278px;margin: 0;}

.bandeau-vignette-serie {position: absolute; bottom:15px;right:25px; max-width: 400px;}
.wrapper-nav-small {display:inline-block; width:20px;padding-bottom: 35px;vertical-align: bottom;color:#333;}
.wrapper-nav-small a {color:#333;}
.wrapper-nav-small a:hover {color:#555;}
.wrapper-small {max-width:336px;overflow: hidden;position:relative; display:inline-block;margin:0 0 5px 0; padding:0;}
.wrapper-small ul {margin:0; padding:0;position:relative;top:0;left:0;}
.wrapper-small ul li {display:inline-block; width:65px;margin:0;padding:0; vertical-align: bottom;text-align:center;}
.wrapper-small ul li img {width: 62px;}
.wrapper-small ul li .sous-titre {font-size:12px; text-align: center;margin-top:3px;font-weight: bold;}

.bandeau-wrapper .wrapper-nav {display:inline-block; width:20px;padding-bottom: 50px;vertical-align: bottom;color:#333;}
.bandeau-wrapper .wrapper-nav a {color:#333;}
.bandeau-wrapper .wrapper-nav a:hover {color:#555;}
.bandeau-wrapper .wrapper {max-width:500px;overflow: hidden;position:relative; display:inline-block;margin:0 0 5px 0; padding:0;}
.bandeau-wrapper .wrapper ul {margin:0; padding:0;position:relative;top:0;left:0;}
.bandeau-wrapper .wrapper ul li {display:inline-block; width:97px;margin:0;padding:0; vertical-align: top;text-align:center;}
.bandeau-wrapper .wrapper ul li img {width: 90px;/*border:1px solid #aaa;*/}
.bandeau-wrapper .wrapper ul li img.stars {width:auto; border:none;}
.bandeau-wrapper .wrapper ul li.active {opacity:0.25;}
.bandeau-wrapper .wrapper ul li .sous-titre {font-size:12px; text-align: center;margin-top:3px;font-weight: bold;}

.alire .wrapper-nav {display:inline-block; width:19px;padding-bottom: 50px;vertical-align: bottom;color:#333;}
.alire .wrapper-nav a {color:#333;}
.alire .wrapper-nav a:hover {color:#555;}
.alire .wrapper {max-width:500px;overflow: hidden;position:relative; display:inline-block;margin:5px 2px; padding:0;}
.alire .wrapper ul {margin:0 0 20px 0; padding:0;position:relative;top:0;left:0;}
.alire .wrapper ul li {display:inline-block; width:111px;margin:0;padding:0; vertical-align: top;text-align:center;}
.alire .wrapper ul li img {width: 104px;/*border:1px solid #aaa;*/}
.alire .wrapper ul li.active {opacity:0.25;}
.alire .wrapper ul li .sous-titre {font-size:12px; text-align: center;margin-top:3px;font-weight: bold;}

.comment-author span.avis-rating {float: right;font-size: 11px;color: #AAA;margin-top: 2px;margin-right:5px;}

.bulle-vote {display: inline-block;
padding: 4px 5px 0 13px;
margin: 0px 4px 0 -3px;
background: url(/skin/bg-votes.png) 0 0 no-repeat;
float: left;
height: 28px;
font-size: 11px;
min-width: 16px;
line-height: 12px;
font-family: helvetica;
text-align: center;
color: #AAA;}
.bulle-vote em {font-weight: bold; color:#fff;}


.btVenteTop {color:#fff; border-color:#333; background-color: #333;font-size: 0.85em;line-height: 10px;padding-top: 4px;padding-bottom: 4px;}
.btVenteTop:hover {color:#fff; border-color:#222; background-color: #222;}