@charset "UTF-8";
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: style.scss
* Version: 0.1 (29/10/2015)
* Website: http://www.bdbuzz.net
* Author: Christophe DO OUTEIRO
*** INDEX: ************************************************************
*
* _colors :			    main colors
* _fonts :              main fonts
* _import :             import important .scss files (like mixin & reset)
* _general :            general style
* _title :              general title style, title block
* _header :             head
* _menu :               main navigation menu
* _widget :             widget area
* _footer :             footer area
* _specific :
*   _buzz :             specific style of "buzz"
*   _my-comics :        specific style of my comics page
*   _cart :             specific style of cart page
*   _wallet :           specific style of wallet page
*   _comic :            specific style of comic page
*   _search :           specific style of research page
*   _pack-sncf :        specific style of SNCF packs page
*   _gift-page :
*   _cgv :
*   _privacy-policy :
*   _partners :
*   _faq :
*   _cookie-page :      style of cookies page
*   _abo :              style of abonnement pages
* _cookie-banner :      style of cookies banner
* _pop-up :             style of the pop-up
* _form :               style of the form
* _box :                success, info, error, warning boxes
* _abo-style :          full site modification for abo pages
*
*
*
*
*
*** WHAT NEW: *********************************************************
* 29/10/2015 : Création du fichier, ajout des variables de base.
* 03/11/2015 : Début du style, base du site (header, menu, home page).
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* _variables
===========================================*/
/* _colors
===========================================*/
/* _fonts
===========================================*/
@font-face {
  font-family: 'Futura LT';
  src: url("font/FuturaLT.eot");
  src: url("font/FuturaLT.eot?#iefix") format("embedded-opentype"), url("font/FuturaLT.woff") format("woff"), url("font/FuturaLT.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Futura LT Condensed';
  src: url("font/FuturaLT-Condensed.eot");
  src: url("font/FuturaLT-Condensed.eot?#iefix") format("embedded-opentype"), url("font/FuturaLT-Condensed.woff") format("woff"), url("font/FuturaLT-Condensed.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Black Tie';
  src: url("fonts/regular/BlackTie-Regular.eot");
  src: url("fonts/regular/BlackTie-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/regular/BlackTie-Regular.eot.woff") format("woff"), url("fonts/regular/BlackTie-Regular.eot.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/* _import
===========================================*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: mixins.scss
* Version: 0.1
* Author: Christophe DO OUTEIRO
*** INDEX: ************************************************************
*
* _browser-prefix		($property, $value)
* _align-items			($value)
* _animation			($properties)
* _blur					($blur: 1px)
* _border-radius		($radius: 3px)
* _box-shadow			($x: 0, $y: 0, $blur: 1px, $color: rgba(0,0,0,.4), $inset: "")
* _box-sizing			($type: border-box)
* _display-flex
* _double-border		($colorOne, $colorTwo, $sizeOne: 1px, $sizeTwo: 1px, $radius: 0)
* _flex-grow			($number : 1)
* _flex-wrap			($value)
* _font-size			($size)
* _image-2x				($url, $width, $height)
* _justify-content		($value)
* _keyframes			($animation-name)
* _linear-gradient		($direction, $start-color, $start-position, $end-color, $end-position)
* _opacity				($opacity: 0.5)
* _transform			($params)
* _transition			($properties)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* _align-items
===========================================*/
/* _animation
===========================================*/
/* _blur
===========================================*/
/* _border-radius
===========================================*/
/* _box-shadow
===========================================*/
/* _box-sizing
===========================================*/
/* _display-flex
===========================================*/
/* _double-border
===========================================*/
/* _flex-grow
===========================================*/
/* _flex-wrap
===========================================*/
/* _font-size
===========================================*/
/* _image-2x
===========================================*/
/* _justify-content
===========================================*/
/* _keyframes
===========================================*/
/* linear-gradient
===========================================*/
/* _opacity
===========================================*/
/* _transform
===========================================*/
/* _transition
===========================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* Pour les anciens navigateurs */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: box.scss
* Version: 1.0 (02/04/2015)
* Author: Christophe DO OUTEIRO
* Description: Info, Warning, Success, Error boxes.
*
*** WHAT NEW: *********************************************************
* 02/04/2015 : Création du fichier.
* 03/11/2015 : Réglage de bogues mobiles.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.box {
  background-position: 10px center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  display: none;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 10px; }

.box--display {
  display: block; }

/*@media only screen and (max-width : 480px) {
	.box {
		margin: 10px;
	}
}*/
.box--400 {
  max-width: 400px;
  display: block;
  margin: 0 auto; }

.box:before {
  color: #fff;
  display: inline-block;
  float: left;
  font-family: 'FontAwesome';
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  padding: 10px 10px 10px 11px; }

.box--centered {
  margin: 0 auto; }

.box--visible {
  display: block; }

/* _info
===========================================*/
.box--info {
  background-color: #5c9ded;
  border-color: #5c9ded; }

.box--info:before {
  content: "\f05a"; }

/* _success
===========================================*/
.box--success {
  background-color: #42cb6f;
  border-color: #42cb6f; }

.box--success:before {
  content: "\f058"; }

/* _warning
===========================================*/
.box--warning {
  background-color: #f97e52;
  border-color: #f97e52; }

.box--warning:before {
  content: "\f071"; }

/* _error
===========================================*/
.box--error {
  background-color: #ed5564;
  border-color: #ed5564; }

.box--error:before {
  content: "\f071"; }

/* _box__link
===========================================*/
.box__link {
  color: #111;
  text-decoration: underline; }

.box__link:hover {
  text-decoration: none; }

/* _box__paragraphe
===========================================*/
.box__paragraphe {
  background-color: #fff;
  color: #333;
  padding: 10px;
  margin: 0 0 0 35px; }

/* _box__list
===========================================*/
.box__list {
  list-style: circle;
  margin: 0 0 0 35px;
  padding: 10px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #fff;
  color: #333; }

.box__list__item {
  margin: 0;
  display: block;
  width: 100%; }

.box__list__item:before {
  content: "• "; }

/* _others
===========================================*/
.box--dark {
  background-color: #333;
  color: #fff; }

.box--white {
  background-color: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 4px 0;
  color: #333;
  min-height: 150px;
  padding: 0 10px 10px;
  border: 0px; }

.box--lite {
  background-color: #ddd;
  color: #333; }

/*!
 *  The Black Tie Font is commercial software. Please do not distribute.
 */
/* FONT PATH
 * -------------------------- */
/*@font-face {
  font-family: 'Black Tie';
  src: url('fonts/solid/BlackTie-Solid-webfont.eot?v=1.0.0');
  src: url('fonts/solid/BlackTie-Solid-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('fonts/solid/BlackTie-Solid-webfont.woff2?v=1.0.0') format('woff2'), url('fonts/solid/BlackTie-Solid-webfont.woff?v=1.0.0') format('woff'), url('fonts/solid/BlackTie-Solid-webfont.ttf?v=1.0.0') format('truetype'), url('fonts/solid/BlackTie-Solid-webfont.svg?v=1.0.0#black_tiesolid') format('svg');
  font-weight: 900;
  font-style: normal;
  font-style: normal;
}*/
/*@font-face {
  font-family: 'Black Tie';
  src: url('fonts/bold/BlackTie-Bold-webfont.eot?v=1.0.0');
  src: url('fonts/bold/BlackTie-Bold-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('fonts/bold/BlackTie-Bold-webfont.woff2?v=1.0.0') format('woff2'), url('fonts/bold/BlackTie-Bold-webfont.woff?v=1.0.0') format('woff'), url('fonts/bold/BlackTie-Bold-webfont.ttf?v=1.0.0') format('truetype'), url('fonts/bold/BlackTie-Bold-webfont.svg?v=1.0.0#black_tiebold') format('svg');
  font-weight: 700;
  font-style: normal;
}*/
@font-face {
  font-family: 'Black Tie';
  src: url("fonts/regular/BlackTie-Regular-webfont.eot?v=1.0.0");
  src: url("fonts/regular/BlackTie-Regular-webfont.eot?#iefix&v=1.0.0") format("embedded-opentype"), url("fonts/regular/BlackTie-Regular-webfont.woff2?v=1.0.0") format("woff2"), url("fonts/regular/BlackTie-Regular-webfont.woff?v=1.0.0") format("woff"), url("fonts/regular/BlackTie-Regular-webfont.ttf?v=1.0.0") format("truetype"), url("fonts/regular/BlackTie-Regular-webfont.svg?v=1.0.0#black_tieregular") format("svg");
  font-weight: 400;
  font-style: normal; }
/*@font-face {
  font-family: 'Black Tie';
  src: url('fonts/light/BlackTie-Light-webfont.eot?v=1.0.0');
  src: url('fonts/light/BlackTie-Light-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('fonts/light/BlackTie-Light-webfont.woff2?v=1.0.0') format('woff2'), url('fonts/light/BlackTie-Light-webfont.woff?v=1.0.0') format('woff'), url('fonts/light/BlackTie-Light-webfont.ttf?v=1.0.0') format('truetype'), url('fonts/light/BlackTie-Light-webfont.svg?v=1.0.0#black_tielight') format('svg');
  font-weight: 200;
  font-style: normal;
}*/
@font-face {
  font-family: 'Font Awesome Brands';
  src: url("fonts/brands/FontAwesomeBrands-Regular-webfont.eot?v=1.0.0");
  src: url("fonts/brands/FontAwesomeBrands-Regular-webfont.eot?#iefix&v=1.0.0") format("embedded-opentype"), url("fonts/brands/FontAwesomeBrands-Regular-webfont.woff2?v=1.0.0") format("woff2"), url("fonts/brands/FontAwesomeBrands-Regular-webfont.woff?v=1.0.0") format("woff"), url("fonts/brands/FontAwesomeBrands-Regular-webfont.ttf?v=1.0.0") format("truetype"), url("fonts/brands/FontAwesomeBrands-Regular-webfont.svg?v=1.0.0#font_awesome_brandsregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.bts,
.btb,
.btr,
.btl,
.fab {
  display: inline-block;
  font: normal normal normal 14px/1 "Black Tie";
  font-size: inherit;
  vertical-align: -14.28571429%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); }

.bts {
  font-weight: 900; }

.btb {
  font-weight: 700; }

.btl {
  font-weight: 200; }

.fab {
  font-family: "Font Awesome Brands"; }

/* makes the font 25% smaller relative to the icon container */
.bt-sm {
  font-size: .7em;
  vertical-align: baseline; }

/* makes the font 33% larger relative to the icon container */
.bt-lg {
  font-size: 1.33333333em;
  line-height: 0.75em; }

.bt-2x {
  font-size: 2em; }

.bt-3x {
  font-size: 3em; }

.bt-4x {
  font-size: 4em; }

.bt-5x {
  font-size: 5em; }

.bt-lg,
.bt-2x,
.bt-3x,
.bt-4x,
.bt-5x {
  vertical-align: -30%; }

.bt-fw {
  width: 1.28571429em;
  text-align: center; }

.bt-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.bt-ul > li {
  position: relative; }

.bt-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

.bt-li.bt-lg {
  left: -2em; }

.bt-border {
  padding: .2em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.bts.pull-left,
.btb.pull-left,
.btr.pull-left,
.btl.pull-left,
.fab.pull-left {
  margin-right: .3em; }

.bts.pull-right,
.btb.pull-right,
.btr.pull-right,
.btl.pull-right,
.fab.pull-right {
  margin-left: .3em; }

.bt-spin {
  -webkit-animation: bt-spin 2s infinite linear;
  animation: bt-spin 2s infinite linear; }

.bt-pulse {
  -webkit-animation: bt-spin 1s infinite steps(8);
  animation: bt-spin 1s infinite steps(8); }

@-webkit-keyframes bt-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes bt-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.bt-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.bt-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.bt-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.bt-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.bt-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .bt-rotate-90,
:root .bt-rotate-180,
:root .bt-rotate-270,
:root .bt-flip-horizontal,
:root .bt-flip-vertical {
  filter: none; }

.bt-stack {
  position: relative;
  display: inline-block;
  width: 1.28571429em;
  height: 1em;
  line-height: 1em;
  vertical-align: baseline; }

.bt-stack-sm {
  position: absolute;
  top: 0;
  left: 0;
  line-height: inherit;
  font-size: .5em; }

.bt-stack-1x,
.bt-stack-sm {
  display: inline-block;
  width: 100%;
  text-align: center; }

.bt-inverse {
  color: #ffffff; }

/* Black Tie uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.bt-bars:before {
  content: "\f000"; }

.bt-envelope:before {
  content: "\f001"; }

.bt-search:before {
  content: "\f002"; }

.bt-search-plus:before {
  content: "\f003"; }

.bt-search-minus:before {
  content: "\f004"; }

.bt-phone:before {
  content: "\f005"; }

.bt-comment:before {
  content: "\f007"; }

.bt-commenting:before {
  content: "\f008"; }

.bt-comments:before {
  content: "\f009"; }

.bt-rss:before {
  content: "\f00a"; }

.bt-times:before {
  content: "\f00c"; }

.bt-times-circle:before {
  content: "\f00d"; }

.bt-clock:before {
  content: "\f00e"; }

.bt-star:before {
  content: "\f010"; }

.bt-star-half:before {
  content: "\f011"; }

.bt-check:before {
  content: "\f012"; }

.bt-check-circle:before {
  content: "\f013"; }

.bt-check-square:before {
  content: "\f014"; }

.bt-th:before {
  content: "\f015"; }

.bt-th-large:before {
  content: "\f016"; }

.bt-heart:before {
  content: "\f017"; }

.bt-heart-half:before {
  content: "\f018"; }

.bt-calendar:before {
  content: "\f019"; }

.bt-shopping-cart:before {
  content: "\f01a"; }

.bt-plus:before {
  content: "\f01b"; }

.bt-plus-circle:before {
  content: "\f01c"; }

.bt-plus-square:before {
  content: "\f01d"; }

.bt-pen:before {
  content: "\f01e"; }

.bt-minus:before {
  content: "\f021"; }

.bt-minus-circle:before {
  content: "\f022"; }

.bt-minus-square:before {
  content: "\f023"; }

.bt-pencil:before {
  content: "\f024"; }

.bt-edit:before {
  content: "\f025"; }

.bt-thumbs-up:before {
  content: "\f026"; }

.bt-thumbs-down:before {
  content: "\f027"; }

.bt-gear:before {
  content: "\f028"; }

.bt-trash:before {
  content: "\f029"; }

.bt-file:before {
  content: "\f02a"; }

.bt-info-circle:before {
  content: "\f02b"; }

.bt-label:before {
  content: "\f02c"; }

.bt-rocket:before {
  content: "\f02d"; }

.bt-book:before {
  content: "\f02e"; }

.bt-book-open:before {
  content: "\f02f"; }

.bt-notebook:before {
  content: "\f030"; }

.bt-camera:before {
  content: "\f031"; }

.bt-folder:before {
  content: "\f032"; }

.bt-quote-left:before {
  content: "\f036"; }

.bt-quote-right:before {
  content: "\f037"; }

.bt-eye:before {
  content: "\f038"; }

.bt-lock:before {
  content: "\f039"; }

.bt-lock-open:before {
  content: "\f03a"; }

.bt-gift:before {
  content: "\f03b"; }

.bt-spinner-clock:before {
  content: "\f03c"; }

.bt-spinner:before {
  content: "\f03d"; }

.bt-wrench:before {
  content: "\f03e"; }

.bt-cloud:before {
  content: "\f040"; }

.bt-cloud-upload:before {
  content: "\f041"; }

.bt-cloud-download:before {
  content: "\f042"; }

.bt-sync:before {
  content: "\f043"; }

.bt-question-circle:before {
  content: "\f044"; }

.bt-share:before {
  content: "\f045"; }

.bt-briefcase:before {
  content: "\f046"; }

.bt-money:before {
  content: "\f047"; }

.bt-megaphone:before {
  content: "\f048"; }

.bt-sign-in:before {
  content: "\f049"; }

.bt-sign-out:before {
  content: "\f04a"; }

.bt-film:before {
  content: "\f04b"; }

.bt-trophy:before {
  content: "\f04c"; }

.bt-code:before {
  content: "\f04d"; }

.bt-light-bulb:before {
  content: "\f04e"; }

.bt-print:before {
  content: "\f050"; }

.bt-fax:before {
  content: "\f051"; }

.bt-video:before {
  content: "\f052"; }

.bt-signal:before {
  content: "\f053"; }

.bt-sitemap:before {
  content: "\f054"; }

.bt-upload:before {
  content: "\f055"; }

.bt-download:before {
  content: "\f056"; }

.bt-key:before {
  content: "\f057"; }

.bt-mug:before {
  content: "\f058"; }

.bt-bookmark:before {
  content: "\f059"; }

.bt-flag:before {
  content: "\f05a"; }

.bt-external-link:before {
  content: "\f05b"; }

.bt-smile:before {
  content: "\f05c"; }

.bt-frown:before {
  content: "\f05d"; }

.bt-meh:before {
  content: "\f05e"; }

.bt-magic:before {
  content: "\f060"; }

.bt-bolt:before {
  content: "\f061"; }

.bt-exclamation-triangle:before {
  content: "\f062"; }

.bt-exclamation-circle:before {
  content: "\f063"; }

.bt-flask:before {
  content: "\f064"; }

.bt-music:before {
  content: "\f065"; }

.bt-push-pin:before {
  content: "\f066"; }

.bt-shield:before {
  content: "\f067"; }

.bt-sort:before {
  content: "\f068"; }

.bt-reply:before {
  content: "\f069"; }

.bt-forward:before {
  content: "\f06a"; }

.bt-reply-all:before {
  content: "\f06b"; }

.bt-forward-all:before {
  content: "\f06c"; }

.bt-bell:before {
  content: "\f06d"; }

.bt-bell-off:before {
  content: "\f06e"; }

.bt-ban:before {
  content: "\f070"; }

.bt-database:before {
  content: "\f071"; }

.bt-hard-drive:before {
  content: "\f072"; }

.bt-merge:before {
  content: "\f073"; }

.bt-fork:before {
  content: "\f074"; }

.bt-wifi:before {
  content: "\f075"; }

.bt-paper-plane:before {
  content: "\f076"; }

.bt-inbox:before {
  content: "\f077"; }

.bt-fire:before {
  content: "\f078"; }

.bt-play:before {
  content: "\f079"; }

.bt-pause:before {
  content: "\f07a"; }

.bt-stop:before {
  content: "\f08b"; }

.bt-play-circle:before {
  content: "\f07b"; }

.bt-next:before {
  content: "\f07c"; }

.bt-previous:before {
  content: "\f07d"; }

.bt-repeat:before {
  content: "\f07e"; }

.bt-fast-forward:before {
  content: "\f080"; }

.bt-fast-reverse:before {
  content: "\f081"; }

.bt-volume:before {
  content: "\f082"; }

.bt-volume-off:before {
  content: "\f083"; }

.bt-volume-up:before {
  content: "\f084"; }

.bt-volume-down:before {
  content: "\f085"; }

.bt-maximize:before {
  content: "\f086"; }

.bt-minimize:before {
  content: "\f087"; }

.bt-closed-captions:before {
  content: "\f088"; }

.bt-shuffle:before {
  content: "\f089"; }

.bt-triangle:before {
  content: "\f08a"; }

.bt-square:before {
  content: "\f08b"; }

.bt-circle:before {
  content: "\f08c"; }

.bt-hexagon:before {
  content: "\f08d"; }

.bt-octagon:before {
  content: "\f08e"; }

.bt-angle-up:before {
  content: "\f090"; }

.bt-angle-down:before {
  content: "\f091"; }

.bt-angle-left:before {
  content: "\f092"; }

.bt-angle-right:before {
  content: "\f093"; }

.bt-angles-up:before {
  content: "\f094"; }

.bt-angles-down:before {
  content: "\f095"; }

.bt-angles-left:before {
  content: "\f096"; }

.bt-angles-right:before {
  content: "\f097"; }

.bt-arrow-up:before {
  content: "\f098"; }

.bt-arrow-down:before {
  content: "\f099"; }

.bt-arrow-left:before {
  content: "\f09a"; }

.bt-arrow-right:before {
  content: "\f09b"; }

.bt-bar-chart:before {
  content: "\f09c"; }

.bt-pie-chart:before {
  content: "\f09d"; }

.bt-circle-arrow-up:before {
  content: "\f0a0"; }

.bt-circle-arrow-down:before {
  content: "\f0a1"; }

.bt-circle-arrow-left:before {
  content: "\f0a2"; }

.bt-circle-arrow-right:before {
  content: "\f0a3"; }

.bt-caret-up:before {
  content: "\f0a4"; }

.bt-caret-down:before {
  content: "\f0a5"; }

.bt-caret-left:before {
  content: "\f0a6"; }

.bt-caret-right:before {
  content: "\f0a7"; }

.bt-long-arrow-up:before {
  content: "\f0a8"; }

.bt-long-arrow-down:before {
  content: "\f0a9"; }

.bt-long-arrow-left:before {
  content: "\f0aa"; }

.bt-long-arrow-right:before {
  content: "\f0ab"; }

.bt-Bold:before {
  content: "\f0ac"; }

.bt-italic:before {
  content: "\f0ad"; }

.bt-underline:before {
  content: "\f0ae"; }

.bt-link:before {
  content: "\f0b0"; }

.bt-paper-clip:before {
  content: "\f0b1"; }

.bt-align-left:before {
  content: "\f0b2"; }

.bt-align-center:before {
  content: "\f0b3"; }

.bt-align-right:before {
  content: "\f0b4"; }

.bt-align-justify:before {
  content: "\f0b5"; }

.bt-cut:before {
  content: "\f0b6"; }

.bt-copy:before {
  content: "\f0b7"; }

.bt-paste:before {
  content: "\f0b8"; }

.bt-photo:before {
  content: "\f0b9"; }

.bt-table:before {
  content: "\f0ba"; }

.bt-ulist:before {
  content: "\f0bb"; }

.bt-olist:before {
  content: "\f0bc"; }

.bt-indent:before {
  content: "\f0bd"; }

.bt-outdent:before {
  content: "\f0be"; }

.bt-undo:before {
  content: "\f0c0"; }

.bt-redo:before {
  content: "\f0c1"; }

.bt-sup:before {
  content: "\f0c2"; }

.bt-sub:before {
  content: "\f0c3"; }

.bt-text-size:before {
  content: "\f0c4"; }

.bt-text-color:before {
  content: "\f0c5"; }

.bt-remove-formatting:before {
  content: "\f0c6"; }

.bt-blockquote:before {
  content: "\f036"; }

.bt-globe:before {
  content: "\f0c7"; }

.bt-map:before {
  content: "\f0c8"; }

.bt-map-arrow:before {
  content: "\f0c9"; }

.bt-map-marker:before {
  content: "\f0ca"; }

.bt-map-pin:before {
  content: "\f0cb"; }

.bt-home:before {
  content: "\f0cc"; }

.bt-building:before {
  content: "\f0cd"; }

.bt-industry:before {
  content: "\f0ce"; }

.bt-desktop:before {
  content: "\f0d0"; }

.bt-laptop:before {
  content: "\f0d1"; }

.bt-tablet:before {
  content: "\f0d2"; }

.bt-mobile:before {
  content: "\f0d3"; }

.bt-tv:before {
  content: "\f0d4"; }

.bt-radio-checked:before {
  content: "\f0d5"; }

.bt-radio-unchecked:before {
  content: "\f08c"; }

.bt-checkbox-checked:before {
  content: "\f014"; }

.bt-checkbox-unchecked:before {
  content: "\f08b"; }

.bt-checkbox-intermediate:before {
  content: "\f023"; }

.bt-user:before {
  content: "\f0d6"; }

.bt-user-male:before {
  content: "\f0d6"; }

.bt-user-female:before {
  content: "\f0d7"; }

.bt-crown:before {
  content: "\f0d8"; }

.bt-credit-card:before {
  content: "\f0d9"; }

.bt-strikethrough:before {
  content: "\f0da"; }

.bt-eject:before {
  content: "\f0db"; }

.bt-ellipsis-h:before {
  content: "\f0dc"; }

.bt-ellipsis-v:before {
  content: "\f0dd"; }

.fab-facebook:before {
  content: "\f000"; }

.fab-facebook-alt:before {
  content: "\f001"; }

.fab-twitter:before {
  content: "\f002"; }

.fab-linkedin:before {
  content: "\f003"; }

.fab-linkedin-alt:before {
  content: "\f004"; }

.fab-instagram:before {
  content: "\f005"; }

.fab-github:before {
  content: "\f006"; }

.fab-github-alt:before {
  content: "\f007"; }

.fab-googleplus:before {
  content: "\f008"; }

.fab-googleplus-alt:before {
  content: "\f009"; }

.fab-pinterest:before {
  content: "\f00a"; }

.fab-pinterest-alt:before {
  content: "\f00b"; }

.fab-tumblr:before {
  content: "\f00c"; }

.fab-tumblr-alt:before {
  content: "\f00d"; }

.fab-bitcoin:before {
  content: "\f010"; }

.fab-bitcoin-alt:before {
  content: "\f011"; }

.fab-dropbox:before {
  content: "\f012"; }

.fab-stackexchange:before {
  content: "\f013"; }

.fab-stackoverflow:before {
  content: "\f014"; }

.fab-flickr:before {
  content: "\f015"; }

.fab-flickr-alt:before {
  content: "\f016"; }

.fab-bitbucket:before {
  content: "\f017"; }

.fab-html5:before {
  content: "\f018"; }

.fab-css3:before {
  content: "\f019"; }

.fab-apple:before {
  content: "\f01a"; }

.fab-windows:before {
  content: "\f01b"; }

.fab-android:before {
  content: "\f01c"; }

.fab-linux:before {
  content: "\f01d"; }

.fab-dribbble:before {
  content: "\f01e"; }

.fab-youtube:before {
  content: "\f021"; }

.fab-skype:before {
  content: "\f022"; }

.fab-foursquare:before {
  content: "\f023"; }

.fab-trello:before {
  content: "\f024"; }

.fab-maxcdn:before {
  content: "\f025"; }

.fab-gittip:before,
.fab-gratipay:before {
  content: "\f026"; }

.fab-vimeo:before {
  content: "\f027"; }

.fab-vimeo-alt:before {
  content: "\f028"; }

.fab-slack:before {
  content: "\f029"; }

.fab-wordpress:before {
  content: "\f02a"; }

.fab-wordpress-alt:before {
  content: "\f02b"; }

.fab-openid:before {
  content: "\f02c"; }

.fab-yahoo:before {
  content: "\f02d"; }

.fab-yahoo-alt:before {
  content: "\f02e"; }

.fab-reddit:before {
  content: "\f02f"; }

.fab-google:before {
  content: "\f030"; }

.fab-google-alt:before {
  content: "\f031"; }

.fab-stumbleupon:before {
  content: "\f032"; }

.fab-stumbleupon-alt:before {
  content: "\f033"; }

.fab-delicious:before {
  content: "\f034"; }

.fab-digg:before {
  content: "\f035"; }

.fab-piedpiper:before {
  content: "\f036"; }

.fab-piedpiper-alt:before {
  content: "\f037"; }

.fab-drupal:before {
  content: "\f038"; }

.fab-joomla:before {
  content: "\f039"; }

.fab-behance:before {
  content: "\f03a"; }

.fab-steam:before {
  content: "\f03b"; }

.fab-steam-alt:before {
  content: "\f03c"; }

.fab-spotify:before {
  content: "\f03d"; }

.fab-deviantart:before {
  content: "\f03e"; }

.fab-soundcloud:before {
  content: "\f040"; }

.fab-vine:before {
  content: "\f041"; }

.fab-codepen:before {
  content: "\f042"; }

.fab-jsfiddle:before {
  content: "\f043"; }

.fab-rebel:before {
  content: "\f044"; }

.fab-empire:before {
  content: "\f045"; }

.fab-git:before {
  content: "\f046"; }

.fab-hackernews:before {
  content: "\f047"; }

.fab-hackernews-alt:before {
  content: "\f048"; }

.fab-slideshare:before {
  content: "\f049"; }

.fab-twitch:before {
  content: "\f04a"; }

.fab-yelp:before {
  content: "\f04b"; }

.fab-paypal:before {
  content: "\f04c"; }

.fab-google-wallet:before {
  content: "\f04d"; }

.fab-angellist:before {
  content: "\f04e"; }

.fab-cc-visa:before {
  content: "\f050"; }

.fab-cc-mastercard:before {
  content: "\f051"; }

.fab-cc-discover:before {
  content: "\f052"; }

.fab-cc-amex:before {
  content: "\f053"; }

.fab-cc-paypal:before {
  content: "\f054"; }

.fab-cc-stripe:before {
  content: "\f055"; }

.fab-lastfm:before {
  content: "\f056"; }

.fab-whatsapp:before {
  content: "\f057"; }

.fab-medium:before {
  content: "\f058"; }

.fab-meanpath:before {
  content: "\f059"; }

.fab-meanpath-alt:before {
  content: "\f05a"; }

.fab-pagelines:before {
  content: "\f05b"; }

.fab-ioxhost:before {
  content: "\f060"; }

.fab-buysellads:before {
  content: "\f061"; }

.fab-buysellads-alt:before {
  content: "\f062"; }

.fab-connectdevelop:before {
  content: "\f063"; }

.fab-dashcube:before {
  content: "\f064"; }

.fab-forumbee:before {
  content: "\f065"; }

.fab-leanpub:before {
  content: "\f066"; }

.fab-sellsy:before {
  content: "\f067"; }

.fab-shirtsinbulk:before {
  content: "\f068"; }

.fab-simplybuilt:before {
  content: "\f069"; }

.fab-skyatlas:before {
  content: "\f06a"; }

.fab-viacoin:before {
  content: "\f06b"; }

.fab-codiepie:before {
  content: "\f06c"; }

.fab-queue:before {
  content: "\f06d"; }

.fab-queue-alt:before {
  content: "\f06e"; }

.fab-fonticons:before {
  content: "\f070"; }

.fab-fonticons-alt:before {
  content: "\f071"; }

.fab-blacktie:before {
  content: "\f072"; }

.fab-blacktie-alt:before {
  content: "\f073"; }

.fab-xing:before {
  content: "\f090"; }

.fab-vk:before {
  content: "\f091"; }

.fab-weibo:before {
  content: "\f092"; }

.fab-renren:before {
  content: "\f093"; }

.fab-tencent-weibo:before {
  content: "\f094"; }

.fab-qq:before {
  content: "\f095"; }

.fab-wechat:before,
.fab-weixin:before {
  content: "\f096"; }

/* _general
===========================================*/
body {
  font-family: "Helvetica";
  font-size: 1em;
  background-color: #333; }

a {
  cursor: pointer; }

.align-center {
  text-align: center; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

a:hover {
  text-decoration: none; }

/* Responsive things */
.under-1024 {
  display: none !important; }

@media only screen and (max-width: 1024px) {
  .upper-1024 {
    display: none !important; }

  .under-1024 {
    display: block !important; } }
.under-768 {
  display: none !important; }

@media only screen and (max-width: 768px) {
  .upper-768 {
    display: none !important; }

  .under-768 {
    display: block !important; } }
.under-480 {
  display: none !important; }

@media only screen and (max-width: 480px) {
  .upper-480 {
    display: none !important; }

  .under-480 {
    display: block !important; } }
/* _title
===========================================*/
.title {
  font-family: "Futura LT Condensed";
  font-size: 54px;
  font-size: 3.375rem; }

.title--center {
  text-align: center; }

.title-block {
  padding: 10px;
  text-align: center; }

/*
.title-block--blue {
  background-color: $blue;
  color: $white;
}
*/
.title-block--gray {
  background-color: #ddd;
  color: #fff; }

/* _button
===========================================*/
.button {
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 5px;
  min-width: 180px;
  color: #fff; }

.button:hover {
  color: #fff; }

.button--gray-yellow {
  background-color: #333;
  color: #fff; }

.button--gray-yellow:hover {
  background-color: #fff82c;
  color: #333; }

.button--green {
  background-color: #42cb6f; }

.button--green:hover {
  background-color: #3ab75c; }

.button--blue {
  background-color: #5c9ded; }

.button--blue:hover {
  background-color: #4b8cdc; }

.button--gray {
  background-color: #333; }

.button--gray:hover {
  background-color: #111; }

.button--red {
  background-color: #ed5564; }

.button--red:hover {
  background-color: #d9434e; }

.button--facebook {
  background-color: #4869e0; }

.button--facebook:hover {
  background-color: #303fb7; }

/* _header
===========================================*/
.fake-header {
  height: 60px;
  background-color: #333; }

.header {
  background-color: #333;
  width: 100%;
  position: fixed;
  z-index: 1; }

.header__menu {
  height: 60px;
  vertical-align: middle;
  text-align: center; }

.header__logo {
  margin: 0 auto;
  text-align: center;
  line-height: 60px;
  height: 0px;
  vertical-align: middle; }
  .header__logo a {
    display: inline-block; }
  .header__logo img {
    height: 40px;
    width: auto;
    margin-top: 10px; }

.header__menu__item {
  display: inline-block;
  height: 100%;
  line-height: 60px;
  vertical-align: middle; }
  .header__menu__item a {
    color: #fff; }
  .header__menu__item a:hover {
    color: #5c9ded; }

.header__menu__item i, .header__menu__item a, .header__menu__item img {
  vertical-align: middle;
  line-height: 60px; }

.header__menu__item--open {
  padding-left: 20px;
  float: left; }

.header__menu__item--logo {
  float: left; }
  .header__menu__item--logo img {
    height: 40px;
    width: auto;
    margin-top: 10px;
    margin-left: 10px; }

.header__menu__item--logout {
  float: right;
  margin-right: 15px; }
  .header__menu__item--logout a {
    padding: 10px;
    vertical-align: middle; }
    .header__menu__item--logout a i {
      margin-top: -3px; }

.header__menu__item--cart {
  padding-right: 20px;
  float: right; }

.header__menu__item--account {
  float: right;
  padding-right: 20px; }

.header__menu__item--search {
  text-align: center;
  line-height: normal !important; }
  .header__menu__item--search #search-form {
    display: inline-block;
    margin: 0;
    padding: 0; }
  .header__menu__item--search #search-form input[type=search] {
    cursor: pointer;
    height: 21px;
    margin-right: 20px;
    margin-top: 15px;
    border: 5px solid #fff;
    line-height: 21px;
    width: 400px;
    padding-left: 30px;
    cursor: auto;
    color: #333;
    background-color: #fff; }
  .header__menu__item--search #search-suggestion {
    width: 441px !important;
    z-index: 2000; }
    .header__menu__item--search #search-suggestion hx {
      display: none; }
    .header__menu__item--search #search-suggestion ul {
      border-bottom: 1px solid #ddd; }
    .header__menu__item--search #search-suggestion .search-suggestion__item {
      height: 40px;
      padding: 10px;
      font-weight: 400;
      position: relative; }
      .header__menu__item--search #search-suggestion .search-suggestion__item a {
        margin: 0;
        padding: 0;
        line-height: normal; }
    .header__menu__item--search #search-suggestion .search-suggestion__item:before {
      font-family: "Black Tie";
      margin-right: 5px;
      font-weight: normal;
      vertical-align: middle; }
    .header__menu__item--search #search-suggestion .search-suggestion__item--album:before {
      content: "\F02E";
      color: #f97e52; }
    .header__menu__item--search #search-suggestion .search-suggestion__item--serie {
      padding-left: 28px; }
    .header__menu__item--search #search-suggestion .search-suggestion__item--serie:before {
      background-image: url("/images/serie-icon.png");
      content: ' ';
      background-size: 20px 20px;
      margin-top: 10px;
      margin-right: 20px;
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 0;
      left: 5px;
      background-repeat: no-repeat; }
    .header__menu__item--search #search-suggestion .search-suggestion__item--auteur:before {
      content: "\F0D6";
      color: #5c9ded; }
  .header__menu__item--search #search-form input:-moz-placeholder {
    color: #333; }
  .header__menu__item--search #search-form input::-webkit-input-placeholder {
    color: #333; }
  .header__menu__item--search #search-form input:focus:-moz-placeholder {
    color: #333; }
  .header__menu__item--search #search-form input:focus::-webkit-input-placeholder {
    color: #333; }
  .header__menu__item--search input {
    outline: none; }
  .header__menu__item--search input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box; }
  .header__menu__item--search input::-webkit-search-decoration,
  .header__menu__item--search input::-webkit-search-cancel-button {
    display: none; }
  .header__menu__item--search input[type=search] {
    background: url("/images/search-icon-dark.png") 8px no-repeat;
    color: #fff;
    background-size: 15px;
    font-size: 12px;
    font-size: 0.75rem;
    width: 55px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s; }

@media only screen and (max-width: 700px) {
  .header__menu__item--search #search-form input[type=search] {
    width: 300px; }
  .header__menu__item--search #search-suggestion {
    width: 341px !important; } }
@media only screen and (max-width: 600px) {
  .header__menu__item--search #search-form input[type=search] {
    width: 250px; }
  .header__menu__item--search #search-suggestion {
    width: 291px !important; } }
@media only screen and (max-width: 550px) {
  .header__menu__item--search #search-form input[type=search] {
    display: none; }
  .header__menu__item--search #search-suggestion {
    display: none; }

  .header__menu__item--logo {
    float: none; } }
/* _footer
===========================================*/
footer {
  z-index: 1000;
  position: relative;
  padding: 10px 0;
  background-color: #333; }

/* _menu
===========================================*/
.menu__logo {
  height: 50px;
  width: auto; }

.menu__item, .menu__item a {
  color: #fff; }

.menu__item a:hover {
  color: #5c9ded; }

.menu__item--active {
  background-color: #5c9ded;
  color: #fff; }

.menu__item--tab i {
  margin-left: 20px; }

/* Specific style */
.menu__item--logo {
  height: 80px; }

.menu__item--app span {
  padding: 0 10px 10px 20px !important; }
.menu__item--app p {
  padding: 0 20px;
  font-style: italic;
  white-space: pre-line; }
  .menu__item--app p a {
    color: #5c9ded; }
  .menu__item--app p a:hover {
    color: #4b8cdc; }

.menu__item--search {
  text-align: center;
  padding: 5px !important;
  margin-top: 20px; }
  .menu__item--search form {
    vertical-align: middle; }
  .menu__item--search button {
    -webkit-appearance: button;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    text-transform: none;
    background-color: #5c9ded;
    padding: 0 1em;
    color: #fff;
    height: 35px; }
  .menu__item--search button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .menu__item--search input {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    height: 35px; }
  .menu__item--search input:focus {
    outline: none; }
  .menu__item--search input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .menu__item--search input[type="search"]::-webkit-search-cancel-button,
  .menu__item--search input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  .menu__item--search input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .menu__item--search input[type="search"] {
    height: 35px;
    width: 177px;
    background-color: #5c9ded;
    color: #fff;
    padding: 0 1em;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    border-radius: 0; }
  .menu__item--search input[type="search"]::-webkit-input-placeholder {
    color: #fff; }
  .menu__item--search input[type="search"]::-moz-placeholder {
    color: #fff;
    opacity: 1; }
  .menu__item--search input[type="search"]:-moz-placeholder {
    color: #fff;
    opacity: 1; }
  .menu__item--search input[type="search"]:-ms-input-placeholder {
    color: #fff; }

@media only screen and (max-width: 480px) {
  .menu__item--search input[type="search"] {
    width: 140px; } }
/* _widget
===========================================*/
/* _footer
===========================================*/
.footer {
  background-color: #333;
  color: #fff; }

.copyright {
  text-align: center;
  padding: 10px 5px; }

/* _specific
===========================================*/
/* _my-comics
===========================================*/
.my-comics__block {
  margin-bottom: 10px; }

.my-comics__block__title {
  padding: 10px 0;
  margin-bottom: 10px;
  text-align: center;
  background-color: #ddd;
  font-family: "Futura LT Condensed";
  font-size: 30px;
  font-size: 1.875rem; }

.my-comics__block__item {
  display: inline-block;
  font-family: "Futura LT Condensed";
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center; }
  .my-comics__block__item a {
    display: inline-block;
    height: 260px;
    vertical-align: bottom; }
    .my-comics__block__item a img {
      width: 160px;
      max-height: 260px;
      height: auto;
      margin: 10px;
      vertical-align: bottom; }

@media only screen and (max-width: 480px) {
  .my-comics__block {
    text-align: center; } }
@media only screen and (max-width: 320px) {
  .my-comics__block__item a {
    display: inline-block;
    height: 220px;
    vertical-align: bottom; }
    .my-comics__block__item a img {
      width: 130px;
      max-height: 220px;
      height: auto;
      margin: 10px;
      vertical-align: bottom; } }
/* _buzz
===========================================*/
.rubrics-container {
  display: inline-block !important;
  max-width: 100%; }

.rubrics__arrow {
  padding: 0 10px;
  color: #5c9ded;
  line-height: 35px;
  height: 35px;
  vertical-align: top;
  display: inline-block;
  margin-top: 52px; }
  .rubrics__arrow i {
    line-height: 35px; }

.rubrics-container {
  text-align: center;
  margin: 20px auto; }

.rubrics-slider__item {
  margin: 0 auto; }

.rubrics-slider__item__link {
  color: #111; }

.rubrics-slider__item__image {
  width: 200px;
  height: 100px;
  margin: 0 auto; }

@media only screen and (max-width: 480px) {
  .rubrics-slider__item__image {
    width: 150px;
    height: 75px; }

  .rubrics__arrow {
    margin-top: 40px; } }
@media only screen and (max-width: 320px) {
  .rubrics-slider__item__image {
    width: 130px;
    height: 65px; }

  .rubrics__arrow {
    margin-top: 35px; } }
/* _comics-slider
===========================================*/
.comics-slider__item {
  margin: 0 auto;
  outline: 0; }

.comics-slider__item:focus {
  outline: 0; }

.comics-slider__item__link {
  color: #111; }

.comics-slider__item__link:focus {
  outline: 0; }

.comics-slider__item__image-container {
  height: 240px; }

.comics-slider__item__image {
  width: 160px;
  height: auto;
  vertical-align: bottom;
  max-height: 240px;
  margin: 0 auto; }

.comics-slider__item__serie {
  font-family: "Futura LT Condensed";
  font-size: 18px;
  font-size: 1.125rem;
  text-align: left;
  width: 160px;
  margin: 5px auto; }

.comics-slider__item__title {
  font-family: "Futura LT Condensed";
  text-align: center; }

.comics-slider__item__tome {
  font-family: "Futura LT Condensed"; }

.comics-title {
  padding: 20px; }
  .comics-title * {
    display: inline-block; }
  .comics-title .left {
    font-size: 24px;
    font-size: 1.5rem;
    font-family: "Futura LT Condensed";
    text-transform: uppercase; }
    .comics-title .left i {
      font-size: 30px;
      font-size: 1.875rem;
      color: #5c9ded; }
  .comics-title .right {
    float: right; }
    .comics-title .right a {
      background-color: #5c9ded;
      border: 1px solid #5c9ded;
      padding: 0 10px;
      color: #fff;
      line-height: 35px;
      height: 35px;
      vertical-align: middle;
      font-family: "Futura LT Condensed";
      text-transform: uppercase; }
    .comics-title .right a:hover {
      background-color: #4b8cdc; }
    .comics-title .right a.slick-arrow {
      background-color: transparent;
      color: #5c9ded; }
    .comics-title .right a.slick-arrow:hover {
      background-color: #5c9ded;
      color: #fff; }
    .comics-title .right i {
      line-height: 35px; }

@media only screen and (max-width: 480px) {
  .comics-slider__item__image {
    width: 150px; }

  .comics-slider__item__serie {
    font-size: 16px;
    font-size: 1rem;
    width: 150px; }

  .comics-title .right a {
    padding: 0 10px;
    line-height: 25px;
    height: 25px;
    font-size: 12px;
    font-size: 0.75rem; }
  .comics-title .right i {
    line-height: 25px; } }
@media only screen and (max-width: 320px) {
  .comics-slider__item__image {
    width: 140px; }

  .comics-slider__item__serie {
    font-size: 16px;
    font-size: 1rem;
    width: 140px; } }
/* _cart
===========================================*/
.empty-thing {
  vertical-align: middle;
  text-align: center;
  padding-bottom: 50px; }
  .empty-thing i {
    padding-top: 50px;
    font-size: 160px;
    font-size: 10rem; }
  .empty-thing span {
    display: block;
    padding: 50px 5px;
    font-size: 80px;
    font-size: 3rem; }
    .empty-thing span a {
      font-size: inherit;
      display: inline-block; }
  .empty-thing .empty-thing__mini {
    font-size: 24px;
    font-size: 1.5rem;
    padding: 50px 5px 20px; }
  .empty-thing a {
    font-size: 24px;
    font-size: 1.5rem;
    color: #5c9ded;
    display: block; }
  .empty-thing a.button {
    font-size: inherit;
    color: #fff;
    display: inline-block; }
  .empty-thing a:hover {
    color: #4b8cdc; }
  .empty-thing a.button:hover {
    color: #fff; }

@media only screen and (max-width: 480px) {
  .empty-thing i {
    margin-top: 50px;
    font-size: 80px;
    font-size: 5rem; }
  .empty-thing span {
    margin: 20px 5px;
    font-size: 40px;
    font-size: 2.5rem; }
  .empty-thing a {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 50px; } }
.cart-container {
  width: 90%;
  margin: 0 auto; }

.cart-title {
  font-family: "Futura LT Condensed";
  text-align: center;
  text-transform: uppercase;
  font-size: 36px;
  font-size: 2.25rem;
  padding: 20px 5px; }

.table-cart {
  margin: 20px auto;
  width: 100%; }
  .table-cart td {
    padding: 0 5px;
    vertical-align: middle; }

.table-cart__header {
  line-height: 40px;
  background-color: #5c9ded;
  border-left: 1px solid #5c9ded;
  border-right: 1px solid #5c9ded;
  color: #fff;
  font-weight: bold; }

.table-cart__serie {
  background-color: #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  color: #fff;
  text-transform: uppercase;
  line-height: 40px;
  font-weight: bold; }

.table-cart__item {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333; }
  .table-cart__item img {
    width: 100px;
    height: auto; }
  .table-cart__item td {
    padding: 5px; }

.table-cart__item:last-child {
  border-bottom: 1px solid #333; }

.table-cart__footer {
  line-height: 40px;
  background-color: #5c9ded;
  border-left: 1px solid #5c9ded;
  border-right: 1px solid #5c9ded;
  color: #fff;
  font-weight: bold; }

@media only screen and (max-width: 480px) {
  .cart-container {
    width: 95%; }

  .table-cart__header {
    font-size: 14px;
    font-size: 0.875rem; }

  .table-cart__item {
    font-size: 12px;
    font-size: 0.75rem; } }
.cart-buttons {
  max-width: 600px;
  margin: 0 auto; }

.cart-buttons__button {
  display: inline-block;
  width: 33.33333333%;
  text-align: center; }

.cart-buttons--2 {
  max-width: 400px; }
  .cart-buttons--2 .cart-buttons__button {
    width: 50%; }

.cart-buttons__button a {
  background-color: #5c9ded;
  color: #fff;
  border: 3px solid #fff;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 10px 0; }

.cart-buttons__button a:hover {
  background-color: #4b8cdc; }

.cart-buttons__button i {
  display: block;
  margin-bottom: 10px;
  font-size: 36px;
  font-size: 2.25rem; }

@media only screen and (max-width: 480px) {
  .cart-buttons__button a {
    font-size: 14px;
    font-size: 0.875rem; } }
@media only screen and (max-width: 320px) {
  .cart-buttons__button a {
    font-size: 12px;
    font-size: 0.75rem; } }
/* _souscription-paypal
===========================================*/
.souscription-paypal {
  max-width: 1024px;
  padding: 20px;
  margin: 0 auto;
  text-align: center; }
  .souscription-paypal p {
    text-align: center;
    padding: 20px 0; }
  .souscription-paypal p#mterror {
    padding: 0; }
  .souscription-paypal label {
    width: auto;
    height: auto;
    line-height: inherit;
    display: inline; }
  .souscription-paypal a {
    color: #5c9ded; }

/* _comic
===========================================*/
.comic-add-cart {
  background-color: #42cb6f;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem; }
  .comic-add-cart i {
    margin-right: 10px; }

.comic-add-cart--error {
  background-color: #ed5564; }

.comic {
  background-color: #ddd;
  margin: 0 auto; }

.comic__left, .comic__right, .comic__right--special {
  display: inline-block;
  vertical-align: top; }

.comic__left {
  width: 30%; }

.comic__right {
  width: 70%; }

.comic__right--special {
  width: 70%;
  display: none; }

.comic__title {
  font-family: "Futura LT Condensed";
  font-size: 54px;
  font-size: 3.375rem;
  padding: 10px;
  text-transform: uppercase;
  text-align: center;
  width: 80%;
  display: inline-block;
  vertical-align: middle; }

.comic__title__arrow {
  display: inline-block;
  width: 10%;
  text-align: center;
  vertical-align: middle; }
  .comic__title__arrow a {
    display: inline-block;
    border: 1px solid #5c9ded;
    padding: 5 10px;
    line-height: 35px;
    height: 35px;
    width: 35px;
    vertical-align: middle;
    text-align: center;
    font-family: "Futura LT Condensed";
    text-transform: uppercase; }
    .comic__title__arrow a i {
      line-height: 35px; }
  .comic__title__arrow a:hover {
    background-color: #5c9ded;
    color: #fff; }

.comic__title__arrow--disabled {
  background-color: #ddd !important;
  color: #333 !important;
  cursor: !important; }
  .comic__title__arrow--disabled a {
    border: 1px solid #fff !important;
    color: #fff !important;
    cursor: pointer !important; }
  .comic__title__arrow--disabled a:hover {
    border: 1px solid #fff !important;
    color: #fff !important;
    cursor: pointer !important;
    background-color: #ddd !important; }

.comic__description {
  padding: 20px 30px;
  font-style: italic; }

.comic__image {
  width: 100%;
  height: auto; }

.comic__buttons {
  display: inline-block; }

.comic__button {
  font-family: "Futura LT Condensed";
  font-size: 24px;
  font-size: 1.5rem;
  text-transform: uppercase;
  display: block;
  background-color: #333;
  border: 1px solid #333;
  width: 280px;
  height: 60px;
  margin: 0 10px 10px 30px; }

.comic__button__link {
  display: block;
  color: #fff;
  line-height: 58px;
  padding-left: 10px;
  vertical-align: middle; }

.comic__button__link:hover {
  color: #fff; }

.comic__button__link__price {
  display: inline-block;
  background-color: #fff;
  color: #111;
  float: right;
  padding: 0 10px; }

.comic__button--blue {
  background-color: #5c9ded;
  border-color: #5c9ded; }

.comic__button--blue:hover {
  background-color: #4b8cdc;
  border-color: #4b8cdc; }

.comic__button--green {
  background-color: #42cb6f;
  border-color: #42cb6f; }

.comic__button--green:hover {
  background-color: #3ab75c;
  border-color: #3ab75c; }

.comic__button--orange {
  background-color: #f97e52;
  border-color: #f97e52; }

.comic__button--orange:hover {
  background-color: #e7663f;
  border-color: #e7663f; }

.comic__button--red {
  background-color: #ed5564;
  border-color: #ed5564; }

.comic__button--red:hover {
  background-color: #d9434e;
  border-color: #d9434e; }

.comic__list {
  display: inline-block;
  background-color: #eee;
  height: 200px;
  vertical-align: top;
  padding: 20px;
  margin: 0 10px 10px 10px; }
  .comic__list ul {
    vertical-align: middle; }
    .comic__list ul li {
      padding: 0 0 10px; }
      .comic__list ul li strong {
        font-weight: bold; }

.comic__share {
  display: inline-block;
  vertical-align: top; }

.comic__share__button {
  margin-bottom: 10px; }
  .comic__share__button a {
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 28px;
    font-size: 1.75rem; }
    .comic__share__button a i {
      line-height: 60px; }

.comic__share__button--facebook {
  background-color: #4869e0; }

.comic__share__button--facebook:hover {
  background-color: #303fb7; }

.comic__share__button--twitter {
  background-color: #00B5FF; }

.comic__share__button--twitter:hover {
  background-color: #00ABF1; }

.comic__share__button--google {
  background-color: #E74C3C; }

.comic__share__button--google:hover {
  background-color: #C0392B; }

.comic__others {
  font-family: "Futura LT Condensed";
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  padding: 20px 0 0 30px; }
  .comic__others img {
    width: 140px;
    height: auto;
    max-height: 200px;
    padding-right: 10px; }
  .comic__others ul li {
    display: inline-block;
    height: 200px; }

li.haveThis {
  position: relative; }
  li.haveThis a:before {
    font-family: FontAwesome;
    content: "\f00c";
    line-height: 20px;
    font-size: 12px;
    font-size: 0.75rem;
    text-align: center;
    color: #fff;
    background-color: rgba(66, 203, 111, 0.8);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0; }

@media only screen and (max-width: 768px) {
  .comic__right--special {
    display: inline-block; }

  .comic__right {
    width: 100%;
    text-align: center;
    margin-top: 20px; }
    .comic__right * {
      text-align: left; }
      .comic__right * * {
        text-align: left; }

  .comic__button {
    margin-left: 0px; } }
/*** VERSION MOBILE ***/
.comic-mobile {
  display: none; }

.comic-mobile__title {
  font-family: "Futura LT Condensed";
  font-size: 30px;
  font-size: 1.875rem;
  padding: 10px;
  text-transform: uppercase;
  text-align: center; }

.comic-mobile__sub-title {
  font-family: "Futura LT Condensed";
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #5c9ded; }

.comic-mobile__image {
  width: 100%;
  max-width: 100%;
  height: auto; }

.comic-mobile__buttons {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10000; }

.comic-mobile__buttons--not-fixed {
  position: relative;
  z-index: 0; }

.comic-mobile__button {
  display: inline-block;
  background-color: #333;
  height: 100%; }

.comic-mobile__button__link, .comic-mobile__button__link:hover {
  color: #fff;
  border-right: 1px solid #fff;
  border-collapse: collapse;
  display: block; }

.comic-mobile__button__link--inline {
  text-align: center;
  padding: 0px 0px 5px 0px !important; }
  .comic-mobile__button__link--inline span {
    display: inline-block !important; }
  .comic-mobile__button__link--inline i {
    display: inline-block !important; }

.comic-mobile__button__link--last {
  border-right: none; }

.comic-mobile__buttons--1 .comic-mobile__button {
  width: 100%; }
  .comic-mobile__buttons--1 .comic-mobile__button i {
    display: block;
    text-align: center;
    font-size: 24px;
    font-size: 1.5rem; }
  .comic-mobile__buttons--1 .comic-mobile__button span {
    font-family: "Futura LT Condensed";
    display: block;
    text-align: center;
    margin-top: 5px; }

.comic-mobile__buttons--2 .comic-mobile__button {
  width: 50%; }
  .comic-mobile__buttons--2 .comic-mobile__button i {
    display: block;
    text-align: center;
    font-size: 24px;
    font-size: 1.5rem; }
  .comic-mobile__buttons--2 .comic-mobile__button span {
    font-family: "Futura LT Condensed";
    display: block;
    text-align: center;
    margin-top: 5px; }

.comic-mobile__buttons--2.comic-mobile__buttons--not-fixed .comic-mobile__button {
  width: 50%; }
  .comic-mobile__buttons--2.comic-mobile__buttons--not-fixed .comic-mobile__button i {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem; }
  .comic-mobile__buttons--2.comic-mobile__buttons--not-fixed .comic-mobile__button span {
    font-family: "Futura LT Condensed";
    display: block;
    text-align: center;
    margin-top: 5px; }

.comic-mobile__buttons--3 .comic-mobile__button {
  width: 33.3333333%; }
  .comic-mobile__buttons--3 .comic-mobile__button i {
    display: block;
    text-align: center;
    font-size: 24px;
    font-size: 1.5rem; }
  .comic-mobile__buttons--3 .comic-mobile__button span {
    font-family: "Futura LT Condensed";
    display: block;
    text-align: center;
    margin-top: 5px; }

.comic-mobile__buttons--4 .comic-mobile__button {
  width: 25%; }
  .comic-mobile__buttons--4 .comic-mobile__button i {
    display: block;
    text-align: center;
    font-size: 24px;
    font-size: 1.5rem; }
  .comic-mobile__buttons--4 .comic-mobile__button span {
    font-family: "Futura LT Condensed";
    display: block;
    text-align: center;
    margin-top: 5px; }

.comic-mobile__button--green {
  background-color: #42cb6f; }

.comic-mobile__button--green:hover {
  background-color: #3ab75c; }

.comic-mobile__button--blue {
  background-color: #5c9ded; }

.comic-mobile__button--blue:hover {
  background-color: #4b8cdc; }

.comic-mobile__button--orange {
  background-color: #f97e52; }

.comic-mobile__button--orange:hover {
  background-color: #e7663f; }

.comic-mobile__button--facebook {
  background-color: #4869e0; }

.comic-mobile__button--facebook:hover {
  background-color: #303fb7; }

.comic-mobile__button--twitter {
  background-color: #00B5FF; }

.comic-mobile__button--twitter:hover {
  background-color: #00ABF1; }

.comic-mobile__button--google {
  background-color: #E74C3C; }

.comic-mobile__button--google:hover {
  background-color: #C0392B; }

.comic-mobile__button__link {
  color: #fff;
  padding: 10px 5px; }

.comic-mobile__description {
  padding: 10px; }
  .comic-mobile__description p {
    font-style: italic; }

.comic-mobile__abo__link {
  background-color: #f97e52;
  color: #fff;
  display: block;
  padding: 20px 5px;
  text-align: center;
  font-family: "Futura LT Condensed";
  text-transform: uppercase; }

.comic-mobile__abo__link:hover {
  background-color: #e7663f;
  color: #fff; }

.comic-mobile__list {
  padding: 10px; }
  .comic-mobile__list strong {
    width: 40%;
    display: inline-block;
    font-weight: bold; }
  .comic-mobile__list ul li {
    padding-bottom: 5px; }

.comic-mobile__others {
  font-family: "Futura LT Condensed";
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  padding: 20px 0 0 30px; }
  .comic-mobile__others img {
    width: auto;
    height: 100px;
    padding-right: 10px; }
  .comic-mobile__others ul li {
    display: inline-block; }

@media only screen and (max-width: 480px) {
  .comic {
    display: none; }

  .comic-mobile {
    display: block; }

  .comics-title {
    line-height: 25px; }

  .comics-title .left {
    font-size: 18px;
    font-size: 1.125rem; }

  .comics-title .left i {
    font-size: 20px;
    font-size: 1.25rem; } }
/* _search
===========================================*/
.search__title {
  font-size: 54px;
  font-size: 3.375rem;
  text-align: center;
  font-family: "Futura LT Condensed";
  text-transform: uppercase;
  line-height: 60px;
  vertical-align: middle; }

.search__paragraphe {
  max-width: 1024px;
  width: 90%;
  margin: 0 auto;
  padding: 10px;
  font-style: italic;
  text-align: justify; }

.search-page {
  background-color: #ddd; }

.search-container {
  text-align: center; }

.search__item {
  width: 220px;
  height: 380px;
  padding: 10px;
  vertical-align: top;
  display: inline-block; }

/* _loyalitypoint
===========================================*/
.loyalityp__notice
{
  max-width: 560px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  margin: auto;
}

.loyalityp__bigText
{
  font-size: 120%;
}

.loyalityp__bigText b
{
  font-weight: 700;
}

.loyalityp__my
{
  color: #333333;
  font-weight: 700;
  font-family: "Futura LT Condensed";
  font-size: 23px;
  margin-bottom: 5px;
}

.loyalityp_container {
  text-align: center;
  margin-bottom: 50px;
}

.loyalityp__item {
  width: 220px;
  padding: 10px;
  margin: 10px;
  vertical-align: top;
  background-color: white;
  border-radius: 10px;
  display: inline-block;
}

.loyalityp__item__image {
  height: 200px;
}

.loyalityp__item__image img {
  width: 200px;
  height: auto;
  max-height: 200px;
}

.loyalityp__item__bottom {
  width: 100%;
  padding: 0px 5px 0;
}

.loyalityp__item__bottom__title {
  color: #333333;
  font-weight: 700;
  font-family: "Futura LT Condensed";
  font-size: 23px;
  margin-bottom: 5px;
}

.loyalityp__item__bottom__subtitle {
  color: #000;
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 5px;
}

.loyalityp__item__bottom_cost {
  color: #000;
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0 5px 0;
}

.loyalityp__item__bottom_missing {
  color: red;
  font-weight: normal;
  margin-top: 10px;
  height: 40px;
  font-size:15px;
}

.loyalityp__item__bottom_button {
  width: 100%;
  height:45px;
  margin: 0 0 0 0;
}

.loyalityp__item__bottom_button a {
  line-height: 0;
  margin: 10px;
}

/* _wishlist
===========================================*/
.search__item--wishlist {
  height: 450px; }

.search__item__buttons {
  vertical-align: top; }
  .search__item__buttons .search__item__buttons__button {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
    height: 60px;
    vertical-align: top; }
  .search__item__buttons i {
    margin-bottom: 10px; }
  .search__item__buttons span {
    font-size: 12px;
    font-size: 0.75rem; }

.search__item__buttons__button--bdbuzz {
  background-color: #5c9ded;
  color: #fff; }

.search__item__buttons__button--bdbuzz:hover {
  background-color: #4b8cdc;
  color: #fff; }

.search__item__buttons__button--amazon {
  background-color: #fff;
  color: #333; }
  .search__item__buttons__button--amazon i {
    color: #f97e52; }

.search__item__buttons__button--amazon:hover {
  background-color: #f97e52;
  color: #fff; }
  .search__item__buttons__button--amazon:hover i {
    color: #333; }

.search__item__buttons--2 .search__item__buttons__button {
  width: 50%; }

.search__item__image {
  height: 300px; }
  .search__item__image img {
    width: 200px;
    height: auto;
    max-height: 280px; }

.search__item__title {
  margin-top: 5px;
  text-align: left;
  font-family: "Futura LT Condensed";
  font-size: 18px;
  font-size: 1.125rem;
  padding: 0 10px; }

@media only screen and (max-width: 480px) {
  .search__item {
    width: 165px;
    height: 320px;
    padding: 10px 0; }

  .search__item__image {
    height: 250px; }
    .search__item__image img {
      width: 150px; } }
@media only screen and (max-width: 340px) {
  .search__item {
    width: 150px;
    height: 274px; }

  .search__item__image {
    height: 220px; }
    .search__item__image img {
      width: 140px; }

  .search__item__title {
    font-size: 16px;
    font-size: 1rem; } }
/* _pack-sncf
===========================================*/
.pack-sncf__title {
  font-family: "Futura LT Condensed";
  text-align: center;
  text-transform: uppercase;
  font-size: 34px;
  font-size: 2.125rem;
  padding: 10px 5px; }

.pack-sncf__item-container {
  width: 33.333333%;
  display: inline-block;
  margin: 10px 0; }

.pack-sncf__item {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  padding: 2% 20px;
  background-color: #ddd;
  border: 1px solid #5c9ded; }

.pack-sncf__item__sub-item {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  color: #5c9ded;
  cursor: pointer; }
  .pack-sncf__item__sub-item h2 {
    text-transform: uppercase;
    vertical-align: bottom;
    height: 50px;
    font-family: "Futura LT Condensed";
    font-size: 16px;
    font-size: 1rem; }
  .pack-sncf__item__sub-item a {
    background-color: #5c9ded;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    margin: 5px 0;
    font-family: "Futura LT Condensed";
    text-transform: uppercase; }

.pack-sncf__item:hover, .pack-sncf__item--active {
  background-color: #5c9ded;
  color: #fff; }
  .pack-sncf__item:hover .pack-sncf__item__sub-item, .pack-sncf__item--active .pack-sncf__item__sub-item {
    color: #fff; }
    .pack-sncf__item:hover .pack-sncf__item__sub-item a, .pack-sncf__item--active .pack-sncf__item__sub-item a {
      background-color: #fff;
      color: #5c9ded; }

.pack-sncf__item__title {
  font-family: "Futura LT Condensed";
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 5px; }

.pack-sncf__item__image {
  width: auto;
  height: 200px;
  background-color: #111;
  margin: 0 auto;
  display: block;
  margin-bottom: 5px; }

.pack-sncf__sncf {
  margin: 0 auto;
  text-align: center; }
  .pack-sncf__sncf img {
    width: 250px; }

@media only screen and (max-width: 1255px) {
  .pack-sncf__item__image {
    margin-top: 20px;
    height: 150px; }

  .pack-sncf__item__sub-item h2 {
    font-size: 18px;
    font-size: 1.125rem; } }
@media only screen and (max-width: 1023px) {
  .pack-sncf__item-container {
    width: 100%;
    display: inline-block;
    margin: 10px 0; }

  .pack-sncf__item__title {
    font-size: 24px;
    font-size: 1.5rem; }

  .pack-sncf__sncf {
    float: none;
    text-align: center;
    margin-top: 0px; }
    .pack-sncf__sncf img {
      width: 250px; } }
@media only screen and (max-width: 480px) {
  .pack-sncf__item__image {
    width: auto;
    height: 140px; }

  .pack-sncf__item__sub-item h2 {
    height: 30px;
    font-size: 14px;
    font-size: 0.875rem; } }
@media only screen and (max-width: 319px) {
  .pack-sncf__item__image {
    width: auto;
    height: 120px; }

  .pack-sncf__item__sub-item h2 {
    height: 30px;
    font-size: 14px;
    font-size: 0.875rem; } }
@media only screen and (max-width: 270px) {
  .pack-sncf__item__image {
    width: auto;
    height: 100px; }

  .pack-sncf__item__sub-item h2 {
    height: 30px;
    font-size: 14px;
    font-size: 0.875rem; } }
/* _gift-page
===========================================*/
.gift-page {
  max-width: 1024px;
  padding: 10px;
  margin: 0 auto;
  text-align: center; }
  .gift-page h2 {
    font-family: "Futura LT Condensed";
    font-size: 30px;
    font-size: 1.875rem;
    margin: 10px 0;
    text-align: left; }
  .gift-page p {
    line-height: 20px;
    text-align: left; }

/* _cookie-page
===========================================*/
.cookie-page {
  max-width: 1024px;
  padding: 10px;
  margin: 0 auto; }
  .cookie-page p {
    margin: 10px 0; }
  .cookie-page strong {
    font-weight: bold; }

/* _cgv
===========================================*/
.cgv {
  max-width: 1024px;
  padding: 10px;
  margin: 0 auto; }
  .cgv p {
    margin: 10px 0; }
  .cgv strong {
    font-weight: bold; }

/* _privacy-policy
===========================================*/
.privacy-policy {
  max-width: 1024px;
  padding: 10px;
  margin: 0 auto; }
  .privacy-policy p {
    margin: 10px 0; }
  .privacy-policy strong {
    font-weight: bold; }

/* _partners
===========================================*/
.partners {
  max-width: 1024px;
  padding: 10px;
  margin: 0 auto;
  text-align: center; }

.partner {
  display: inline-block; }

.partner__image {
  width: 150px;
  height: 150px;
  background-color: white;
  margin: 5px;
  border: 1px solid #333;
  padding: 5px; }

.partner__image:hover {
  border: 1px solid #5c9ded; }

/* _faq
===========================================*/
.faq {
  max-width: 1024px;
  padding: 10px;
  margin: 0 auto; }
  .faq p {
    margin: 10px 0; }
  .faq h2 {
    font-weight: bold; }

/* _wallet
===========================================*/
.wallet-page {
  max-width: 1024px;
  margin: 0 auto; }
  .wallet-page h2 {
    text-align: center;
    font-weight: bold;
    margin: 10px 0; }
  .wallet-page p {
    margin: 10px 0;
    padding: 0 10px; }

.your-money {
  background-color: #ddd;
  padding: 10px;
  display: inline-block; }

/* _abo
===========================================*/
.table-abo {
  max-width: 1024px;
  width: 90%;
  margin: 0 auto; }
  .table-abo td {
    border: 1px solid #111;
    padding: 10px; }

.table-abo__item__content--green {
  color: #42cb6f; }

.table-abo__item__content--red {
  color: #ed5564; }

.table-abo__item__button {
  padding: 0; }

.table-abo__item__button a {
  background-color: #5c9ded;
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  text-align: center;
  font-weight: bold; }

.table-abo__item__button:hover a {
  background-color: #4b8cdc; }

.table-abo__header td {
  font-weight: bold; }

/* Liste des abonnements */
.abo-list {
  background-color: #fff;
  color: #333;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  width: 90%; }

.abo-list__item__buttons {
  margin-top: 20px; }

/* _cookie-banner
===========================================*/
.divascookies {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #5c9ded;
  color: #fff;
  display: none;
  z-index: 999999;
  line-height: 20px;
  min-height: 80px; }

.divascookies > .divascookies-banner-container {
  position: relative;
  padding: 15px 20px;
  overflow: hidden;
  text-align: center; }

.divascookies p.divascookies-banner-text {
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
  padding: 0 10px 0 0; }

span.divascookies-policy-link {
  background: #fff;
  color: #5c9ded;
  padding: 7px 10px;
  display: inline-block;
  margin-right: 5px; }

span.divascookies-policy-link a {
  white-space: nowrap;
  color: #5c9ded;
  transition: background-color 0.3s ease 0s; }

span.divascookies-policy-link a:hover {
  transition: color 0.3s ease 0s; }

.divascookies-banner-container > .divascookies-accept-button-container {
  display: inline-block;
  margin-top: 5px; }

.divascookies-accept-button-container > .divascookies-accept-button-text {
  cursor: pointer;
  background: #fff;
  color: #5c9ded;
  padding: 7px 10px;
  transition: background-color 0.3s ease 0s; }

/* _pop-up
===========================================*/
.blur {
  filter: blur(2px);
  -webkit-filter: blur(2px); }

.pop-up {
  clear: both;
  position: fixed;
  z-index: 9999;
  margin: 0px;
  min-width: 100%;
  min-height: 100%;
  text-align: center;
  display: none;
  background-color: rgba(0, 0, 0, 0.9); }
  .pop-up.active {
    display: block;
    -webkit-animation: appear 0.2s ease-in-out;
    -khtml-animation: appear 0.2s ease-in-out;
    -moz-animation: appear 0.2s ease-in-out;
    -ms-animation: appear 0.2s ease-in-out;
    -o-animation: appear 0.2s ease-in-out;
    animation: appear 0.2s ease-in-out; }

.active .pop-up__content--zoom-effect {
  -webkit-animation: zoomUp 0.5s ease-in-out;
  -khtml-animation: zoomUp 0.5s ease-in-out;
  -moz-animation: zoomUp 0.5s ease-in-out;
  -ms-animation: zoomUp 0.5s ease-in-out;
  -o-animation: zoomUp 0.5s ease-in-out;
  animation: zoomUp 0.5s ease-in-out; }

.pop-up__close {
  text-align: right; }

.pop-up__close__icon {
  color: #fff;
  padding: 13px;
  cursor: pointer; }

.pop-up__close__icon:hover {
  color: #5c9ded; }

.pop-up__content {
  background-color: #fff;
  color: #5c9ded;
  max-width: 600px;
  width: 80%;
  margin: 100px auto;
  border-bottom: 2px solid #5c9ded; }
  .pop-up__content p {
    color: #333;
    padding: 10px; }

.pop-up__content--center {
  text-align: center; }

@media only screen and (max-width: 1024px) {
  .pop-up__content {
    margin: 20px auto;
    width: 90%; } }
/* _form
===========================================*/
form, .form {
  text-align: center;
  margin: 10px 5px; }

/**********************
/* LABEL
**********************/
label, .label {
  display: inline-block;
  text-align: left;
  width: 190px;
  height: 34px;
  line-height: 34px;
  vertical-align: middle; }

.newsletter label {
  width: auto; }

.label--auto {
  width: auto;
  height: auto;
  line-height: normal; }

.label--textarea {
  vertical-align: top;
  margin-top: 10px; }

.label--full-width {
  width: 100%; }

.label--hide-for-mobile {
  display: inline-block; }

@media only screen and (max-width: 480px) {
  form {
    text-align: center; }

  input {
    margin: 0 auto; }

  .label, label {
    width: auto; }

  .label--hide-for-mobile {
    display: none; } }
/**********************
/* TEXT / TEXTAREA
**********************/
input[type=text], input[type=email], input[type=password], input[type=number], .input--text, select {
  width: 191px;
  height: 30px;
  line-height: 30px;
  padding: 5px 5px 5px 10px;
  -webkit-box-sizing: "border-box";
  -moz-box-sizing: "border-box";
  -ms-box-sizing: "border-box";
  box-sizing: "border-box";
  border: 2px solid #eee;
  font-size: 13px;
  font-size: 0.8125rem;
  background-color: #eee;
  box-shadow: 0;
  outline: none;
  -webkit-appearance: none; }

select {
  line-height: normal;
}

.input--text--textarea {
  resize: none;
  height: 60px; }

.input--text--textarea--big {
  width: 90%;
  height: 200px;
  margin: 0 auto;
  display: block; }

.input--text--textarea-container * {
  vertical-align: top; }

.input--text:focus {
  box-shadow: 0;
  outline: none;
  border: 2px solid #42cb6f; }

.input--text--error:focus {
  border: 2px solid #f97e52; }

.input--text--error {
  border: 2px solid #ed5564; }

/* Change placeholder color */
::-webkit-input-placeholder {
  color: #333; }

::-moz-placeholder {
  color: #333; }

:-ms-input-placeholder {
  color: #333; }

input:-moz-placeholder {
  color: #333; }

/* Don't display the spin buttons */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

input[type="number"] {
  -moz-appearance: textfield; }

@media only screen and (max-width: 480px) {
  .input--text {
    width: 80%;
    margin: 0 auto;
    display: block; } }
/* _box
===========================================*/
.box, .errorMessage, .validMessage {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 10px center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff !important;
  vertical-align: middle;
  padding: 10px; }

.box--400, .errorMessage, .validMessage {
  max-width: 400px;
  min-width: 300px;
  margin: 10px auto; }

.box:before, .errorMessage:before, .validMessage:before {
  font-family: FontAwesome;
  margin-right: 10px;
  display: inline-block;
  float: left;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal; }

.box--centered {
  margin: 0 auto; }

.box--visible {
  display: block; }

/* Info */
.box--info {
  background-color: #5c9ded;
  border: 1px solid #5c9ded; }

.box--info:before {
  content: "\f05a"; }

/* Success */
.box--success, .validMessage {
  background-color: #42cb6f;
  border: 1px solid #42cb6f; }

.box--success:before, .validMessage:before {
  content: "\f058"; }

/* Warning */
.box--warning {
  background-color: #f97e52;
  border: 1px solid #f97e52; }

.box--warning:before {
  content: "\f071"; }

/* Error */
.box--error, .errorMessage {
  background-color: #ed5564;
  border: 1px solid #ed5564; }

.box--error:before, .errorMessage:before {
  content: "\f071"; }

/* Link */
.box__link {
  color: #111;
  text-decoration: underline; }

.box__link:hover {
  text-decoration: none; }

/* Paragraphe */
.box__paragraphe {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #fff;
  color: #333;
  padding: 10px;
  margin: 0 0 0 35px; }

/* Liste */
.box__list {
  list-style: circle;
  margin: 0 0 0 35px;
  padding: 10px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #fff;
  color: #333; }

.box__list__item {
  margin: 0;
  display: block;
  width: 100%; }

.box__list__item:before {
  content: "• "; }

@media only screen and (max-width: 480px) {
  .box {
    margin: 10px; } }
/* _abo-style
===========================================*/
.abo-style {
  background-color: #111; }
  .abo-style .habillage-pub .habillage-pub__container .habillage-pub__container__content {
    background: #111;
    color: #fff; }
  .abo-style .habillage-pub__container__content {
    background: #111;
    color: #fff; }
  .abo-style .mm-menu {
    background-color: #111; }
  .abo-style .fake-header {
    background-color: #111; }
  .abo-style .header {
    background-color: #111; }
  .abo-style #content {
    background-color: #111 !important;
    color: #fff; }
  .abo-style .buzzFullHeightContent {
    background-color: #111 !important;
    color: #fff; }
  .abo-style .comic, .abo-style .comic-mobile {
    background-color: #111 !important;
    color: #fff; }
  .abo-style .comics-slider__item__link {
    color: #fff; }
  .abo-style .comics-title .right a.slick-arrow {
    background-color: #111;
    color: #fff; }
  .abo-style .comic__list {
    background-color: #333;
    color: #fff; }
  .abo-style .comic__button__link__price {
    background-color: #111;
    color: #fff; }
  .abo-style footer {
    background-color: #111; }

.abo-sub-header {
  background-color: #111;
  color: #fff;
  text-align: center;
  padding: 0px 5px 10px;
  font-weight: bold; }

.habillage-pub .habillage-pub__container .habillage-pub__container__content {
  max-width: 1024px;
  margin: 200px auto 0px; }

.habillage-pub__container__content {
  background: #ddd; }

@media only screen and (max-width: 1024px) {
  .habillage-pub .habillage-pub__container .habillage-pub__container__content {
    margin: 0 auto; } }
/* _bdme
===========================================*/
.bdme {
  text-align: center;
  margin: 0 auto; }

.bdme__image {
  width: 30%;
  display: inline-block; }

.bdme__text {
  display: inline-block;
  width: 60%;
  text-align: left;
  vertical-align: top;
  line-height: 18px;
  margin-top: 50px; }

@media only screen and (max-width: 480px) {
  .bdme__image {
    width: 90%;
    display: block;
    margin: 0 auto; }

  .bdme__text {
    width: 90%;
    display: block;
    margin: 0 auto; } }
/* _TRICKS
===========================================*/
/* Spécial */
.button-submit, input[type="submit"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: middle;
  display: inline-block;
  background-color: #5c9ded;
  line-height: 30px;
  padding: 10px 15px;
  margin: 5px 0;
  color: #fff;
  font-family: "Futura LT Condensed";
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  border: 1px solid #5c9ded; }

.button-submit:hover, input[type="submit"]:hover {
  background-color: #4b8cdc;
  border-color: #4b8cdc;
  color: #fff !important; }

footer {
  padding: 20px 5px;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic; }

footer ul {
  max-width: 100%;
  text-align: center; }

footer p.copyright {
  text-align: center;
  max-width: 100%; }

footer li {
  margin: 2px; }

p.date {
  width: 300px;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  font-style: italic;
  margin: 0 10px 10px 30px;
  color: #f97e52;
  padding: 5px; }

.page.app {
  max-width: 1024px;
  margin: 0 auto; }

/* TRICK FOR SLIDER @todo mes jolies boucles */
/*@for $i from 1 through 3 {
  @media only screen and (min-width : 100px * $i) {
    .js-slider-principal div.slick-track {
      height: 50px * $i !important;
    }
  }
}

@media only screen and (min-width : 320px) {
  .js-slider-principal div.slick-track {
    height: 180px !important;
  }
}

@for $i from 5 through 7 {
  @media only screen and (min-width : 100px * $i) {
    .js-slider-principal div.slick-track {
      height: 40px * $i !important;
    }
  }
}
@for $i from 8 through 11 {
  @media only screen and (min-width : 100px * $i) {
    .js-slider-principal div.slick-track {
      height: 32px * $i !important;
    }
  }
}

@for $i from 12 through 20 {
  @media only screen and (min-width : 100px * $i) {
    .js-slider-principal div.slick-track {
      height: 28.5px * $i !important;
    }
  }
}
*/
/* trick for souscription page */
div#bubble {
  border-radius: 0;
  color: #111;
  line-height: 18px; }

.button-blue {
  background-color: #5c9ded !important;
  border-color: #5c9ded !important;
  font-family: "Futura LT Condensed";
  color: #fff;
  font-size: 1em !important;
  text-transform: uppercase;
  margin-bottom: 10px; }

.button-blue:hover {
  background-color: #4b8cdc !important; }

.separator {
  padding: 10px; }

.couvLayout span, center span {
  line-height: 30px; }

.buzzFullHeightContent {
  background-color: #ddd; }

#content {
  padding-bottom: 0px !important; }

.loyalityProg {
  display: block;
  max-width: 1024px;
  margin: 0 auto;
  color: #000;
  text-align: center;
  font-size: 90%;
}

.loyalityProg b {
  font-weight: 700;
}

.loyalityProg i {
  font-weight: 300;
}