@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700);
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* Colors */
@font-face {
  font-family: 'Alegreya Sans';
  src: url("../font/AlegreyaSans-BlackItalic.woff2") format("woff2"), url("../font/AlegreyaSans-BlackItalic.woff") format("woff"), url("../font/AlegreyaSans-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Alegreya Sans';
  src: url("../font/AlegreyaSans-Black.woff2") format("woff2"), url("../font/AlegreyaSans-Black.woff") format("woff"), url("../font/AlegreyaSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alegreya Sans';
  src: url("../font/AlegreyaSans-ExtraBold.woff2") format("woff2"), url("../font/AlegreyaSans-ExtraBold.woff") format("woff"), url("../font/AlegreyaSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alegreya Sans';
  src: url("../font/AlegreyaSans-ExtraBoldItalic.woff2") format("woff2"), url("../font/AlegreyaSans-ExtraBoldItalic.woff") format("woff"), url("../font/AlegreyaSans-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Alegreya Sans';
  src: url("../font/AlegreyaSans-Bold.woff2") format("woff2"), url("../font/AlegreyaSans-Bold.woff") format("woff"), url("../font/AlegreyaSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alegreya Sans';
  src: url("../font/AlegreyaSans-BoldItalic.woff2") format("woff2"), url("../font/AlegreyaSans-BoldItalic.woff") format("woff"), url("../font/AlegreyaSans-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Alegreya Sans';
  src: url("../font/AlegreyaSans-Medium.woff2") format("woff2"), url("../font/AlegreyaSans-Medium.woff") format("woff"), url("../font/AlegreyaSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alegreya Sans';
  src: url("../font/AlegreyaSans-MediumItalic.woff2") format("woff2"), url("../font/AlegreyaSans-MediumItalic.woff") format("woff"), url("../font/AlegreyaSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Alegreya Sans';
  src: url("../font/AlegreyaSans-Regular.woff2") format("woff2"), url("../font/AlegreyaSans-Regular.woff") format("woff"), url("../font/AlegreyaSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alegreya Sans';
  src: url("../font/AlegreyaSans-Italic.woff2") format("woff2"), url("../font/AlegreyaSans-Italic.woff") format("woff"), url("../font/AlegreyaSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Alegreya Sans';
  src: url("../font/AlegreyaSans-LightItalic.woff2") format("woff2"), url("../font/AlegreyaSans-LightItalic.woff") format("woff"), url("../font/AlegreyaSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Alegreya Sans';
  src: url("../font/AlegreyaSans-Light.woff2") format("woff2"), url("../font/AlegreyaSans-Light.woff") format("woff"), url("../font/AlegreyaSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alegreya Sans';
  src: url("../font/AlegreyaSans-ThinItalic.woff2") format("woff2"), url("../font/AlegreyaSans-ThinItalic.woff") format("woff"), url("../font/AlegreyaSans-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Alegreya Sans';
  src: url("../font/AlegreyaSans-Thin.woff2") format("woff2"), url("../font/AlegreyaSans-Thin.woff") format("woff"), url("../font/AlegreyaSans-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Yanone Kaffeesatz';
  src: url("../font/y300.eot");
  src: url("../font/y300.eot?#iefix") format("embedded-opentype"), url("../font/y300.woff") format("woff"), url("../font/y300.ttf") format("truetype"), url("../font/y300.svg#y300") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Yanone Kaffeesatz';
  src: url("../font/y400.eot");
  src: url("../font/y400.eot?#iefix") format("embedded-opentype"), url("../font/y400.woff") format("woff"), url("../font/y400.ttf") format("truetype"), url("../font/y400.svg#y400") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Yanone Kaffeesatz';
  src: url("../font/y700.eot");
  src: url("../font/y700.eot?#iefix") format("embedded-opentype"), url("../font/y700.woff") format("woff"), url("../font/y700.ttf") format("truetype"), url("../font/y700.svg#y700") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'rosetaicon';
  src: url("../font/rosetta-icons-Regular.eot");
  src: url("../font/rosetta-icons-Regular.eot?#iefix") format("embedded-opentype"), url("../font/rosetta-icons-Regular.woff") format("woff"), url("../font/rosetta-icons-Regular.ttf") format("truetype");
}
@font-face {
  font-family: 'eiR';
  src: url("../font/edge-icons-Regular.eot");
  src: url("../font/edge-icons-Regular.eot?#iefix") format("embedded-opentype"), url("../font/edge-icons-Regular.woff") format("woff"), url("../font/edge-icons-Regular.ttf") format("truetype");
}
/* Fonts faces
@font-face {
    font-family: 'Yanone Kaffeesatz';
    src: url("../font/yanonekaffeesatz-regular.eot");
    src: url("../font/yanonekaffeesatz-regular.eot?#iefix") format('embedded-opentype'),
         url("../font/yanonekaffeesatz-regular.woff") format('woff'),
         url("../font/yanonekaffeesatz-regular.ttf") format('truetype'),
         url("../font/yanonekaffeesatz-regular.svg#yanone_kaffeesatzregular") format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Yanone Kaffeesatz Bold';
    src: url("../font/yanonekaffeesatz-bold.eot");
    src: url("../font/yanonekaffeesatz-bold.eot?#iefix") format('embedded-opentype'),
         url("../font/yanonekaffeesatz-bold.woff") format('woff'),
         url("../font/yanonekaffeesatz-bold.ttf") format('truetype'),
         url("../font/yanonekaffeesatz-bold.svg#yanone_kaffeesatzbold") format('svg');
    font-weight: normal;
    font-style: normal;
}*/
body {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-size: 13px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  clear: both;
}

h1 {
  font-size: 25px;
  line-height: 25px;
}
h1 span {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #E5334C;
  font-size: 25px;
  line-height: 25px;
}

h2 {
  font-size: 23px;
  line-height: 30px;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  width: 100%;
}
h2, h2 a {
  color: #E5334C;
  text-decoration: none;
}

h3 {
  font-size: 18px;
  line-height: 19px;
}

h4 {
  font-size: 17px;
  line-height: 17px;
}

p {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 18px;
  /*font-weight: 500;*/
}

p.notice {
  font-size: 13px;
  line-height: 14px;
  color: #707070;
  margin: 20px 0;
}

.bold {
  font-weight: bold;
}

.textblock {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.textblock .h2 {
  font-size: 23px;
  line-height: 24px;
  font-weight: 500;
}

/* Sprites */
.ui-sprite, .link-arrow-bold, .main-search .search-submit, .main-search .search-submit:hover, ul.menu-list-arrows li span, div.leading div.social div.cbd_like.liked .like, div.leading div.social div.cbd_like.liked .like:hover, div.leading div.social div.cbd_like .count, div.leading div.social div.cbd_like .like, div.leading div.social div.cbd_like .like:hover, div.leading div.social div.cbd_like .unlike, div.leading div.social div.cbd_like .unlike:hover, .dial-box .dial, .dial-box.error .dial, .membre .leading .card .boxs > div.like, #quiz .results label .learnwhy, #quiz .results label .learnwhy.opened, .quiz-related li span {
  background-image: url('../img/sprites/ui-s2c17ec4d27.png');
  background-repeat: no-repeat;
}

.bg-sprite, .aside .ranking ul li .score {
  background-image: url('../img/sprites/bg-sd317fc8e93.png');
  background-repeat: no-repeat;
}

.social-sprite {
  background-image: url('../img/sprites/social-s2c7ceace1c.png');
  background-repeat: no-repeat;
}

/**/
.Icon {
  travnsition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  color: white;
  cursor: default;
  font-family: rosetaicon;
  font-size: 30px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  text-decoration: none !important;
}
.Icon.v2 {
  font-family: eiR;
}
.Icon.no-shadow {
  text-shadow: none;
}
.Icon.bold {
  font-weight: bold;
}
.Icon.cameraPlus:before {
  content: "\F111";
}
.Icon.memberPlus:before, .Icon.memberSub:before {
  cursor: pointer;
  text-decoration: none;
  margin-right: 10px;
}
.Icon.memberPlus:before {
  content: '\F175';
}
.Icon.memberSub:before {
  content: '\F097';
}
.Icon.arrowLeft, .Icon.arrowRight {
  color: black !important;
}
.Icon.arrowLeft:before, .Icon.arrowRight:before {
  cursor: pointer;
}
.Icon.arrowLeft:before {
  content: '\F172';
}
.Icon.arrowRight:before {
  content: '\F173';
}
.Icon.arrowUp:before {
  content: '\F180';
}
.Icon.arrowDown:before {
  content: '\F181';
}
.Icon.user:before {
  content: '\F056';
}
.Icon.close:before {
  cursor: pointer;
  content: '\F045';
  font-size: 15px;
  color: #E5334C;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  opacity: 1;
}
.Icon.close:before:hover {
  color: #E5334C;
}
.Icon.close2:before {
  cursor: pointer;
  content: '\F044';
  font-size: 16px;
  font-weight: bold;
}
.Icon.close2:before:hover {
  color: #E5334C;
}
.Icon.disconnect:before {
  content: "\F185";
}
.Icon.settings1:before {
  content: '\F059';
}
.Icon.settings2:before {
  content: '\F138';
}
.Icon.news:before {
  content: '\F300';
}
.Icon.calendar:before {
  content: '\F203';
}
.Icon.account:before {
  content: '\F002';
}
.Icon.video:before {
  content: '\F159';
}
.Icon.play:before {
  content: '\F301';
}
.Icon.search:before {
  content: '\F058';
  text-shadow: none;
  color: black;
}

.fa-bell {
  font-size: initial;
}

/* Blocks */
.hidden {
  display: none;
}

/* Roll over */
.roll .over {
  display: none;
}

.roll:hover .over {
  display: block;
}
.roll:hover .out {
  display: none;
}

/* Shadows */
.shadow {
  box-shadow: 0 0 5px rgba(200, 200, 200, 0.5);
  border: 1px solid #ddd;
}

/* Separator */
.sep-big, .sep-big-nomargin {
  width: 100%;
  height: 11px;
}

.sep-big {
  margin-bottom: 15px;
}

.sep-line {
  width: 100%;
  height: 1px;
}

/* Label de suggestion */
.suggestion {
  color: #fff;
  background: #E5334C;
  padding: 3px 4px 3px 9px;
  margin-top: 5px;
  height: 13px;
}
.suggestion span {
  float: left;
  padding-right: 10px;
}
.suggestion .remove-suggestion img {
  vertical-align: top;
  margin: 0;
}

/* Buttons */
.link-arrow:before, .arrow-link:before, .see-more:before, .see-less:before {
  display: inline-block;
  font-size: 14px;
  margin-right: 5px;
  color: #E5334C;
}
.link-arrow:hover:before, .arrow-link:hover:before, .see-more:hover:before, .see-less:hover:before {
  color: #E5334C;
}

/*
.link-arrow, .arrow-link{
	&:before{
		content:'►';
	}
}
*/
.see-more:before {
  content: '▼';
}

.see-less:before {
  content: '▲';
}

.link-arrow-bold {
  background-position: 0 -832px;
  padding-left: 20px;
  text-decoration: underline !important;
  padding-bottom: 1px;
}

.link-arrow-bold {
  font-weight: bold;
}

.link-sep {
  text-align: right;
}
.link-sep img {
  width: 125px;
  margin-bottom: 20px;
}

input[type="button"], input[type="submit"], .btn-action {
  cursor: pointer;
  color: #fff;
  background: #E5334C;
  border: none;
  padding: 3px 8px;
  font-size: 12px;
}

input[type="button"]:hover, input[type="submit"]:hover, .btn-action:hover {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
input[type="button"]:hover:not([disabled]), input[type="submit"]:hover:not([disabled]), .btn-action:hover:not([disabled]) {
  background: #E5334C;
}

.btn-wide, .btn-large, .btn-medium, .btn-medium-selected, .pagination .btn, .pagination .btn-current {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  color: #fff;
  font-size: 17px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  padding: 0 10px;
  cursor: pointer;
  text-decoration: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.btn-large {
  padding: 3px 18px;
  font-size: 28px !important;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}

.btn-large.btn-new-red {
  padding-left: 30px;
  padding-right: 30px;
  /*width: 65px;*/
}

.btn-medium {
  background: #000;
}

.btn-medium span:hover {
  color: #E5334C !important;
}

.btn-medium-selected {
  cursor: default;
  background: #E5334C;
}

.btn-medium-selected span:hover {
  color: #fff !important;
}

.btn-wide {
  line-height: 26px;
}

.btn-large {
  line-height: 32px;
}

.btn-red {
  background: #E5334C;
}

.btn-red:hover {
  background: #E5334C;
}

.btn-flash, .btn-flash-red, .btn-flat, .btn-flat-red {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  cursor: pointer;
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
  background: #000;
  padding: 5px;
  *padding: 3px 5px 8px 5px;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.btn-flat, .btn-flat-red {
  margin-top: 10px;
  padding: 5px 10px;
  *padding: 3px 10px 8px 10px;
  min-width: 55px;
}

.btn-flash, .btn-flash-red {
  text-transform: uppercase;
  font-style: italic;
  box-shadow: 2px 2px 5px rgba(100, 100, 100, 0.7);
  width: 110px;
}

.btn-flash-red, .btn-flat-red {
  travnsition: "background,color,border" 0.3s ease-out;
  -webkit-transition: "background,color,border" 0.3s ease-out;
  -moz-transition: "background,color,border" 0.3s ease-out;
  -ms-transition: "background,color,border" 0.3s ease-out;
  -o-transition: "background,color,border" 0.3s ease-out;
  background: #E5334C;
}
.btn-flash-red:hover, .btn-flat-red:hover {
  background: #E5334C;
}

.btn-menu {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  color: #fff;
  text-align: center;
  padding: 5px 0;
}
.btn-menu span {
  padding: 0 20px;
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.7);
}

.btn-menu {
  cursor: pointer;
  background: #000;
}

.btn-menu:hover {
  background: #E5334C;
}

.btn-menu-current, .btn-menu-current:hover {
  cursor: default !important;
  background: #E5334C !important;
  margin-left: -1px;
}
.btn-menu-current span, .btn-menu-current:hover span {
  background: none;
}

.btn-menu-first {
  margin-left: 0 !important;
}

.btn-menu-panel-current {
  background: #E5334C;
}

.btn-video {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background: #E5334C;
  color: #fff;
  padding: 7px 10px;
  border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  text-decoration: none;
  position: relative;
}
.btn-video:hover {
  color: #fff !important;
  background: #E5334C;
}
.btn-video:hover span::before {
  color: black;
}
.btn-video:active {
  top: 1px;
  left: 1px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.btn-video span {
  padding-right: 10px;
  font-size: 12px;
}

.btn-new {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  travnsition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
  text-decoration: none;
  cursor: pointer;
  color: white;
  font-size: 15px;
  padding: 5px 10px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  background: #E5334C;
}
.btn-new.selected {
  cursor: pointer;
  background: black;
  color: white;
  border: 1px solid transparent;
}
.btn-new:hover {
  color: white !important;
  background: #E5334C;
  border: 1px solid #E5334C;
}
.btn-new.follow {
  padding: 2px 10px;
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.8) inset;
  vertical-align: middle;
}
.btn-new.follow .Icon {
  font-size: 17px;
}
.btn-new.follow .text {
  position: relative;
  top: -2px;
  font-size: 16px;
  font-weight: bold;
  font-family: "Alegreya Sans";
}

.btn-new-red {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background: #E5334C;
  color: #fff;
  padding: 7px 10px;
  border: none;
  border-radius: 3px;
  text-decoration: none;
  position: relative;
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-size: 15px;
  cursor: pointer;
}
.btn-new-red:hover {
  color: #fff !important;
  background: #E5334C;
}
.btn-new-red:hover span::before {
  color: black;
}
.btn-new-red:active {
  top: 1px;
  left: 1px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.btn-new-red.white {
  background: white;
  color: black;
  border: 1px solid grey;
}
.btn-new-red.white:hover {
  background: #E5334C;
  border: 1px solid #E5334C;
}
.btn-new-red.grey {
  background: #707070;
}
.btn-new-red.lu {
  background-image: url("../img/ui/alb_lu_ok.svg");
  background-repeat: no-repeat;
}
.btn-new-red.collec {
  background-image: url("../img/ui/librairie_ok.svg");
  background-repeat: no-repeat;
}
.btn-new-red.wish {
  background-image: url("../img/ui/wishlist_ok.svg");
  background-repeat: no-repeat;
}
.btn-new-red.newfollowSerie {
  background-image: url("../img/ui/followSerie_on.svg");
}
.btn-new-red.followAuteur {
  background-image: url("../img/ui/follow_on.svg");
}
.btn-new-red.newfollowSerie, .btn-new-red.followAuteur {
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  box-shadow: none;
  border-radius: 7px;
}
.btn-new-red img {
  display: none;
}

.common-btn {
  width: 60px;
  height: 60px;
}

.zoo-button {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  cursor: pointer;
  background-color: transparent;
  color: #333333;
  font-weight: bold;
  border: #333333 2px solid;
  padding: 7px 10px;
  border-radius: 7px;
  text-decoration: none;
  position: relative;
}
.zoo-button:not([disabled]):hover {
  border: #E5334C 2px solid;
  background-color: #E5334C;
  color: white;
}
.zoo-button.active {
  background: #E5334C;
  border: #E5334C 2px solid;
  color: white;
}
.zoo-button.bold {
  font-weight: bold;
}
.zoo-button[disabled] {
  background: #afafaf;
  color: white;
  cursor: default;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6) inset;
}

.btn-new-flat {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  cursor: pointer;
  background: black;
  color: #fff;
  padding: 7px 10px;
  border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  text-decoration: none;
  position: relative;
}
.btn-new-flat:not([disabled]):hover {
  color: #fff !important;
  background: rgba(0, 0, 0, 0.9);
}
.btn-new-flat:not([disabled]):hover.red {
  background: #E5334C;
}
.btn-new-flat:not([disabled]):hover span::before {
  color: black;
}
.btn-new-flat:not([disabled]):active {
  top: 1px;
  left: 1px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
}
.btn-new-flat.red {
  background: #E5334C;
}
.btn-new-flat.bold {
  font-weight: bold;
}
.btn-new-flat[disabled] {
  background: #afafaf;
  color: white;
  cursor: default;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6) inset;
}

.onoffswitch {
  position: relative;
  width: 50px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.onoffswitch .onoffswitch-checkbox {
  display: none;
}
.onoffswitch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #707070;
  border-radius: 20px;
  line-height: 0;
}
.onoffswitch .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  travnsition: margin 0.3s ease-in;
  -webkit-transition: margin 0.3s ease-in;
  -moz-transition: margin 0.3s ease-in;
  -ms-transition: margin 0.3s ease-in;
  -o-transition: margin 0.3s ease-in;
}
.onoffswitch .onoffswitch-inner:before, .onoffswitch .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 15px;
  padding: 0;
  line-height: 15px;
  font-size: 10px;
  color: white;
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.onoffswitch .onoffswitch-inner:before {
  content: "Oui";
  padding-left: 5px;
  background-color: #E5334C;
  color: white;
}
.onoffswitch .onoffswitch-inner:after {
  content: "Non";
  padding-right: 5px;
  background-color: #EEEEEE;
  color: #707070;
  text-align: right;
}
.onoffswitch .onoffswitch-switch {
  display: block;
  width: 13px;
  margin: 1px;
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 33px;
  border: 1px solid #707070;
  border-radius: 20px;
  travnsition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}

.mtbt {
  display: inline-block;
  cursor: pointer;
  border: none;
  font-size: 1.1em;
  color: white;
  background-color: black;
  padding: 8px 12px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  text-decoration: none;
}

.mtbt:hover {
  background-color: #444444;
}

.mtbt i {
  margin-right: 7px;
  margin-left: 0;
}

.mtbt-icn-right i {
  margin-right: 0;
  margin-left: 7px;
}

.mtbt-red {
  color: white;
  background-color: #E5334C;
}

.mtbt-red:hover {
  background-color: #E5334C;
}

a {
  color: #000;
  cursor: pointer;
  /*&.selected:hover {
    color:#aaa !important;
    .off {
  	display:inline;
    }
    .on {
  	display:none;
    }
  }*/
}
a .on {
  display: none;
}
a.selected {
  cursor: default;
}
a.selected, a:hover:not(.NC):not(.btn-red) {
  color: #E5334C;
}
a.selected .off, a:hover:not(.NC):not(.btn-red) .off {
  display: none;
}
a.selected .on, a:hover:not(.NC):not(.btn-red) .on {
  display: inline;
}

a.anchor {
  content: "";
  display: block;
  height: 50px;
  /* fixed header height*/
  margin: -50px 0 0;
  /* negative fixed header height */
}

.link-readmore {
  margin-top: -10px;
  margin-bottom: 40px;
  font-size: 15px;
}

.link-more {
  /*
  @include font-cond;
  background:url('../img/ui/arrow-left-light.png') no-repeat 0 7px;
  padding-left:12px;
  font-size:18px;
  font-weight:normal !important;
  */
  color: #e6344c;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  background: url("../img/ui/arrow_to_right.png") no-repeat 0 7px;
  padding-left: 12px;
  font-size: 17px;
  font-weight: 700;
}

h2 > a:hover {
  text-decoration: underline;
}

.link_presse_critism {
  flex: 1 1 auto;
  margin-top: 15px;
  margin-right: 10px;
}

input, textarea {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  margin: 0;
}

input[type="text"], input[type="password"], textarea, .frame, .dial-box .frame-crt {
  color: #333;
  padding: 1px 2px;
  border: 2px solid #e1e1e1;
  font-size: 11px;
}
input[type="text"]:focus, input[type="text"].focus, input[type="password"]:focus, input[type="password"].focus, textarea:focus, textarea.focus, .frame:focus, .dial-box .frame-crt:focus, .frame.focus, .dial-box .focus.frame-crt {
  border-color: #b6b0b0;
}

input[type="text"].error, input[type="password"].error, textarea.error, .error textarea {
  border: 2px solid #E5334C !important;
}

*[disabled="disabled"], .disabled_field {
  color: #707070 !important;
  background: #e4e4e4;
}

select, option {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 3px;
}

select {
  border: 1px solid #000;
}

.error {
  color: #E5334C !important;
}

.correct {
  color: #1c871c;
}

.disabled {
  color: #bbb;
}

label {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  color: #000;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
}

form.classic .field, form.classic .field-half {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: 15px;
}
form.classic .field.error label, form.classic .field-half.error label {
  color: #E5334C;
}
form.classic .field.error input, form.classic .field.error select, form.classic .field.error textarea, form.classic .field-half.error input, form.classic .field-half.error select, form.classic .field-half.error textarea {
  border-color: #E5334C;
}
form.classic .field > label, form.classic .field-half > label {
  margin-bottom: 2px;
  float: left;
  width: 190px;
  padding-top: 10px;
}
form.classic .field > label, form.classic .field > label a, form.classic .field-half > label, form.classic .field-half > label a {
  font-weight: bold;
}
form.classic .field > label span, form.classic .field-half > label span {
  font-size: 14px;
  font-weight: normal;
}
form.classic .field > label a, form.classic .field-half > label a {
  margin-left: 5px;
  padding-left: 7px;
  border-left: 1px solid #000;
}
form.classic .field > label.radio, form.classic .field-half > label.radio {
  width: auto;
  float: none;
}
form.classic .field > label.mention, form.classic .field-half > label.mention {
  font-weight: normal;
  font-size: 12px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
form.classic .field > label.required::after, form.classic .field-half > label.required::after {
  position: absolute;
  margin-left: 3px;
  content: ' *';
  font-size: 20px;
  color: #E5334C;
  vertical-align: super;
}
form.classic .field.small-inline label, form.classic .field-half.small-inline label {
  float: none;
  margin-right: 5px;
}
form.classic .field.small-inline label:not(:first-child), form.classic .field-half.small-inline label:not(:first-child) {
  margin-left: 10px;
  position: relative;
}
form.classic .field.small-inline label, form.classic .field.small-inline input, form.classic .field.small-inline select, form.classic .field.small-inline textarea, form.classic .field-half.small-inline label, form.classic .field-half.small-inline input, form.classic .field-half.small-inline select, form.classic .field-half.small-inline textarea {
  width: 100px;
}
form.classic .field-half {
  width: 390px;
}
form.classic .field-half input[type="text"], form.classic .field-half select {
  width: 130px;
}
form.classic .field-half .field-right {
  width: 170px;
  margin-right: -40px;
}
form.classic .field-half.field-half-right {
  width: 250px;
}
form.classic .field-half.field-half-right label {
  width: auto;
  margin-right: 10px;
}
form.classic .field-right {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  vertical-align: middle;
  width: 460px;
}
form.classic .progress_bar {
  position: relative;
  height: 18px;
  background: #ff9900 url(../img/misc/progressbar.gif) repeat-x;
  color: #000;
  font-style: italic;
  font-weight: bold;
  text-indent: 10px;
  margin-top: 10px;
  line-height: 18px;
}
form.classic input[type="text"], form.classic input[type="password"], form.classic select, form.classic textarea, form.classic input[type="date"], form.classic input[type="number"], form.classic input[type="time"], form.classic input[type="url"], form.classic input[type="email"] {
  width: 440px;
  font-size: 15px;
  font-weight: bold;
  border: 3px solid #e1e1e1;
  padding: 6px;
  border-radius: 4px;
}
form.classic input[type="text"].medium, form.classic input[type="password"].medium, form.classic select.medium, form.classic textarea.medium, form.classic input[type="date"].medium, form.classic input[type="number"].medium, form.classic input[type="time"].medium, form.classic input[type="url"].medium, form.classic input[type="email"].medium {
  width: 180px;
}
form.classic input[type="text"].full, form.classic input[type="password"].full, form.classic select.full, form.classic textarea.full, form.classic input[type="date"].full, form.classic input[type="number"].full, form.classic input[type="time"].full, form.classic input[type="url"].full, form.classic input[type="email"].full {
  width: 630px;
  margin-top: 10px;
}
form.classic select {
  width: 458px;
}
form.classic select.compact {
  width: auto;
  border-radius: 0px;
  border-width: 2px;
}
form.classic input[type="file"], form.classic input[type="checkbox"], form.classic input[type="radio"] {
  margin-top: 8px;
  margin-bottom: 5px;
}
form.classic p {
  padding: 10px 0;
}
form.classic a {
  font-size: 11px;
}
form.classic .suggestion-list {
  float: left;
  margin-bottom: 25px;
}
form.classic .suggestion-list .suggestion {
  float: left;
  margin-right: 10px;
}
form.classic div.check-group {
  float: left;
  clear: both;
  width: 100%;
}
form.classic div.check {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 155px;
  margin-top: 5px;
}
form.classic div.check input, form.classic div.check label {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  vertical-align: middle;
}
form.classic div.check input {
  margin-right: 3px;
}
form.classic div.check label {
  width: 120px;
}
form.classic input[type="submit"] {
  float: right;
  padding: 8px 12px;
  margin: 30px 3px;
  font-size: 18px;
}
form.classic.small-centered {
  position: relative;
  padding-bottom: 50px;
}
form.classic.small-centered .field {
  display: block;
}
form.classic.small-centered .field label {
  float: none;
  display: block;
  padding: 5px;
  width: auto !important;
}
form.classic.small-centered .field input, form.classic.small-centered .field select {
  width: calc(100% - 12px);
  padding: 10px 6px;
}
form.classic.small-centered .field input[type='submit'], form.classic.small-centered .field select[type='submit'] {
  float: none;
  margin: 10px 0 0 0;
  font-weight: bold;
}
form.classic.small-centered .field input:focus:not([type='submit']), form.classic.small-centered .field select:focus:not([type='submit']) {
  border: 2px solid #707070;
  outline: 1px solid transparent;
}
form.classic .sep-big {
  margin-bottom: 30px;
}

form.compact .field {
  margin-bottom: 6px;
}
form.compact .field.error label {
  color: #E5334C;
}
form.compact .field.error input, form.compact .field.error select, form.compact .field.error textarea {
  border-color: #E5334C;
}
form.compact label {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding-top: 4px;
  font-size: 14px;
}
form.compact input[type="text"], form.compact input[type="password"], form.compact select, form.compact textarea {
  border: 1px solid #000;
  font-size: 14px;
  padding: 2px;
}
form.compact input[type="submit"] {
  font-weight: bold;
  font-size: 14px;
  margin-top: 2px;
}

form .loading_screen {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.8);
}
form .loading_screen .content {
  top: 50%;
  position: absolute;
  width: calc(100% - 20px);
  padding: 10px;
  font-size: 23px;
  text-align: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
form .loading_screen .content img.loader {
  width: 75px;
  display: block;
  margin: 30px auto 0 auto;
}

.lightbox {
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  text-align: center;
  overflow-x: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lightbox .lightbox-inner {
  font-size: 0;
  margin-top: 50px;
}
.lightbox .reader-iframe {
  margin-top: 30px;
  margin-left: 80px;
  margin-right: 80px;
  width: calc(100% - 160px);
  height: calc(100% - 30px);
}
.lightbox .close2 {
  position: absolute;
  right: 27px;
  top: 38px;
  color: white;
  z-index: 100;
}
.lightbox .close2:before {
  travnsition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  padding-bottom: 10px;
  padding-left: 10px;
  font-weight: bold;
  font-size: 30px;
}
.lightbox .close2:hover:before {
  color: #E5334C;
}
.lightbox .prev, .lightbox .next {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  vertical-align: middle;
}
.lightbox .content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 979px) {
  .lightbox .content {
    max-width: 100%;
  }
}
@media screen and (min-width: 980px) {
  .lightbox .content {
    max-width: 60%;
  }
}
.lightbox .content p {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  padding: 17px 5px 10px 5px;
  color: white;
}
.lightbox .content img {
  background: white;
  max-width: 100%;
}
.lightbox .next, .lightbox .prev {
  travnsition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background: black;
  border-radius: 5px;
  border: 1px solid grey;
  padding: 15px;
  margin: 10px;
}
.lightbox .next:hover, .lightbox .next.active, .lightbox .prev:hover, .lightbox .prev.active {
  background: rgba(208, 19, 21, 0.8);
}
.lightbox .next .arrow-right, .lightbox .next .arrow-left, .lightbox .prev .arrow-right, .lightbox .prev .arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: relative;
}
.lightbox .next .arrow-left, .lightbox .prev .arrow-left {
  border-right: 15px solid white;
}
.lightbox .next .arrow-right, .lightbox .prev .arrow-right {
  border-left: 15px solid white;
}

.owl-container .fullwidth {
  margin-left: -20px;
  width: calc(100% + 40px);
}
.owl-container.left-side {
  width: 655px;
}
.owl-container.left-side .item img {
  width: 655px;
}
.owl-container .owl-carousel .owl-stage-outer {
  max-height: 350px;
}
.owl-container .owl-carousel .slidetitle {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  color: white;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  margin-top: -45px;
  height: 25px;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;
}
.owl-container .owl-carousel .slidetitle .legend {
  position: relative;
  top: 5px;
}
.owl-container .owl-carousel .slidetitle .btn-new-flat {
  font-size: 12px;
  float: right;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) inset;
}
.owl-container .owl-carousel .owl-item img {
  max-height: 298px;
  margin: auto;
}
.owl-container .owl-carousel .owl-item:not(.center) {
  opacity: 0.7;
}
.owl-container .owl-carousel .owl-prev, .owl-container .owl-carousel .owl-next {
  background: none !important;
  position: absolute;
  height: 87%;
  width: calc( (100% - 655px) / 2);
  padding: 0 !important;
  margin: 0 !important;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-container .owl-carousel .owl-prev:hover .Icon, .owl-container .owl-carousel .owl-next:hover .Icon {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6), 0 0 5px white;
  color: #E5334C;
}
.owl-container .owl-carousel .owl-prev .Icon, .owl-container .owl-carousel .owl-next .Icon {
  position: absolute;
  top: 40%;
}
.owl-container .owl-carousel .owl-prev .Icon.arrowLeft, .owl-container .owl-carousel .owl-next .Icon.arrowLeft {
  left: 15px;
}
.owl-container .owl-carousel .owl-prev .Icon.arrowRight, .owl-container .owl-carousel .owl-next .Icon.arrowRight {
  right: 15px;
}
.owl-container .owl-carousel .owl-next {
  right: 0;
}
.owl-container .owl-carousel .owl-prev {
  left: 0;
}
.owl-container .owl-carousel .owl-dots {
  float: right;
  position: relative;
  right: 20px;
}
.owl-container .owl-carousel .owl-dots .owl-dot span {
  background: none;
  travnsition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  border: 1px solid #333;
  margin: 0 5px;
}
.owl-container .owl-carousel .owl-dots .owl-dot.active span {
  border: 1px solid #E5334C;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6) inset;
  background: #E5334C;
}

#carousel-mag {
  display: flex;
  align-items: center;
}

.mag::-webkit-scrollbar, .homeline.manga::-webkit-scrollbar {
  display: none;
}

#next-mag, #prev-mag, #next-manga, #prev-manga {
  cursor: pointer;
  width: auto;
}

#carousel-gam {
  display: flex;
  align-items: center;
}

.gam::-webkit-scrollbar {
  display: none;
}

#next-gam, #prev-gam {
  cursor: pointer;
  width: auto;
}

#carousel-alb {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

#next-alb, #prev-alb {
  cursor: pointer;
  width: auto;
}

.hide_scrollbar {
  overflow: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#univers-agenda .aside.search {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  width: 270px;
  text-align: center;
  margin: 9px 0 0 10px;
}
#univers-agenda #search-event form {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  height: 270px;
  margin-bottom: 8px !important;
  padding: 20px;
}
#univers-agenda #search-event form th {
  padding: 0 10px 10px 0;
}
#univers-agenda #search-event form label {
  width: 60px;
}
#univers-agenda #search-event form input[type="text"] {
  width: 182px;
}
#univers-agenda #search-event form select {
  width: 188px;
}
#univers-agenda #search-event form input[type="submit"] {
  margin-left: 64px;
}
#univers-agenda #search-event form .field {
  padding: 7px 0;
}
#univers-agenda .eve-day, #univers-agenda .eve-week, #univers-agenda .eve-month {
  float: left;
  background: none repeat scroll 0 0 #fff;
  box-shadow: 0 0 5px rgba(200, 200, 200, 0.5);
  margin: 5px;
  padding: 10px;
  border: 1px solid #d8dadc;
}
#univers-agenda .eve-day p, #univers-agenda .eve-week p, #univers-agenda .eve-month p {
  font-size: 12px;
  line-height: 14px;
}
#univers-agenda .eve-great.eve-day, #univers-agenda .eve-great.eve-week {
  float: left;
  background: none repeat scroll 0 0 #fff;
  box-shadow: 0 0 5px rgba(200, 200, 200, 0.5);
  margin: 5px;
  padding: 10px;
  border: 1px solid #d8dadc;
}
#univers-agenda .panel-inner {
  height: 440px;
  overflow-y: scroll;
}
#univers-agenda .panel-inner div {
  margin-bottom: 10px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #d8dadc;
}
#univers-agenda div.cbd_like {
  color: #999;
  cursor: pointer;
  display: inline-block;
  height: 39px;
  line-height: 18px;
  margin-left: 13px;
  padding-top: 7px;
  position: relative;
  vertical-align: top;
  width: 170px;
}
#univers-agenda .comment-left {
  margin: -15px 0 0;
}

/************************************/
/************** SORTIR **************/
/************************************/
#sortir .eve {
  width: 160px;
  float: left;
  background: none repeat scroll 0 0 #fff;
  box-shadow: 0 0 5px rgba(200, 200, 200, 0.5);
  margin: 5px;
  padding: 10px;
  border: 1px solid #d8dadc;
}
#sortir .eve p {
  font-size: 12px;
  line-height: 14px;
}

/************************************/
/*************** HACK ***************/
/************************************/
.clear {
  clear: both;
}

#msgContain {
  z-index: 1000;
  position: fixed;
}

#msgContain.top {
  top: 35px;
}

#msgContain.bottom {
  bottom: 10px;
}

#msgContain.left {
  left: 5px;
}

#msgContain.right {
  right: 5px;
}

#msgContain .msgBox {
  z-index: 1;
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #000;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.8) inset;
  padding: 10px;
  margin-top: 10px;
  width: 230px;
  border-radius: 3px;
}

#msgContain .msgBox b {
  font-weight: bold;
}

#msgContain .msgBox i {
  font-style: italic;
}

#msgContain .msgBox u {
  text-decoration: underline;
}

#msgContain .msgBox .data-msgBox {
  font-size: 16px;
  display: inline-block;
  position: relative;
  left: 20px;
  width: 80%;
  padding-bottom: 20px;
}

#msgContain .msgBox .data-msgBox .time {
  position: absolute;
  color: #4b4b4b;
  right: 0;
  bottom: 0;
}

#msgContain .msgBox .state {
  width: 15px;
  vertical-align: top;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}

#msgContain .msgBox .progressBar {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  background: #d80011;
  position: absolute;
  bottom: 0;
  right: 5px;
  height: 1px;
  width: 95%;
  box-shadow: 0 0 1px #d80011;
}

#msgContain .msgBox .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-weight: bold;
}

#msgContain .msgBox .close:hover {
  color: #d80011;
  cursor: pointer;
}

#msgContain .msgBox.initFade {
  display: none;
}

#msgContain .msgBox.initSlide.left {
  left: -500px;
}

#msgContain .msgBox.initSlide.right {
  right: -500px;
}

#confBox {
  position: fixed;
  text-align: center;
  padding: 10px 30px;
  z-index: 10000;
  background: rgba(225, 225, 225, 0.8);
  width: 300px;
  left: 40%;
  top: 150px;
  border-radius: 3px;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.6);
  border: 1px solid #d80011;
}

#confBox .msg {
  font-size: 18px;
}

#confBox .response {
  position: relative;
  margin-top: 20px;
}

#confBox .response .positive, #confBox .response .negative {
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  font-weight: bold;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  position: relative;
  width: 75px;
  height: 30px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.4) inset, -1px -1px 1px rgba(255, 255, 255, 0.4) inset;
  border-radius: 3px;
  cursor: pointer;
}

#confBox .response .positive::-moz-focus-inner, #confBox .response .negative::-moz-focus-inner {
  border: 0;
  outline: 0;
}

#confBox .response .positive:active, #confBox .response .negative:active {
  top: 1px;
}

#confBox .response .positive {
  margin-left: -20px;
  background: #78AB4C;
  border: 1px solid #78AB4C;
}

#confBox .response .positive:hover {
  border: 1px dashed #80C445;
  background: #80C445;
}

#confBox .response .negative {
  margin-left: 20px;
  background: #AB534B;
  border: 1px solid #AB534B;
}

#confBox .response .negative:hover {
  background: #CF5C5C;
  border: 1px dashed #AB534B;
}

#mask {
  width: auto;
  height: auto;
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  top: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1500;
  display: none;
}

#discretTempMsg {
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  border: 1px dashed white;
  vertical-align: middle;
  border-radius: 5px;
  display: none;
  color: white;
  font-size: 14px;
  margin: auto;
  padding: 10px;
  position: fixed;
  top: 300px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1000;
}
#discretTempMsg h3 {
  margin-bottom: 5px;
}
#discretTempMsg .close {
  travnsition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  position: absolute;
  top: 0;
  right: 0;
  background: #E5334C;
  padding: 0 6px;
  width: 15px;
  height: 15px;
  border-radius: 0 2px;
  box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.8) inset;
  font-weight: bold;
  font-size: 11px;
  font-family: "Comic Sans MS";
  cursor: pointer;
  color: white;
}
#discretTempMsg .close:hover {
  background: #E5334C;
}

#bandContainer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
#bandContainer .bandMsg {
  text-align: center;
  padding: 10px;
  position: relative;
  width: 100%;
}
#bandContainer .bandMsg:nth-child(odd) {
  background: rgba(255, 255, 255, 0.9);
  color: black;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset;
}
#bandContainer .bandMsg:nth-child(odd):first-child {
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.8);
}
#bandContainer .bandMsg:nth-child(even) {
  background: rgba(0, 0, 0, 0.9);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.8);
}
#bandContainer .bandMsg:nth-child(even) * {
  color: white;
}
#bandContainer .bandMsg .msg {
  font-family: "Alegreya Sans";
  font-size: 20px;
  letter-spacing: 1px;
}
#bandContainer .bandMsg .msg a {
  color: #E5334C;
}
#bandContainer .bandMsg .msg a:hover {
  color: #E5334C;
}
#bandContainer .bandMsg input[type=submit].validate {
  width: 50px;
  position: relative;
  margin-left: 15px;
}
#bandContainer .bandMsg .dontDisplay {
  margin-left: 15px;
}

.quotes {
  text-align: left;
  padding-left: 20px;
}
.quotes .share {
  position: relative;
  top: 10px;
}
.quotes li {
  margin-bottom: 25px;
}
.quotes p {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
}
.quotes .author {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}
.quotes a.link-author {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-weight: 700;
  font-size: 18px;
  color: #000;
}
.quotes p.quote {
  padding-top: 5px;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 1px;
}
.quotes p.quote span.sign {
  font-size: 42px;
  line-height: 16px;
  font-weight: bold;
  color: #E5334C;
  vertical-align: middle;
}
.quotes p.quote .who, .quotes p.quote .where {
  font-size: 18px;
}
.quotes p.quote .where a {
  font-style: italic;
}
.quotes #more-quotes {
  text-decoration: underline;
}

.ui-accordion .ui-accordion-content {
  border-radius: 0;
  border: 0;
}
.ui-accordion .ui-accordion-header {
  border-radius: 0;
  margin: 0 !important;
  border: 0;
  outline: 0;
}
.ui-accordion .ui-accordion-header:not(.ui-accordion-header-active) {
  background: rgba(220, 220, 220, 0.3);
  border: 1px dotted rgba(0, 0, 0, 0.2);
  color: black;
}
.ui-accordion .ui-accordion-header.ui-accordion-header-active {
  color: #E5334C;
  box-shadow: 0 -3px 2px -2px rgba(0, 0, 0, 0.3) inset;
  border: 0;
}
.ui-accordion .ui-accordion-header:hover {
  color: #E5334C;
}
.ui-accordion label {
  font-size: 14px;
}

.video-box {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  position: relative;
  text-align: left;
  text-decoration: none;
}
.video-box img, .video-box div.infos {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.video-box.standard {
  width: 250px;
}
.video-box:hover .video-details .desc-short {
  color: #E5334C;
}
.video-box div.video {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  position: relative;
  margin: auto;
  text-align: center;
}
.video-box div.video img.thumb {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
}
.video-box div.video img.play-video {
  width: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.video-box .video-details {
  padding-bottom: 10px;
}
.video-box .video-details .stats {
  margin-top: 3px;
  text-decoration: none !important;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.video-box .video-details .title {
  margin-top: 5px;
  font-weight: bold;
}
.video-box .video-details .desc-short {
  padding-top: 5px;
  font-size: 12px;
  text-decoration: none !important;
  color: rgba(0, 0, 0, 0.8);
}

.tooltipBox {
  font-family: "Alegreya Sans";
  font-weight: normal;
  line-height: 1.2;
  text-transform: none;
  font-size: 14px;
  border-radius: 3px;
  text-align: center;
  padding: 10px 5px;
  color: white;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  width: -moz-max-content;
  min-width: 200px;
  z-index: 1000;
}

#fb-root .fb_dialog.fb_dialog_advanced {
  left: 15% !important;
}

.searchBox {
  background: white;
  border-radius: 3px;
  border: 1px solid #707070;
  width: 400px;
  height: auto;
  min-height: 130px;
  max-height: calc(130px*5 + 30px);
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 100;
  margin-top: 5px;
}
.searchBox .item {
  travnsition: background 0.2s ease-in;
  -webkit-transition: background 0.2s ease-in;
  -moz-transition: background 0.2s ease-in;
  -ms-transition: background 0.2s ease-in;
  -o-transition: background 0.2s ease-in;
  text-align: left;
  padding: 5px;
  display: block;
}
.searchBox .item:hover, .searchBox .item.ui-state-hovered {
  background: whitesmoke;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4) inset, 0 -2px 2px -1px rgba(0, 0, 0, 0.4) inset;
}
.searchBox .item:hover:first-child, .searchBox .item.ui-state-hovered:first-child {
  box-shadow: 0 -2px 2px -1px rgba(0, 0, 0, 0.4) inset;
}
.searchBox .item:hover:last-child, .searchBox .item.ui-state-hovered:last-child {
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4) inset;
}
.searchBox .item.first-of-cat {
  border-top: 2px solid #E5334C;
}
.searchBox .item:not(first-child) {
  border-top: 1px solid #e4e4e4;
}
.searchBox .item img, .searchBox .item div.infos {
  display: inline-block;
}
.searchBox .item img {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
.searchBox .item .infos {
  margin-left: 5px;
  max-width: 285px;
  vertical-align: top;
}
.searchBox .item .infos .title, .searchBox .item .infos .subtitle {
  line-height: 1 !important;
}
.searchBox .item .infos .title {
  color: black;
}
.searchBox .item .infos .title .dataType {
  letter-spacing: 1px;
  color: #E5334C !important;
}
.searchBox .item .infos .subtitle {
  color: #707070 !important;
  font-family: "Alegreya Sans";
  font-size: 15px !important;
  position: relative !important;
  top: 5px !important;
  margin-left: 2px !important;
  font-weight: normal !important;
}
.searchBox .closeSearchBox {
  width: 100%;
  border-radius: 0;
  background: white;
  color: black;
  padding: 10px 5px;
}
.searchBox .closeSearchBox:last-child {
  border-top: 1px dashed grey;
}
.searchBox .closeSearchBox:first-child {
  border-bottom: 1px dashed grey;
}
.searchBox .closeSearchBox:hover .Icon::before {
  color: white;
}
.searchBox .closeSearchBox .Icon {
  font-size: inherit;
  margin-right: 10px;
}
.searchBox .closeSearchBox .Icon::before {
  color: black;
}

#pdf-lightbox {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 0 !important;
  display: none;
  background: white;
}
#pdf-lightbox iframe {
  margin-top: 35px;
  width: 100%;
  height: calc(100% - 55px) !important;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.4);
}
#pdf-lightbox .close {
  position: absolute;
  font-size: 30px;
  top: 0;
  right: 5px;
  color: #E5334C;
  cursor: pointer;
}

.opengraph-link {
  display: block !important;
  background: #f0f0f0;
  border: 1px solid grey;
  margin-bottom: 5px;
  max-width: 560px;
  text-align: left;
}
.opengraph-link .sitename {
  text-decoration: none !important;
  display: block;
  font-size: 15px;
  text-transform: uppercase;
  color: #4b4b4b;
  margin-bottom: 8px;
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.opengraph-link .title {
  text-decoration: none !important;
  color: black;
  font-size: 18px !important;
  text-shadow: none !important;
  font-weight: bold;
  line-height: 22px;
}
.opengraph-link .infos {
  padding: 5px 10px;
  box-shadow: none !important;
}
.opengraph-link .infos a {
  text-decoration: none !important;
}
.opengraph-link .infos .description {
  color: #333;
  line-height: 1.2;
  font-size: 13px;
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
}
.opengraph-link .img_preview, .opengraph-link .infos {
  display: block !important;
  margin: auto;
}
.opengraph-link .img_preview {
  max-width: 100%;
}
.opengraph-link.inline .img_preview, .opengraph-link.inline .infos {
  display: inline-block !important;
}
.opengraph-link.inline .img_preview {
  max-width: 160px;
}
.opengraph-link.inline .infos {
  max-width: calc(100% - 173px);
  vertical-align: top;
  padding: 5px;
}

.cbd_loader {
  width: auto;
  height: auto;
  margin: 0 auto 50px;
}
.cbd_loader.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
}
.cbd_loader .loader, .cbd_loader .loader:before, .cbd_loader .loader:after {
  -webkit-animation: load_neuf 1s infinite ease-in;
  -moz-animation: load_neuf 1s infinite ease-in;
  -ms-animation: load_neuf 1s infinite ease-in;
  animation: load_neuf 1s infinite ease-in;
  width: 15px;
  height: 20px;
}
.cbd_loader .loader:before, .cbd_loader .loader:after {
  position: absolute;
  top: 0;
  content: "";
}
.cbd_loader .loader:before {
  right: -20px;
}
.cbd_loader .loader {
  position: relative;
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.cbd_loader .loader:after {
  right: 20px;
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
@-webkit-keyframes load_neuf {
  0%, 80%, 100% {
    box-shadow: 0 0 #D3D3D3;
    height: 20px;
    background: #D3D3D3;
  }
  40% {
    box-shadow: 0 -15px #d80011;
    height: 32px;
    background: #d80011;
  }
}
@-moz-keyframes load_neuf {
  0%, 80%, 100% {
    box-shadow: 0 0 #D3D3D3;
    height: 20px;
    background: #D3D3D3;
  }
  40% {
    box-shadow: 0 -15px #d80011;
    height: 32px;
    background: #d80011;
  }
}
@-ms-keyframes load_neuf {
  0%, 80%, 100% {
    box-shadow: 0 0 #D3D3D3;
    height: 20px;
    background: #D3D3D3;
  }
  40% {
    box-shadow: 0 -15px #d80011;
    height: 32px;
    background: #d80011;
  }
}
@keyframes load_neuf {
  0%, 80%, 100% {
    box-shadow: 0 0 #D3D3D3;
    height: 20px;
    background: #D3D3D3;
  }
  40% {
    box-shadow: 0 -15px #d80011;
    height: 32px;
    background: #d80011;
  }
}
.cbd_overlay_loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(200, 200, 200, 0.6);
}

.cbd_window {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  travnsition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  width: 100%;
  max-width: 650px;
  min-height: 300px !important;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.7) !important;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #E5334C;
  background: white;
}
.cbd_window.small {
  max-width: 300px;
  min-height: 200px !important;
}
.cbd_window.xsmall {
  max-width: 300px;
  min-height: 150px !important;
}
.cbd_window h2 {
  text-align: center;
  color: black;
  line-height: normal;
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid grey;
}
.cbd_window .close {
  travnsition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  position: absolute;
  right: 2px;
  top: 2px;
  font-size: 25px;
  color: #E5334C;
}
.cbd_window .close:hover {
  cursor: pointer;
  color: #E5334C;
}
.cbd_window .shareLinkPopup {
  margin-top: 10px;
  text-align: center;
}
.cbd_window .shareLinkPopup .shareLinkPopup_input {
  width: 320px;
  font-size: 12px;
  padding: 5px;
  margin-right: 5px;
}
.cbd_window .shareLinkPopup .shareLinkPopup_container {
  display: flex;
  margin-top: 10px;
}
.cbd_window .shareLinkPopup .tooltip {
  position: relative;
  display: inline-block;
}
.cbd_window .shareLinkPopup .tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}
.cbd_window .shareLinkPopup .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.cbd_window .shareLinkPopup .tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

body {
  background: no-repeat fixed top;
}
body.fullscreen #mobileTopBar {
  display: none !important;
}
body.fullscreen #main {
  box-shadow: none;
  border: 0;
  width: auto !important;
  padding-top: 0;
}
body.fullscreen #main section {
  min-height: auto;
}
body.fullscreen #main footer {
  display: none !important;
}

/* Layout width */
/* Panel width ($layout-width - 82 (padding 20*2 + border)) usefull when float:left */
/* Main container */
#main {
  position: relative;
  z-index: 1;
  width: 980px;
  margin: 225px auto 0;
  background: #fff;
  border: 1px solid #d8dadc;
}
#main.size1 {
  margin-top: 145px;
}
#main.size2 {
  margin-top: 225px;
}
#main.alignTop {
  margin-top: 31px;
}

#bglink {
  display: block;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  text-indent: -5000em;
}

/* White panel with shadow, over content */
.panel-over {
  background: #fff;
  border: 1px solid #000;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 2;
  padding: 10px 7px;
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  margin-left: -1px;
}
.panel-over li.disconnect {
  margin-top: 5px;
}
.panel-over li a {
  text-decoration: none !important;
}
.panel-over li a .icon {
  travnsition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  margin-right: 10px;
  color: black;
  position: relative;
  left: 0;
  font-size: 18px;
}
.panel-over li a:hover .icon.slide-left {
  left: 5px;
}
.panel-over li a:hover .icon {
  color: #E5334C;
}

/* Pagination */
.pagination {
  font-size: 0;
  text-align: center;
  vertical-align: middle;
}

/* topBar */
#topBar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 31px;
  background: #000;
  font-size: 0;
}
#topBar p, #topBar span {
  color: #fff;
  font-size: 17px;
  line-height: 30px;
  font-weight: bold;
}
#topBar .inner {
  width: 980px;
  margin: auto;
}
@media screen and (max-width: 980px) {
  #topBar .inner {
    width: 100%;
  }
}
@media screen and (max-width: 721px) {
  #topBar .inner .accroche {
    display: none;
  }
}
#topBar .inner > * {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#topBar .community {
  float: left;
}
#topBar .community > * {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#topBar .community .icon-home {
  font-size: 23px;
  margin-right: 20px;
  travnsition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#topBar .community .icon-home:hover {
  color: #E5334C;
}
#topBar .member {
  float: right;
}
#topBar .member > * {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#topBar .member .btn-medium {
  padding: 0 10px;
}
#topBar .member .btn-medium span {
  travnsition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
#topBar .member .modeLocal {
  background: #219B33;
}
#topBar .member .modeLocal:hover {
  background: #60EB75 !important;
}
#topBar .member .login-btn, #topBar .member .user-btn {
  padding: 0 25px;
  cursor: pointer;
  travnsition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
#topBar .member .login-btn:hover, #topBar .member .user-btn:hover {
  background: #E5334C;
}
#topBar .member .login-panel {
  width: 159px;
  margin-right: -159px;
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
}
#topBar .member .login-panel #login-email, #topBar .member .login-panel #login-password, #topBar .member .login-panel #resetpw-email {
  width: 150px;
  margin-top: 2px;
  margin-bottom: 6px;
}
#topBar .member .login-panel .login-submit, #topBar .member .login-panel .resetpw-submit {
  margin-bottom: 5px;
}
#topBar .member .login-panel .lost-password {
  font-size: 10px;
}
#topBar .member .login-panel p.error {
  margin: 5px 0;
}
#topBar .member .user-btn {
  text-align: left;
  padding-right: 0;
}
#topBar .member .user-btn .arrow {
  min-width: 110px;
  padding-right: 40px;
  background: url("../img/ui/arrow-down-square.png") no-repeat right;
}
#topBar .member .user-panel {
  padding: 0;
  width: 100%;
  margin-right: -100%;
}
#topBar .member .user-panel a {
  font-size: 16px;
  font-weight: 700;
  word-spacing: 1px;
  text-decoration: none;
  travnsition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
#topBar .member .user-panel a:hover {
  text-decoration: underline;
  color: #E5334C;
}
#topBar .member .user-panel ul {
  padding: 5px;
}
#topBar .member .user-panel li {
  padding: 5px;
}
#topBar .member .subscription-status-menu-item {
  padding: 5px !important;
}
#topBar .member .subscription-status-menu-item .subscription-badge-menu {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: white !important;
  text-decoration: none !important;
  transition: all 0.3s ease;
  background: linear-gradient(135deg, #424242 0%, #212121 100%);
}
#topBar .member .subscription-status-menu-item .subscription-badge-menu i {
  font-size: 14px;
}
#topBar .member .subscription-status-menu-item .subscription-badge-menu:hover {
  background: linear-gradient(135deg, #212121 0%, #000000 100%);
  transform: translateX(3px);
}
#topBar .member .subscription-status-menu-item .subscription-badge-menu.status-active {
  background: linear-gradient(135deg, #1c871c 0%, #15661d 100%);
}
#topBar .member .subscription-status-menu-item .subscription-badge-menu.status-active:hover {
  background: linear-gradient(135deg, #15661d 0%, #0e4a0f 100%);
  transform: translateX(3px);
}
#topBar .member .subscription-status-menu-item .subscription-badge-menu.status-expiring {
  background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
}
#topBar .member .subscription-status-menu-item .subscription-badge-menu.status-expiring:hover {
  background: linear-gradient(135deg, #f57c00 0%, #e65100 100%);
  transform: translateX(3px);
}
#topBar .member .subscription-status-menu-item .subscription-badge-menu.status-expired {
  background: linear-gradient(135deg, #e5334c 0%, #c62828 100%);
}
#topBar .member .subscription-status-menu-item .subscription-badge-menu.status-expired:hover {
  background: linear-gradient(135deg, #c62828 0%, #b71c1c 100%);
  transform: translateX(3px);
}
#topBar .member .subscription-status-menu-item .subscription-badge-menu.status-admin_no_sub {
  background: linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);
}
#topBar .member .subscription-status-menu-item .subscription-badge-menu.status-admin_no_sub:hover {
  background: linear-gradient(135deg, #7b1fa2 0%, #6a1b9a 100%);
  transform: translateX(3px);
}
#topBar .member .subscription-status-menu-item .subscription-badge-menu.status-never_subscribed {
  background: linear-gradient(135deg, #757575 0%, #616161 100%);
}
#topBar .member .subscription-status-menu-item .subscription-badge-menu.status-never_subscribed:hover {
  background: linear-gradient(135deg, #616161 0%, #424242 100%);
  transform: translateX(3px);
}
#topBar .member form.classic .field {
  margin-top: 2px;
}
#topBar .member form.classic .field label {
  float: none;
  width: auto;
}
#topBar .member form.classic .field input {
  width: calc(100% - 20px) !important;
}
#topBar .member form.classic input[type='submit'] {
  float: none;
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
}
#topBar .member form.classic .lost-password {
  font-size: 12px;
}
#topBar #fixedSearch {
  margin-left: 50px;
}
#topBar #fixedSearch .searchInput, #topBar #fixedSearch .submitButton {
  display: inline-block;
}
#topBar #fixedSearch .searchInput {
  position: relative;
  top: 0;
  height: 25px;
  padding: 3px 5px;
  font-size: 14px;
  vertical-align: top;
  border: 0;
  box-shadow: -1px 0 3px rgba(0, 0, 0, 0.8) inset;
  width: 300px;
}
#topBar #fixedSearch .submitButton {
  width: 30px;
  text-align: center;
  box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4) inset, 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
  border: 1px dashed #d80011;
  height: 29px;
  cursor: pointer;
}
#topBar #fixedSearch .submitButton .search {
  cursor: pointer;
  font-size: 13px;
}
#topBar #fixedSearch .submitButton .search:before {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
  color: white;
}

#topBar p.notice, #topBar p.error, #sitemap p.notice, #sitemap p.error {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 13px;
}
#topBar p.error, #sitemap p.error {
  margin-top: 10px;
  font-weight: bold;
}
#topBar p.notice, #sitemap p.notice {
  color: #000;
  margin-bottom: 10px;
}

ul.social {
  margin: 1px 8px 0 5px;
  font-size: 0;
}
ul.social li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin: 0 2px;
}
ul.social li img {
  width: 29px;
}

.subscription-status-menu-item-mobile .subscription-badge-menu {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: white !important;
  text-decoration: none !important;
  transition: all 0.3s ease;
  background: linear-gradient(135deg, #424242 0%, #212121 100%);
}
.subscription-status-menu-item-mobile .subscription-badge-menu .Icon {
  font-size: 16px;
}
.subscription-status-menu-item-mobile .subscription-badge-menu:hover, .subscription-status-menu-item-mobile .subscription-badge-menu:active {
  background: linear-gradient(135deg, #212121 0%, #000000 100%);
}
.subscription-status-menu-item-mobile .subscription-badge-menu.status-active {
  background: linear-gradient(135deg, #1c871c 0%, #15661d 100%);
}
.subscription-status-menu-item-mobile .subscription-badge-menu.status-active:hover, .subscription-status-menu-item-mobile .subscription-badge-menu.status-active:active {
  background: linear-gradient(135deg, #15661d 0%, #0e4a0f 100%);
}
.subscription-status-menu-item-mobile .subscription-badge-menu.status-expiring {
  background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
}
.subscription-status-menu-item-mobile .subscription-badge-menu.status-expiring:hover, .subscription-status-menu-item-mobile .subscription-badge-menu.status-expiring:active {
  background: linear-gradient(135deg, #f57c00 0%, #e65100 100%);
}
.subscription-status-menu-item-mobile .subscription-badge-menu.status-expired {
  background: linear-gradient(135deg, #e5334c 0%, #c62828 100%);
}
.subscription-status-menu-item-mobile .subscription-badge-menu.status-expired:hover, .subscription-status-menu-item-mobile .subscription-badge-menu.status-expired:active {
  background: linear-gradient(135deg, #c62828 0%, #b71c1c 100%);
}
.subscription-status-menu-item-mobile .subscription-badge-menu.status-admin_no_sub {
  background: linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);
}
.subscription-status-menu-item-mobile .subscription-badge-menu.status-admin_no_sub:hover, .subscription-status-menu-item-mobile .subscription-badge-menu.status-admin_no_sub:active {
  background: linear-gradient(135deg, #7b1fa2 0%, #6a1b9a 100%);
}
.subscription-status-menu-item-mobile .subscription-badge-menu.status-never_subscribed {
  background: linear-gradient(135deg, #757575 0%, #616161 100%);
}
.subscription-status-menu-item-mobile .subscription-badge-menu.status-never_subscribed:hover, .subscription-status-menu-item-mobile .subscription-badge-menu.status-never_subscribed:active {
  background: linear-gradient(135deg, #616161 0%, #424242 100%);
}

header {
  position: relative;
}
header h1 {
  width: 230px;
  height: 100px;
  margin-bottom: 5px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}

/* Main Search */
.main-search {
  font-size: 0;
  line-height: 0;
}
.main-search .search-query, .main-search .search-submit {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  border: 1px solid #000;
}
.main-search .search-query {
  travnsition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  height: 20px;
  border-right: none;
  background: #e4e4e4;
  font-size: 14px;
  padding: 4px 10px;
}
.main-search .search-submit {
  width: 30px;
  height: 28px;
  border-left: none;
  overflow: hidden;
  background-position: 0 -3626px;
}
.main-search .search-submit input {
  border: none;
  font-size: 32px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.main-search .search-submit:hover {
  background-position: 0 -3448px;
}
.main-search .query-tip {
  margin-top: 2px;
  font-size: 13px;
  line-height: 13px;
}

header .main-search {
  position: absolute;
  top: 0;
  right: 0;
  margin: 20px;
}
header .main-search .search-query {
  width: 340px;
}

/* Fix IE7 */
* + html .main-search .search-submit {
  margin-left: -1px;
  margin-top: 1px;
}

nav ul#menu {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
}
nav ul#menu li.mainMenu {
  height: 35px;
  padding-top: 5px;
}
nav ul#menu li {
  display: inline-block;
  position: relative;
  text-align: center;
  min-width: 100px;
}
nav ul#menu li.current {
  background: #ECECEC;
}
nav ul#menu li:first-child {
  border-left: 0;
}
nav ul#menu li a {
  display: block;
  padding: 7px 18px;
  color: #000000;
  text-decoration: none;
  font-size: 18px;
  font-family: "Alegreya Sans";
  font-weight: 700;
}
nav ul#menu li:hover, nav ul#menu li:focus {
  background: #ECECEC;
}
nav ul#menu li:hover ul.submenu, nav ul#menu li:focus ul.submenu {
  opacity: 1;
  margin-top: 5px;
  visibility: visible;
}
nav ul#menu li ul.submenu {
  travnsition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  position: absolute;
  z-index: 100;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  left: 50%;
  overflow: hidden;
  background: #ECECEC;
  border-radius: 0;
  margin-top: 25px;
  opacity: 0;
  visibility: hidden;
  padding: 10px;
}
nav ul#menu li ul.submenu li {
  padding: 3px 0;
  background: #ECECEC;
  border: 0;
  margin-right: 0;
}
nav ul#menu li ul.submenu li a {
  font-weight: 500;
  width: 150px;
  color: black;
  display: block;
  font-size: 14px;
  padding: 2px 10px;
}
nav ul#menu li ul.submenu li a:hover, nav ul#menu li ul.submenu li a:focus {
  font-size: 18px !important;
}
nav ul#menu li:hover ul.submenu {
  display: block;
  opacity: 1;
}
nav #navigation {
  color: #707070;
  padding: 10px 16px;
}
nav #navigation p {
  font-size: 20px;
  font-weight: bold;
}
nav #navigation a {
  color: #707070;
  text-decoration: none;
}
nav #navigation a:hover {
  color: #000;
  text-decoration: underline;
}

ul.menu-list, ul.menu-list-caps {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-size: 11px;
  border: 1px solid #999;
  background: #fff;
  box-shadow: 1px 1px 4px rgba(80, 80, 80, 0.5);
  overflow: hidden;
}
ul.menu-list li, ul.menu-list-caps li {
  border-top: 1px solid #ccc;
  margin-top: -1px;
}
ul.menu-list li div, ul.menu-list-caps li div {
  cursor: pointer;
  padding: 7px 9px;
}
ul.menu-list li.current a, ul.menu-list li.current div, ul.menu-list-caps li.current a, ul.menu-list-caps li.current div {
  color: #fff;
  background: #E5334C;
}
ul.menu-list li:hover a, ul.menu-list li:hover div, ul.menu-list-caps li:hover a, ul.menu-list-caps li:hover div {
  color: #fff;
  background: #E5334C;
}
ul.menu-list b, ul.menu-list-caps b {
  font-weight: bold;
}

ul.menu-list-arrows li span {
  background-position: 0 -832px;
  padding-left: 20px;
  display: block;
}
ul.menu-list-arrows li div {
  padding-left: 5px;
}

ul.menu-list-caps {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

/* Footer */
footer {
  position: relative;
  background: #000;
  padding: 20px;
  color: #fff;
}
footer a {
  color: #fff;
  text-decoration: none;
}
footer a:hover {
  color: #E5334C;
  text-decoration: underline;
}
footer h2 {
  color: white;
}
footer .centered {
  position: relative;
  display: block;
  margin: auto;
}
footer .app-links a img {
  width: 150px;
  margin: 10px;
}
footer .row:not(:first-child) {
  margin-top: 30px;
}
footer .row h2 {
  margin-top: 0;
}
footer .col {
  display: inline-block;
  vertical-align: top;
  width: auto;
}
footer .col:not(:first-child) {
  margin-left: 30px;
}
footer .col h3 {
  margin-bottom: 15px;
}
footer .col.social {
  text-align: right;
}
footer .col.social .search-query {
  width: 250px;
}
footer .col.social .absolute {
  position: absolute;
  right: 0;
}
footer .col.social .who {
  font-size: 16px;
  margin-top: 10px;
}
footer .col.social .networks {
  text-align: right;
  margin-top: 10px;
}
footer .col.social .networks img {
  travnsition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  width: 35px;
  filter: grayscale(100%);
}
footer .col.social .networks img:hover {
  filter: grayscale(0);
}
footer .partners {
  text-align: center;
  margin-top: 30px;
}
footer .partners h2, footer .partners h2 a {
  color: white;
  margin-top: 0;
  text-align: left;
}
footer .partners .partner img {
  vertical-align: middle;
  max-width: 130px;
  margin: 0 25px;
}
footer .block {
  display: block;
}

/*
#sitemap {
	position:relative;
	width:570px;
	@include inline-block;
	#sitemap-head {
		padding-bottom:5px;
		border-bottom:2px solid #fff;
	}
	.title {
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
		line-height:20px;
		@include inline-block;
	}
	ul.social {
		position:absolute;
		right:-10px;
		//top:-6px;
	}
	.newsletter {
		position:absolute;
		top:-5px;
		right:105px;
		color:#000;
	}
	.links {
		margin-top:15px;
		ul {
			@include inline-block;
			float:left;
			h5 {
				@include font-base;
				font-size:13px;
				font-weight:bold;
				text-transform:uppercase;
				color:#b2b2b2;
			}
			li {
				clear:both;
				float:left;
				padding:3px 0;
				width:135px;
			}
		}
	}
}
#footer-right {
	@include inline-block;
	margin-left:20px;
	.main-search {
		.search-query {
			position:relative;
			width:280px;
		}
	}
	.links {
		font-size:14px;
		font-weight:bold;
		margin-top:10px;
		li {
			margin:7px 0;
		}
	}
}*/
.panel-onglets {
  overflow: hidden;
}
.panel-onglets ul.onglets {
  font-size: 0;
}
.panel-onglets ul.onglets li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  padding: 6px 18px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
  margin: 0 5px 5px;
  border-radius: 3px;
  cursor: pointer;
}
.panel-onglets ul.onglets li:hover {
  color: #fff;
  background: #E5334C;
}
.panel-onglets ul.onglets li.current {
  cursor: default;
  color: #fff;
  background: #E5334C;
}
.panel-onglets ul.onglets.onglets-fat li {
  font-size: 17px;
  font-weight: bold;
}

.panel, .panel-list {
  padding: 20px;
  box-shadow: 0 0 5px rgba(200, 200, 200, 0.5);
  border: 1px solid #ddd;
  border: 1px solid #9d9d9d;
}

.panel a:not(.link-arrow) {
  text-decoration: none;
}
.panel.galerie {
  padding: 10px;
  text-align: center;
}
.panel.galerie img {
  border: 1px solid #000;
  margin: 15px;
  max-width: 220px;
  vertical-align: middle;
}
.panel.cols .col {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 250px;
  position: relative;
  padding-left: 30px;
  margin-left: 29px;
  border-left: 1px solid rgba(100, 100, 100, 0.6);
}
.panel.cols .col:nth-child(odd) h2, .panel.cols .col:nth-child(odd) h2 a {
  color: #E5334C;
}
.panel.cols .col:nth-child(odd) h2 {
  border-bottom: 1px solid #E5334C;
}
.panel.cols .col h2 {
  text-decoration: none;
  font-weight: bold;
  line-height: 22px;
  font-size: 22px !important;
  text-transform: uppercase;
  padding: 2px 5px 2px 10px;
  margin: 0 0 10px 0;
  color: black;
  border-bottom: 1px solid black;
}
.panel.cols .col h2 a {
  travnsition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  color: black;
}
.panel.cols .col h2 a:hover {
  color: #E5334C;
}
.panel.cols .col:first-child {
  padding-left: 10px;
  margin-left: 0;
  border: none;
}
.panel.cols .col a:not(:last-child) .album-box-flash {
  border-bottom: 1px solid #999;
}
.panel.cols .col .album-box-flash {
  height: 120px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.panel.cols .col .album-box-flash div.infos {
  width: 165px;
}
.panel.cols .col .album-box-flash div.infos h3.title {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 19px;
  margin-top: 0;
  margin-bottom: 2px;
  color: black;
}
.panel.cols .col .album-list {
  margin-bottom: 50px;
}
.panel.cols .col .controls {
  margin-top: -50px;
  margin-bottom: 20px;
}
.panel .encarts {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-size: 0;
  width: 650px;
  margin-top: -35px;
}
.panel .encarts a, .panel .encarts p {
  font-size: 12px;
}
.panel .encarts .encart {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-right: 24px;
  margin-top: 35px;
}
.panel .encarts .encart img {
  margin-bottom: 5px;
  border: 1px solid #000;
}
.panel .panel-aside {
  width: 240px;
  position: relative;
}
.panel .panel-aside .box {
  font-size: 0;
  margin-bottom: 10px;
}
.panel .panel-aside .box p, .panel .panel-aside .box img {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.panel .panel-aside .box.vertical-middle p, .panel .panel-aside .box.vertical-middle img {
  vertical-align: middle;
}
.panel .panel-aside .box p {
  width: 150px;
}
.panel .panel-aside .box p strong {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 23px;
}
.panel .panel-aside .box a p {
  text-decoration: none;
}
.panel .panel-aside .box a:hover p {
  text-decoration: underline;
}
.panel .panel-aside .box img {
  border: 1px solid #000;
  margin-right: 5px;
}
.panel .panel-aside .thumb-list {
  position: absolute;
  top: 183px;
  font-size: 0;
}
.panel .panel-aside .thumb-list .panel {
  padding: 8px;
  margin-bottom: 7px;
}
.panel .panel-aside .thumb-list .panel > * {
  margin-left: 6px;
  *margin-left: 5px;
}
.panel .panel-aside .thumb-list .panel > *:first-child {
  margin-left: 0;
}
.panel .panel-aside .thumb-list .link-arrow {
  font-size: 12px;
}
.panel .link-arrow {
  line-height: 21px;
  font-size: 13px;
}
.panel .panel-aside {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.panel.simple-list {
  position: relative;
}
.panel.simple-list .album-box img {
  width: 147px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.panel-list {
  padding: 8px 5px;
}
.panel-list a .album-box-flash {
  text-decoration: none;
  margin-bottom: 10px;
}
.panel-list .sep-line {
  margin: 10px 0;
}

#membre-stat,
#V2-biblio-collection,
#membre-series-suivies {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.head {
  width: 100%;
  color: white;
  /*HEAD TOP*/
}
.head .head-top {
  width: auto;
  height: 190px;
  display: flex;
  flex-direction: row;
  background-color: #e6344c;
  padding-right: 45px;
  padding-left: 21px;
  padding-top: 42px;
}
.head .top-img {
  position: relative;
  width: 210px;
  height: 280px;
  background-image: url("");
  background-position: center;
  background-size: cover;
}
.head .top-body {
  display: flex;
  width: 80%;
  flex-direction: column;
  margin-left: 35px;
  text-transform: uppercase;
}
.head .title {
  font-size: 50px;
}
.head .buttons {
  margin-top: 113px;
  display: flex;
  flex-direction: row;
}
.head .bouton {
  display: flex;
  width: 150px;
  height: 28px;
  text-align: center;
  border: solid 2.5px white;
  border-radius: 7.5px;
  color: white;
  text-decoration: none;
  font-weight: 900;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  padding-top: 3px;
}
.head .bouton:hover {
  background-color: white;
}
.head .bouton-stats {
  margin-left: auto;
}
.head .active {
  background-color: white;
  color: black;
}

.biblio-goApps {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.biblio-goApps .container {
  width: 100%;
}
.biblio-goApps .goApps-title {
  font-size: 18px;
  text-align: center;
  color: #e6344c;
}
.biblio-goApps .app-store,
.biblio-goApps .play-store {
  width: 100%;
  display: block;
}
.biblio-goApps .app-store a img,
.biblio-goApps .play-store a img {
  width: 100%;
}

:focus {
  outline: none;
}

::-moz-focus-inner {
  border: 0;
}

* {
  box-sizing: initial;
}

a:focus {
  color: black;
}

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

.marge-sep {
  margin-left: 2px;
  margin-right: 2px;
}

.checkboxBlk {
  accent-color: black;
}

/* Content */
section.content {
  padding: 10px 20px;
  min-height: 800px;
}
section.content .pagination {
  clear: both;
  margin-top: 50px;
  margin-bottom: 40px;
  display: block;
}
section.content .pagination .btn {
  travnsition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
  color: black;
  height: 30px;
  margin: 0 2px;
  text-decoration: none;
  border: 1px solid transparent;
}
section.content .pagination .btn.current {
  cursor: default;
  background: #E5334C;
  color: white;
}
section.content .pagination .btn:not(.current):hover {
  color: #E5334C;
  border: 1px solid #E5334C;
}
section.content .pagination .btn.first {
  font-size: 18px;
  margin-right: 30px;
}
section.content .pagination .btn.last {
  margin-left: 30px;
}
section.content .pagination.small {
  margin-top: 0;
  margin-bottom: 0;
}
section.content .pagination.small .btn {
  height: 25px;
  line-height: 25px;
  width: 25px;
  font-size: 12px;
  padding: 0;
  margin: 0 1px;
}
section.content .pagination.small .btn.first {
  margin-right: 5px;
}
section.content .pagination.small .btn.last {
  margin-left: 5px;
}
section.content .pagination.right {
  text-align: right;
}
section.content article .pagination {
  margin-top: 20px;
}

section.content-aside {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 650px;
  padding: 0 32px 10px 16px;
  background: url("../img/bg/aside-gradient.png") repeat-y right;
}

.space-content {
  margin-top: 20px;
}

.album-box {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
  margin: 0 2.5px;
  /*
  img {
  	border:1px solid #000;
  }
  */
}
.album-box h3.collection {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 20px;
  margin-top: 8px;
  /*padding-bottom:30px;*/
  max-width: 147px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.album-box p.title {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.album-box:hover p.collection, .album-box:hover p.title {
  text-decoration: underline;
}

a .album-box-flash:hover h3, a .author-box:hover h3 {
  text-decoration: underline;
}
a .album-box-flash:hover h3, a .album-box-flash:hover p, a .author-box:hover h3, a .author-box:hover p {
  color: #E5334C !important;
}

.new-album-box-flash {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  position: relative;
  zoom: 1;
  vertical-align: top;
  position: relative;
  text-decoration: none;
  width: 140px;
  padding-right: 20px;
  margin-bottom: 35px;
  text-align: center;
  /*
  img {
  	border:1px solid #000;
  }
  */
}
.new-album-box-flash h3 {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #E5334C;
  margin: 2px 0 12px 0;
  font-size: 20px;
}
.new-album-box-flash img, .new-album-box-flash div.infos {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.new-album-box-flash div.infos {
  width: 120px;
  word-break: break-word;
}
.new-album-box-flash div.infos .titre {
  padding-bottom: 5px;
}
.new-album-box-flash p.collection, .new-album-box-flash p.title, .new-album-box-flash p.perso_name, .new-album-box-flash h3.title {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 17px;
  margin-bottom: 2px;
  margin-top: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.new-album-box-flash p.collection span, .new-album-box-flash p.title span, .new-album-box-flash p.perso_name span, .new-album-box-flash h3.title span {
  font-size: 13px;
}
.new-album-box-flash p.title {
  color: #999;
}
.new-album-box-flash a {
  text-decoration: none !important;
}
.new-album-box-flash .img-container {
  position: relative;
  width: fit-content;
}
.new-album-box-flash .overlay {
  min-height: 175px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  align-items: center;
  justify-content: center;
}
.new-album-box-flash .overlay .overlay_content {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.new-album-box-flash .overlay .overlay_content .overlay_container {
  height: inherit;
  width: fit-content;
  margin: auto;
  display: inline-grid;
}
.new-album-box-flash .overlay .overlay_content .overlay_container .btn-lu {
  cursor: pointer;
  margin-top: 10px;
}
.new-album-box-flash .overlay .overlay_content .overlay_container .btn-collec {
  cursor: pointer;
  margin-top: 10px;
}
.new-album-box-flash .overlay .overlay_content .overlay_container .btn-wish {
  cursor: pointer;
  margin-top: 10px;
}
.new-album-box-flash a:hover {
  text-decoration: underline;
}
.new-album-box-flash:hover .title {
  color: #E5334C;
}

.delimite-sep {
  color: black;
  opacity: 0.3;
  clear: both;
}

.img-container:hover .overlay {
  display: block;
}
.img-container:hover .choix {
  display: block;
}

.new-author-box .info-chron {
  width: fit-content;
}
.new-author-box .info-chron .titre {
  margin-bottom: 10px;
  font-weight: bold;
  color: #00000066;
  width: fit-content;
}
.new-author-box .info-chron:hover .titre {
  color: #E5334C;
}

@media screen and (min-width: 980px) {
  .new-author-box {
    width: 450px;
    margin-left: 20px;
  }
}
.album-box-flash, .author-box {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  position: relative;
  width: 210px;
  text-decoration: none;
  text-align: left;
  margin-bottom: 20px;
}
.album-box-flash h3, .author-box h3 {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #E5334C;
  margin: 2px 0 12px 0;
  font-size: 20px;
}
.album-box-flash img, .album-box-flash div.infos, .author-box img, .author-box div.infos {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.album-box-flash img, .author-box img {
  border: 1px solid #000;
}
.album-box-flash div.infos, .author-box div.infos {
  width: 120px;
  margin-left: 3px;
}
.album-box-flash div.infos .titre, .author-box div.infos .titre {
  padding-bottom: 5px;
}
.album-box-flash p.collection, .album-box-flash p.title, .album-box-flash h3.title, .author-box p.collection, .author-box p.title, .author-box h3.title {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 17px;
  margin-bottom: 2px;
}
.album-box-flash p.collection span, .album-box-flash p.title span, .album-box-flash h3.title span, .author-box p.collection span, .author-box p.title span, .author-box h3.title span {
  font-size: 13px;
}
.album-box-flash p.subtitle, .author-box p.subtitle {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
}
.album-box-flash p.resume, .author-box p.resume {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-size: 13px;
  text-decoration: none !important;
  color: rgba(0, 0, 0, 0.8);
}
.album-box-flash p.date, .author-box p.date {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding-top: 10px;
}
.album-box-flash .btn-flash, .album-box-flash .btn-flash-red, .author-box .btn-flash, .author-box .btn-flash-red {
  position: absolute;
  bottom: 5px;
  left: 80px;
}
.album-box-flash a, .author-box a {
  text-decoration: none !important;
}
.album-box-flash a:hover, .author-box a:hover {
  text-decoration: underline;
}
.album-box-flash.signature, .author-box.signature {
  clear: both;
  margin-top: 10px;
  margin-bottom: 20px;
  width: auto;
  float: right;
}
.album-box-flash.signature .infos .titre, .album-box-flash.signature .infos .date, .author-box.signature .infos .titre, .author-box.signature .infos .date {
  display: inline-block;
}
.album-box-flash.signature p, .author-box.signature p {
  font-size: 15px;
  padding: 0;
  width: auto;
}
.album-box-flash.signature .date, .author-box.signature .date {
  color: grey !important;
  display: inline-block;
}
.album-box-flash.signature .date::before, .author-box.signature .date::before {
  content: ', ';
  color: black;
}
.album-box-flash.signature .follow, .author-box.signature .follow {
  max-width: 150px;
  margin-top: 5px;
  display: block;
  min-width: 68px;
}
.album-box-flash.signature .infos, .author-box.signature .infos {
  width: auto;
}
.album-box-flash.signature .thumbnail, .author-box.signature .thumbnail {
  width: 45px;
}

.moreInfo {
  float: right;
  font-size: 17px;
  font-weight: bold;
  color: #E5334C;
  margin-bottom: 20px;
  text-decoration: underline;
}

.titleInfo {
  margin-top: 20px;
  margin-bottom: 20px;
  color: black;
}
.titleInfo h2 {
  color: black;
}
.titleInfo a {
  color: black;
}

.auteurPrsImg_container {
  float: left;
  width: 300px;
  height: 160px;
  margin-right: 10px;
  clip-path: circle();
  overflow: hidden;
}

.aside-partenaire {
  max-height: 560px;
  position: relative;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.aside-partenaire .partenaire {
  margin-left: 15px;
  display: flex;
}
.aside-partenaire .partenaire img {
  min-width: 132px;
  height: 132px;
  border-radius: 50%;
  border: solid 2px transparent;
  filter: drop-shadow(0 0 0.6rem #e1dcdc);
  background-color: white;
  object-fit: none;
  margin-right: 10px;
}
.aside-partenaire .detail-partenaire-container {
  margin-top: 35px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.aside-partenaire .detail-partenaire-container .detail-partenaire {
  text-align: left;
  font-size: 14px;
}
.aside-partenaire .detail-partenaire-container .detail-partenaire .info-partenaire {
  color: #999;
}
.aside-partenaire .linkPartenaire {
  text-decoration: none;
}
.aside-partenaire .linkPartenaire:hover .detail-partenaire, .aside-partenaire .linkPartenaire:hover .info-partenaire {
  color: #E5334C;
}
.aside-partenaire a {
  text-decoration: none;
}

.album-details-box {
  border: 2px solid #c6c6c6;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  font-size: 0;
}
.album-details-box .more {
  display: none;
}
.album-details-box .see-more, .album-details-box .see-less {
  margin: 8px;
}
.album-details-box .info-left,
.album-details-box .info-right {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background: #e6e6e6;
  width: 293px;
  height: 18px;
  padding: 11px;
  font-size: 15px;
  line-height: 18px;
}
.album-details-box .info-left {
  margin-right: 16px;
}
.album-details-box span.right {
  position: absolute;
  top: 11px;
  right: 11px;
  overflow: visible;
}
.album-details-box .line-white .info-left,
.album-details-box .line-white .info-right {
  background: none;
}

.alb-content {
  text-decoration: none;
}

ul.list-arrow a:last-child li {
  border-bottom: 0;
}
ul.list-arrow li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  padding-bottom: 15px;
  margin-bottom: 15px;
}
ul.list-arrow li h4 {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
  padding-bottom: 5px;
}
ul.list-arrow li p {
  font-size: 14px;
  line-height: 16px;
}
ul.list-arrow a li {
  text-decoration: none;
}
ul.list-arrow a:hover li {
  text-decoration: underline;
}

ul.list-links {
  padding: 4px 0;
}
ul.list-links li {
  padding: 6px 0;
  font-weight: bold;
}

h3.title-top {
  margin-top: 25px;
  margin-bottom: 20px;
}

h2.sort-by {
  margin-top: 25px;
  margin-bottom: 13px;
}

div.sort-by {
  float: right;
  margin-top: -45px;
  font-size: 14px;
}
div.sort-by select {
  min-width: 190px;
  *width: 190px;
  margin-left: 5px;
}

.page-up {
  border-top: 1px solid #bdbdbd;
  text-align: right;
  cursor: pointer;
  padding: 5px 0;
  margin-top: 40px;
  margin-bottom: -25px;
  clear: both;
}

.text-intro {
  font-weight: bold;
  margin-bottom: 30px;
}

h3, p, a, input[type='submit'], input[type='button'], input[type='text'], nav li, .btn-red {
  travnsition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

h3.page-title {
  font-size: 300%;
  margin-top: 20px;
}
h3.page-title a {
  text-decoration: underline;
  color: red;
}

textarea {
  travnsition: border-color 0.2s ease;
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
}

i {
  font-style: italic;
}

a.ficheMember {
  overflow: hidden;
  border: 2px solid #E5334C;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
a.ficheMember img, a.ficheMember .legend {
  travnsition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
}
a.ficheMember:hover {
  border: 2px solid #E5334C;
}
a.ficheMember:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
a.ficheMember:hover .legend {
  background: #E5334C;
}
a.ficheMember img {
  z-index: -1;
  margin-bottom: -1px;
}
a.ficheMember.small {
  margin: 3px;
  width: 80px;
}
a.ficheMember.small img {
  width: 80px;
}
a.ficheMember:not(.small) {
  width: 133.33333px;
}
a.ficheMember:not(.small) img {
  width: 133.33333px;
}
a.ficheMember.inline {
  display: inline-block;
}
a.ficheMember:not(.inline) {
  display: block;
  margin: 5px auto;
}
a.ficheMember .legend {
  vertical-align: middle;
  background: #E5334C;
  color: white;
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
}

.dataType {
  font-size: 15px;
  color: #E5334C;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
  padding-right: 5px;
  line-height: 1.4;
}
.dataType.small {
  font-size: 15px;
}

img.small-couv {
  width: 75px;
}
img.medium-couv {
  width: 142px;
}
img.medium-couv.serie {
  border: none;
}
img.special_medium-couv {
  width: 142px;
}

.ajaxLoader {
  width: 30px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.ajaxLoader.after {
  left: 10px;
}
.ajaxLoader.before {
  right: 10px;
}

h2.More {
  position: relative;
  font-size: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-bottom: 1px solid #d80011;
}
h2.More a {
  text-decoration: none;
}
h2.More .infobulle {
  position: absolute;
  right: 0;
}
h2.More .infobulle.bigText .tooltipBox {
  font-size: 20px;
}

.inline {
  display: inline;
}

.nav-origins {
  margin-top: 15px;
  text-align: left;
  margin-left: -10px;
}
.nav-origins button {
  travnsition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  font-size: 17px;
  font-weight: bold;
  font-family: "Alegreya Sans";
  border: 1px solid transparent;
  border-radius: 3px;
  background: white;
  width: 100px;
  padding: 3px 10px;
  margin: 0 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
}
.nav-origins button.current {
  background: #E5334C;
  color: white;
}
.nav-origins button:not(.current) {
  cursor: pointer;
}
.nav-origins button:not(.current):hover {
  border: 1px solid #E5334C;
  color: #E5334C;
}

.homemade-band {
  position: absolute;
  box-shadow: none !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
}
.homemade-band.preview {
  top: 0;
  left: 0;
  opacity: 0.95;
  max-width: 150px;
}
.homemade-band.horizontal-results {
  bottom: 0;
  opacity: 0.8;
}
.homemade-band.corner {
  max-width: 80%;
  max-height: 80%;
}
.homemade-band.corner.right {
  right: 0;
}
.homemade-band.corner.left {
  left: 0;
}
.homemade-band.corner.top {
  top: 0;
}
.homemade-band.corner.bottom {
  bottom: 0;
  margin-bottom: 2px;
}
.homemade-band.default-corner {
  max-width: 80%;
  max-height: 80%;
  left: 0;
  top: 0;
  opacity: 0.9;
}

.relative {
  position: relative;
}

.jeux-fullwidth {
  margin-top: 40px;
  text-align: center;
}
.jeux-fullwidth img.banniere {
  margin: 5px 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  border: 1px solid grey;
  max-width: 100%;
}

/** dropdown-menu **/
.dropdown-menu {
  background: white;
  text-align: center;
  display: block;
  position: absolute;
  padding-bottom: 0;
  padding-top: 0;
  z-index: 1000;
  margin: 2px 0 0;
  float: left;
  min-width: 160px;
  list-style: none;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  font-weight: 400;
  line-height: 1.4;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover {
  background: #E5334C !important;
  background-image: none;
  color: white !important;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.6);
}
.dropdown-menu a {
  text-decoration: none;
}
.dropdown-menu .dropdown-caret {
  left: 50%;
  margin-left: -9px;
  float: left;
  height: 10px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  width: 18px;
}
.dropdown-menu .dropdown-caret .caret-inner, .dropdown-menu .dropdown-caret .caret-outer {
  display: inline-block;
  left: 0;
  margin-left: -1px;
  position: absolute;
  top: 0;
}
.dropdown-menu .dropdown-caret .caret-outer {
  border-bottom: 10px solid rgba(0, 0, 0, 0.1);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: auto;
  left: 0;
  top: 0;
  width: auto;
}
.dropdown-menu .dropdown-caret .caret-inner {
  border-bottom: 9px solid white;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  left: 1px;
  top: 1px;
}

h1 span.light, h2 span.light {
  color: #323232;
}
h1 .edition_date, h2 .edition_date {
  font-size: 60%;
  font-style: italic;
  color: black;
}

h1 span.light {
  font-weight: 400;
}

form.quick-comment {
  width: 95%;
  margin: 5px auto;
}
form.quick-comment .libl {
  font-weight: bold;
  color: #333;
}
form.quick-comment .comment-text {
  width: 100% !important;
  padding: 5px;
  display: block;
  border-radius: 3px;
  resize: vertical;
  margin: 5px 0;
}
form.quick-comment textarea, form.quick-comment input {
  font-size: 15px;
}

.facebookConnect {
  background: #4267b2;
  display: block;
  color: white;
  border-radius: 5px;
  text-align: center;
  position: relative;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  text-decoration: none !important;
}
.facebookConnect:hover {
  background: #3b5998;
}
.facebookConnect img.icon {
  position: absolute;
  left: 10px;
}
.facebookConnect .text {
  display: block;
  font-weight: bold;
  color: white;
  font-family: "Alegreya Sans" !important;
  font-size: 14px !important;
}
.facebookConnect.big {
  padding: 5px;
  height: 30px;
}
.facebookConnect.big img.icon {
  height: 30px;
}
.facebookConnect.big .text {
  font-size: 14px !important;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
}
.facebookConnect.small {
  min-width: 130px;
  margin-top: 10px;
  padding: 5px;
  height: 20px;
}
.facebookConnect.small img.icon {
  height: 20px;
}
.facebookConnect.small .text {
  margin-left: 20px;
  line-height: 20px !important;
}

.search-results {
  text-align: center;
  margin-bottom: 50px;
}
.search-results h2 {
  text-align: left;
}
.search-results .item {
  text-decoration: none;
  display: inline-table;
  padding: 10px;
  width: 200px;
}
.search-results .item .couv {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  width: 160px;
}
.search-results .item .infos {
  max-width: 285px;
  vertical-align: top;
}
.search-results .item .infos .subtitle {
  color: #707070 !important;
  font-family: "Alegreya Sans";
  font-size: 15px !important;
  position: relative !important;
  top: 5px !important;
  margin-left: 2px !important;
  font-weight: normal !important;
}

.new-biblio-action-buttons {
  display: flex;
  margin-left: -11px;
}
@media screen and (max-width: 500px) {
  .new-biblio-action-buttons .new-biblio-action-buttons {
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
.new-biblio-action-buttons .confirmPopupBtn {
  display: none;
  width: 35px;
  height: 35px;
}
.new-biblio-action-buttons .popupBtn {
  width: 80px;
  border-radius: 5px;
  border: 2px solid #e5334c;
  text-align: center;
  height: 78px;
}
.new-biblio-action-buttons .popupBtn #wish_img, .new-biblio-action-buttons .popupBtn #collec_img, .new-biblio-action-buttons .popupBtn #lu_img {
  width: 60px;
  height: 60px;
}
.new-biblio-action-buttons .popupBtn #chatBox {
  width: 84px;
}
.new-biblio-action-buttons .popupBtn #chatBox #Iconchatbox {
  width: 45px;
  margin-right: 13px;
}
.new-biblio-action-buttons .popupBtn #chatBox #textChatbox {
  margin-right: 20px;
  font-size: 14px;
  color: #E5334C;
  margin-top: 2px;
  font-family: Aptifer Sans LT Pro;
}
.new-biblio-action-buttons .popupBtn .progressBar {
  width: 60px;
  background-color: #0065;
  vertical-align: top;
  height: 13px;
  margin: -5px 0px 0px 0px;
  border-radius: 10px;
  z-index: 2;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 979px) {
  .new-biblio-action-buttons .popupBtn .progressBar {
    margin-right: 50px;
  }
  .new-biblio-action-buttons .popupBtn #luBloc, .new-biblio-action-buttons .popupBtn #collecBloc, .new-biblio-action-buttons .popupBtn #wishBloc {
    display: block;
  }
}
.new-biblio-action-buttons .popupBtn .progressBarContent {
  background-color: #E5334C;
  margin: 0px;
  display: flex;
  border-radius: 10px;
  height: 13px;
  font-size: 11px;
}
.new-biblio-action-buttons .popupBtn .progressBarNote {
  color: white;
  display: flex;
  margin-top: -3px;
  width: 100%;
  justify-content: center;
  position: absolute;
  margin-left: 0px;
}
.new-biblio-action-buttons .popupBtn .progressBarNote p {
  font-size: 12px;
}
.new-biblio-action-buttons .popupBtn.full {
  background-color: #E5334C;
}

.new-biblio-action-buttons-album {
  display: flex;
  margin-left: -4px;
}
@media screen and (max-width: 500px) {
  .new-biblio-action-buttons-album .new-biblio-action-buttons {
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
.new-biblio-action-buttons-album img {
  height: 60px;
  width: 60px;
}
.new-biblio-action-buttons-album .choix {
  position: absolute;
  display: none;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  width: 142px;
  height: 193px;
  justify-content: center;
  cursor: revert;
}
.new-biblio-action-buttons-album .choix .btn-lu img {
  border: none;
}
.new-biblio-action-buttons-album .choix .btn-collec img {
  border: none;
}
.new-biblio-action-buttons-album .choix .btn-wish img {
  border: none;
}
.new-biblio-action-buttons-album .confirmPopupBtn {
  display: none;
  width: 35px;
  height: 35px;
}
.new-biblio-action-buttons-album .popupBtn {
  width: 58px;
  border-radius: 5px;
  border: 1px solid #e5334c;
  text-align: center;
  height: 58px;
}
.new-biblio-action-buttons-album .popupBtn #wish_img, .new-biblio-action-buttons-album .popupBtn #collec_img, .new-biblio-action-buttons-album .popupBtn #lu_img {
  width: 60px;
  height: 60px;
}
.new-biblio-action-buttons-album .popupBtn .progressBar {
  width: 60px;
  background-color: #0065;
  vertical-align: top;
  height: 13px;
  margin: -5px 0px 0px 0px;
  border-radius: 10px;
  z-index: 2;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 979px) {
  .new-biblio-action-buttons-album .popupBtn .progressBar {
    margin-right: 50px;
  }
  .new-biblio-action-buttons-album .popupBtn #luBloc, .new-biblio-action-buttons-album .popupBtn #collecBloc, .new-biblio-action-buttons-album .popupBtn #wishBloc {
    display: block;
  }
}
.new-biblio-action-buttons-album .popupBtn .progressBarContent {
  background-color: #E5334C;
  margin: 0px;
  display: flex;
  border-radius: 10px;
  height: 13px;
  font-size: 11px;
}
.new-biblio-action-buttons-album .popupBtn .progressBarNote {
  color: white;
  display: flex;
  margin-top: -3px;
  width: 100%;
  justify-content: center;
  position: absolute;
  margin-left: 0px;
}
.new-biblio-action-buttons-album .popupBtn .progressBarNote p {
  font-size: 12px;
}
.new-biblio-action-buttons-album .popupBtn.full {
  background-color: #E5334C;
}

.biblio-action-buttons .choix, .new-biblio-action-buttons .choix, .new-biblio-action-buttons-album .choix {
  position: absolute;
  display: none;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  margin: auto;
  width: 142px;
  height: 193px;
  text-align: center;
  justify-content: center;
  cursor: revert;
}
.biblio-action-buttons .choix .btn-lu img, .new-biblio-action-buttons .choix .btn-lu img, .new-biblio-action-buttons-album .choix .btn-lu img {
  border: none;
}
.biblio-action-buttons .choix .btn-collec img, .new-biblio-action-buttons .choix .btn-collec img, .new-biblio-action-buttons-album .choix .btn-collec img {
  border: none;
}
.biblio-action-buttons .choix .btn-wish img, .new-biblio-action-buttons .choix .btn-wish img, .new-biblio-action-buttons-album .choix .btn-wish img {
  border: none;
}
.biblio-action-buttons .confirmPopupBtn, .new-biblio-action-buttons .confirmPopupBtn, .new-biblio-action-buttons-album .confirmPopupBtn {
  display: none;
  width: 35px;
  height: 35px;
}
.biblio-action-buttons .popupBtn, .new-biblio-action-buttons .popupBtn, .new-biblio-action-buttons-album .popupBtn {
  border-radius: 5px;
  text-align: center;
}
.biblio-action-buttons .popupBtn #wish_img, .new-biblio-action-buttons .popupBtn #wish_img, .new-biblio-action-buttons-album .popupBtn #wish_img, .biblio-action-buttons .popupBtn #collec_img, .new-biblio-action-buttons .popupBtn #collec_img, .new-biblio-action-buttons-album .popupBtn #collec_img, .biblio-action-buttons .popupBtn #lu_img, .new-biblio-action-buttons .popupBtn #lu_img, .new-biblio-action-buttons-album .popupBtn #lu_img {
  width: 60px;
  height: 60px;
}
.biblio-action-buttons .popupBtn .progressBar, .new-biblio-action-buttons .popupBtn .progressBar, .new-biblio-action-buttons-album .popupBtn .progressBar {
  width: 60px;
  background-color: #0065;
  vertical-align: top;
  height: 13px;
  margin: -5px 0px 0px 0px;
  border-radius: 10px;
  z-index: 2;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 979px) {
  .biblio-action-buttons .popupBtn .progressBar, .new-biblio-action-buttons .popupBtn .progressBar, .new-biblio-action-buttons-album .popupBtn .progressBar {
    margin-right: 50px;
  }
  .biblio-action-buttons .popupBtn #luBloc, .new-biblio-action-buttons .popupBtn #luBloc, .new-biblio-action-buttons-album .popupBtn #luBloc, .biblio-action-buttons .popupBtn #collecBloc, .new-biblio-action-buttons .popupBtn #collecBloc, .new-biblio-action-buttons-album .popupBtn #collecBloc, .biblio-action-buttons .popupBtn #wishBloc, .new-biblio-action-buttons .popupBtn #wishBloc, .new-biblio-action-buttons-album .popupBtn #wishBloc {
    display: block;
  }
}
.biblio-action-buttons .popupBtn .progressBarContent, .new-biblio-action-buttons .popupBtn .progressBarContent, .new-biblio-action-buttons-album .popupBtn .progressBarContent {
  background-color: #E5334C;
  margin: 0px;
  display: flex;
  border-radius: 10px;
  height: 13px;
  font-size: 11px;
}
.biblio-action-buttons .popupBtn .progressBarNote, .new-biblio-action-buttons .popupBtn .progressBarNote, .new-biblio-action-buttons-album .popupBtn .progressBarNote {
  color: white;
  display: flex;
  margin-top: -3px;
  width: 100%;
  justify-content: center;
  position: absolute;
  margin-left: 0px;
}
.biblio-action-buttons .popupBtn .progressBarNote p, .new-biblio-action-buttons .popupBtn .progressBarNote p, .new-biblio-action-buttons-album .popupBtn .progressBarNote p {
  font-size: 12px;
}
.biblio-action-buttons .popupBtn.full, .new-biblio-action-buttons .popupBtn.full, .new-biblio-action-buttons-album .popupBtn.full {
  background-color: #E5334C;
}

.biblio-action-buttons div, .new-biblio-action-buttons div, .new-biblio-action-buttons-album div {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  travnsition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  display: inline-block;
  width: auto;
  margin: 5px;
  cursor: pointer;
  font-size: 14px;
}
.biblio-action-buttons div span, .new-biblio-action-buttons div span, .new-biblio-action-buttons-album div span {
  margin-right: 8px;
}
.biblio-action-buttons div.small, .new-biblio-action-buttons div.small, .new-biblio-action-buttons-album div.small {
  margin: 5px 0;
  font-size: 11px;
  width: 85px;
  padding: 5px;
}
.biblio-action-buttons div.small span, .new-biblio-action-buttons div.small span, .new-biblio-action-buttons-album div.small span {
  margin-right: 5px;
}
.biblio-action-buttons div.followSerie, .new-biblio-action-buttons div.followSerie, .new-biblio-action-buttons-album div.followSerie {
  travnsition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  float: right;
  font-size: 17px;
}
.biblio-action-buttons div.followSerie .icon, .new-biblio-action-buttons div.followSerie .icon, .new-biblio-action-buttons-album div.followSerie .icon {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.biblio-action-buttons div.followSerie.selected .icon, .new-biblio-action-buttons div.followSerie.selected .icon, .new-biblio-action-buttons-album div.followSerie.selected .icon, .biblio-action-buttons div.followSerie:hover .icon, .new-biblio-action-buttons div.followSerie:hover .icon, .new-biblio-action-buttons-album div.followSerie:hover .icon {
  font-weight: bold;
}
.biblio-action-buttons div.followSerie.selected .icon::before, .new-biblio-action-buttons div.followSerie.selected .icon::before, .new-biblio-action-buttons-album div.followSerie.selected .icon::before, .biblio-action-buttons div.followSerie:hover .icon::before, .new-biblio-action-buttons div.followSerie:hover .icon::before, .new-biblio-action-buttons-album div.followSerie:hover .icon::before {
  color: white;
}

.text_close {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  travnsition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  font-family: Arial;
  font-weight: bolder;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 0 0 5px;
  background: #A6080B;
  box-shadow: 2px -1px 2px rgba(0, 0, 0, 0.8) inset;
  width: 40px;
  padding: 3px 0;
  font-size: 15px;
  color: white;
  text-shadow: 0 0 3px black;
  text-align: center;
  cursor: pointer;
}
.text_close:hover {
  background: #E5334C;
}
.text_close.lighter {
  background: #E5334C;
}
.text_close.lighter:hover {
  background: #E5334C;
}

.extraitContainer {
  margin-bottom: 15px;
}
.extraitContainer .text-btn {
  margin-left: 10px;
}

.desktopHide {
  display: none;
}

.loader_circle,
.loader_circle:after {
  border-radius: 50%;
  width: 7em;
  height: 7em;
}

.loader_circle {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(229, 51, 76, 0.2);
  border-right: 1.1em solid rgba(229, 51, 76, 0.2);
  border-bottom: 1.1em solid rgba(229, 51, 76, 0.2);
  border-left: 1.1em solid #E5334C;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loader_circle.small {
  width: 14px;
  height: 14px;
  border-top: 0.5em solid rgba(229, 51, 76, 0.2);
  border-right: 0.5em solid rgba(229, 51, 76, 0.2);
  border-bottom: 0.5em solid rgba(229, 51, 76, 0.2);
  border-left: 0.5em solid #E5334C;
  margin: 0;
}

.progress-indicator {
  margin-top: 0px;
  margin-left: 30px;
  margin-right: 30px;
  color: #000;
  background-color: #f1f1f1;
  border-radius: 5px;
  position: relative;
  height: 14px;
}

.progress-indicator .bar {
  border-radius: 5px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  color: #FFF;
  position: absolute;
  background-color: #E5334C;
  height: 14px;
}

/* The container */
.radio_container {
  display: block;
  position: relative;
  padding-left: 35px !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 20px !important;
  line-height: 24px !important;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio_container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a background */
.radio_container input:checked ~ .checkmark {
  background-color: #E5334C;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio_container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.textBold {
  font-weight: bold;
}

.noUnderline {
  text-decoration: none;
}

.zooToon_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  margin-top: 20px;
}
.zooToon_card .ztc_looker {
  width: 100px;
  height: auto;
  position: absolute;
  margin-top: -70px;
  margin-left: 236px;
}
.zooToon_card .ztc_layout {
  width: 300px;
  margin: 43px 0 0;
  padding: 30px 30px 20px 30px;
  border-radius: 10px;
  box-shadow: 3.5px 3.5px 8.9px 1.6px #818181;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.artTop {
  height: 90%;
}

.spaceBtwArct {
  margin-top: 15px;
  margin-bottom: 15px;
}

/*
@media screen and (max-width: 719px) {
	.margeFromAside{
		margin-right: 35px;
	}
}
*/
.navbar {
  display: flex;
  border: 1px solid #bbb;
  color: white;
  margin-top: 15px;
}
.navbar .nav-item:hover {
  background-color: #E5334C;
}
.navbar .nav-item:hover div {
  color: white;
}
.navbar .nav-item:hover .IconActu {
  content: url("../img/ui/actualite_white.svg");
}
.navbar .nav-item:hover .IconBA {
  margin-top: -5px;
  margin-right: 5px;
  content: url("../img/ui/Bande-annonce-white.svg");
  width: 25px;
  height: 25px;
}
.navbar .navBtnImg {
  display: flex;
  justify-content: center;
  text-align: center;
}
.navbar .IconActu {
  margin-top: -5px;
  margin-right: 5px;
}
.navbar .IconBA {
  margin-top: -5px;
  margin-right: 5px;
}

.nav-item {
  flex: 1;
  /* Fait en sorte que chaque onglet prenne autant d'espace que possible */
  padding: 15px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  border-right: 1px solid #bbb;
  text-align: center;
  /* Centre le texte à l'intérieur de chaque onglet */
  font-size: 17px;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
}

.current {
  cursor: default;
}
.current div {
  color: white;
}

.nav-item:first-child {
  flex: none;
  /* Désactive le flex pour le premier élément (Accueil) */
  width: 20px;
  height: 20px;
  line-height: 22px;
  /* Centre le texte verticalement */
  border-right: 1px solid #bbb;
  margin-left: -2px;
}

.nav-item:last-child {
  border-right: none;
}

/* Style par défaut pour la classe 'current' */
.nav-item.current {
  background-color: #E5334C;
}

.nav-item.home {
  background-image: url("../img/ui/home-icon-black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
}

/* Style pour la classe 'home' au survol */
.nav-item.home:hover {
  background-color: #E5334C;
  background-image: url("../img/ui/home-icon-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
}

/* Style pour la classe 'home' en état 'current' */
.nav-item.home.current {
  background-image: url("../img/ui/home-icon-white.svg");
}

.articleContainer a {
  text-decoration: none;
}
.articleContainer .bigImgContainer {
  max-height: 320px;
  overflow: hidden;
}
.articleContainer .bigArticleContent:hover #desc,
.articleContainer .smallArticleContent:hover #desc {
  color: #E5334C;
}
.articleContainer .bigArticleContent:hover > *,
.articleContainer .smallArticleContent:hover > * {
  color: #E5334C;
}
.articleContainer .bigArticleContent:hover .date-artc,
.articleContainer .smallArticleContent:hover .date-artc {
  color: #E5334C;
}
.articleContainer .bigArticleContent:not(:last-child),
.articleContainer .smallArticleContent:not(:last-child) {
  margin-bottom: 0;
}
.articleContainer #desc {
  font-size: 17px;
  color: #00000066;
  margin-top: 10px;
  max-height: 90px;
  overflow: hidden;
}

@media screen and (max-width: 500px) {
  #new-nav {
    margin-left: -11px;
    margin-bottom: 10px;
  }
}
.smallArticleContent-aside {
  display: block;
  margin-right: 20px;
  margin-top: 15px;
}
.smallArticleContent-aside #desc {
  font-size: 14px;
  color: #00000066;
}
.smallArticleContent-aside .detail-artc-aside {
  font-size: 14px;
}
.smallArticleContent-aside .date-artc {
  font-size: 14px;
  color: #00000066;
}
.smallArticleContent-aside:hover #desc {
  color: #E5334C;
}
.smallArticleContent-aside:hover .detail-artc-aside {
  color: #E5334C;
}
.smallArticleContent-aside:hover .date-artc {
  color: #E5334C;
}

.articleContent {
  display: flex;
}

.interview_type {
  justify-content: center;
}
.interview_type .infoContent {
  display: block;
}
.interview_type .infoContent .follow {
  margin-left: 40px;
}

@media screen and (min-width: 601px) {
  .smallArticleContent {
    display: flex;
  }

  .bigArticleContent,
  .smallArticleContent {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .smallArticleContent {
    display: grid;
  }

  #left {
    margin: 0 auto;
  }

  .bigArticleContent,
  .smallArticleContent {
    margin-bottom: 15px;
  }
}
.bigImg {
  width: 100%;
}

.smallImg, .smallImg-aside {
  width: 300px;
  max-height: 168px;
  text-align: center;
  overflow: hidden;
  box-shadow: 5px 8px 5px #00000029;
}
.smallImg img, .smallImg-aside img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.smallImg-aside {
  width: auto;
  max-height: 140px;
}
.smallImg-aside img {
  height: 140px;
}

.smallImg-aside-pfn {
  height: 135px;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

@media screen and (min-width: 602px) {
  .smallImg-pfn {
    width: 300px;
    max-height: 168px;
    text-align: center;
    overflow: hidden;
    box-shadow: 5px 8px 5px #00000029;
    overflow: visible;
    box-shadow: none;
    display: flex;
    justify-content: center;
    /*
    img {
    	width: 180px;
    	height: 180px;
    }
    */
  }
}
.detail-artc, .detail-artc-aside {
  display: flex;
  align-items: flex-end;
  margin-top: 10px;
}
.detail-artc .tag-artc, .detail-artc-aside .tag-artc {
  color: #f3465f;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
}
.detail-artc .date-artc, .detail-artc-aside .date-artc {
  color: #00000066;
}

.detail-artc-aside p {
  font-size: 14px;
}

.default_artcBox {
  width: 300px;
  height: 207px;
  box-shadow: 5px 8px 5px #00000029;
  text-align: center;
  overflow: hidden;
}

.artc_contentRight, .artc_contentRight-aside {
  margin-left: 15px;
  margin-top: 15px;
  padding-bottom: 10px;
  display: grid;
}

.artc_contentRight-aside {
  margin-left: 0px;
}

.listInfo {
  margin-top: 15px;
}

/* old version
.separatorBisContainner{
	text-align: center;

	&:last-child{
		display: none;
	}
}
*/
.seperator-limit {
  display: contents;
  margin-top: 15px;
  margin-bottom: 15px;
}
.seperator-limit:last-child {
  display: none;
}

@media screen and (max-width: 979px) {
  .separatorBis {
    max-width: 100%;
    max-height: 100%;
    margin-top: 20px;
  }

  .citContent p {
    padding: 40px;
  }
}
.cit-container {
  max-height: 560px;
  overflow-x: hidden;
  overflow-y: auto;
}

.bubbleLeft {
  position: relative;
  padding: 5px;
  border-radius: 15px 15px 15px 0px;
  box-shadow: 0px 3px 10px #00000060;
  margin-top: 5px;
  margin-left: 20px;
  width: 230px;
  margin-bottom: 10px;
}

.bubbleLeft:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-width: 25px 30px 0px 0px;
  border-color: white transparent transparent transparent;
  bottom: -24px;
  left: 0;
  -webkit-filter: drop-shadow(0px 7px 4px rgba(0, 0, 0, 0.38));
  filter: drop-shadow(0px 7px 4px rgba(0, 0, 0, 0.38));
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Colo";
}

.bubbleRight {
  position: relative;
  padding: 5px;
  box-shadow: 0px 3px 10px #00000060;
  border-radius: 15px 15px 0px 15px;
  margin-top: 20px;
  margin-left: 20px;
  width: 230px;
  margin-bottom: 10px;
}

.bubbleRight:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-width: 25px 0px 0px 30px;
  border-color: white transparent transparent transparent;
  bottom: -24px;
  right: 0%;
  -webkit-filter: drop-shadow(0px 7px 4px rgba(0, 0, 0, 0.38));
  filter: drop-shadow(0px 7px 4px rgba(0, 0, 0, 0.38));
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Colo";
}

.citContent {
  margin: 0 auto;
  font-size: 23px;
}
.citContent p {
  font-size: 17px;
}

.quoteLeft {
  margin-left: 5px;
  margin-top: 15px;
  float: left;
  width: 25px;
}

.quoteRight {
  width: 25px;
  display: block;
  margin-left: auto;
  margin-right: 5px;
}

.dateBubble {
  font-size: 13px;
  color: #00000066;
}

.textBubbleLeft p {
  font-size: 13px;
  margin-bottom: 15px;
}
.textBubbleLeft p a {
  text-decoration: none;
}
.textBubbleLeft p .underLink {
  text-decoration: underline;
}
.textBubbleLeft .off {
  margin-bottom: 0px;
}
.textBubbleLeft .on {
  margin-bottom: 0px;
}

.textBubbleRight p {
  font-size: 13px;
  margin-bottom: 15px;
}
.textBubbleRight p a {
  text-decoration: none;
}
.textBubbleRight p .underLink {
  text-decoration: underline;
}
.textBubbleRight .off {
  margin-bottom: 0px;
}
.textBubbleRight .on {
  margin-bottom: 0px;
}

.sep-bar {
  margin-left: 2px;
  margin-right: 2px;
}

@media screen and (max-width: 979px) {
  .bubbleLeft {
    margin-left: initial;
    width: initial;
  }

  .bubbleRight {
    width: initial;
  }

  .quoteLeft {
    width: 35px;
  }

  .quoteRight {
    width: 35px;
  }

  .citContent {
    margin-left: 15px;
    width: initial;
  }

  .descContent {
    margin-left: 50px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 980px) {
  .descContent {
    margin-left: 50px;
    margin-bottom: 30px;
  }

  .citContent {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 50px;
  }

  .descContentLeft {
    margin-left: 50px;
    margin-bottom: 30px;
    width: 200px;
    white-space: break-spaces;
  }

  .descContentRight {
    margin-left: 25px;
    margin-bottom: 30px;
    width: 210px;
    white-space: break-spaces;
  }

  .textBubbleRight {
    text-align: initial;
  }

  .textBubbleLeft {
    text-align: initial;
  }
}
.cbd_wysiwyg {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 20px;
  position: relative;
}
.cbd_wysiwyg h1, .cbd_wysiwyg h2, .cbd_wysiwyg h3, .cbd_wysiwyg h4, .cbd_wysiwyg h5, .cbd_wysiwyg h6, .cbd_wysiwyg .option_h1, .cbd_wysiwyg .option_h2, .cbd_wysiwyg .option_h3, .cbd_wysiwyg .option_h4, .cbd_wysiwyg .option_h5 {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #E5334C;
}
.cbd_wysiwyg .titleInfo {
  color: #000;
}
.cbd_wysiwyg h1, .cbd_wysiwyg .option_h1 {
  font-size: 32px;
  line-height: 32px;
}
.cbd_wysiwyg h1 span, .cbd_wysiwyg .option_h1 span {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #E5334C;
  font-size: 25px;
  line-height: 25px;
}
.cbd_wysiwyg h2, .cbd_wysiwyg .option_h2 {
  font-size: 23px;
  line-height: 40px;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #E5334C;
  width: 100%;
  margin-top: 20px;
}
.cbd_wysiwyg h3, .cbd_wysiwyg .option_h3 {
  font-size: 18px;
  line-height: 18px;
  margin-left: 20px;
}
.cbd_wysiwyg h4, .cbd_wysiwyg .option_h4 {
  font-size: 18px;
  line-height: 18px;
}
.cbd_wysiwyg h5, .cbd_wysiwyg .option_h5 {
  font-size: 20px;
  line-height: 20px;
  color: black;
  font-weight: 700;
}
.cbd_wysiwyg .option_p_citation {
  font-size: 24px;
  margin: 20px;
  color: black;
  text-align: center;
  font-style: italic;
}
.cbd_wysiwyg p, .cbd_wysiwyg .option_p {
  font-size: 17px;
  line-height: 20px;
  padding: 10px 0 10px 20px;
}
.cbd_wysiwyg a, .cbd_wysiwyg .option_a {
  color: #000;
  cursor: pointer;
  text-decoration: underline !important;
}
.cbd_wysiwyg a, .cbd_wysiwyg .option_a, .cbd_wysiwyg b, .cbd_wysiwyg .option_b {
  font-weight: bold;
}
.cbd_wysiwyg a.read-more, .cbd_wysiwyg .option_a_read-more {
  font-size: 17px;
  float: right;
  color: #E5334C;
}
.cbd_wysiwyg br {
  clear: both;
}
.cbd_wysiwyg div.encart-left, .cbd_wysiwyg div.encart-right, .cbd_wysiwyg div.option_div_encartleft, .cbd_wysiwyg div.option_div_encartright {
  padding: 0;
  border: 1px dashed gray;
}
.cbd_wysiwyg div.encart-left.nolegend, .cbd_wysiwyg div.encart-right.nolegend, .cbd_wysiwyg div.option_div_encartleft.nolegend, .cbd_wysiwyg div.option_div_encartright.nolegend {
  border: none;
  margin: 5px 5px 0 12px;
}
.cbd_wysiwyg div.encart-left p, .cbd_wysiwyg div.encart-right p, .cbd_wysiwyg div.option_div_encartleft p, .cbd_wysiwyg div.option_div_encartright p {
  padding: 5px 0 0 0;
}
.cbd_wysiwyg div.encart-right, .cbd_wysiwyg div.option_div_encartright {
  float: right;
  margin: 10px 0 10px 10px;
}
.cbd_wysiwyg div.encart-left, .cbd_wysiwyg div.option_div_encartleft {
  float: left;
  margin: 10px 10px 5px 20px;
}
.cbd_wysiwyg div.option_div_encartleft_nolegend, .cbd_wysiwyg div.option_div_encartright_nolegend {
  border: none;
  margin: 5px 5px 3px 12px;
}
.cbd_wysiwyg div.encart-small {
  width: 100px;
}
.cbd_wysiwyg div.encart-medium {
  width: 160px;
}
.cbd_wysiwyg div.encart-large {
  width: 250px;
}
.cbd_wysiwyg div.encart-full {
  position: relative;
  clear: both;
  top: 10px;
  left: 20px;
  margin: 20px 0 10px;
  text-align: center;
  border: 1px solid #000;
  padding: 10px;
  width: 600px;
}
.cbd_wysiwyg div.encart-full img {
  margin-top: 5px;
  width: 100%;
}
.cbd_wysiwyg div.encart-full p.legend {
  padding-top: 5px;
  padding-bottom: 0;
}
.cbd_wysiwyg p.legend, .cbd_wysiwyg .option_p_legend {
  font-style: italic;
  font-weight: bold;
}
.cbd_wysiwyg div.author {
  text-align: right;
  clear: right;
}
.cbd_wysiwyg div.author p {
  padding: 5px;
  font-size: 14px;
}
.cbd_wysiwyg div.author .thumb {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  vertical-align: baseline;
  padding: 3px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px #999;
  margin-right: 5px;
  line-height: 0;
}
.cbd_wysiwyg div.author .follow, .cbd_wysiwyg div.author .follow a {
  font-weight: normal;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 18px;
}
.cbd_wysiwyg .underline {
  text-decoration: underline !important;
}
.cbd_wysiwyg ul {
  list-style-type: disc;
}
.cbd_wysiwyg ol {
  list-style: number;
}
.cbd_wysiwyg ul, .cbd_wysiwyg ol {
  padding-left: 40px;
}
.cbd_wysiwyg ul li, .cbd_wysiwyg ol li {
  padding: 5px;
}
.cbd_wysiwyg img.full {
  width: 100%;
  margin: 3px 0;
}
.cbd_wysiwyg img.left {
  float: left;
  margin-right: 4px;
}
.cbd_wysiwyg img.right {
  float: right;
  margin-left: 4px;
}
.cbd_wysiwyg strong {
  font-weight: 800;
}
.cbd_wysiwyg em {
  font-size: 17px;
  font-style: italic;
}
.cbd_wysiwyg.v2 h1, .cbd_wysiwyg.v2 h2, .cbd_wysiwyg.v2 h3, .cbd_wysiwyg.v2 h4 {
  color: #d80011;
}
.cbd_wysiwyg.v2 h2 {
  margin-top: 7px;
  line-height: 35px;
}
.cbd_wysiwyg.v2 p, .cbd_wysiwyg.v2 .option_p {
  padding: 10px 0 10px 0px;
}
.cbd_wysiwyg h1, .cbd_wysiwyg h2, .cbd_wysiwyg h3, .cbd_wysiwyg h4, .cbd_wysiwyg h5, .cbd_wysiwyg h6 {
  clear: none;
}
.cbd_wysiwyg table img {
  max-width: 100%;
  height: auto;
}
.cbd_wysiwyg .mcetable_default td {
  border-width: 1px;
  border-style: dashed;
  border-color: gray;
  padding: 5px;
}
.cbd_wysiwyg .mcetable_blackborder td {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  padding: 5px;
}
.cbd_wysiwyg .mcetable_redborder td {
  border-width: 1px;
  border-style: solid;
  border-color: #E5334C;
  padding: 5px;
}
.cbd_wysiwyg .video-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cbd_wysiwyg .mce_img {
  text-align: center;
  margin-top: 20px;
}
.cbd_wysiwyg .mce_img img {
  max-width: 95%;
  height: auto;
}
.cbd_wysiwyg .mce_artlink {
  display: flex;
  margin-left: 20px;
  margin-right: 20px;
  flex-direction: row;
  align-items: center;
  font-size: 15px;
}
.cbd_wysiwyg .mce_artlink .mce_artlink_lbl {
  color: red;
  font-weight: bold;
  min-width: 60px;
  margin-right: 10px;
}

.tox .tox-dialog--width-lg {
  height: 650px;
  max-width: 650px !important;
}

.tox .tox-dialog--width-md {
  max-width: 650px !important;
}

/*Labels of select options into Wysuwyg Editor

option_h1:block:Titre principal

option_h2:block:Titre 2ème niveau

option_h3:block:Titre 3ème niveau

option_h4:block:Titre 4ème niveau

option_h5:block:Question

option_p:block:Texte libre

option_p_legend:block:Texte de legende

option_p_citation:block:Citation

option_a:block:Lien

option_b:block:Gras

option_div_encartleft:selector:Image - alignement gauche

option_div_encartright:selector:Image - alignement droit

*/
.content .cbd_wysiwyg .mcetable_default td {
  border-width: 1px;
  border-style: none !important;
  border-color: gray;
  padding: 5px;
}
.content .cbd_wysiwyg div.encart-left, .content .cbd_wysiwyg div.encart-right, .content .cbd_wysiwyg div.option_div_encartleft, .content .cbd_wysiwyg div.option_div_encartright {
  border: 1px none gray;
}

.aside {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 294px;
  background: url("../img/bg/aside-gradient.png") repeat-y left;
  text-align: right;
  margin-left: -13px;
  padding-bottom: 30px;
}
.aside h3 {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
  text-align: left;
  padding: 3px 0 2px 20px;
  background: #000;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}
.aside h3:first-child {
  margin-top: 0;
}
.aside img {
  margin-bottom: 10px;
}
.aside > p {
  text-align: left;
  padding-left: 15px;
  margin: 10px;
}
.aside > p span {
  color: #E5334C;
}
.aside > p b {
  font-weight: bold;
}
.aside .buy {
  padding-right: 15px;
}
.aside .buy a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  background: url("../img/album/buy/bg-btn.png") no-repeat;
  width: 100px;
  height: 38px;
  margin: 5px 10px;
}
.aside .around {
  margin-left: 20px;
  text-align: left;
}
.aside .around li {
  width: 270px;
}
.aside .around .date {
  color: #707070;
}
.aside .extract {
  position: relative;
  display: block;
  margin: auto;
  width: 293px;
  text-align: left;
  overflow-x: hidden;
  max-height: 500px;
}
.aside .extract img {
  border: 1px solid #707070;
  max-width: 293px;
}
.aside .extract a:hover p {
  text-decoration: underline;
}
.aside .ads {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 295px;
  text-align: center;
}
.aside .ads img {
  border: 1px solid #000;
  margin-bottom: 40px;
  max-width: 295px;
}
.aside .ads p {
  margin-top: -35px;
  margin-bottom: 40px;
  font-size: 14px;
  font-style: italic;
}
.aside .suggest-related {
  text-align: left;
  padding: 18px 0 20px 18px;
}
.aside .suggest-related h4 {
  color: #E5334C;
  padding: 5px 0;
  font-size: 16px;
}
.aside .suggest-related input {
  border: 1px solid #000;
  width: 250px;
  font-size: 15px;
  padding: 4px;
}
.aside .suggest-related .suggestion .remove-suggestion img {
  float: right;
}
.aside div .author-box:last-child {
  border-bottom: 0;
}
.aside .album-box-flash, .aside .author-box {
  width: 290px;
  margin-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}
.aside .album-box-flash img, .aside .author-box img {
  margin-bottom: 0;
}
.aside .album-box-flash div.infos, .aside .author-box div.infos {
  width: 170px;
}
.aside .album-box-flash p.resume, .aside .author-box p.resume {
  padding-top: 5px;
  font-size: 14px;
}
.aside .album-box-flash .btn-flash, .aside .album-box-flash .btn-flash-red, .aside .author-box .btn-flash, .aside .author-box .btn-flash-red {
  position: static;
  margin: 5px 0;
}
.aside .video-box {
  width: 275px;
  margin-top: 10px;
  padding-bottom: 10px;
}
.aside .video-box img {
  margin-bottom: 0;
}
.aside .video-box div.infos {
  width: 135px;
}
.aside .ranking {
  text-align: left;
  margin-left: 12px;
}
.aside .ranking ul {
  margin-left: -6px;
}
.aside .ranking ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 82px;
  margin-left: 6px;
  overflow: hidden;
  text-align: center;
}
.aside .ranking ul li.rank1 .score {
  padding-top: 37px;
}
.aside .ranking ul li.rank2 {
  margin-top: 22px;
}
.aside .ranking ul li.rank2 .score {
  padding-top: 15px;
}
.aside .ranking ul li.rank3 {
  margin-top: 33px;
}
.aside .ranking ul li img, .aside .ranking ul li .pseudo {
  width: 77px;
  margin-bottom: 0;
}
.aside .ranking ul li .pseudo {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  display: block;
  position: relative;
  margin: auto;
  height: 14px;
  margin-top: -14px;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-size: 10px;
  line-height: 12px;
}
.aside .ranking ul li .pseudo sup {
  font-size: 8px;
  vertical-align: top;
}
.aside .ranking ul li .score {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  background-position: 0 0;
  background-repeat: repeat-x;
  border: 1px solid #dbdbdb;
  padding: 4px;
  margin: 5px 0;
  font-size: 15px;
  line-height: 17px;
}
.aside .ranking table {
  width: 100%;
}
.aside .ranking table th, .aside .ranking table td {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 4px;
  font-size: 15px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
}
.aside .ranking table th, .aside .ranking table th a, .aside .ranking table td, .aside .ranking table td a {
  color: #fff;
  text-decoration: none;
}
.aside .ranking table th a:hover, .aside .ranking table td a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}
.aside .ranking table th {
  background: #000;
}
.aside .ranking table td {
  background: #E5334C;
  border-top: 1px solid #fff;
}
.aside .ranking table sup {
  font-size: 10px;
  vertical-align: top;
}
.aside form.submit-quote {
  margin: 12px 0;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  padding-right: 8px;
}
.aside form.submit-quote textarea {
  width: 245px;
  resize: vertical;
  height: 50px;
  min-height: 50px;
  max-height: 500px;
}
.aside form.submit-quote textarea:disabled {
  resize: none;
}
.aside form.submit-quote input[name="character"] {
  margin-left: 10px;
  width: 115px;
  margin-right: -5px;
}
.aside form.submit-quote input[type="submit"] {
  float: right;
  margin: 5px -3px 20px 0;
}
.aside .related a:hover {
  color: #000 !important;
}
.aside .related a:last-child .album-box-flash, .aside .related a:last-child .author-box {
  border-bottom: 0;
}
.aside .buyButton {
  margin: auto;
  margin-top: 10px;
  height: 50px;
  width: 165px;
  box-shadow: 0 0 0 1px #666;
  background: url("../img/ui/basket.small.png") no-repeat;
  background-size: 30px;
  background-position: left 10px center;
  border-radius: 8px;
}
.aside .buyButton:not(.hidden) {
  display: block !important;
}
.aside .buyButton:not(.hidden)#fnacBuyUrl {
  display: block !important;
}
.aside .buyButton .image {
  border-radius: 0 8px 8px 0;
  height: 50px;
  width: 110px;
  position: relative;
  float: right;
}
.aside .buyButton .image img {
  padding-left: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  border-radius: inherit;
  max-height: 50px;
  max-width: 105px;
}
.aside .buyButton:hover {
  box-shadow: 0 0 5px #ff0921;
}
.aside .buyButton-red {
  background: url("../img/ui/basket.red.svg") no-repeat;
  background-size: 55px;
  background-position: left center;
}
.aside .buyButton-yellow {
  background: url("../img/ui/basket.yellow.svg") no-repeat;
  background-size: 55px;
  background-position: left center;
}
.aside .buyButton-blue {
  background: url("../img/ui/basket.blue.svg") no-repeat;
  background-size: 55px;
  background-position: left center;
}
.aside .lastPreviews {
  text-align: center;
}
.aside .lastPreviews .preview-box {
  width: auto;
  display: inline-block;
}
.aside .lastPreviews .preview-box h4 {
  margin-left: 10px;
  margin-bottom: 7px;
  text-align: left;
  font-size: 20px;
}
.aside .lastPreviews .preview-box .extract .preview {
  width: 293px;
  border: 1px solid black;
}
.aside .lastPreviews .preview-box .extract .homemade-band {
  width: 135px !important;
}
.aside .lastPreviews .preview-box .extract:hover .preview {
  border: 1px solid #A6080B;
}
.aside .creation-preferences {
  padding: 0 10px;
  text-align: left;
}
.aside .creation-preferences h4 {
  margin: 10px 0;
}
.aside .creation-preferences h4.red {
  color: #E5334C;
}
.aside .creation-preferences label {
  display: block;
  font-weight: bold;
  padding-left: 15px;
  margin-top: 4px;
}
.aside .creation-preferences label input[type="checkbox"] {
  position: relative;
  top: 2px;
}
.aside .middle_button {
  width: 150px;
  display: block;
  margin: 8px auto;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}

.aside-clear {
  background: none;
  margin-left: 0;
}

.serie-particip-container {
  max-height: 560px;
  overflow-x: hidden;
  overflow-y: auto;
}

div.leading {
  position: relative;
}
div.leading #new-titre {
  text-align: center;
}
div.leading.leading-nomargin {
  margin-bottom: 0;
}
div.leading #h-res {
  color: #000;
}
div.leading #new-nav li {
  height: 50px;
  width: 150px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
div.leading #new-nav li .withImg {
  padding: 2px;
}
div.leading #new-nav li:hover#new-nav-home {
  background: url("../img/ui/home-icon-white.svg") no-repeat 13px center #E5334C;
  background-size: 25px;
  width: 50px;
  height: 50px;
}
div.leading #new-nav li.current#new-nav-home {
  background: url("../img/ui/home-icon-white.svg") no-repeat 13px center #E5334C;
  background-size: 25px;
}
div.leading #new-nav li.nav-box {
  height: 50px;
  width: 135px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
div.leading #new-nav li.nav-box > div.nav-content {
  margin-top: 10px;
}
div.leading #new-nav li#new-nav-home {
  width: 30px;
  overflow: hidden;
  background: url("../img/ui/home-icon-black.svg") no-repeat 13px center;
  background-size: 25px;
  width: 50px;
  height: 50px;
}
div.leading #new-nav li#new-nav-home div {
  opacity: 0;
  text-indent: 100%;
}
div.leading #new-nav:hover .IconActu {
  content: url("../img/ui/Actualités_white.svg");
}
div.leading nav {
  font-size: 0;
}
div.leading nav ul {
  display: inline-block;
  margin-top: 15px;
}
div.leading nav li {
  display: inline-block;
  vertical-align: bottom;
  border-right: 1px solid #bbb;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  margin-right: -1px;
}
div.leading nav li a {
  text-decoration: none;
}
div.leading nav li div {
  /*height:20px;*/
  line-height: 20px;
  cursor: pointer;
  text-align: center;
  font-size: 17px;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  padding: 7px 10px;
}
div.leading nav li .withImg {
  padding: 2px;
}
div.leading nav li:hover {
  background: #E5334C;
}
div.leading nav li:hover, div.leading nav li:hover a {
  color: #fff !important;
}
div.leading nav li:hover#nav-home {
  background: url("../img/ui/home-icon.png") no-repeat 5px center #E5334C;
}
div.leading nav li.current {
  background: #E5334C;
}
div.leading nav li.current, div.leading nav li.current a {
  color: #fff;
}
div.leading nav li.current:not([href]), div.leading nav li.current a:not([href]) {
  cursor: default;
}
div.leading nav li.current#nav-home {
  background: url("../img/ui/home-icon.png") no-repeat 5px center #E5334C;
}
div.leading nav li#nav-home {
  width: 30px;
  overflow: hidden;
  background: url("../img/ui/home-icon-black.png") no-repeat 5px center;
}
div.leading nav li#nav-home div {
  opacity: 0;
  text-indent: 100%;
}
div.leading nav li:hover .IconActu {
  content: url("../img/ui/Actualités_white.svg");
}
div.leading .nav-tome {
  display: inline-block;
  margin-top: 15px;
  float: right;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  cursor: default;
}
div.leading .nav-tome a {
  text-decoration: none;
}
div.leading .nav-tome a:hover {
  text-decoration: underline;
}
div.leading .crt-type {
  display: inline-block;
  margin-bottom: 15px;
}
div.leading .top-links {
  margin-top: 15px;
}
div.leading .top-links span {
  color: #E5334C;
  font-weight: bold;
}
div.leading .infos {
  position: relative;
}
div.leading .infos .cover, div.leading .infos .card {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  max-width: 470px;
}
@media screen and (max-width: 450px) {
  div.leading .infos .card {
    margin-top: 20px;
  }
}
div.leading .infos .cover {
  border: 1px solid #000;
  margin-right: 20px;
  max-width: 168px;
  /*@include transition(all,0.8s,ease-out);
  &.zoom{
  	width:auto;
  	max-width:calc(100% - 25px);
  	position:fixed;
  	z-index:100;
  	margin-right:0;
  }*/
}
@media screen and (max-width: 450px) {
  div.leading .infos .cover {
    margin-right: 10px;
  }
}
div.leading .infos .card.aside-cover p {
  color: black;
}
div.leading .infos .card.aside-cover span {
  color: black;
}
@media screen and (min-width: 979px) {
  div.leading .infos .card.aside-cover-serie {
    margin-left: 15px;
    text-align: left;
  }
  div.leading .infos .card.aside-cover-serie p {
    margin-bottom: 14px;
  }
}
div.leading .infos .card p {
  color: #999;
  margin-bottom: 14px;
}
div.leading .infos .card p span {
  color: black;
}
div.leading .infos .card p.less {
  margin-bottom: 4px;
}
div.leading .infos .card p.separators .a-title-info:not(:first-child)::before {
  content: ' - ';
}
div.leading .infos .card b {
  font-weight: bold;
}
div.leading .infos .card .notes {
  margin-top: 5px;
  margin-bottom: 7px;
  padding-top: 10px;
}
div.leading .infos .card .notes .note {
  position: relative;
  margin-right: 20px;
  width: 200px;
  padding-top: 4px;
  display: flex;
}
div.leading .infos .card .notes .note .note_attr {
  vertical-align: top;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  font-weight: 500;
}
div.leading .infos .card .notes .note, div.leading .infos .card .notes .note a, div.leading .infos .card .notes .note span {
  line-height: 24px;
}
div.leading .infos .card .notes .note .count {
  position: absolute;
  font-size: 15px;
  top: 3px;
  *top: 0;
  left: 210px;
  width: 200px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  color: #707070;
}
div.leading .infos .card .notes .note.sep {
  border-top: 1px solid #707070;
}
div.leading .infos .card .notes .note:first-child {
  border-top: none;
}
div.leading .infos img.head {
  border: 1px solid #e4e4e4;
  margin-top: 10px;
}
div.leading .infos span.social.label {
  line-height: 16px;
  display: block;
}
div.leading .infos div.desc {
  padding: 15px 0;
}
div.leading .infos div.desc, div.leading .infos div.desc p {
  font-size: 15px;
}
div.leading .infos div.desc p.title {
  color: #E5334C;
  text-transform: uppercase;
  font-weight: bold;
}
div.leading .infos .infos-auteur-container {
  display: flex;
  margin-bottom: 15px;
}
div.leading .summary {
  float: right;
  width: 142px;
  padding: 15px;
  border: 1px solid #9d9d9c;
  margin-bottom: 20px;
  margin-top: 5px;
}
div.leading .summary .title {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  color: #707070;
  margin-bottom: 5px;
}
div.leading .summary li {
  padding: 4px 0;
}
div.leading div.leading-video {
  margin-top: 25px;
  width: 100%;
  margin-bottom: 30px;
}
div.leading div.leading-video #player-teaser {
  height: 360px;
}
div.leading div.leading-video .album-rate {
  float: left;
  font-size: 13px;
  margin-top: 30px;
}
div.leading div.leading-video .album-rate span {
  font-weight: bold;
}
div.leading div.leading-video .album-rate img {
  vertical-align: top;
  margin-top: -8px;
}
div.leading div.leading-video .view-count {
  float: right;
  font-size: 13px;
  margin-top: 22px;
}
div.leading div.leading-video .view-count span {
  font-weight: bold;
  font-size: 24px;
}
div.leading div.socialBtn {
  position: absolute;
  z-index: 99;
}
div.leading div.socialBtn div.share-buttons {
  width: 250px;
}
div.leading div.socialBtn div.share-buttons p.label {
  font-size: 12px;
  margin-bottom: 7px;
}
div.leading div.socialBtn div.share-buttons p.label.label-big {
  font-size: 16px;
  font-weight: bold;
}
div.leading div.socialBtn div.share-buttons, div.leading div.socialBtn div.share-buttons .share-btn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  overflow: hidden;
  padding: 10px;
  display: inline-flex;
}
div.leading div.socialBtn div.share-buttons .share-facebook {
  width: 115px;
}
div.leading div.socialBtn div.share-buttons .share-twitter {
  width: 115px;
}
div.leading div.socialBtn div.share-buttons .share-gplus {
  width: 74px;
}
div.leading div.socialBtn .shareSocial {
  display: none;
  position: absolute;
  text-align: initial;
  z-index: 99;
}
div.leading div.socialBtn .shareSocial a {
  font-size: 16px;
  color: white;
  text-decoration: none;
}
div.leading div.socialBtn .shareSocial li {
  background-color: #333;
}
div.leading div.socialBtn .shareSocial li:hover {
  background-color: #e5334c;
  color: white;
}
div.leading div.socialBtn .share-btn span {
  margin-right: 20px;
}
div.leading div.socialBtn .share-btn i {
  font-size: 24px;
}
div.leading div.socialBtn .overlayContainer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
div.leading div.social {
  clear: both;
  margin-top: 27px;
  height: auto;
}
div.leading div.social > div {
  padding-bottom: 10px;
}
div.leading div.social.social-marginless {
  margin-top: 10px;
}
div.leading div.social div.share-buttons, div.leading div.social div.cbd_like {
  border-right: 1px solid #999;
}
div.leading div.social div.share-buttons {
  width: 273px;
}
div.leading div.social div.share-buttons p.label {
  font-size: 12px;
  margin-bottom: 7px;
}
div.leading div.social div.share-buttons p.label.label-big {
  font-size: 16px;
  font-weight: bold;
}
div.leading div.social div.share-buttons, div.leading div.social div.share-buttons .share-btn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  overflow: hidden;
  padding-top: 12px;
}
div.leading div.social div.share-buttons .share-facebook {
  width: 115px;
}
div.leading div.social div.share-buttons .share-twitter {
  width: 70px;
}
div.leading div.social div.share-buttons .share-gplus {
  width: 74px;
}
div.leading div.social div.cbd_like {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  position: relative;
  color: #999;
  padding-top: 7px;
  margin-left: 13px;
  width: 170px;
  height: 39px;
  cursor: pointer;
  line-height: 18px;
}
div.leading div.social div.cbd_like.liked .like, div.leading div.social div.cbd_like.liked .like:hover {
  color: #E5334C;
  background-position: 0 -3247px;
}
div.leading div.social div.cbd_like .count {
  position: absolute;
  background-position: 0 -2174px;
  width: 40px;
  height: 40px;
  padding-top: 5px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #E5334C;
}
div.leading div.social div.cbd_like .verb {
  position: absolute;
  top: 14px;
  left: 46px;
  font-weight: bold;
}
div.leading div.social div.cbd_like .like, div.leading div.social div.cbd_like .unlike {
  position: absolute;
  top: 7px;
  left: 115px;
  width: 35px;
  height: 55px;
}
div.leading div.social div.cbd_like .like span, div.leading div.social div.cbd_like .unlike span {
  text-align: center;
  width: 65px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-left: -17px;
  margin-top: -3px;
}
div.leading div.social div.cbd_like .like {
  background-position: 0 -3046px;
}
div.leading div.social div.cbd_like .like:hover {
  background-position: 0 -3247px;
}
div.leading div.social div.cbd_like .unlike {
  background-position: 0 -3247px;
}
div.leading div.social div.cbd_like .unlike:hover {
  background-position: 0 -3046px;
}
div.leading div.social div.cbd_rate {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 168px;
  margin-left: 15px;
  cursor: pointer;
}
div.leading div.social div.cbd_rate .note {
  color: #E5334C;
}

.new-social.default-size img {
  width: 82px;
}

.container-preview {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  margin-top: 10px;
}

.content-preview {
  width: 200px;
  height: 140px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  box-shadow: 3.5px 3.5px 8.9px 1.6px #9294964f;
  background-color: #fff;
  z-index: 10;
}
.content-preview p {
  width: 200px;
  line-height: 140px;
  font-size: 95px;
  font-weight: bold;
  text-align: center;
}
.content-preview img {
  margin-top: -140px;
  margin-left: 135px;
  position: absolute;
  width: 70px;
}

.comment-box {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 210px;
}
.comment-box .pseudo, .comment-box .date {
  font-size: 18px;
}
.comment-box .pseudo {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.comment-box .date {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
}
.comment-box a:hover {
  text-decoration: underline !important;
}

.note, .note a, .note span {
  vertical-align: top;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  font-weight: 500;
}
.note span {
  padding-left: 5px;
}
.note .label {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 65px;
  font-size: 17px;
}
.note .label a {
  text-decoration: underline;
}
.note .img_note {
  height: 30px;
}

div.cbd_note {
  margin-top: -5px;
  cursor: default;
}
div.cbd_note span {
  white-space: nowrap;
}
div.cbd_note > img {
  height: 30px;
}
div.cbd_note .cbd_note_detail {
  bottom: 10px;
  left: 58px;
  display: none;
  position: absolute;
  margin-bottom: 44px;
  background: #fff;
  border: 1px solid #aeafb2;
  padding-top: 5px;
  z-index: 99;
  width: max-content;
}
div.cbd_note .cbd_note_detail .note {
  margin-left: 10px;
  text-align: left;
}
div.cbd_note .cbd_note_detail .note p.label {
  padding-top: 3px;
}
div.cbd_note .cbd_note_detail .dial {
  height: 15px;
  position: absolute;
  bottom: 0;
  margin-bottom: -15px;
  width: 100%;
}
div.cbd_note .cbd_note_detail .dial img {
  margin-left: 135px;
  float: left;
}

div.cbd_rate {
  z-index: 1;
}
div.cbd_rate.rated {
  cursor: default;
}
div.cbd_rate img {
  cursor: pointer;
  margin: -1px;
}
div.cbd_rate .rate-on {
  display: none;
}
div.cbd_rate img.comment {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: -3px;
  cursor: pointer;
  margin-left: 15px;
}
div.cbd_rate .note {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 30px;
  text-align: right;
  font-weight: bold;
}
div.cbd_rate.cbd_rate_onlycomment {
  padding-top: 15px;
}
div.cbd_rate.cbd_rate_onlycomment p.label {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
div.cbd_rate.cbd_rate_onlycomment img {
  height: 60px;
  width: 60px;
}
div.cbd_rate .ratingDisplay {
  font-size: 18px;
  line-height: 29px;
  margin-right: 10px;
  vertical-align: top;
}

.rate-average {
  margin-top: 5px;
}
.rate-average .label, .rate-average .rate {
  font-weight: bold;
}
.rate-average img {
  vertical-align: top;
  margin-top: -6px;
}

.content-rate-list-preview {
  margin-left: -20px;
  align-items: center;
  max-height: 200px;
  width: 250px;
  overflow-x: auto;
}

.rate-list-preview {
  display: flex;
  flex-direction: column;
}
.rate-list-preview li {
  width: 160px;
  padding-left: 29px;
  border-radius: 0px 10px 10px 0px;
  background-color: #f6f6f6;
  margin-bottom: 10px;
  margin-left: 20px;
  padding-top: 5px;
  line-height: 21px;
  overflow: visible;
}
.rate-list-preview li, .rate-list-preview li a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.rate-list-preview li img {
  height: 19px;
  margin-right: 7px;
  vertical-align: top;
}
.rate-list-preview li span {
  font-weight: bold;
}

.rate-list-percent {
  margin-top: 10px;
  margin-bottom: 20px;
}
.rate-list-percent li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding-bottom: 5px;
  margin-top: 8px;
  min-width: 415px;
}
.rate-list-percent li * {
  vertical-align: middle;
}
.rate-list-percent li a {
  text-decoration: none;
}
.rate-list-percent li img.stars {
  height: 21px;
  margin-top: -1px;
}
.rate-list-percent li div.bar-percent {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  width: 189px;
  height: 16px;
  border: 2px solid black;
  margin: 0 5px;
  border-radius: 10px;
}
.rate-list-percent li div.bar-percent div.bar-percent-inner {
  background: #E5334C;
  height: 100%;
  border-radius: 5px;
}
.rate-list-percent li div.bar-percent div.bar-percent-inner img {
  display: none;
}
.rate-list-percent li span {
  text-decoration: underline;
}

.container-reader-preview {
  display: inline-grid;
  position: absolute;
  margin-top: -80px;
}
.container-reader-preview img {
  margin: -25px 0px 15px 162px;
  padding-bottom: 25px;
  z-index: 1;
  width: 60px;
}

.cta-publish {
  width: 200px;
  height: 70px;
  margin: -60px 0px 0px -10px;
  padding: 20px 15px 20px 15px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0px 5px 5.5px 1px rgba(146, 148, 150, 0.31);
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
}
.cta-publish b {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.cta-publish:hover {
  background: #E5334C;
}
.cta-publish:hover p {
  color: #fff !important;
}

.publish_criticism p {
  font-weight: bold;
  color: black;
  margin-top: 20px;
}

.must-subscribe {
  margin: 20px 0;
}
.must-subscribe, .must-subscribe a {
  color: #E5334C;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.form-comment {
  padding-bottom: 10px;
}
.form-comment .h-comment {
  color: black;
}

#form-rate, .form-comment {
  margin: 10px 0 0 10px;
  position: relative;
}
#form-rate label, .form-comment label {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding-top: 2px;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 19px;
  color: #333;
  margin-right: 10px;
}
#form-rate label[for="comment-text"], #form-rate label[for="rate-text"], .form-comment label[for="comment-text"], .form-comment label[for="rate-text"] {
  margin-top: 20px;
  margin-bottom: 5px;
}
#form-rate label[for="comment-email"], #form-rate label[for="rate-email"], .form-comment label[for="comment-email"], .form-comment label[for="rate-email"] {
  margin-left: 20px;
}
#form-rate .cbd_rate, .form-comment .cbd_rate {
  position: absolute;
  right: 0;
}
#form-rate input[type="text"], #form-rate input[type="password"], #form-rate textarea, .form-comment input[type="text"], .form-comment input[type="password"], .form-comment textarea {
  font-size: 13px;
}
#form-rate textarea, .form-comment textarea {
  overflow: auto;
}
#form-rate #comment-title, #form-rate #rate-title, .form-comment #comment-title, .form-comment #rate-title {
  width: 370px;
}
#form-rate .comment-text, #form-rate #rate-text, .form-comment .comment-text, .form-comment #rate-text {
  margin-top: 15px;
  width: 632px;
  height: 55px;
  min-height: 55px;
  max-height: 500px;
  resize: vertical;
}
#form-rate #comment-name, #form-rate #comment-email, .form-comment #comment-name, .form-comment #comment-email {
  width: 150px;
}
#form-rate input[type="submit"], .form-comment input[type="submit"] {
  float: right;
  font-size: 17px;
  width: 50px;
  *position: relative;
  *right: 0;
  *top: -27px;
}
#form-rate .subscribe-link, .form-comment .subscribe-link {
  float: right;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  *margin-top: -22px;
}
#form-rate .comment, .form-comment .comment {
  margin-bottom: 0;
}

#form-rate {
  margin-bottom: 40px;
}
#form-rate .cbd_rate {
  margin-bottom: 10px;
}

div.comment, .post, .post-self {
  vertical-align: top;
  position: relative;
  margin: 10px 0 30px 5px;
}
div.comment:not(.comment-answer), .post:not(.comment-answer), .post-self:not(.comment-answer) {
  min-height: 100px;
}
div.comment .left, div.comment .right, .post .left, .post .right, .post-self .left, .post-self .right {
  display: inline-block;
}
div.comment .left, .post .left, .post-self .left {
  vertical-align: top;
  width: 75px;
  margin-right: 5px;
}
div.comment .left img.author-thumb, .post .left img.author-thumb, .post-self .left img.author-thumb {
  width: 73px;
  margin: 10px;
}
div.comment .left .follow, .post .left .follow, .post-self .left .follow {
  margin-top: 5px;
  padding: 2px 10px;
  width: 53px;
  margin: 10px;
}
div.comment.comment-answer .left, .post.comment-answer .left, .post-self.comment-answer .left {
  width: 45px;
}
div.comment.comment-answer .left .follow, .post.comment-answer .left .follow, .post-self.comment-answer .left .follow {
  width: 23px;
  font-size: 13px;
}
div.comment.comment-answer .right, .post.comment-answer .right, .post-self.comment-answer .right {
  width: 530px;
}
div.comment.comment-answer .image .camera, .post.comment-answer .image .camera, .post-self.comment-answer .image .camera {
  position: absolute;
  bottom: -5px;
  right: 95px;
  z-index: 1;
}
div.comment.comment-answer .image .preview, .post.comment-answer .image .preview, .post-self.comment-answer .image .preview {
  padding-bottom: 25px;
}
div.comment.comment-answer .image .preview .previewImage, .post.comment-answer .image .preview .previewImage, .post-self.comment-answer .image .preview .previewImage {
  max-width: 550px;
}
div.comment .right, .post .right, .post-self .right {
  width: 560px;
}
div.comment .right .dial-box, .post .right .dial-box, .post-self .right .dial-box {
  word-wrap: break-word;
  margin-bottom: -15px;
}
div.comment .right .dial-box .top-right, .post .right .dial-box .top-right, .post-self .right .dial-box .top-right {
  display: flex;
  padding: 0;
  top: 5px;
  right: 10px;
  position: absolute;
}
div.comment .right .comment-right, div.comment .right .comment-left, .post .right .comment-right, .post .right .comment-left, .post-self .right .comment-right, .post-self .right .comment-left {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
div.comment .right .comment-right, div.comment .right .comment-right p, div.comment .right .comment-left, div.comment .right .comment-left p, .post .right .comment-right, .post .right .comment-right p, .post .right .comment-left, .post .right .comment-left p, .post-self .right .comment-right, .post-self .right .comment-right p, .post-self .right .comment-left, .post-self .right .comment-left p {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-size: 14px;
  line-height: 16px;
}
div.comment .right .comment-left, .post .right .comment-left, .post-self .right .comment-left {
  width: 553px;
  padding-left: 10px;
}
div.comment .right .comment-left p, .post .right .comment-left p, .post-self .right .comment-left p {
  border-left: 1px solid #ccc;
  padding-right: 3px;
  padding-left: 10px;
}
div.comment .right .comment-left p:first-child, .post .right .comment-left p:first-child, .post-self .right .comment-left p:first-child {
  padding-left: 0;
  border-left: 0;
}
div.comment .right .comment-left p.share a.fb, div.comment .right .comment-left p.share a.twitter, div.comment .right .comment-left p.share a.google, .post .right .comment-left p.share a.fb, .post .right .comment-left p.share a.twitter, .post .right .comment-left p.share a.google, .post-self .right .comment-left p.share a.fb, .post-self .right .comment-left p.share a.twitter, .post-self .right .comment-left p.share a.google {
  padding: 2px;
}
div.comment .right .comment-left p.answer, div.comment .right .comment-left .follow, .post .right .comment-left p.answer, .post .right .comment-left .follow, .post-self .right .comment-left p.answer, .post-self .right .comment-left .follow {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}
div.comment .right .comment-left p.answer a, div.comment .right .comment-left .follow a, .post .right .comment-left p.answer a, .post .right .comment-left .follow a, .post-self .right .comment-left p.answer a, .post-self .right .comment-left .follow a {
  color: #E5334C;
  text-decoration: underline;
}
div.comment .right .interactions, .post .right .interactions, .post-self .right .interactions {
  position: relative;
}
div.comment .right .comment-right, .post .right .comment-right, .post-self .right .comment-right {
  position: absolute;
  right: 0;
}
div.comment .right .comment-right .abuse img, .post .right .comment-right .abuse img, .post-self .right .comment-right .abuse img {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: 4px;
}
div.comment .right .comment-right .abuse .on, .post .right .comment-right .abuse .on, .post-self .right .comment-right .abuse .on {
  display: none;
}
div.comment .right .comment-right .abuse.selected .off, div.comment .right .comment-right .abuse:hover .off, .post .right .comment-right .abuse.selected .off, .post .right .comment-right .abuse:hover .off, .post-self .right .comment-right .abuse.selected .off, .post-self .right .comment-right .abuse:hover .off {
  display: none;
}
div.comment .right .comment-right .abuse.selected .on, div.comment .right .comment-right .abuse:hover .on, .post .right .comment-right .abuse.selected .on, .post .right .comment-right .abuse:hover .on, .post-self .right .comment-right .abuse.selected .on, .post-self .right .comment-right .abuse:hover .on {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
div.comment.comment-thumb, .post.comment-thumb, .post-self.comment-thumb {
  background-color: #f6f6f6;
  box-shadow: 0px 2px 5px #00000029;
}
div.comment.comment-thumb .dial-box, .post.comment-thumb .dial-box, .post-self.comment-thumb .dial-box {
  display: block;
}
div.comment.comment-thumb .comment-left, .post.comment-thumb .comment-left, .post-self.comment-thumb .comment-left {
  width: 450px;
  display: flex;
}
div.comment.comment-thumb .comment-left .answer, .post.comment-thumb .comment-left .answer, .post-self.comment-thumb .comment-left .answer {
  margin-right: 5px;
}
div.comment.comment-thumb .comment-left .answer a, .post.comment-thumb .comment-left .answer a, .post-self.comment-thumb .comment-left .answer a {
  color: #E5334C;
  text-decoration: underline;
}
div.comment.comment-answer, .post.comment-answer, .post-self.comment-answer {
  margin-left: 70px;
}
div.comment.comment-answer .cancel, .post.comment-answer .cancel, .post-self.comment-answer .cancel {
  position: absolute;
  right: -8px;
  margin-top: -15px;
  cursor: pointer;
}
div.comment.comment-answer .right .close, .post.comment-answer .right .close, .post-self.comment-answer .right .close {
  position: absolute;
  right: -5px;
  margin-top: -33px !important;
}
div.comment.comment-answer.comment-thumb img.author-thumb, .post.comment-answer.comment-thumb img.author-thumb, .post-self.comment-answer.comment-thumb img.author-thumb {
  width: 43px;
}
div.comment.comment-answer.comment-thumb .comment-left, .post.comment-answer.comment-thumb .comment-left, .post-self.comment-answer.comment-thumb .comment-left {
  width: 370px;
}
div.comment.comment-answer .comment-left, .post.comment-answer .comment-left, .post-self.comment-answer .comment-left {
  width: 395px;
}
div.comment iframe, .post iframe, .post-self iframe {
  max-width: 100%;
  display: block;
  margin: 0 auto 10px;
}
div.comment .userImg, .post .userImg, .post-self .userImg {
  display: table;
  margin: 10px auto;
  width: inherit;
  text-align: center;
}
div.comment .userImg img, .post .userImg img, .post-self .userImg img {
  max-width: calc(100% - 20px);
}

.dial-box {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-size: 0;
}
.dial-box a {
  text-decoration: none;
}
.dial-box a:hover p, .dial-box a:hover p.title, .dial-box a:hover h4 {
  text-decoration: underline;
}
.dial-box .dial {
  background-position: 0 -2541px;
  width: 24px;
  height: 19px;
  margin: -2px 0 0 10px;
  *margin-top: -3px;
  position: relative;
  display: none;
}
.dial-box .dial img {
  display: none;
}
.dial-box .frame, .dial-box .frame-crt {
  width: inherit;
  padding-bottom: 16px;
  border: none;
  min-height: 90px;
}
.dial-box .frame p.title, .dial-box .frame-crt p.title, .dial-box .frame h4, .dial-box .frame-crt h4 {
  color: #000;
  font-size: 18px;
  margin: 10px 0 0 10px;
}
.dial-box .frame p.title, .dial-box .frame-crt p.title {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  padding-bottom: 0;
}
.dial-box .frame p.title, .dial-box .frame-crt p.title, .dial-box .frame p.title a, .dial-box .frame-crt p.title a {
  color: #E5334C;
  text-decoration: none;
}
.dial-box .frame p.title a:hover, .dial-box .frame-crt p.title a:hover {
  text-decoration: underline;
}
.dial-box .frame p.comment-text, .dial-box .frame-crt p.comment-text {
  padding: 0 10px 10px;
  margin-top: 10px;
}
.dial-box .frame .opengraph-link, .dial-box .frame-crt .opengraph-link {
  border: 0;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-bottom: 20px;
  position: relative;
  left: -3px;
  width: calc(100% + 6px);
}
.dial-box .frame p.author, .dial-box .frame-crt p.author {
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 0;
  margin-left: 10px;
}
.dial-box .frame p.author a:hover, .dial-box .frame-crt p.author a:hover {
  text-decoration: underline;
}
.dial-box .frame p.author .action, .dial-box .frame-crt p.author .action {
  font-weight: normal;
}
.dial-box .frame p.note, .dial-box .frame-crt p.note {
  padding: 0 5px;
  color: #E5334C;
  font-weight: bold;
}
.dial-box .frame p.note img, .dial-box .frame-crt p.note img {
  height: 18px;
}
@media screen and (max-width: 400px) {
  .dial-box .frame p.date, .dial-box .frame-crt p.date {
    font-size: 11px;
  }
}
@media screen and (min-width: 401px) {
  .dial-box .frame p.date, .dial-box .frame-crt p.date {
    font-size: 14px;
  }
}
.dial-box .frame p.date, .dial-box .frame-crt p.date {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  position: absolute;
  bottom: -6px;
  right: -6px;
  color: rgba(0, 0, 0, 0.4);
}
.dial-box .frame .stars, .dial-box .frame-crt .stars, .dial-box .frame h4, .dial-box .frame-crt h4 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.dial-box .frame .stars, .dial-box .frame-crt .stars {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  height: 21px;
  margin: 10px -5px 0 10px;
}
.dial-box .frame p, .dial-box .frame-crt p {
  padding: 10px;
  padding-left: 2px;
  color: #000;
}
.dial-box .frame .cbd_wysiwyg, .dial-box .frame-crt .cbd_wysiwyg {
  margin-bottom: 0;
}
.dial-box .frame .read-more, .dial-box .frame-crt .read-more {
  margin: 0 0 15px 10px;
}
.dial-box .frame-crt {
  background-color: #f6f6f6;
  box-shadow: 0px 2px 5px #00000029;
}
.dial-box.error .dial {
  background-position: 0 -2372px;
}

.like-dislike {
  margin-left: 5px;
  display: inline-block;
}
.like-dislike a {
  font-size: 13px;
  text-decoration: none;
  color: #aaa;
}
.like-dislike a.NC {
  cursor: default;
}
.like-dislike a.selected:hover {
  cursor: pointer;
}
.like-dislike img {
  width: 14px;
  margin-bottom: 0;
}
.like-dislike .dislike img {
  vertical-align: middle;
  margin-left: 5px;
}

textarea.response-text {
  margin: 0;
  width: 525px;
  min-height: 100px;
  max-height: 250px;
  resize: vertical;
}

.comment .error2 {
  position: absolute;
  left: 80px;
  margin-top: 8px;
  font-weight: bold;
}
.comment .submit {
  position: absolute;
  bottom: 0;
  right: 0;
}

form .rest_char {
  font-size: 15px;
  top: -10px;
  font-weight: 600;
  display: inline-block;
  word-spacing: 2px;
  margin: 3px;
  margin-top: 20px;
}

.rest_char {
  position: relative;
  margin-left: 50px;
  margin-top: 10px;
}

.listComments .displayMore, .listComments .displayLess {
  text-align: center;
  text-decoration: underline;
  margin-bottom: 20px;
  margin-top: -10px;
  margin-left: 110px;
}
.listComments #comment-header {
  color: #000;
}

#comment-form-top .cbd_rate {
  position: absolute;
  width: 200px;
  text-align: right;
}

.comment .camera, .post .camera, .post-self .camera {
  float: right;
  cursor: pointer;
  margin-top: -25px;
}
.comment .camera img, .post .camera img, .post-self .camera img {
  width: 30px;
}
.comment .image, .post .image, .post-self .image {
  text-align: center;
}
.comment .image .preview, .post .image .preview, .post-self .image .preview {
  margin-top: 20px;
  position: relative;
  display: inline-block;
}
.comment .image .preview .previewImage, .post .image .preview .previewImage, .post-self .image .preview .previewImage {
  max-width: 600px;
  overflow: hidden;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.6);
  padding: 5px;
}
.comment .image .preview .previewImage.video, .post .image .preview .previewImage.video, .post-self .image .preview .previewImage.video {
  padding: 0;
  width: 320px;
}
.comment .image .preview .previewImage.video:hover .container img, .post .image .preview .previewImage.video:hover .container img, .post-self .image .preview .previewImage.video:hover .container img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.comment .image .preview .previewImage.video .container img, .post .image .preview .previewImage.video .container img, .post-self .image .preview .previewImage.video .container img {
  width: 320px;
  travnsition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.comment .image .preview img.close, .post .image .preview img.close, .post-self .image .preview img.close {
  travnsition: transform 0.3s ease-out;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  position: absolute;
  top: -15px;
  right: -15px;
  padding: 5px;
  width: 20px;
  cursor: pointer;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));
}
.comment .image .preview img.close:hover, .post .image .preview img.close:hover, .post-self .image .preview img.close:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.comment .image .preview img.close:active, .post .image .preview img.close:active, .post-self .image .preview img.close:active {
  filter: drop-shadow(0 0 0);
  margin-left: 1px;
  margin-top: 1px;
}
.comment .image .preview .playButton, .post .image .preview .playButton, .post-self .image .preview .playButton {
  z-index: 1000;
  position: absolute;
  width: 50px;
  margin-left: -25px;
  left: 50%;
  top: 30%;
}
.comment .image .preview .infos, .post .image .preview .infos, .post-self .image .preview .infos {
  font-family: Roboto,Helvetica;
  color: black !important;
  text-align: left;
  padding: 5px;
  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.6) inset;
}
.comment .image .preview .infos .title, .post .image .preview .infos .title, .post-self .image .preview .infos .title {
  text-decoration: none !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 16px;
  margin-bottom: 5px;
  position: relative;
}
.comment .image .preview .infos .description, .post .image .preview .infos .description, .post-self .image .preview .infos .description {
  text-decoration: none !important;
  font-size: 12px;
}
.comment .image .preview .infos .description br, .post .image .preview .infos .description br, .post-self .image .preview .infos .description br {
  display: none;
}

.critique-versus {
  margin-bottom: 25px;
}

.versus {
  color: white;
  font-size: 0;
  margin-bottom: 25px;
}
.versus > div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  vertical-align: top;
  margin-right: -20px;
}
.versus .band {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  width: 95%;
  text-align: left;
  padding: 5px 8px;
  margin-bottom: 20px;
}
.versus .information {
  padding-top: 30px;
  margin-top: -15px;
  padding-left: 5px;
  border-radius: 10px;
  width: 290px;
}
.versus .date_msg_user {
  margin: 5px;
}
.versus .positive .band {
  color: #E5334C;
}
.versus .positive .information {
  background-color: #e6344c;
}
.versus .positive .read-more,
.versus .positive a:hover,
.versus .positive .read-more:hover {
  color: black;
}
.versus .mascot-versus {
  position: absolute;
}
.versus .negative {
  margin-left: 68px;
}
.versus .negative .band {
  color: #000;
  text-align: right;
}
.versus .negative .information {
  background-color: black;
}
.versus .negative .read-more,
.versus .negative a:hover,
.versus .negative .read-more:hover {
  color: #E5334C;
}
.versus .member-thumb {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  zoom: 1;
  vertical-align: top;
  width: 70px;
  height: 100px;
  margin-top: -20px;
  margin-left: 7px;
}
.versus .details {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  zoom: 1;
  font-size: 14px;
  width: 170px;
  margin-left: 8px;
  margin-top: -30px;
}
.versus .details a {
  color: white;
}
.versus .details .note-comment-lecteur {
  display: flex;
  margin-left: 5px;
  margin-top: 5px;
}
.versus .details .stars-text {
  margin-left: 5px;
}
.versus .comment-container-text {
  height: 52px;
}
.versus p.extract {
  color: white;
  font-size: 13px;
  line-height: 13px;
  margin-top: 5px;
  margin-left: 5px;
}
.versus p.extract a.read-more {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: white;
}
.versus .no_comment {
  margin-bottom: 52px;
}
.versus .user_comment {
  font-size: 13px;
}

#fluxMembre {
  margin-top: 40px;
}
#fluxMembre .generic-stats {
  position: relative;
  margin-bottom: 80px;
  margin-top: -25px;
  font-size: 14px;
}
#fluxMembre .generic-stats .value {
  color: #E5334C;
  font-family: Arial,Helvetica;
  font-weight: bold;
}
#fluxMembre .generic-stats .total {
  text-align: left;
}
#fluxMembre .generic-stats .page {
  position: absolute;
  right: -10px;
  top: 0;
}
#fluxMembre .generic-stats .page a.navPage {
  text-decoration: none;
}
#fluxMembre .generic-stats .page a.navPage:hover {
  color: #E5334C;
}
#fluxMembre .generic-stats .page a.navPage.prevPage {
  padding: 10px;
}
#fluxMembre .generic-stats .page a.navPage.nextPage {
  padding: 10px;
}
#fluxMembre .recommandation-label {
  font-size: 22px;
  margin-left: 50px;
  margin-bottom: 7px;
  font-family: "Alegreya Sans";
}
#fluxMembre .item {
  border: 1px solid #ccc;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  position: relative;
  padding: 5px 5px 0;
  margin-bottom: 50px;
  margin-left: 0;
}
#fluxMembre .item .itemTitle a.mbr {
  color: #C4090C;
  font-weight: bold;
}
#fluxMembre .item .itemTitle a.mbr:hover {
  color: #E5334C;
}
#fluxMembre .item .itemTitle .avatar {
  position: absolute;
  margin: -30px 0 0 -16px;
  box-shadow: 0 0 2px black;
  background-color: white;
}
#fluxMembre .item .itemTitle .avatar img {
  margin-bottom: -2px;
  height: 62.5px;
  width: 40px;
}
#fluxMembre .item .itemTitle .margin {
  position: relative;
  left: 30px;
  max-width: calc(100% - 30px);
}
#fluxMembre .item .itemTitle .title {
  font-size: 17px;
  font-weight: 500;
  display: block;
  max-width: 505px;
  line-height: 1.3;
}
#fluxMembre .item .itemTitle .title .dest {
  color: #afafaf;
}
#fluxMembre .item .itemTitle .date {
  line-height: 1.7;
  font-size: 12px;
  color: grey;
}
#fluxMembre .item .left, #fluxMembre .item .right {
  display: inline-block;
}
#fluxMembre .item .left {
  width: 20%;
}
#fluxMembre .item .portrait-big-img {
  width: 100% !important;
}
#fluxMembre .item .portrait-big-img .img.big-img {
  width: 100% !important;
}
#fluxMembre .item .right {
  vertical-align: top;
  width: 78%;
  margin-top: 10px;
  margin-bottom: 10px;
}
#fluxMembre .item .right .desc img {
  display: none;
}
#fluxMembre .item .block {
  margin-top: 5px;
}
#fluxMembre .item .block.paysage {
  width: 550px;
  margin: 10px auto 0 auto;
}
#fluxMembre .item .block.paysage .comment-thumb .dial-box {
  width: 535px !important;
}
#fluxMembre .item .block.paysage .desc.cbd_wysiwyg .option_p {
  padding-left: 0;
}
#fluxMembre .item .block.portrait .desc.cbd_wysiwyg .option_p {
  padding-left: 10px;
}
#fluxMembre .item .block img.portrait {
  width: 120px;
}
#fluxMembre .item .block img.paysage {
  max-width: 542px;
  display: block;
  margin: 5px auto 0;
}
#fluxMembre .item .block .name {
  margin-bottom: 10px;
}
#fluxMembre .item .block .name .date {
  color: grey;
  font-size: 12px;
  font-weight: normal;
  font-family: "Alegreya Sans";
}
#fluxMembre .item .block .name .date::before {
  content: ' – ';
}
#fluxMembre .item .block .text {
  margin: 5px auto 0;
}
#fluxMembre .item .statistics {
  overflow: hidden;
  height: 29px;
  border-top: 1px solid #ccc;
  padding-bottom: 10px;
  margin-top: 10px;
}
#fluxMembre .item .statistics img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#fluxMembre .item .statistics span {
  font-size: 16px;
  color: #707070;
  font-weight: bold;
}
#fluxMembre .item .statistics span.icon {
  padding: 0;
}
#fluxMembre .item .statistics span.countComment, #fluxMembre .item .statistics span.countLike {
  padding: 17px 20px 10px;
  border-right: 1px solid #ccc;
}
#fluxMembre .item .statistics span.countComment:hover:not(.NC), #fluxMembre .item .statistics span.countComment.active:not(.NC), #fluxMembre .item .statistics span.countLike:hover:not(.NC), #fluxMembre .item .statistics span.countLike.active:not(.NC) {
  cursor: pointer;
  color: #E5334C;
}
#fluxMembre .item .statistics span.countComment:hover:not(.NC) .icon, #fluxMembre .item .statistics span.countComment.active:not(.NC) .icon, #fluxMembre .item .statistics span.countLike:hover:not(.NC) .icon, #fluxMembre .item .statistics span.countLike.active:not(.NC) .icon {
  color: #E5334C;
}
#fluxMembre .item .statistics span.countComment:hover:not(.NC) .icon .off, #fluxMembre .item .statistics span.countComment.active:not(.NC) .icon .off, #fluxMembre .item .statistics span.countLike:hover:not(.NC) .icon .off, #fluxMembre .item .statistics span.countLike.active:not(.NC) .icon .off {
  display: inline;
}
#fluxMembre .item .statistics span.countComment:hover:not(.NC) .icon .on, #fluxMembre .item .statistics span.countComment.active:not(.NC) .icon .on, #fluxMembre .item .statistics span.countLike:hover:not(.NC) .icon .on, #fluxMembre .item .statistics span.countLike.active:not(.NC) .icon .on {
  display: none;
}
#fluxMembre .item .statistics span.countComment .icon .off, #fluxMembre .item .statistics span.countLike .icon .off {
  display: none;
}
#fluxMembre .item .statistics .icon {
  margin-right: 8px;
}
#fluxMembre .item .statistics .icon.like {
  travnsition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  font-size: 20px;
}
#fluxMembre .item .statistics .icon.comment {
  position: relative;
  top: 14px;
}
#fluxMembre .item .statistics .icon.comment img {
  width: 18px;
}
#fluxMembre .item .statistics .icon.like-dislike {
  position: relative;
  top: 12px;
}
#fluxMembre .item .statistics .icon.like-dislike img {
  width: 18px;
}
#fluxMembre .item .statistics .socialShare {
  position: absolute;
  right: 5px;
  height: inherit;
  margin-top: 5px;
}
#fluxMembre .item .statistics .socialShare img.social {
  height: 31px;
  cursor: pointer;
}
#fluxMembre .item .statistics .socialShare img.social:not(:first-child) {
  margin-left: 5px;
}
#fluxMembre .item.borderless {
  border: 0;
  border-top: 1px solid #ccc;
  box-shadow: 0 -2px 2px -2px rgba(0, 0, 0, 0.4) inset;
  margin-left: -16px;
  width: 624px;
  padding: 0 30px;
}
#fluxMembre .item.borderless .statistics {
  width: calc(100% + 60px);
  margin-left: -30px;
  border-top: 0;
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.4) inset;
}
#fluxMembre .item.comment iframe, #fluxMembre .item.comment .userImg, #fluxMembre .item.post iframe, #fluxMembre .item.post .userImg, #fluxMembre .item.post-self iframe, #fluxMembre .item.post-self .userImg {
  display: block !important;
  margin: auto;
  max-width: 400px;
  width: auto;
}
#fluxMembre .item.comment .avatar {
  width: 40px;
}
#fluxMembre .item.comment .comment.comment-thumb {
  margin-left: 0;
}
#fluxMembre .item.comment .comment.comment-thumb.comment-answer {
  margin-left: 50px;
}
#fluxMembre .item.comment .comment.comment-thumb.comment-answer .dial-box {
  width: 425px;
}
#fluxMembre .item.comment .comment.comment-thumb .dial-box {
  width: 470px;
}
#fluxMembre .item.comment .comment.comment-thumb .dial-box .frame, #fluxMembre .item.comment .comment.comment-thumb .dial-box .frame-crt {
  padding-bottom: 0;
}
#fluxMembre .item.comment .opengraph-link {
  margin-bottom: 0;
  border-bottom: 0;
}
#fluxMembre .item .desc .read-more {
  font-size: 14px;
  padding-left: 5px;
  font-weight: bold;
  text-decoration: underline;
}
#fluxMembre .item.post .opengraph-link, #fluxMembre .item.post-self .opengraph-link, #fluxMembre .item.citation .opengraph-link {
  margin-top: 10px;
}
#fluxMembre .item.post .desc, #fluxMembre .item.post-self .desc, #fluxMembre .item.citation .desc {
  font-family: "Alegreya Sans",Helvetica;
  font-weight: lighter;
  margin-left: 15px;
  padding: 10px;
  font-size: 18px;
  line-height: 21px;
  border-left: 1px solid #E5334C;
  border-bottom: 1px solid #E5334C;
  border-radius: 10px;
  box-shadow: 4px -3px 2px -2px rgba(0, 0, 0, 0.3) inset;
  position: relative;
  margin-top: 10px;
  margin-bottom: 30px;
  display: inline-block;
  text-align: center;
}
#fluxMembre .item.post .desc .bloc:after, #fluxMembre .item.post .desc .bloc:before, #fluxMembre .item.post-self .desc .bloc:after, #fluxMembre .item.post-self .desc .bloc:before, #fluxMembre .item.citation .desc .bloc:after, #fluxMembre .item.citation .desc .bloc:before {
  color: #E5334C;
  font-size: 30px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 16px;
}
#fluxMembre .item.post .desc .bloc:before, #fluxMembre .item.post-self .desc .bloc:before, #fluxMembre .item.citation .desc .bloc:before {
  content: '“ ';
}
#fluxMembre .item.post .desc .bloc:after, #fluxMembre .item.post-self .desc .bloc:after, #fluxMembre .item.citation .desc .bloc:after {
  content: ' ”';
}
#fluxMembre .item.post .desc .quote, #fluxMembre .item.post-self .desc .quote, #fluxMembre .item.citation .desc .quote {
  color: #E5334C;
  font-size: 30px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 16px;
}
#fluxMembre .item.post .desc .dial, #fluxMembre .item.post-self .desc .dial, #fluxMembre .item.citation .desc .dial {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  bottom: -18px;
  display: block;
  height: 20px;
  position: absolute;
}
#fluxMembre .item.post .desc iframe, #fluxMembre .item.post .desc .userImg, #fluxMembre .item.post-self .desc iframe, #fluxMembre .item.post-self .desc .userImg, #fluxMembre .item.citation .desc iframe, #fluxMembre .item.citation .desc .userImg {
  margin-top: 20px;
}
#fluxMembre .item .note {
  display: block;
  margin-left: 15px;
  margin-bottom: -5px;
  height: 18px;
}
#fluxMembre .item .note.topRight {
  position: absolute;
  top: 5px;
  right: 10px;
}
#fluxMembre form.quick-comment {
  position: relative;
  top: -20px;
  font-size: 16px;
  margin-bottom: 20px;
}
#fluxMembre .listComments {
  border-left: 1px solid #E5334C;
  box-shadow: -4px 0 2px -3px rgba(0, 0, 0, 0.4);
  padding: 0 0 20px 20px;
  margin-bottom: 50px;
}
#fluxMembre .listComments .comment-thumb .right {
  width: 540px;
}
#fluxMembre .listComments .comment-thumb.comment-answer .right {
  width: 500px;
}
#fluxMembre .listComments .comment-thumb.comment-answer .response-text {
  width: 500px;
}
#fluxMembre .listComments .comment-thumb.comment-answer .cancel {
  right: -4px;
}
#fluxMembre #comment-header {
  margin-top: -40px;
}

/* Responsive Mobile */
@media screen and (max-width: 720px) {
  #fluxMembre .item .block {
    display: flex;
  }
  #fluxMembre .item .block .name {
    width: 170px;
  }

  .sideImageWeb {
    width: 100%;
    max-height: 200px;
  }
}
/* Responsive Web */
@media screen and (min-width: 721px) {
  #fluxMembre .item .interview-right {
    width: 70% !important;
  }
  #fluxMembre .item .block .name {
    width: 70%;
  }

  .sideImageWeb {
    width: 300px;
  }
}
.sideImageWeb {
  margin-bottom: 5px;
  box-shadow: 5px 1px 5px #00000029;
}

/* New design for actuality */
/* Container for the news items */
.news-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* Réduit l'espace entre les éléments */
}

/* Style for each news item */
#fluxMembre .item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

/* Left section for images */
.left-news {
  margin-right: 10px;
}

/* Grosse image */
.big-image-news {
  width: 100%;
  /* Les grosses images prennent toute la largeur */
  max-width: 100%;
}

.big-image-container {
  flex: 0 0 100%;
  /* Conteneur prend toute la largeur */
}

/* Petite image */
.small-image-news {
  max-height: 150px;
  max-width: 100%;
}

.img-news-container {
  max-height: 275px;
  overflow: hidden;
  justify-content: right;
  display: flex;
}

.small-image-container {
  flex: 0 0 45%;
  margin-left: 10px;
  /* Espace à gauche de la petite image */
}

/* Right section for text content */
/* Pour le texte avec une petite image, le texte prend 60% */
.left-news.small-image-text {
  flex: 0 0 50%;
  /* Le texte prend 60% de la largeur si l'image est petite */
  max-width: 50%;
}

/* Placeholder pour quand il n'y a pas de texte, évite le décalage */
.empty-text-placeholder {
  min-height: 1px;
  /* Ajuste la hauteur pour éviter les décalages */
}

/* Pour le texte avec une grande image, le texte prend 100% */
.right-news.big-image-text {
  flex: 0 0 100%;
  /* Le texte prend 100% de la largeur si l'image est grande */
  max-width: 98%;
  margin-left: 0;
  margin-top: 15px;
}

/* Title of the news */
.name-news a {
  font-weight: bold;
  text-decoration: none;
}

.name-big-news a {
  font-weight: bold;
  text-decoration: none;
}

.name-news a:hover {
  color: #ff6347;
}

.name-big-news a:hover {
  color: #ff6347;
}

/* Date style */
/* Container flex pour aligner le titre à gauche et la date à droite */
.title-date-container {
  display: flex;
  justify-content: space-between;
  /* Espace entre le titre et la date */
  align-items: first baseline;
  /* Aligne le texte du titre avec la date */
  margin-bottom: 5px;
  /* Espace en dessous du conteneur */
}

.name-news {
  font-weight: bold;
  color: #000;
  flex: 1;
  /* Le titre occupe tout l'espace disponible */
}

.name-big-news {
  font-weight: bold;
  color: #000;
  flex: 1;
  /* Le titre occupe tout l'espace disponible */
}

.date-news.big-image-date {
  color: #888;
  margin-left: 10px;
  /* Espace entre le titre et la date */
  white-space: nowrap;
  /* Empêche la date de passer à la ligne */
}

/* Date pour les petites images, en dessous de l'image */
.date-news.small-image-date {
  color: #888;
  text-align: center;
  margin-top: 5px;
  text-align: right;
}

/* Responsive design */
@media screen and (max-width: 768px) {
  .left-news, .right-news {
    max-width: 100%;
    /* Les sections prennent toute la largeur sur mobile */
  }

  /* Pour les petites images sur mobile */
  .small-image-news {
    max-width: 100%;
    /* Permet aux petites images de s'adapter à l'écran sans causer de défilement */
  }
}
/* Responsive design pour le web */
@media screen and (min-width: 769px) {
  .left-news, .right-news {
    flex: 0 0 100%;
  }

  .right-news.big-image-text {
    flex: 0 0 100%;
  }

  .big-image-container {
    flex: 0 0 100%;
  }

  .small-image-container {
    flex: 0 0 45%;
  }
}
.news-container:hover .name-news {
  color: #e74c3c;
}

.news-container:hover .name-big-news {
  color: #e74c3c;
}

.item-interview {
  margin-bottom: 10px !important;
  background-color: #fff;
  margin: 20px 0;
  margin-left: -16px;
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none !important;
  box-shadow: none !important;
}

/* Standard layout (text on the left, image on the right) */
.interview-left {
  flex: 3;
  text-align: left;
}

.interview-left h2 {
  font-size: 18px !important;
  line-height: 1;
  margin-bottom: 10px;
  font-weight: bold;
  color: black;
}

.authors-interview {
  font-size: 16px;
  color: #e74c3c;
  font-weight: bold;
}

/* Right side content (image and date) */
.interview-right {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.interview-right img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  object-fit: cover;
  margin-bottom: 10px;
}

.interview-right .date-interview {
  font-size: 14px;
  color: #888;
  margin-top: 5px;
}

/* Reverse layout (when index is odd): image on the left, text on the right */
.item-interview.reverse {
  flex-direction: row-reverse;
}

.item-interview.reverse .interview-left {
  text-align: left;
  margin-left: 20px;
  /* Adjust space when text is on the right */
  margin-right: 0;
}

.item-interview.reverse .interview-right {
  text-align: left;
}

.seperator-limit {
  margin-top: 20px;
}

.delimite-sep {
  border-top: 1px solid #ddd;
  margin: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .item-interview {
    width: 90%;
  }

  .interview-right img {
    width: 120px;
    height: 120px;
  }

  .interview-left img {
    width: 120px;
    height: 120px;
  }

  .portrait-interview {
    margin-left: 8px !important;
  }
}
@media (min-width: 789px) {
  .item-interview {
    width: 95%;
  }

  .interview-right img {
    width: 145px;
    height: 145px;
  }

  .interview-left img {
    width: 145px;
    height: 145px;
  }

  .interview-right {
    flex: 1;
  }
}
#editProfil {
  position: absolute;
  right: 25px;
  margin-top: 10px;
}

.item-anec {
  display: block !important;
  padding: 20px 30px !important;
}

.container-index-critique {
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  overflow: hidden;
  margin-bottom: 25px !important;
  box-shadow: 5px 8px 5px #00000029 !important;
}

.image-container-index-critique {
  width: 100%;
  height: 200px;
  /* Définir la hauteur fixe pour forcer le rognage */
  overflow: hidden;
  /* Cacher la partie rognée de l'image */
}

.image-container-index-critique img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Cette propriété permet de croper l'image tout en gardant les proportions */
}

.title-section-index-critique {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.title-section-index-critique p {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

.rating-index-critique {
  display: flex;
  align-items: center;
}

.rating-index-critique p {
  margin: 0 0 0 5px;
  font-weight: bold;
}

.description-index-critique {
  padding: 10px;
  font-size: 14px;
}

.date-index-critique {
  padding: 10px;
  font-size: 12px;
  color: #888;
  display: flex;
}

.item-actu {
  margin-bottom: 10px !important;
  border: none !important;
  box-shadow: none !important;
}

.member-new-version .fb-like {
  display: none;
}
.member-new-version #fluxMembre {
  margin-top: 120px;
}
.member-new-version .member-name {
  margin-left: 225px;
  margin-right: 120px;
}
.member-new-version .leading.public-member {
  position: relative;
}
.member-new-version .leading.public-member * {
  travnsition: all 0.3 ease;
  -webkit-transition: all 0.3 ease;
  -moz-transition: all 0.3 ease;
  -ms-transition: all 0.3 ease;
  -o-transition: all 0.3 ease;
}
.member-new-version .leading.public-member .margin-left {
  margin-left: 175px;
}
.member-new-version .leading.public-member h1 {
  display: inline-block;
  vertical-align: top;
}
.member-new-version .leading.public-member .follow {
  display: block;
  max-width: 150px;
  padding-left: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  position: relative;
  top: 8px;
}
.member-new-version .leading.public-member .follow.selected {
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.8) inset;
}
.member-new-version .leading.public-member .follow .Icon {
  font-size: 20px;
}
.member-new-version .leading.public-member .follow span {
  vertical-align: middle;
}
.member-new-version .leading.public-member .follow span.text {
  font-weight: bold;
}
.member-new-version .leading.public-member .avatar {
  display: inline-block;
  position: absolute;
  top: 210px;
  left: 50px;
}
.member-new-version .leading.public-member .profil.buttons {
  position: absolute;
  right: 25px;
  margin-top: 10px;
}
.member-new-version .leading.public-member .avatar .dropdown-menu {
  margin-top: 90px;
}
.member-new-version .leading.member-profil {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.member-new-version .leading.member-profil .profil.buttons {
  margin-top: 10px;
}
.member-new-version .leading.member-profil .cameraPlus {
  padding-bottom: 20px;
}
.member-new-version .leading.member-profil .avatar .dropdown-menu {
  margin-top: 60px;
}
.member-new-version .leading {
  /** dropdown-menu **/
  /** avatar **/
  /** bannière **/
  /** cameraPlus */
  /** mode édition */
  /** mode sans bannière **/
}
.member-new-version .leading .dropdown-menu {
  background: white;
  text-align: center;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.member-new-version .leading .dropdown-menu .dropdown-caret {
  left: 50%;
  margin-left: -9px;
  float: left;
  height: 10px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  width: 18px;
}
.member-new-version .leading .dropdown-menu .dropdown-caret .caret-inner, .member-new-version .leading .dropdown-menu .dropdown-caret .caret-outer {
  display: inline-block;
  left: 0;
  margin-left: -1px;
  position: absolute;
  top: 0;
}
.member-new-version .leading .dropdown-menu .dropdown-caret .caret-outer {
  border-bottom: 10px solid rgba(0, 0, 0, 0.1);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: auto;
  left: 0;
  top: 0;
  width: auto;
}
.member-new-version .leading .dropdown-menu .dropdown-caret .caret-inner {
  border-bottom: 9px solid white;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  left: 1px;
  top: 1px;
}
.member-new-version .leading .banniere .dropdown-menu {
  margin-top: 75px;
}
.member-new-version .leading .avatar {
  background: white;
  width: 160px;
  height: 213px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
}
.member-new-version .leading .avatar .image {
  width: 160px;
  height: 213px;
  object-fit: cover;
  margin-bottom: -2px;
}
.member-new-version .leading .banniere {
  position: relative;
  top: -10px;
  left: -16px;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
}
.member-new-version .leading .banniere, .member-new-version .leading .banniere .image {
  width: 980px;
  height: 330px;
  object-fit: cover;
}
.member-new-version .leading .banniere .cameraPlus, .member-new-version .leading .avatar .cameraPlus {
  travnsition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  font-size: 50px;
}
.member-new-version .leading .banniere .cameraPlus {
  top: 40%;
  font-size: 80px;
}
.member-new-version .leading.edit .banniere, .member-new-version .leading.edit .avatar {
  cursor: pointer;
  box-shadow: 0 0 5px 1px #E5334C;
}
.member-new-version .leading.edit .banniere .cameraPlus, .member-new-version .leading.edit .avatar .cameraPlus {
  cursor: pointer;
  opacity: 1;
}
.member-new-version .leading .profil.buttons {
  travnsition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.member-new-version .leading .profil.buttons span {
  white-space: nowrap;
}
.member-new-version .leading .profil.buttons span#cancelProfil, .member-new-version .leading .profil.buttons span#saveProfil {
  display: none;
}
.member-new-version .leading .profil.buttons #cancelProfil {
  margin-right: 5px;
}
.member-new-version .leading .form-comment {
  margin-top: 60px;
  padding-bottom: 50px;
  border-bottom: 1px solid #c8c8c8;
}
.member-new-version .leading .form-comment h2.h-comment {
  display: none;
}
.member-new-version .leading .form-comment .comment-text {
  height: 100px;
  padding: 5px;
}
.member-new-version .leading .form-comment .dial-box.comment {
  margin-bottom: 10px;
}
.member-new-version .leading.no-banniere .avatar {
  position: relative;
  top: 0;
  left: 15px;
}
.member-new-version .leading.no-banniere .form-comment {
  margin-top: 0;
}
.member-new-version .leading.no-banniere .profil.buttons {
  top: 0;
}
.member-new-version:not(.no-banniere) + aside {
  position: relative;
  top: 330px;
  min-height: 500px;
}
@media (min-width: 769px) {
  .member-new-version .no-banniere h1 {
    margin-left: 30px;
  }
}

.widget-zoofollow {
  border: none;
  filter: drop-shadow(0px 3px 5px #555);
}
.widget-zoofollow.ui-tooltip {
  padding: 0;
  max-width: 750px !important;
  background: #FFFFFF;
  box-shadow: 4px 5px 6px #00000029;
  border: 1px solid #707070;
  opacity: 1;
  border-radius: 0;
}
.widget-zoofollow a {
  cursor: default;
  text-decoration: none;
}
.widget-zoofollow .wzf_content {
  cursor: default;
  display: flex;
  align-items: center;
}
.widget-zoofollow .wzf_content.pfn {
  width: 450px;
  height: 250px;
}
.widget-zoofollow .wzf_content.pfn .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 40px;
}
.widget-zoofollow .wzf_content.pfn .mce {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  min-height: 100px;
}
.widget-zoofollow .wzf_content.alb, .widget-zoofollow .wzf_content.homepage-container-mobile {
  width: 450px;
  height: 250px;
}
.widget-zoofollow .wzf_content.alb .mce, .widget-zoofollow .wzf_content.homepage-container-mobile .mce {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.widget-zoofollow .wzf_content.alb .title, .widget-zoofollow .wzf_content.homepage-container-mobile .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.widget-zoofollow .wzf_content.ser {
  width: 450px;
  height: 250px;
}
.widget-zoofollow .wzf_content.ser .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 20px;
}
.widget-zoofollow .wzf_content.ser .mce {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.widget-zoofollow .wzf_content.ser .wzf_follow {
  margin-right: 15px;
}
.widget-zoofollow .wzf_content img.photo {
  clip-path: circle();
  width: 176px;
  height: 176px;
  margin-right: 12px;
  margin-left: 11px;
  object-fit: cover;
}
.widget-zoofollow .wzf_content img.alb, .widget-zoofollow .wzf_content img.homepage-container-mobile {
  max-width: 185px;
  max-height: 100%;
  object-fit: contain;
  margin-left: 25px;
}
.widget-zoofollow .wzf_content img.ser {
  box-shadow: -10px 6px 0px black, -20px 12px 0px gray;
  max-width: 180px;
  max-height: 210px;
  object-fit: contain;
  margin-left: 25px;
  margin-right: 15px;
}
.widget-zoofollow .wzf_content img.act {
  width: 100px;
}
.widget-zoofollow .wzf_content .spacer {
  height: 10px;
}
.widget-zoofollow .wzf_content .row {
  display: flex;
  flex-direction: row;
}
.widget-zoofollow .wzf_content .column {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  min-height: 200px;
  overflow: hidden;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.widget-zoofollow .wzf_content .column.left {
  margin-left: 34px;
}
.widget-zoofollow .wzf_content .column.right {
  margin-right: 20px;
}
.widget-zoofollow .wzf_content .flex-end {
  align-items: flex-end;
}
.widget-zoofollow .wzf_content .space-between {
  justify-content: space-between;
}
.widget-zoofollow .wzf_content .center_vertical {
  justify-content: center;
}
.widget-zoofollow .wzf_content .art-type {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #E5334C;
}
.widget-zoofollow .wzf_content .title {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  color: black;
  margin-top: 10px;
  width: 100%;
}
.widget-zoofollow .wzf_content .jobs {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  margin-top: 2px;
  color: #00000066;
  font-weight: bold;
  font-size: 17px;
}
.widget-zoofollow .wzf_content .themes {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  color: #000000;
  font-weight: normal;
  font-size: 17px;
}
.widget-zoofollow .wzf_content .mce {
  margin-top: 14px;
  font-size: 15px;
  color: #00000066;
}
.widget-zoofollow .wzf_content .subjects {
  font-size: 13px;
  font-weight: bold;
  margin-top: 12px;
}
.widget-zoofollow .wzf_content .status {
  margin-top: 16px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  padding: 5px 14px 5px 14px;
  width: max-content;
}
.widget-zoofollow .wzf_content .status.s1 {
  background-color: #378FB3;
}
.widget-zoofollow .wzf_content .status.s2 {
  background-color: #519903;
}
.widget-zoofollow .wzf_content .status.s3 {
  background-color: #930000;
}
.widget-zoofollow .wzf_content .genres {
  margin-top: 10px;
  font-size: 17px;
}
.widget-zoofollow .wzf_content .wzf_follow_empty {
  height: 30px;
  width: 30px;
}
.widget-zoofollow .wzf_content .wzf_follow {
  background-color: white;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
}
.widget-zoofollow .wzf_content .wzf_follow div {
  width: 37px;
  height: 40px;
  background-image: url("/img/ui/follow_off_sign.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.widget-zoofollow .wzf_content .wzf_follow.selected div {
  width: 28px;
  height: 40px;
  background-image: url("/img/ui/follow_on_sign.svg");
}

.hidden-seo-schema {
  display: none;
}

.a-link-info {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}

.a-title-info {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
}

.title-to-align {
  margin-top: 0px;
}

.album-header {
  justify-content: center;
}

.art-title {
  margin-bottom: 0px;
}

@media screen and (min-width: 600px) {
  .album-header {
    display: flex;
  }
  .album-header .header {
    width: 70%;
    margin-right: 5px;
  }
}
@media screen and (max-width: 599px) {
  .album-header .header {
    margin-top: 40px;
  }
}
section.content-aside-album {
  padding: 0px;
  margin-top: 10px;
}

#h-alb-titre {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 900;
}
#h-alb-titre #a-serie {
  text-transform: uppercase;
  text-decoration: none;
}
#h-alb-titre:hover #a-serie {
  text-decoration: underline;
}
#h-alb-titre span {
  font-weight: 900;
}

@media screen and (min-width: 720px) {
  .albumHomeContainer {
    display: flex;
    padding: 27px 0px 10px 16px;
  }

  .albumHomeContent {
    padding: 0px 30px 0px 0px;
  }
}
#album #anecdote .ane-src {
  position: relative;
  font-style: italic;
  top: 0;
}
#album #anecdote h2:not(:first-child) {
  margin-top: 20px;
  padding-top: 5px;
  border-top: 1px solid #bdbdbd;
}
#album #anecdote > img {
  margin-top: 10px;
  margin-bottom: 10px;
}
#album #album-details h3 {
  margin: 15px 0 5px 0px;
}
#album #album-details table {
  border-collapse: separate;
  width: 100%;
}
#album #album-details table tr:last-child td.value p {
  border-bottom: 0;
}
#album #album-details table tr td {
  width: min-content;
}
#album #album-details table tr td p {
  padding-top: 7px;
  padding-bottom: 7px;
}
#album #album-details table tr td.title p {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.75);
}
#album #album-details table tr td.value {
  min-width: 250px;
}
#album #album-details table tr td.value p {
  text-align: center;
}
#album #album-details table tr:first-child .separateur {
  border-top: none;
}
#album #album-details table tr .separateur {
  border-top: 1px solid gray;
}
#album #album-details table tr .catTitle {
  color: #E5334C;
}
#album .biblio-action-buttons, #album .new-biblio-action-buttons, #album .new-biblio-action-buttons-album {
  margin-top: 20px;
}
#album .edition {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
}
#album .edition h3 {
  margin-bottom: 5px;
  margin-left: 5px;
}
#album .edition .edition-cover {
  width: 100px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
#album .edition .edition-cover img {
  width: 100px;
}
#album .edition .edition-detail {
  display: inline-block;
  width: 550px;
}
#album .edition .edition-detail table {
  border-spacing: 10px 0;
  border-collapse: separate;
}
#album .edition .edition-detail table tr:last-child td.value p {
  border-bottom: 0;
}
#album .edition .edition-detail table tr td p {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
}
#album .edition .edition-detail table tr td.title p {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.75);
  padding-left: 10px;
}
#album .edition .edition-detail table tr td.value {
  min-width: 340px;
}
#album .edition .edition-detail table tr td.value p {
  text-align: center;
  border-bottom: 1px solid #E5334C;
}
#album .note-album-container {
  text-align: center;
  width: max-content;
}
#album .note-album-container span {
  font-size: 23px;
  color: #E5334C;
  font-weight: bold;
}
#album .note-album-container a {
  color: #999;
  font-size: 17px;
  font-weight: bold;
}
#album .note-album-container:hover a {
  color: #E5334C;
}
#album .chron_author {
  display: flex;
  padding-bottom: 30px;
}
#album .chron_author .chron_author_detail {
  display: flex;
  width: 100%;
}
#album .chron_author .separator_text {
  margin-left: 2px;
  margin-right: 2px;
}
#album .chron_author .titre span {
  color: #E5334C;
}
#album #overlay-cart {
  display: none;
}
#album .buy-cart-button {
  display: none;
}

section.content-aside-author {
  padding: 0px;
  margin-top: 10px;
}

.author-container {
  margin-top: 27px;
  display: flex;
}

.author-content {
  margin-left: 20px;
}

@media screen and (min-width: 980px) {
  .author-content {
    width: min-content;
    margin-right: 28px;
  }
}
.auteur-img {
  min-width: 182px;
  height: 182px;
  border-radius: 50%;
  border: solid 2px transparent;
  filter: drop-shadow(0 0 0.6rem #e1dcdc);
  background-color: white;
  object-fit: contain;
  margin-right: 10px;
}

#author-news h3 {
  font-size: 19px;
  margin: 25px 0 6px 0;
}
#author-news .panel {
  padding: 7px;
}
#author-news .panel p {
  margin: 6px;
}
#author-news .panel strong {
  font-weight: bold;
}
#author-news .panel .info {
  font-style: italic;
  font-size: 13px;
}

#author-biography .leading {
  margin-bottom: -10px;
}
#author-biography article.cbd_wysiwyg p {
  padding-left: 0;
  color: #999;
}
#author-biography article.cbd_wysiwyg p span {
  color: black;
}
#author-biography article.cbd_wysiwyg p.option_p {
  color: black;
}
#author-biography article.sources {
  font-weight: bold;
}
#author-biography article.sources p {
  padding: 5px 0;
}
#author-biography article.sources .info {
  color: #707070;
  font-weight: normal;
}

.author_pro {
  color: #999;
}

.author_deces, .author_naiss, .author-natio {
  color: #999;
}

#author-albums {
  /*
  .leading {
    margin-bottom:-10px;
  }
  */
}
#author-albums .awards {
  padding-left: 15px;
}
#author-albums .awards p {
  padding: 3px 0;
}
#author-albums .awards strong {
  font-weight: bold;
}
#author-albums .sort-by-head {
  margin-bottom: -10px;
}

.list-albums, .list-oneshot {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#author-evenement .list a {
  text-decoration: none;
}
#author-evenement .list .eve {
  height: 250px;
  margin: 20px 0 55px 0;
  border: 1px solid #000000;
}
#author-evenement .list .eve .infos, #author-evenement .list .eve .img {
  display: inline-block;
}
#author-evenement .list .eve img {
  box-shadow: 2px 0 3px rgba(0, 0, 0, 0.2);
  border-right: 1px solid black;
  height: 250px;
  max-width: 25%;
}
#author-evenement .list .eve .infos {
  position: relative;
  vertical-align: top;
  width: 70%;
  padding: 2%;
}
#author-evenement .list .eve .infos .date-dial {
  position: absolute;
  top: -40px;
  right: 25px;
}
#author-evenement .list .eve .infos h3 {
  width: 325px;
  text-decoration: none;
  margin: 0 0 10px 0;
}
#author-evenement .list .eve .infos h3:hover {
  color: #d80011;
}

.event-longcard {
  position: relative;
  float: left;
  background: #e4e4e4;
  border: 1px solid #000;
  text-decoration: none;
  margin-top: 15px;
  margin-bottom: 45px;
}
.event-longcard:hover h3, .event-longcard:hover p {
  text-decoration: underline;
}
.event-longcard img {
  float: left;
  border-right: 1px solid #999;
}
.event-longcard div.info {
  float: left;
  width: 460px;
  padding: 20px;
}
.event-longcard h3 {
  color: #E5334C;
  font-size: 21px;
  line-height: 21px;
  padding-bottom: 10px;
}
.event-longcard p {
  font-size: 14px;
  line-height: 14px;
}
.event-longcard div.date {
  position: absolute;
  right: 25px;
  top: -45px;
}

.infoCarriere {
  display: inline-flex;
  text-align: center;
  margin: 15px;
}
.infoCarriere .auteur {
  justify-content: center;
}
.infoCarriere p {
  color: #999;
  font-weight: bold;
}
.infoCarriere p span {
  color: black;
  font-size: 41px;
  line-height: 1.5;
}

.experience {
  color: #999;
  font-weight: bold;
  width: 200px;
}
.experience span {
  color: black;
}

.TotalOeuvre {
  margin-left: 25px;
}
.TotalOeuvre span {
  color: black;
}

.NbEventTotal {
  margin-left: 25px;
}
.NbEventTotal span {
  color: black;
}

.filterResult {
  display: flex;
}

.customSelect {
  border-radius: 6px;
  border: 1px solid #707070;
  background: white;
  font-size: 21px;
  width: 201px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("../img/ui/arrow_select.png") no-repeat;
  background-position: 100%;
  background-size: 25px;
}

.resultat_title {
  margin-top: 10px;
}
.resultat_title .resultat_alb {
  font-size: 21px;
  font-weight: initial;
}

.auteur-alb-container {
  text-align: center;
  width: 300px;
  margin: 10px;
}
.auteur-alb-container:hover .hover-item {
  display: block;
}
.auteur-alb-container:hover .hover-oneshot {
  display: block;
}

#all-albums {
  display: flex;
  flex-flow: wrap;
  position: relative;
}

#all-oneshot {
  display: flex;
  flex-flow: wrap;
  text-align: center;
}

.item-serie {
  display: grid;
  margin-bottom: 15px;
  margin-top: 50px;
  margin-right: 25px;
  width: 300px;
  height: 230px;
  text-align: center;
  box-shadow: 0px 4px 6px 3px #00000029;
}
.item-serie .statut {
  color: white;
  margin-top: 10px;
  width: 90px;
  padding: 5px;
  margin-bottom: 10px;
}
.item-serie .statut.fini {
  background-color: #d14b63;
}
.item-serie .statut.en_cours {
  background-color: #378fb3;
}
.item-serie .hover-alb {
  opacity: 0;
  position: absolute;
  width: 300px;
  background-color: black;
  height: 230px;
  color: white;
}
.item-serie .hover-alb:hover {
  opacity: 0.8;
}
.item-serie .desc_text {
  margin-top: 55px;
  margin-right: 50px;
  margin-left: 50px;
}
.item-serie .alb-detail {
  display: flex;
}
.item-serie .auteur-alb {
  margin-left: 35px;
  width: 120px;
  height: fit-content;
  margin-top: 12px;
  box-shadow: -10px 6px 0px black, -20px 12px 0px gray;
}
.item-serie .statut-container {
  margin-left: 25px;
  margin-right: 25px;
}

.auteurPrs {
  max-height: 560px;
  margin-left: 20px;
  margin-top: 10px;
  max-width: 260px;
}
.auteurPrs a {
  text-decoration: none;
}
.auteurPrs a:hover {
  color: #E5334C;
}
.auteurPrs .follow {
  width: 100px;
  margin-top: 10px;
}

.auteurPrs_container {
  display: flex;
  margin-bottom: 15px;
  margin-top: 15px;
}
.auteurPrs_container:hover .detail-auteur {
  color: #E5334C;
}

.auteurPrsImg {
  float: left;
  min-width: 132px;
  height: 132px;
  border-radius: 50%;
  border: solid 2px transparent;
  filter: drop-shadow(0 0 0.6rem #e1dcdc);
  background-color: white;
  object-fit: none;
}

.auteurPrs_content {
  max-height: 175px;
  margin-top: 10px;
}
.auteurPrs_content p {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 7px;
}
.auteurPrs_content .detail-auteur, .auteurPrs_content span {
  text-align: left;
  font-size: 13px;
  color: #00000066;
}

.auteurPrs .separatorBisContainner:last-child {
  display: none;
}

.linkToPage {
  text-align: left;
  font-size: 14px;
}
.linkToPage a {
  color: #E5334C;
}

.item-oneshot {
  width: min-content;
  margin-right: 18px;
  text-align: center;
  margin-top: 20px;
}
.item-oneshot .auteur-oneshot {
  width: 140px;
  margin-left: 4px;
}
.item-oneshot .hover-oneshot {
  position: absolute;
  width: 145px;
  margin-left: 2px;
  background-color: black;
  height: 220px;
  opacity: 0;
  color: white;
}
.item-oneshot .hover-oneshot:hover {
  opacity: 0.8;
}
.item-oneshot .desc_oneshot-text {
  font-size: 13px;
  margin-top: 30px;
  padding-top: 30px;
  margin-left: 5px;
  margin-right: 5px;
}
.item-oneshot .oneshotTitle {
  margin-top: 25px;
}

@media screen and (max-width: 979px) {
  .list-albums {
    justify-content: center;
  }

  .infoCarriere {
    margin: auto;
  }

  .experience {
    width: fit-content;
  }

  .TotalOeuvre {
    width: fit-content;
  }

  .NbEventTotal {
    width: fit-content;
  }

  .list-perso {
    text-align: center;
  }
}
@media screen and (max-width: 720px) {
  #all-albums {
    justify-content: center;
  }

  .author-container {
    justify-content: center;
  }

  .filterResult {
    justify-content: center;
  }

  #all-oneshot {
    justify-content: center;
  }
}
.img_art_promo img {
  width: 100%;
}

.title_artc {
  margin-left: 20px;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}

.go_further_container {
  display: flex;
  flex-wrap: wrap;
}
.go_further_container a {
  text-decoration: none;
}

.go_further_content {
  width: 195px;
  max-height: 300px;
  margin-right: 15px;
  margin-bottom: 20px;
}
.go_further_content .go_further_box_container {
  box-shadow: 0px 5px 8px #00000029;
}
.go_further_content .go_further_img_container {
  height: 135px;
  margin-bottom: 20px;
}
.go_further_content .go_further_img_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.go_further_content .go_further_img_container_pfn {
  height: 135px;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.go_further_content .go_further_img_container_pfn img {
  height: 100%;
}
.go_further_content .infos {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  word-break: break-word;
}
.go_further_content .infos .title {
  text-decoration: underline;
  margin-bottom: 20px;
}
.go_further_content .infos .resume {
  margin-top: 5px;
  margin-bottom: 20px;
}
.go_further_content:hover .infos .title {
  color: #E5334C;
}

.bubble_tag_container {
  display: inline-flex;
  flex-wrap: wrap;
}
.bubble_tag_container p {
  margin: 5px;
}

.bubble_tag_content {
  padding: 10px;
  margin-right: 10px;
  margin-top: 10px;
  border-radius: 50px;
  box-shadow: 0px 5px 8px #00000029;
}
.bubble_tag_content i {
  color: black;
  margin-right: 10px;
}

.news_aroud_container a {
  text-decoration: none;
}
.news_aroud_container .follow {
  width: 75%;
  margin-left: 30px;
}

._zoadMark .zoadcnt {
  background-color: #E6E9ED;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 18px 18px 18px;
  margin: 30px 0 20px 0;
}
._zoadMark .zoadcnt .zoadcnt-title {
  font-size: 13px;
  font-weight: bold;
  color: #383f4e;
  margin-bottom: 8px;
}
._zoadMark .zoadcnt img {
  object-fit: contain;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 980px) {
  .outil_article {
    margin-left: 25px;
  }

  .go_further {
    margin-left: 20px;
  }

  .bubble_tag_container {
    margin-left: 20px;
  }
}
@media screen and (max-width: 979px) {
  .header-article {
    display: block;
  }
}
@media screen and (max-width: 720px) {
  .go_further_container {
    justify-content: center;
    margin-top: 20px;
  }

  .go_further_content {
    width: 340px;
    margin-right: 0px;
  }

  .header-article {
    margin-top: 10px;
  }

  .title_artc {
    margin-left: 0px;
  }
}
@media screen and (max-width: 400px) {
  .go_further_content {
    width: 300px;
    margin-right: 0px;
  }
}
.articleContainer_aside {
  max-height: 560px;
  overflow-x: hidden;
  overflow-y: auto;
}
.articleContainer_aside a {
  text-decoration: none;
}

.interviewContainer {
  max-width: 255px;
}
.interviewContainer .date-artc {
  color: #00000066;
  font-size: 14px;
}
.interviewContainer:hover * {
  color: #E5334C;
}

.interviewContent {
  margin-bottom: 10px;
}

.sub_desc {
  font-size: 14px;
  color: #00000066;
}

.img_chrono {
  margin-left: 5px;
  margin-right: 5px;
  width: 18px;
  height: 18px;
}

.interview_Img_Container {
  width: 100%;
  height: 144px;
  object-fit: cover;
  overflow: hidden;
  text-align: center;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
.interview_Img_Container .big_img {
  width: 100%;
  height: 144px;
  object-fit: cover;
}
.interview_Img_Container .default_img {
  width: 100%;
  height: 144px;
  object-fit: cover;
}

#chronics .listChron {
  display: table;
  margin: auto;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
#chronics .listChron .chron {
  text-align: center;
  margin: 25px 15px 15px;
  vertical-align: top;
  display: inline-block;
  width: 200px;
  border-radius: 5px;
}
#chronics .listChron .chron:hover .portrait .follow {
  travnsition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  background: rgba(75, 75, 75, 0.3);
  color: white;
}
#chronics .listChron .chron h2 {
  margin-top: 7px;
  margin-bottom: 7px;
}
#chronics .listChron .chron .portrait {
  overflow: hidden;
}
#chronics .listChron .chron .portrait img {
  border: 1px solid #E5334C;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
  max-width: 120px;
  text-align: center;
}
#chronics .listChron .chron .follow {
  box-shadow: none;
  background: none;
  padding: 0;
  position: relative;
  left: 20px;
  border: 0;
}
#chronics .listChron .chron .follow .Icon {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  position: relative;
  top: -3px;
  color: black;
}
#chronics .listChron .chron .follow .Icon.memberPlus, #chronics .listChron .chron .follow .Icon.memberSub {
  font-size: 25px;
}
#chronics .listChron .chron .follow .Icon.memberSub:hover {
  color: #E5334C;
}
#chronics .listChron .chron .follow .Icon.memberPlus:hover {
  color: #1c871c;
}
#chronics .listChron .chron .description, #chronics .listChron .chron .hobbies, #chronics .listChron .chron .stats {
  text-align: left;
  line-height: 1.2;
  font-size: 15px;
  font-weight: 500;
}
#chronics .listChron .chron .hobbies {
  margin-top: 10px;
}
#chronics .listChron .chron .hobbies .title {
  font-weight: 600;
}
#chronics .listChron .chron .hobbies .list {
  font-size: 14px;
  margin-left: -5px;
  margin-top: 5px;
  border-top: 1px solid grey;
  padding-top: 5px;
}
#chronics .listChron .chron .hobbies .list .genre {
  margin-left: 5px;
  color: #E5334C;
  white-space: nowrap;
}
#chronics .listChron .chron .stats {
  margin-bottom: 10px;
  font-style: italic;
  font-size: 12px;
}
#chronics .listChron .chron .stats .num .value {
  font-weight: bold;
  margin-left: 3px;
}
#chronics .listChron .chron .stats .icon {
  width: 30px;
}
#chronics .listChron .chron .stats .icon.iconReview {
  width: 25px;
}
#chronics .listChron .chron .stats .icon.iconInterview {
  position: relative;
  top: 5px;
  margin-left: 10px;
}

section#connexion {
  width: 80%;
  max-width: 300px;
  margin: 0 auto;
}
section#connexion h1 {
  margin-bottom: 40px;
}

#contact h2 {
  margin-top: -5px;
  margin-bottom: 5px;
}
#contact #textarea_message {
  height: 230px;
}

#contest div.share {
  margin-top: 10px;
}
#contest div.share p.title {
  padding-top: 20px;
  font-size: 16px;
  font-weight: bold;
}
#contest div.share form input[type="text"] {
  width: 195px;
  border-width: 2px;
  padding: 4px;
  margin-top: 2px;
}
#contest div.share form .field {
  width: 200px;
  margin-top: 5px;
  margin-left: 15px;
}
#contest div.share form .field:first-child {
  margin-left: 0;
}
#contest div.share form input[type="submit"] {
  float: none;
  padding: 4px 10px;
  margin: 15px 0;
}

.preconnexion {
  text-align: center;
  padding-bottom: 80px;
}
.preconnexion p {
  padding: 30px 0;
  font-weight: bold;
  font-size: 15px;
  color: #E5334C;
  line-height: 1.4;
}

.questions form .field {
  display: block;
  margin-top: 5px;
  padding-left: 5px;
}
.questions form .field label {
  width: auto;
  float: none;
}
.questions form .field label.mention {
  width: 600px;
}
.questions form input[type="text"] {
  margin-top: 5px;
}
.questions form input[type="submit"] {
  float: none;
  padding: 4px 10px;
}
.questions form .sep-line {
  margin-top: 35px;
  margin-bottom: 25px;
}

p.question {
  font-size: 20px;
  color: #E5334C;
  font-weight: bold;
  word-spacing: 2px;
}

p.winners {
  font-weight: bold;
  padding: 10px 0;
}

.last-sep-big {
  margin-top: 70px;
}

.notify-box {
  border: 2px solid #1c871c;
  margin-bottom: 20px;
  margin-top: -10px;
}
.notify-box p {
  color: #1c871c;
  font-weight: bold;
  text-align: center;
  padding: 5px 20px;
  font-size: 14px;
}

#section_cntreq h2.title {
  text-align: center;
  margin-top: 20px;
  font-size: 27px;
  font-weight: bold;
}
#section_cntreq #cntreq_sections {
  display: flex;
  flex-flow: row nowrap;
  margin: 20px 10px 10px 10px;
  padding-bottom: 10px;
  overflow: auto;
  align-content: flex-start;
  justify-content: flex-start;
}
#section_cntreq #cntreq_sections ::before, #section_cntreq #cntreq_sections ::after {
  margin: auto;
  content: '';
}
#section_cntreq #cntreq_sections button {
  margin-left: 5px;
  margin-right: 5px;
}
#section_cntreq #cntreq_sections::before, #section_cntreq #cntreq_sections::after {
  margin: auto;
  content: '';
}
#section_cntreq #cntreq_content {
  display: flex;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
}
#section_cntreq #cntreq_content a {
  text-decoration: none;
}
#section_cntreq .cntreqcell_alb_container {
  margin-bottom: 10px;
  margin-right: 10px;
  margin-left: 10px;
  width: 137px;
}
#section_cntreq .cntreqcell_subAct_container {
  margin-bottom: 30px;
  margin-right: 10px;
  margin-left: 10px;
  width: 290px;
}
#section_cntreq .cntreqcell_subAct_container img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}
#section_cntreq .cntreqcell_cin_container {
  margin-bottom: 30px;
  margin-right: 10px;
  margin-left: 10px;
  width: 290px;
}
#section_cntreq .cntreqcell_cin_container img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}
#section_cntreq .cntreqcell_alb img {
  min-height: 100px;
}
#section_cntreq .cntreqcell_ent_container {
  width: 290px;
  height: 124px;
  margin: 0 12px 50px 11px;
}
#section_cntreq .cntreqcell_gam_container {
  width: 400px;
  margin: 0 5px 30px 5px;
}
#section_cntreq .cntreqcell_gam_container .img {
  width: 100%;
}
#section_cntreq .cntreqcell_mag_container {
  width: 200px;
  margin: 0 10px 30px 10px;
  text-align: center;
}
#section_cntreq .cntreqcell_mag_container img {
  width: 100%;
  border: none;
  margin-bottom: 11px;
}
#section_cntreq .cntreqcell_vid {
  width: 450px;
  flex: 0 0 606px;
  margin: 0 8px 30px 8px;
  display: flex;
  flex-direction: column;
}
#section_cntreq .cntreqcell_vid img {
  width: 100%;
  height: 253px;
  object-fit: contain;
  background-color: black;
}
#section_cntreq .cntreqcell_vid .textblock {
  -webkit-line-clamp: 4;
  line-clamp: 4;
  margin-top: 15px;
}
#section_cntreq .videoImg {
  display: flex;
  position: relative;
  justify-content: center;
}
#section_cntreq .videoImg .hover {
  position: absolute;
  width: 135px;
  background-color: transparent;
}
#section_cntreq .videoImg .hover-small {
  position: absolute;
  width: 65px;
  background-color: transparent;
}

/* Responsive mobile */
.homepage-container-mobile {
  display: flex;
  overflow-x: scroll;
  padding: 10px 0;
}
.homepage-container-mobile .homepage-content-mobile {
  border-radius: 15px;
  overflow: clip;
  margin-right: 15px;
  height: 210px;
  box-shadow: 5px 2px 5px 0px gray;
}
.homepage-container-mobile .homepage-content-mobile img {
  width: 250px;
  height: 140px;
}
.homepage-container-mobile .homepage-content-mobile .homepage-text-mobile {
  margin-left: 10px;
}
.homepage-container-mobile .homepage-content-mobile .homepage-text-mobile p {
  font-size: 14px;
}
.homepage-container-mobile .homepage-content-mobile .homepage-text-mobile p.date {
  color: gray;
}
.homepage-container-mobile .homepage-content-mobile .videoImg-mobile {
  position: relative;
  display: inline-block;
}
.homepage-container-mobile .homepage-content-mobile .videoImg-mobile .hover-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  width: 85px !important;
}

#create-album .form_container {
  max-width: 450px;
  position: relative;
  margin: auto;
}
#create-album .creation {
  margin-top: 10px;
}
#create-album form.createAlbum {
  margin-top: 50px;
}
#create-album form.createAlbum textarea#album_resume {
  resize: vertical;
  min-height: 150px;
  max-height: 800px;
  font-size: 15px;
}
#create-album form.createAlbum .creation-preferences {
  display: block;
}
#create-album form.createAlbum .creation-preferences td.libl {
  font-size: 14px;
  font-weight: bold;
}
#create-album form.createAlbum .creation-preferences label {
  float: none;
  font-size: 12px;
}
#create-album form.createAlbum label input[type="checkbox"] {
  margin-left: 10px;
}
#create-album label.no-float {
  float: none;
}
#create-album .album_format {
  font-weight: bold;
  font-size: 13px;
}
#create-album .album_cover {
  display: block;
  text-align: center;
  margin: 25px 0;
}
#create-album .album_cover #album_cover {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  max-width: 100%;
}
#create-album .album_cover label {
  float: none;
}
#create-album .album_cover .buttons .btn-new-flat {
  margin: 3px;
  width: 25%;
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 14px;
}
#create-album .album_cover .buttons #cancelAlbumCover {
  display: none;
}
#create-album h2 + .authorBox {
  border-top: 0;
}
#create-album .authorBox {
  padding: 8px 0;
  max-height: 133px;
  border-top: 1px solid #e4e4e4;
  position: relative;
}
#create-album .authorBox .input_author {
  margin-top: 5px;
}
#create-album .authorBox .icons {
  position: absolute;
  right: 0;
}
#create-album .authorBox .icons > span {
  padding: 5px;
  font-size: 18px;
}
#create-album .authorBox .icons > span:hover {
  cursor: pointer;
  color: #E5334C;
}
#create-album .authorBox .icons .createAuthor_toggle {
  font-size: 20px;
  color: black;
}
#create-album .authorBox .error {
  float: right;
}
#create-album .author-title, #create-album .oeuvre-title {
  position: relative;
}
#create-album .author-title .icons, #create-album .oeuvre-title .icons {
  position: absolute;
  right: -5px;
  color: black;
  top: 0;
}
#create-album .author-title .icons span, #create-album .oeuvre-title .icons span {
  margin: 0 5px;
  font-size: 24px;
  cursor: pointer;
}
#create-album .author-title .icons span:hover, #create-album .oeuvre-title .icons span:hover {
  color: #E5334C;
}
#create-album form.createAuthor, #create-album form.createOeuvre {
  max-width: 435px;
  border-radius: 4px;
  position: absolute;
  padding: 10px;
  border: 1px solid #ccc;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  background: white;
  z-index: 1;
}
#create-album form.createAuthor input[type='submit'], #create-album form.createOeuvre input[type='submit'] {
  margin: 10px 0 0 0;
  float: none;
}
#create-album form.createAuthor .field, #create-album form.createOeuvre .field {
  display: block;
}
#create-album form.createAuthor .field input, #create-album form.createOeuvre .field input {
  max-width: calc(100% - 20px);
}
#create-album form.createAuthor h3, #create-album form.createOeuvre h3 {
  text-align: center;
}
#create-album form.createAuthor .close, #create-album form.createOeuvre .close {
  position: absolute;
  top: -2px;
  right: -1px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  font-size: 25px;
  color: #E5334C;
  cursor: pointer;
  font-weight: bolder;
}
#create-album form.createAuthor .close:hover, #create-album form.createOeuvre .close:hover {
  color: #E5334C;
}
#create-album form.createAuthor .close_container, #create-album form.createOeuvre .close_container {
  position: relative;
  left: 10px;
  top: -10px;
}
#create-album #add_author {
  margin-top: 15px;
  height: 20px;
  cursor: pointer;
  position: relative;
}
#create-album #add_author .fas, #create-album #add_author hr {
  travnsition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  position: absolute;
}
#create-album #add_author .fas {
  color: #E5334C;
  font-size: 18px;
}
#create-album #add_author hr {
  width: calc(100% - 25px);
  top: 5px;
  right: -7px;
  border: 1px dashed #707070;
}
#create-album #add_author:hover hr {
  border: 1px dashed black;
}
#create-album #add_author:hover .fas {
  color: #E5334C;
}
#create-album .actions > div {
  padding: 8px 12px;
  margin: 30px 3px;
  font-size: 14px;
}

.header-twoparts {
  margin: 20px 0;
}
.header-twoparts .part-left, .header-twoparts .part-right {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.header-twoparts .part-left {
  width: 310px;
}
.header-twoparts .part-right {
  width: 330px;
}
.header-twoparts .part-right p.intro {
  font-weight: bold;
}
.header-twoparts.with-summary .part-left {
  width: 230px;
}
.header-twoparts.with-summary .part-right {
  width: 230px;
}
.header-twoparts p {
  line-height: 21px;
}
.header-twoparts .panel {
  padding: 15px 10px;
  margin-top: 30px;
}
.header-twoparts .panel div.infos {
  margin-top: 0;
}
.header-twoparts .panel div.infos p {
  line-height: 16px;
}
.header-twoparts .panel div.infos p.title {
  margin-bottom: 6px;
}
.header-twoparts .panel .part-left {
  width: 290px;
}
.header-twoparts .panel .part-right {
  width: 330px;
}
.header-twoparts .panel .part-right h4 {
  font-size: 19px;
  line-height: 14px;
  color: #E5334C;
  margin-bottom: 4px;
}
.header-twoparts .panel .part-right p {
  padding: 3px 0;
  line-height: 18px;
}

div.date-dial, .event-longcard div.date {
  width: 100px;
  height: 80px;
  padding: 10px 8px 0 8px;
  background: url("../img/event/dial.svg") no-repeat;
  background-size: 120px 90px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
}
div.date-dial .year, .event-longcard div.date .year {
  font-size: 24px;
  line-height: 24px;
  border-top: 1px solid #fff;
  margin-top: 5px;
  padding-top: 2px;
}
div.date-dial .year.double, .event-longcard div.date .year.double {
  font-size: 16px;
}

#event .leading .infos {
  min-height: 250px;
}
#event div.infos div.card {
  padding: 60px 0 0 20px;
  width: 345px;
}
#event div.infos div.date-dial {
  position: absolute;
  top: 0;
  right: 5px;
}
#event div.infos p.url {
  position: absolute;
}
#event .participe {
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
}
#event .participe .btn {
  cursor: pointer;
  color: #fff;
  background: #d80011;
  border: none;
  padding: 4px 12px;
  font-size: 14px;
}
#event .less {
  padding: 0 0 0 40px;
  min-height: 30px;
}
#event .less.lieu, #event .less.public, #event .less.tarif, #event .less.horaires {
  background-repeat: no-repeat;
  background-size: 30px;
}
#event .less.lieu {
  background-image: url("../img/event/map.png");
}
#event .less.public {
  background-image: url("../img/event/perso.png");
}
#event .less.tarif {
  background-image: url("../img/event/euro.png");
}
#event .less.horaires {
  background-image: url("../img/event/chrono.png");
}

section#fb-registration {
  width: 80%;
  max-width: 300px;
  margin: 0 auto;
}
section#fb-registration h1 {
  margin-bottom: 40px;
}

#home, section.univers, #univers-album, #univers-communaute, #univers-agenda, #univers-actualites, #section_cntreq {
  padding-bottom: 40px;
  padding-top: 0;
}
#home article, section.univers article, #univers-album article, #univers-communaute article, #univers-agenda article, #univers-actualites article, #section_cntreq article {
  position: relative;
}
#home h1, section.univers h1, #univers-album h1, #univers-communaute h1, #univers-agenda h1, #univers-actualites h1, #section_cntreq h1 {
  color: #E5334C;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 900;
}
#home h1 a, section.univers h1 a, #univers-album h1 a, #univers-communaute h1 a, #univers-agenda h1 a, #univers-actualites h1 a, #section_cntreq h1 a {
  color: #E5334C;
  text-decoration: none;
}
#home h1 a:hover, section.univers h1 a:hover, #univers-album h1 a:hover, #univers-communaute h1 a:hover, #univers-agenda h1 a:hover, #univers-actualites h1 a:hover, #section_cntreq h1 a:hover {
  text-decoration-color: #E5334C;
  text-decoration: underline;
}
#home h2, section.univers h2, #univers-album h2, #univers-communaute h2, #univers-agenda h2, #univers-actualites h2, #section_cntreq h2 {
  line-height: 24px;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  margin: 0;
}
#home h2 .right, section.univers h2 .right, #univers-album h2 .right, #univers-communaute h2 .right, #univers-agenda h2 .right, #univers-actualites h2 .right, #section_cntreq h2 .right {
  text-transform: none;
  position: absolute;
  right: 0;
  text-decoration: underline;
}
#home .panel, #home .panel-list, section.univers .panel, section.univers .panel-list, #univers-album .panel, #univers-album .panel-list, #univers-communaute .panel, #univers-communaute .panel-list, #univers-agenda .panel, #univers-agenda .panel-list, #univers-actualites .panel, #univers-actualites .panel-list, #section_cntreq .panel, #section_cntreq .panel-list {
  padding: 0;
  box-shadow: none;
  border: 0;
}
#home .panel .cols h2, #home .panel-list .cols h2, section.univers .panel .cols h2, section.univers .panel-list .cols h2, #univers-album .panel .cols h2, #univers-album .panel-list .cols h2, #univers-communaute .panel .cols h2, #univers-communaute .panel-list .cols h2, #univers-agenda .panel .cols h2, #univers-agenda .panel-list .cols h2, #univers-actualites .panel .cols h2, #univers-actualites .panel-list .cols h2, #section_cntreq .panel .cols h2, #section_cntreq .panel-list .cols h2 {
  margin-top: 0 !important;
}
#home .sep-big, section.univers .sep-big, #univers-album .sep-big, #univers-communaute .sep-big, #univers-agenda .sep-big, #univers-actualites .sep-big, #section_cntreq .sep-big {
  margin-top: 20px;
  margin-bottom: 0;
}
#home .head-picto, section.univers .head-picto, #univers-album .head-picto, #univers-communaute .head-picto, #univers-agenda .head-picto, #univers-actualites .head-picto, #section_cntreq .head-picto {
  padding-left: 100px;
  height: 110px;
}
#home .head-picto h3, section.univers .head-picto h3, #univers-album .head-picto h3, #univers-communaute .head-picto h3, #univers-agenda .head-picto h3, #univers-actualites .head-picto h3, #section_cntreq .head-picto h3 {
  font-size: 31px;
  line-height: 31px;
  padding: 10px 0 5px 0;
}
#home .head-picto h4, section.univers .head-picto h4, #univers-album .head-picto h4, #univers-communaute .head-picto h4, #univers-agenda .head-picto h4, #univers-actualites .head-picto h4, #section_cntreq .head-picto h4 {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  color: #E5334C;
  padding: 5px 0 10px 0;
}
#home .head-picto p, section.univers .head-picto p, #univers-album .head-picto p, #univers-communaute .head-picto p, #univers-agenda .head-picto p, #univers-actualites .head-picto p, #section_cntreq .head-picto p {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
}
#home .head-picto:hover h3, #home .head-picto:hover h4, #home .head-picto:hover p, section.univers .head-picto:hover h3, section.univers .head-picto:hover h4, section.univers .head-picto:hover p, #univers-album .head-picto:hover h3, #univers-album .head-picto:hover h4, #univers-album .head-picto:hover p, #univers-communaute .head-picto:hover h3, #univers-communaute .head-picto:hover h4, #univers-communaute .head-picto:hover p, #univers-agenda .head-picto:hover h3, #univers-agenda .head-picto:hover h4, #univers-agenda .head-picto:hover p, #univers-actualites .head-picto:hover h3, #univers-actualites .head-picto:hover h4, #univers-actualites .head-picto:hover p, #section_cntreq .head-picto:hover h3, #section_cntreq .head-picto:hover h4, #section_cntreq .head-picto:hover p {
  text-decoration: underline;
}
#home .panel.cols .col .album-box-flash, section.univers .panel.cols .col .album-box-flash, #univers-album .panel.cols .col .album-box-flash, #univers-communaute .panel.cols .col .album-box-flash, #univers-agenda .panel.cols .col .album-box-flash, #univers-actualites .panel.cols .col .album-box-flash, #section_cntreq .panel.cols .col .album-box-flash {
  border: 0;
}
#home .panel.cols .col .album-box-flash .infos, section.univers .panel.cols .col .album-box-flash .infos, #univers-album .panel.cols .col .album-box-flash .infos, #univers-communaute .panel.cols .col .album-box-flash .infos, #univers-agenda .panel.cols .col .album-box-flash .infos, #univers-actualites .panel.cols .col .album-box-flash .infos, #section_cntreq .panel.cols .col .album-box-flash .infos {
  position: relative;
  height: 100%;
}
#home .panel.cols .col .album-box-flash .infos .date, section.univers .panel.cols .col .album-box-flash .infos .date, #univers-album .panel.cols .col .album-box-flash .infos .date, #univers-communaute .panel.cols .col .album-box-flash .infos .date, #univers-agenda .panel.cols .col .album-box-flash .infos .date, #univers-actualites .panel.cols .col .album-box-flash .infos .date, #section_cntreq .panel.cols .col .album-box-flash .infos .date {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
}
#home a.More .infobulle, section.univers a.More .infobulle, #univers-album a.More .infobulle, #univers-communaute a.More .infobulle, #univers-agenda a.More .infobulle, #univers-actualites a.More .infobulle, #section_cntreq a.More .infobulle {
  position: absolute;
  right: 0;
  text-decoration: none;
  font-size-adjust: 0.6;
}
#home #panel-video, section.univers #panel-video, #univers-album #panel-video, #univers-communaute #panel-video, #univers-agenda #panel-video, #univers-actualites #panel-video, #section_cntreq #panel-video {
  position: relative;
  text-align: center;
  font-size: 15px;
  word-spacing: 2px;
}
#home #panel-video h2, section.univers #panel-video h2, #univers-album #panel-video h2, #univers-communaute #panel-video h2, #univers-agenda #panel-video h2, #univers-actualites #panel-video h2, #section_cntreq #panel-video h2 {
  position: relative;
  text-align: left;
}
#home #panel-video h2 a.More::after, section.univers #panel-video h2 a.More::after, #univers-album #panel-video h2 a.More::after, #univers-communaute #panel-video h2 a.More::after, #univers-agenda #panel-video h2 a.More::after, #univers-actualites #panel-video h2 a.More::after, #section_cntreq #panel-video h2 a.More::after {
  right: 30px;
}
#home #panel-video a.BA, section.univers #panel-video a.BA, #univers-album #panel-video a.BA, #univers-communaute #panel-video a.BA, #univers-agenda #panel-video a.BA, #univers-actualites #panel-video a.BA, #section_cntreq #panel-video a.BA {
  padding: 10px;
  text-decoration: none;
}
#home #panel-video a.BA img.thumb, section.univers #panel-video a.BA img.thumb, #univers-album #panel-video a.BA img.thumb, #univers-communaute #panel-video a.BA img.thumb, #univers-agenda #panel-video a.BA img.thumb, #univers-actualites #panel-video a.BA img.thumb, #section_cntreq #panel-video a.BA img.thumb {
  width: 200px;
}
#home #panel-video .link-arrow, section.univers #panel-video .link-arrow, #univers-album #panel-video .link-arrow, #univers-communaute #panel-video .link-arrow, #univers-agenda #panel-video .link-arrow, #univers-actualites #panel-video .link-arrow, #section_cntreq #panel-video .link-arrow {
  top: 18px;
  line-height: 18px;
  position: absolute;
  right: 30px;
}
#home .jeux-inline, section.univers .jeux-inline, #univers-album .jeux-inline, #univers-communaute .jeux-inline, #univers-agenda .jeux-inline, #univers-actualites .jeux-inline, #section_cntreq .jeux-inline {
  border-left: 0;
  margin-left: 0;
  position: relative;
}
#home .jeux-inline .jeu, section.univers .jeux-inline .jeu, #univers-album .jeux-inline .jeu, #univers-communaute .jeux-inline .jeu, #univers-agenda .jeux-inline .jeu, #univers-actualites .jeux-inline .jeu, #section_cntreq .jeux-inline .jeu {
  position: relative;
  display: inline-block;
}
#home .jeux-inline .jeu:not(:first-child), section.univers .jeux-inline .jeu:not(:first-child), #univers-album .jeux-inline .jeu:not(:first-child), #univers-communaute .jeux-inline .jeu:not(:first-child), #univers-agenda .jeux-inline .jeu:not(:first-child), #univers-actualites .jeux-inline .jeu:not(:first-child), #section_cntreq .jeux-inline .jeu:not(:first-child) {
  margin-left: 10px;
}
#home .jeux-inline .jeu a img, section.univers .jeux-inline .jeu a img, #univers-album .jeux-inline .jeu a img, #univers-communaute .jeux-inline .jeu a img, #univers-agenda .jeux-inline .jeu a img, #univers-actualites .jeux-inline .jeu a img, #section_cntreq .jeux-inline .jeu a img {
  max-width: 100%;
  width: 300px;
  border-radius: 3px;
  border: 1px solid grey;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  margin: 5px 0;
  travnsition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}
#home .jeux-inline .jeu a img:hover, section.univers .jeux-inline .jeu a img:hover, #univers-album .jeux-inline .jeu a img:hover, #univers-communaute .jeux-inline .jeu a img:hover, #univers-agenda .jeux-inline .jeu a img:hover, #univers-actualites .jeux-inline .jeu a img:hover, #section_cntreq .jeux-inline .jeu a img:hover {
  border: 1px solid #E5334C;
}
#home .jeux-inline .link-arrow, section.univers .jeux-inline .link-arrow, #univers-album .jeux-inline .link-arrow, #univers-communaute .jeux-inline .link-arrow, #univers-agenda .jeux-inline .link-arrow, #univers-actualites .jeux-inline .link-arrow, #section_cntreq .jeux-inline .link-arrow {
  position: absolute;
  right: 0;
  top: -25px;
  font-size: 13px;
  word-spacing: 2px;
}

#home #discover-events .panel {
  float: left;
  width: 898px;
}
#home #discover-events .panel .link-arrow {
  clear: both;
}
#home #library .album-list {
  margin-bottom: 0;
}
#home #citations .quote:not(last-child) {
  margin-bottom: 10px;
}
#home #citations .quote .text {
  font-size: 20px;
}

#univers-agenda #dont-miss, #sortir #dont-miss {
  display: inline-block;
}
#univers-agenda #newEvent, #sortir #newEvent {
  font-size: 14px;
  font-weight: bold;
  width: 274px;
  padding: 15px 0;
  float: right;
}
#univers-agenda .event-box, #univers-agenda .event-box-main, #sortir .event-box, #sortir .event-box-main {
  text-decoration: none !important;
  overflow: hidden;
}
#univers-agenda .event-box-main .infos h3.title, #sortir .event-box-main .infos h3.title {
  padding: 5px !important;
}

#sortir .panel {
  padding: 0;
}
#sortir .panel-search {
  text-align: center;
}
#sortir .event-box {
  float: none;
  display: inline-block;
  width: 160px;
  height: auto;
  vertical-align: top;
  margin: 10px;
}
#sortir .event-box .infos {
  padding-bottom: 5px;
}
#sortir .event-box img {
  width: 160px;
}

#univers-agenda .events {
  height: 510px;
  margin: 10px;
  overflow: hidden;
}
#univers-agenda #last-comments, #univers-agenda #search-event {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#univers-agenda #last-comments {
  width: 660px;
}
#univers-agenda #last-comments .comment {
  width: 200px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin: 0 13px 15px 0;
}
#univers-agenda #search-event h2 {
  position: relative;
}
#univers-agenda #search-event form {
  width: 260px;
  padding: 10px 5px 10px 10px;
  margin-bottom: 20px;
}
#univers-agenda #search-event label {
  width: 60px;
}
#univers-agenda #search-event input[type="text"] {
  width: 182px;
}
#univers-agenda #search-event select {
  width: 188px;
}
#univers-agenda #search-event input[type="submit"] {
  margin-left: 64px;
}
#univers-agenda .album-list {
  margin-bottom: 30px;
}
#univers-agenda .aside.search {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  width: 270px;
  text-align: center;
  margin: 9px 0 0 10px;
}
#univers-agenda .eve-day, #univers-agenda .eve-week, #univers-agenda .eve-month {
  float: left;
  background: none repeat scroll 0 0 #fff;
  box-shadow: 0 0 5px rgba(200, 200, 200, 0.5);
  margin: 5px;
  padding: 10px;
  border: 1px solid #d8dadc;
}
#univers-agenda .eve-day p, #univers-agenda .eve-week p, #univers-agenda .eve-month p {
  font-size: 12px;
  line-height: 14px;
}
#univers-agenda .eve-great.eve-day, #univers-agenda .eve-great.eve-week {
  float: left;
  background: none repeat scroll 0 0 #fff;
  box-shadow: 0 0 5px rgba(200, 200, 200, 0.5);
  margin: 5px;
  padding: 10px;
  border: 1px solid #d8dadc;
}
#univers-agenda .panel-inner {
  height: 440px;
  overflow-y: scroll;
}
#univers-agenda .panel-inner div {
  margin-bottom: 10px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #d8dadc;
}
#univers-agenda div.cbd_like {
  color: #999;
  cursor: pointer;
  display: inline-block;
  height: 39px;
  line-height: 18px;
  margin-left: 13px;
  padding-top: 7px;
  position: relative;
  vertical-align: top;
  width: 170px;
}
#univers-agenda .comment-left {
  margin: 15px 0 0;
  width: 200px;
  padding: 0;
}

#sortir {
  padding-bottom: 25px;
}
#sortir .eve {
  width: 160px;
  float: left;
  background: none repeat scroll 0 0 #fff;
  box-shadow: 0 0 5px rgba(200, 200, 200, 0.5);
  margin: 5px;
  padding: 10px;
  border: 1px solid #d8dadc;
}
#sortir .eve p {
  font-size: 12px;
  line-height: 14px;
}

.clear {
  clear: both;
}

#univers-communaute #dont-miss .jeu.small img {
  margin-top: 5px;
  padding: 3px;
}
#univers-communaute #dont-miss .jeu.small.bann1 img {
  padding-left: 0;
}
#univers-communaute #dont-miss .jeu.small.bann2 img {
  padding-right: 0;
}
#univers-communaute #lastQuiz {
  text-align: center;
}
#univers-communaute #lastQuiz .jeu:not(:first-child) {
  margin-left: 10px;
}
#univers-communaute .filActualite:not(:first-child) {
  margin-top: 37px;
}
#univers-communaute .filActualite img {
  travnsition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#univers-communaute .filActualite .item {
  margin-top: 20px;
}
#univers-communaute .filActualite .item.portrait .infos {
  vertical-align: top;
  width: 165px;
  margin-left: 5px;
}
#univers-communaute .filActualite .item.paysage .ago {
  margin-top: 2px;
  margin-bottom: 3px;
}
#univers-communaute .filActualite .item.paysage img {
  border: 1px solid grey;
}
#univers-communaute .filActualite .item.paysage img:hover {
  border: 1px solid #E5334C;
}
#univers-communaute .filActualite .item img {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  max-width: 250px;
}
#univers-communaute .filActualite .item .infos, #univers-communaute .filActualite .item img {
  display: inline-block;
}
#univers-communaute .filActualite .item .infos a {
  text-decoration: underline;
}
#univers-communaute .filActualite .item .infos .ago {
  color: rgba(0, 0, 0, 0.6);
}

/*#dont-miss ~ #best-albums{
	top:-50px;
}*/
#aside-ads {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 263px;
  margin-left: 10px;
  margin-top: -6.5px;
}
#aside-ads li {
  margin-top: 6.5px;
}
#aside-ads li img {
  border: 1px solid #000;
}

#last-news h3.title {
  font-size: 19px;
}

.panel-onglets .panel, .simple-list.panel {
  font-size: 13px;
}
.panel-onglets .panel a.link-arrow, .simple-list.panel a.link-arrow {
  position: absolute;
  top: -35px;
  right: 15px;
}

.panel-onglets ul.onglets li {
  travnsition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}
.panel-onglets .panel {
  padding: 5px;
}
.panel-onglets .panel .album-list div .album-box > img {
  border: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  width: 147px;
}
.panel-onglets .panel .link-arrow {
  margin-left: 5px;
}

.event-box, .event-box-main {
  float: left;
  text-align: center;
  text-decoration: none;
}
.event-box p, .event-box-main p {
  font-size: 12px;
  line-height: 14px;
}
.event-box h3, .event-box-main h3 {
  font-size: 18px;
  line-height: 18px;
}
.event-box:hover, .event-box-main:hover {
  text-decoration: underline;
}

.event-box-main {
  width: 328px;
  height: 498px;
}
.event-box-main h3 {
  padding: 15px 10px;
}
.event-box-main p {
  font-size: 13px;
  line-height: 15px;
}
.event-box-main p.desc-short {
  font-weight: bold;
  padding: 0 5px;
  color: #fff;
}

.event-box {
  width: 146px;
  height: 231px;
  margin-left: 34px;
  margin-bottom: 34px;
}
.event-box h3 {
  padding: 5px 3px;
}

#panel-video a:hover p {
  text-decoration: underline;
}
#panel-video h3.desc-short {
  font-size: 12px;
  padding-top: 5px;
  font-weight: normal;
  font-family: inherit;
  line-height: 16px;
}

#home #anecdotes .album-box-flash, #univers-actualites #anecdotes .album-box-flash {
  height: auto;
}

.album-box {
  position: relative;
  width: auto;
}
.album-box:hover .infos-album-container .infos-album, .album-box.current .infos-album-container .infos-album {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.album-box .infos-album-container {
  height: 231px;
  width: 100%;
  overflow: hidden;
  position: absolute;
}
.album-box .infos-album-container .infos-album {
  z-index: 100;
  travnsition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  width: inherit;
  position: absolute;
  bottom: 0;
  padding-bottom: 5px;
  transform: translateY(120%);
  -webkit-transform: translateY(120%);
  -moz-transform: translateY(120%);
  -ms-transform: translateY(120%);
  -o-transform: translateY(120%);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.4);
}
.album-box .infos-album-container .infos-album .note-alG {
  font-size: 25px;
  color: black;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.album-box .infos-album-container .infos-album .note {
  box-shadow: none;
  border: none;
  width: 115px;
}
.album-box .infos-album-container .infos-album .mediaPresse {
  color: #323232;
  margin-top: 10px;
  font-size: 17px;
}

.homelineTitle {
  margin-bottom: 30px;
  margin-top: 42px;
}

.title-container-homePage-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  text-decoration: none;
  width: 100%;
}

.mobile-homePage-mobile-title {
  flex-grow: 1;
  margin: 0;
  text-align: left;
}

.arrow-homePage-mobile-mobile {
  flex-shrink: 0;
  margin-left: 10px;
  width: 20px;
}

.quizz-container {
  margin-left: 5px;
  margin-right: 5px;
  padding-bottom: 20px;
}

.container-news {
  overflow-y: hidden;
  margin-left: 5px;
  margin-right: 5px;
  width: 100%;
}

.homeline a {
  text-decoration: none;
}
.homeline a :hover {
  color: #E5334C;
}

.homeline.alb, .homeline.homepage-container-mobile {
  display: flex;
  padding-bottom: 20px;
}
.homeline.alb ::-webkit-scrollbar, .homeline.homepage-container-mobile ::-webkit-scrollbar {
  display: compact;
}

.cntreqcell_alb {
  margin-left: 0;
  margin-right: 18px;
  width: 137px;
}
.cntreqcell_alb img {
  width: 137px;
  max-height: 200px;
  border: none;
  object-fit: contain;
}
.cntreqcell_alb .textblock {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  margin-top: 10px;
  text-align: center;
}

.homeline.cin {
  display: flex;
  flex-wrap: wrap;
}

.cntreqcell_cin {
  width: 292px;
  margin-bottom: 18px;
  margin-right: 21px;
  display: flex;
  flex-direction: column;
}
.cntreqcell_cin img {
  width: 100%;
  height: 155px;
  object-fit: cover;
  margin-bottom: 15px;
}
.cntreqcell_cin .textblock {
  -webkit-line-clamp: 5;
  line-clamp: 5;
}

.homeline.ent {
  display: flex;
  margin-bottom: 20px;
}
.homeline.ent .author {
  color: #E5334C;
  font-size: 17px;
  line-height: 18px;
  font-weight: 800;
}
.homeline.ent .mainEnt {
  width: 291px;
  flex: 0 0 291px;
  max-height: 340px;
  margin-right: 26px;
  display: flex;
  flex-direction: column;
}
.homeline.ent .mainEnt .top {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  margin-bottom: 25px;
}
.homeline.ent .mainEnt .top img {
  width: 139px;
  flex: 0 0 139px;
  object-fit: cover;
  height: 139px;
  border-radius: 50%;
  margin-right: 10px;
}
.homeline.ent .mainEnt .textblock {
  -webkit-line-clamp: 9;
  line-clamp: 9;
}
.homeline.ent .subEnts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-right: 20px;
}

.subEnt {
  width: 290px;
  max-height: 124px;
  margin-bottom: 29px;
}
.subEnt img {
  margin-right: 10px;
  height: 40px;
  float: left;
}
.subEnt .textblock {
  -webkit-line-clamp: 6;
  line-clamp: 6;
}

.homeline.act {
  display: flex;
  flex-wrap: nowrap;
}
.homeline.act .cntreqcell_mainAct {
  width: 606px;
  height: 558px;
  flex: 0 0 606px;
  margin-bottom: 18px;
  margin-right: 21px;
  display: flex;
  flex-direction: column;
}
.homeline.act .cntreqcell_mainAct img {
  width: 100%;
  max-height: 280px;
  object-fit: cover;
}
.homeline.act .cntreqcell_mainAct .textblock {
  -webkit-line-clamp: 13;
  line-clamp: 13;
  margin-top: 23px;
}
.homeline.act .cntreqcell_mainAct .cbd_wysiwyg {
  font-size: 16px;
}
.homeline.act .cntreqcell_mainAct .gradientback {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 606px;
  height: 30px;
  margin-bottom: 10px;
  background: #020024;
  background: linear-gradient(180deg, rgba(2, 0, 36, 0) 0%, #ffffff 45%, #ffffff 100%);
}
.homeline.act .homeline-actvert {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.homeline.act .cntreqcell_subAct {
  height: 271px;
  margin-bottom: 16px;
}
.homeline.act img {
  width: 100%;
  max-height: 160px;
  object-fit: cover;
}
.homeline.act .textblock {
  -webkit-line-clamp: 5;
  line-clamp: 5;
  margin-top: 4px;
}

.homeline.vid {
  display: flex;
  flex-wrap: nowrap;
}
.homeline.vid .cntreqcell_mainVid {
  width: 606px;
  height: 412px;
  flex: 0 0 606px;
  margin-bottom: 18px;
  margin-right: 17px;
  display: flex;
  flex-direction: column;
}
.homeline.vid .cntreqcell_mainVid img {
  width: 100%;
  height: 336px;
  object-fit: contain;
  background-color: black;
}
.homeline.vid .cntreqcell_mainVid .textblock {
  -webkit-line-clamp: 4;
  line-clamp: 4;
  margin-top: 15px;
}
.homeline.vid .homeline-vidvert {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.homeline.vid .cntreqcell_subVid {
  height: 94px;
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
}
.homeline.vid .cntreqcell_subVid img {
  width: 168px;
  height: 100%;
  object-fit: contain;
  margin-right: 14px;
  background-color: black;
}
.homeline.vid .cntreqcell_subVid .textblock {
  -webkit-line-clamp: 5;
  line-clamp: 5;
  margin-top: 10px;
  font-size: 11px;
  line-height: 12px;
}
.homeline.vid .cntreqcell_subVid .textblock .h2 {
  font-size: 16px;
  line-height: 17px;
}
.homeline.vid .videoImg {
  display: flex;
  position: relative;
  justify-content: center;
}
.homeline.vid .videoImg .hover {
  position: absolute;
  width: 135px;
  background-color: transparent;
}
.homeline.vid .videoImg .hover-small {
  position: absolute;
  width: 65px;
  background-color: transparent;
}

.homeline.gam {
  display: flex;
  overflow-x: auto;
}
.homeline.gam ::-webkit-scrollbar {
  display: compact;
}

.cntreqcell_gam {
  margin-left: 0;
  margin-right: 20px;
  display: flex;
  position: relative;
}
.cntreqcell_gam img {
  width: 291px;
  border: none;
}

.homeline.mag, .homeline.manga {
  display: flex;
  padding-bottom: 20px;
}
.homeline.mag ::-webkit-scrollbar, .homeline.manga ::-webkit-scrollbar {
  display: compact;
}

.cntreqcell_mag, .cntreqcell_manga {
  margin-left: 0;
  margin-right: 20px;
  text-align: center;
}
.cntreqcell_mag img, .cntreqcell_manga img {
  width: 137px;
  border: none;
  margin-bottom: 11px;
}

.content-aside#indexing {
  padding-top: 10px;
}
.content-aside#indexing .nav-origins button {
  min-width: 75px;
  width: auto;
}
.content-aside#indexing a .item .desc {
  width: 79%;
}
.content-aside#indexing a .item .desc .title {
  display: inline-block;
  max-width: 73%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: '...';
  position: relative;
  top: 6px;
  line-height: 1.1;
  font-size: 18px;
}
.content-aside#indexing a .item.bande-annonce {
  border: 0;
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.6);
}
.content-aside#indexing a .item.bande-annonce .img, .content-aside#indexing a .item.bande-annonce .desc {
  display: block;
  margin: 0 auto;
}
.content-aside#indexing a .item.bande-annonce .desc {
  width: calc(100% - 20px);
}
.content-aside#indexing a .item.bande-annonce .img {
  box-shadow: none;
  width: auto;
  text-align: center;
}
.content-aside#indexing a .item.bande-annonce:hover {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
.content-aside#indexing a .item.preview .img {
  width: 28%;
}
.content-aside#indexing a .item.preview .desc {
  width: 68%;
}

#indexing {
  margin: auto;
}
#indexing .statistics {
  position: relative;
  padding-top: 15px;
  margin-left: 30px;
  margin-right: 30px;
  font-weight: 500;
}
#indexing .statistics .value {
  color: #E5334C;
  font-family: Arial, Helvetica;
  font-weight: bold;
}
#indexing .statistics .total {
  text-align: left;
}
#indexing .statistics .page {
  position: absolute;
  right: -10px;
  top: 15px;
}
#indexing .statistics .page a.navPage {
  text-decoration: none;
}
#indexing .statistics .page a.navPage:hover {
  color: #E5334C;
}
#indexing .statistics .page a.navPage.prevPage {
  padding: 10px;
}
#indexing .statistics .page a.navPage.nextPage {
  padding: 10px;
}
#indexing a {
  text-decoration: none;
}
#indexing .item {
  position: relative;
  padding: 5px;
  margin: 5px 0;
}
#indexing .item.bande-annonce .img {
  width: 28%;
}
#indexing .item.bande-annonce .play-video {
  width: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#indexing .item.bande-annonce .desc {
  width: 69%;
}
#indexing .item.preview {
  display: flex;
}
#indexing .item.preview .img {
  width: 28%;
}
#indexing .item.preview .desc {
  width: 69%;
}
#indexing .item.standard {
  display: flex;
}
#indexing .item.standard .img {
  width: 17%;
}
#indexing .item.standard .desc {
  width: 80%;
}
#indexing .item.tuile {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 0;
  margin: 30px 0;
  cursor: pointer;
  travnsition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
#indexing .item.tuile h3 {
  border-bottom: none;
}
#indexing .item.tuile h3 .dataType {
  font-size: 13px;
  letter-spacing: 1px;
}
#indexing .item.tuile:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  border: 1px solid #E5334C;
  transform: scale(1.01);
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
}
#indexing .item.tuile:hover .desc h3 {
  color: #E5334C;
}
#indexing .item.tuile .img {
  position: relative;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.4);
}
#indexing .item.tuile .desc .cbd_wysiwyg .option_p, #indexing .item.tuile .desc .cbd_wysiwyg p {
  padding: 0;
  line-height: 18px;
  font-size: 16px;
}
#indexing .item h3 {
  margin-bottom: 10px;
  padding-bottom: 3px;
  border-bottom: 1px solid grey;
}
#indexing .item h3 a {
  text-decoration: none;
}
#indexing .item .img, #indexing .item .desc {
  display: inline-block;
}
#indexing .item .img {
  text-align: right;
}
#indexing .item .img .couv {
  max-width: 100%;
}
#indexing .item .desc {
  color: black;
  padding: 10px;
  text-align: justify;
  padding-bottom: 15px;
  position: relative;
  vertical-align: top;
}
#indexing .item .desc .note {
  position: relative;
  top: -10px;
}
#indexing .item .desc .noteAri {
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  padding: 5px;
}
#indexing .item .desc .countNote {
  font-weight: normal;
  padding: 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
#indexing .item .desc .read-more {
  font-weight: bold;
}
#indexing .item .desc .date {
  position: absolute;
  font-size: 15px;
  right: 0;
  top: 0;
  padding: 10px;
  font-weight: 500;
}
#indexing .item .desc .link {
  text-decoration: none;
  color: black;
}
#indexing .item.jeu {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
#indexing .item.jeu img.jeu {
  width: 100%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
#indexing .item.citation {
  width: 30%;
}

section#subscribe {
  width: 80%;
  max-width: 300px;
  margin: 0 auto;
}
section#subscribe h1 {
  margin-bottom: 40px;
}

#V2-inscription {
  /*
  
  	FORM MILIEU
  
  */
  /*
  
  	MOBILE
  
  */
}
#V2-inscription .main-container {
  width: 100%;
  padding-left: 12px;
  display: flex;
  margin-bottom: 50px;
}
#V2-inscription ul {
  list-style: initial;
  font-size: 13.5px;
  font-weight: 500;
  padding-left: 12px;
  margin-top: 20px;
}
#V2-inscription ul li {
  margin-bottom: 10px;
}
#V2-inscription .web {
  width: 330px;
  height: 783px;
  box-shadow: 0px 1px 10.5px 0 rgba(146, 148, 150, 0.65);
  padding-left: 46px;
  margin-top: 115px;
}
#V2-inscription .web-img {
  width: 327.5px;
  height: 218px;
  margin-top: -82px;
}
#V2-inscription .ctn-unique {
  margin-top: 76.5px;
}
#V2-inscription .ctn-ludique,
#V2-inscription .gestion-bib {
  margin-top: 48px;
}
#V2-inscription .plus-de {
  list-style: url("/img/register/plus_ul.png") !important;
  margin-left: 8px;
}
#V2-inscription .subtitle {
  font-size: 17px;
  font-weight: 900;
  color: #e6344c;
  text-transform: uppercase;
}
#V2-inscription .inscription {
  width: 287px;
  min-height: 379px;
  max-height: 410px;
  margin-top: 318px;
  margin-left: -60px;
  padding-top: 30px;
  padding-left: 28px;
  box-shadow: 0px 1px 10.5px 0 rgba(146, 148, 150, 0.65);
  background-color: white;
  position: relative;
}
#V2-inscription #response {
  color: #e6344c;
  margin-top: 10px;
}
#V2-inscription .register-tit {
  font-size: 19px;
  font-weight: 900;
  color: #1f2122;
  text-transform: uppercase;
}
#V2-inscription .champ {
  margin-top: 17px;
}
#V2-inscription .champ label {
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
#V2-inscription .champ input {
  background-color: #fafbf8;
  border: 2.5px solid #e6344c;
  border-radius: 5.4px;
  padding-left: 8px;
  width: 235px;
  height: 35px;
}
#V2-inscription .bouton-valider {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e6344c;
  border-radius: 5.4px;
  color: white;
  cursor: pointer;
  margin-top: 20px;
  width: 249px;
  height: 35px;
}
#V2-inscription .bouton-valider button {
  width: 100%;
  height: 100%;
  background: none;
  color: white;
  border: none;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  font-weight: 900;
}
#V2-inscription .facebook-connect {
  width: 246px;
  height: 35px;
  border-radius: 5.4px;
  border: solid 2.5px #3b5998;
  background-color: white;
  margin-top: 10px;
}
#V2-inscription .facebook-connect .facebook-btn {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 900;
  color: #3b5998;
  text-decoration: none;
  text-transform: uppercase;
  transition: all ease-in-out .150s;
}
#V2-inscription .facebook-btn:hover {
  background-color: #3b5998;
  color: white !important;
}
#V2-inscription .facebook-connect .facebook-btn .logo {
  margin-left: 13px;
}
#V2-inscription .facebook-connect .facebook-btn span {
  padding-top: 3.5px;
  margin-left: 45px;
}
#V2-inscription .mobile {
  width: 330px;
  height: 783px;
  margin-top: 115px;
  padding-left: 35.5px;
  box-shadow: 0px 1px 10.5px 0 rgba(146, 148, 150, 0.65);
  margin-left: -41px;
}
#V2-inscription .mobile-img {
  width: 128px;
  height: 232.5px;
  margin-left: 94px;
  margin-top: -79px;
}
#V2-inscription .mobile-content {
  margin-left: 25px;
  margin-right: 15px;
}
#V2-inscription .mobile-biblio {
  margin-top: 57px;
}
#V2-inscription .mobile-wishlist {
  margin-top: 55px;
}
#V2-inscription .mobile-jeuxconcours {
  margin-top: 51px;
}

#librairie div.leading > div.infos .card.aside-cover {
  width: 420px;
}
#librairie div.leading > div.infos .card.pratique {
  width: 219px;
  padding-right: 7px;
  margin-top: 20px;
}
#librairie div.leading > div.infos .card.pratique strong {
  font-weight: bold;
}
#librairie div.leading > div.infos #liste-libraires {
  margin-top: 20px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 398px;
  padding: 10px;
}
#librairie div.leading > div.infos #liste-libraires p {
  font-weight: bold;
  padding-bottom: 15px;
}
#librairie div.leading > div.infos #liste-libraires .author-box {
  width: 195px;
}
#librairie div.leading > div.infos #liste-libraires .author-box .infos {
  width: 110px;
}
#librairie div.leading > div.infos #liste-libraires .arrow {
  float: right;
  cursor: pointer;
  margin-top: -10px;
  position: relative;
  z-index: 1;
}
#librairie div.leading > div.infos #liste-libraires .arrow-left {
  margin-left: 15px;
}
#librairie #form-comment {
  margin-top: 60px;
}

#library .leading {
  margin-bottom: 0;
}
#library .leading nav ul, #library .leading nav .importAlbums {
  display: inline-block;
}
#library .leading nav .importAlbums {
  float: right;
}
#library .leading nav .importAlbums:hover .fas {
  font-size: 18px;
  travnsition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
}
#library .leading nav .importAlbums:hover .fas::before {
  color: white !important;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
#library .pagination-stats {
  height: 30px;
  padding: 10px;
}
#library .pagination-stats .stats {
  display: inline-block;
}
#library .pagination-stats .stats .total {
  font-weight: bold;
}
#library .pagination-stats .pagination {
  float: right;
}
#library .pagination {
  margin-top: 0;
}
#library form.search {
  margin-top: 20px;
}
#library form.search input, #library form.search select {
  padding: 2px;
  height: 20px;
}
#library form.search input[type='submit'], #library form.search select[type='submit'] {
  padding: 2px 10px;
}
#library form.search .margin {
  margin-left: 10px;
}
#library .action-buttons .button, #library .removeFromCollection {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-top: 5px;
  width: calc(100% - 20px);
  cursor: pointer;
  travnsition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
}
#library .action-buttons .button .fas, #library .action-buttons .button .far, #library .removeFromCollection .fas, #library .removeFromCollection .far {
  margin-right: 5px;
}
#library .grid-albums {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 30px;
}
#library .grid-albums .cell {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: calc(50% - 22px);
  border: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
#library .grid-albums .img_box {
  height: 200px;
  text-align: center;
  margin: 10px;
}
#library .grid-albums .img {
  max-width: 150px;
  min-width: 100px;
  min-height: 150px;
  max-height: 100%;
  background-color: #d7d7d7;
}
#library .grid-albums .detail {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 10px;
}
#library .grid-albums .title {
  font-size: 150%;
  font-weight: bold;
}
#library .grid-albums .title span {
  display: block;
  width: 100%;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  max-height: 56px;
}
#library .grid-albums .subtitle {
  font-size: 110%;
  font-weight: bold;
}
#library .grid-albums .subtitle span {
  display: block;
  width: 100%;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  max-height: 28px;
}
#library .grid-albums .basic_info {
  margin-top: 20px;
  font-size: 110%;
}
#library .grid-albums .basic_info span {
  display: block;
  width: 100%;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  max-height: 14px;
  margin-bottom: 2px;
}
#library .grid-albums .buyLayout {
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
#library .grid-albums .buyLayout button {
  width: 50%;
}
@media (max-width: 481px) {
  #library .grid-albums .cell {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
#library .list-albums {
  overflow-y: visible;
  overflow-x: hidden;
  margin-top: 30px;
  padding-bottom: 30px;
}
#library .list-albums .head-line {
  font-weight: bold;
  background: white;
  z-index: 1;
  border-radius: 0 !important;
}
#library .list-albums .head-line.is_stuck {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  padding-bottom: 4px;
}
#library .list-albums .head-line form.search input[type='submit'] {
  border-radius: 0;
  border: 1px solid #E5334C;
  box-shadow: none;
  content: ' > ';
  color: white;
}
#library .list-albums .head-line .col {
  position: relative;
  vertical-align: middle;
}
#library .list-albums .head-line .col a {
  color: black;
}
#library .list-albums .head-line .col .Icon {
  cursor: pointer;
  color: black;
  font-size: 18px;
  top: 0;
  text-shadow: none;
  margin-right: 10px;
}
#library .list-albums .head-line .col.selected {
  text-decoration: underline;
}
#library .list-albums .head-line .col.selected .Icon {
  color: #E5334C;
}
#library .list-albums .head-line .col:hover .Icon {
  color: #E5334C;
}
#library .list-albums .line {
  travnsition: background 0.3s ease-out;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  -ms-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  position: relative;
  display: block;
  max-width: 100%;
  padding: 8px;
  border-radius: 4px;
}
#library .list-albums .line:nth-child(even) {
  background: rgba(200, 200, 200, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
}
#library .list-albums .removeFromCollection {
  padding: 3px 5px;
  display: inline-block;
}
#library .list-albums .followSerie {
  cursor: pointer;
  font-size: 14px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
#library .list-albums .followSerie:hover span.icon {
  font-weight: bold;
}
#library .list-albums .followSerie:hover span.icon::before {
  color: white !important;
}
#library .list-albums .followSerie span.icon {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  margin-right: 8px;
}
#library .list-albums .col {
  line-height: 1.2;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  width: 100px;
}
#library .list-albums .col.checkbox {
  width: 10px;
}
#library .list-albums .col.img {
  width: 100px;
}
#library .list-albums .col.img img.couv {
  width: 100px;
}
#library .list-albums .col.mainInfos {
  width: 100px;
}
#library .list-albums .col.mainInfos .titles {
  margin-bottom: 10px;
}
#library .list-albums .col.mainInfos .titles .title {
  font-weight: bold;
  font-size: 14px;
}
#library .list-albums .col.mainInfos .titles .subtitle {
  color: #333;
  font-size: 13px;
}
#library .list-albums .col.serie {
  text-align: center;
}
#library .list-albums .col.action-buttons {
  width: 120px;
  position: absolute;
  right: 15px;
}
#library .list-albums .col img.note {
  width: 80px;
  margin-left: -2px;
}
#library .list-albums .col.infos {
  width: auto;
}
#library .list-albums .col.infos .toggle-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
  padding: 5px 8px;
  border-radius: 4px;
  font-weight: bold;
  background: white;
  position: relative;
  travnsition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
#library .list-albums .col.infos .toggle-button:hover, #library .list-albums .col.infos .toggle-button.selected {
  background: #333;
  color: white;
}
#library .list-albums .col.infos .toggle-button.selected .fa-angle-down {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
#library .list-albums .col.infos .toggle-button .fa-angle-down {
  right: 10px;
  position: absolute;
  margin-top: 2px;
  travnsition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
}
#library .list-albums .col.infos .list-infos {
  display: none;
  transform: translateX(50%);
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  text-align: left;
  position: absolute;
  padding: 5px 10px;
  margin-top: 10px;
  background: white;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6) inset;
  z-index: 1;
  border-radius: 4px;
  border: 1px #707070;
}
#library .list-albums .col.infos .list-infos input[type="submit"] {
  width: calc(100% - 17px);
  font-size: 14px;
  font-weight: bold;
  height: 20px;
}
#library .list-albums .col.infos .list-infos div {
  margin: 3px 0;
}
#library .list-albums .col.infos .list-infos div span {
  display: inline-block;
}
#library .list-albums .col.infos .list-infos div span.libl {
  padding: 3px;
  width: 100px;
}
#library .list-albums .col.infos .list-infos div span.value .onoffswitch {
  top: 4px;
}
#library .list-albums .col.infos .list-infos div.price input {
  width: 100px;
  padding-right: 0;
}
#library .list-albums .col.infos .list-infos div.comments {
  margin-top: 5px;
}
#library .list-albums .col.infos .list-infos div.comments .value {
  display: block;
}
#library .list-albums .col.infos .list-infos div.bought_place select {
  padding: 0;
  height: 20px;
  width: 100px;
}
#library .list-albums .col.infos .list-infos textarea {
  resize: vertical;
  width: calc(100% - 8px);
  min-height: 75px;
  max-height: 300px;
}
#library .list-albums .col.tags {
  width: auto !important;
  max-width: 450px;
  vertical-align: bottom !important;
  margin-left: 20px;
  margin-bottom: 5px;
}
#library .list-albums .col.tags .tag-title {
  font-weight: bold;
  width: 70px;
  vertical-align: top;
  padding-top: 6px;
}
#library .list-albums .col.tags .tag-button {
  display: inline-block;
  padding: 5px 5px;
  margin-right: 3px;
  margin-left: 3px;
  margin-bottom: 5px;
  cursor: pointer;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
  border-radius: 4px;
  font-weight: bold;
  background: white;
  position: relative;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
}
#library .list-albums .col.tags .tag-button .primary {
  color: #E5334C;
}
#library .list-albums .col.tags .tag-button .delete {
  color: white;
  font-size: 0;
}
#library .list-albums .col.tags .tag-button:hover {
  background-color: #E5334C;
  color: white;
}
#library .list-albums .col.tags .tag-button:hover .primary {
  color: white;
}
#library .list-albums .col.tags .tag-button:hover .delete {
  font-size: 120%;
}
#library .list-albums .col.tags .add {
  color: #E5334C;
  font-size: 20px;
  margin-left: 5px;
  display: inline-block;
  position: relative;
  top: 3px;
  cursor: pointer;
}
#library .list-albums .col.tags .add:hover {
  color: #E5334C;
}
#library .list-albums .col.status {
  text-align: center;
  width: 50px;
}
#library .list-albums .col .fa-bookmark {
  font-size: 20px;
}
#library .list-albums .col .fa-bookmark.fas {
  color: #E5334C;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
#library .list-albums .col.memberReview {
  width: 140px;
}
#library.wishlist .list-albums .line .col.mainInfos {
  width: 150px;
}
#library.wishlist .list-albums .line .col.serie {
  width: 120px;
}
#library.wishlist .list-albums .line .col.authors {
  width: 170px;
}
#library.collection .list-albums .col.infos {
  width: 130px;
}
#library.collection .list-albums .col.infos .list-infos {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
#library.collection .list-albums .col.infos .toggle-button, #library.collection .list-albums .col.infos .removeFromCollection {
  display: block;
  padding: 7px 10px;
}
#library.collection .list-albums .col.infos .removeFromCollection {
  width: auto;
  margin-top: 8px;
}
#library .mytag-but {
  display: inline-block;
  padding: 5px 5px;
  margin-right: 3px;
  margin-left: 3px;
  margin-bottom: 5px;
  cursor: pointer;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
  border-radius: 4px;
  font-weight: bold;
  background: white;
  position: relative;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
}
#library .mytag-but .primary {
  color: #E5334C;
}
#library .mytag-but .delete {
  color: white;
  font-size: 0;
}
#library .mytag-but:hover {
  background-color: #E5334C;
  color: white;
}
#library .mytag-but:hover .primary {
  color: white;
}
#library .mytag-but:hover .delete {
  font-size: 120%;
}
#library .tagautocomplete .autocomplete {
  width: auto;
  position: relative;
  display: inline-block;
}
#library .tagautocomplete .autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  width: 170px;
}
#library .tagautocomplete .autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
#library .tagautocomplete .autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
#library .tagautocomplete .autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: #E5334C !important;
  color: white;
  font-weight: bold;
}
#library .tagautocomplete .autocomplete-active .tag-button .primary {
  color: white !important;
}
#library .tagautocomplete .tag-input {
  width: 245px;
  text-align: center;
}
#library .tagautocomplete .tag-button .primary {
  color: #E5334C;
}

#add-tag-form .autocomplete {
  width: 250px;
  position: relative;
  display: inline-block;
}
#add-tag-form .autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
#add-tag-form .autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
#add-tag-form .autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
#add-tag-form .autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: #E5334C !important;
  color: white;
  font-weight: bold;
}
#add-tag-form .autocomplete-active .tag-button .primary {
  color: white !important;
}
#add-tag-form .tag-input {
  width: 245px;
  text-align: center;
}
#add-tag-form .btn-new-red {
  width: 234px;
}
#add-tag-form .tag-button .primary {
  color: #E5334C;
}

.wrapper {
  margin-left: 25px;
}

#button {
  position: relative;
  top: 4px;
  left: 0;
  width: 252px;
  height: 35px;
  margin: 0;
  border-radius: 5px;
  background: #e6344c;
  cursor: pointer;
}

#button p {
  text-align: center;
  font-size: 14px;
  font-weight: 200;
  line-height: 36px;
  color: #fff;
}

#recommand {
  width: 253px;
}

#recommand_choice {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d4d4d4;
}

#recommand_choice li {
  padding: 5px 0 5px 0;
  width: 100%;
}

#recommand_choice li span {
  color: #d80011;
  margin-right: 5px;
}

#recommand_choice li:hover {
  background-color: #e9e9e9;
}

#list-album form.search input[type="submit"] {
  margin: 0 0 0 5px;
}
#list-album form.search select.lists {
  margin-right: 15px;
  min-width: 150px;
}
#list-album table.list {
  overflow: hidden;
  width: 100%;
  margin: 30px auto;
}
#list-album table.list tr {
  position: relative;
  padding: 5px 0;
}
#list-album table.list tr:nth-child(even) {
  background: rgba(200, 200, 200, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
}
#list-album table.list tr th {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
}
#list-album table.list tr td {
  padding: 15px 10px 5px;
  font-size: 13px;
  vertical-align: top;
}
#list-album table.list tr td.album_cover img {
  max-width: 120px;
}
#list-album table.list tr td.titles .title {
  font-weight: bold;
  margin-bottom: 8px;
}
#list-album table.list tr td.titles .subtitle {
  color: #707070;
}
#list-album table.list tr td.authors {
  width: 200px;
  line-height: 1.5;
}
#list-album table.list tr td.user {
  width: 120px;
  text-align: center;
}
#list-album table.list tr td.created_at {
  max-width: 70px;
  text-align: center;
  line-height: 1.5;
}
#list-album table.list tr td.actions {
  travnsition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  font-size: 20px;
  min-width: 60px;
}
#list-album table.list tr td.actions span {
  padding: 0 5px;
  cursor: pointer;
}
#list-album table.list tr td.actions span:hover {
  color: #E5334C;
}

.membre .leading h1 {
  text-transform: uppercase;
}
.membre .leading .card {
  position: relative;
  width: 470px;
  height: 225px;
}
.membre .leading .card .boxs {
  position: absolute;
  height: 45px;
  bottom: 0;
  font-size: 0;
}
.membre .leading .card .boxs > div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  box-shadow: 0 0 5px rgba(200, 200, 200, 0.5);
  border: 1px solid #ddd;
  font-size: 13px;
  text-transform: uppercase;
  color: #333;
  padding: 12px;
}
.membre .leading .card .boxs > div.like {
  background-position: 0 -3254px;
  height: 51px;
  width: 35px;
  padding-left: 35px;
  width: auto;
  height: auto;
}
.membre .leading .card .boxs .btn-flat, .membre .leading .card .boxs .btn-flat-red {
  margin-left: 10px;
}
.membre p.intro {
  font-weight: bold;
}
.membre form.classic #input_city {
  width: 290px;
}
.membre form.classic #input_codepostal {
  width: 128px;
}
.membre form.classic #input_organisateur {
  margin-bottom: 70px;
}
.membre form.classic .field_horaire span {
  padding: 0 4px;
}
.membre form.classic div.tarifs {
  width: 110px;
  margin-top: 15px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  vertical-align: middle;
}
.membre form.classic div.tarifs input[type="text"] {
  width: 50px;
  margin: 3px 0;
  padding: 3px;
}
.membre form.classic div.reservations {
  margin-top: 15px;
}
.membre form.classic div.reservations #textarea_reservations {
  margin-top: 5px;
  height: 110px;
}
.membre form.classic #field_contact {
  margin-top: 30px;
}
.membre form.classic #field_contact #textarea_contact {
  height: 100px;
}
.membre form.classic #field_newsletter > label {
  width: 230px;
}
.membre form.classic #field_newsletter .field-right {
  width: 360px;
}
.membre form.classic #field_newsletter .field-right label {
  font-size: 14px;
  padding: 0 10px 0 3px;
}
.membre#membre-profil {
  padding-bottom: 100px;
}
.membre#membre-profil h2 {
  margin-top: 0;
  padding-top: 20px;
}
.membre#membre-profil h2:not(:first-child) {
  border-top: 1px solid #c8c8c8;
}
.membre#membre-profil form.classic #field_description {
  margin-top: 30px;
}
.membre#membre-profil form.classic #textarea_description {
  height: 130px;
  resize: vertical;
}
.membre#membre-profil #field_newsletter {
  margin-top: 15px;
}
.membre#membre-profil #field_newsletter #newsletter-accordeon {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  margin: 50px auto 0 auto;
  width: 450px;
}
.membre#membre-historique .stories {
  margin-bottom: 30px;
}
.membre#membre-historique .story {
  margin-left: 10px;
  padding: 5px 0;
  font-weight: bold;
}
.membre#membre-historique .story a {
  color: #E5334C;
}
.membre#membre-historique .story a:hover {
  color: #E5334C;
}
.membre#membre-historique .story .date {
  font-weight: normal;
  font-size: 12px;
}
.membre#membre-evenement #myEvents {
  overflow-y: scroll;
  max-height: 300px;
  display: block;
}
.membre#membre-evenement #myEvents tr {
  border-bottom: 1px solid #ff0921;
}
.membre#membre-evenement #myEvents tr th {
  padding: 20px 10px 20px 10px;
  font-weight: bold;
}
.membre#membre-evenement #myEvents tr th.center {
  text-align: center;
}
.membre#membre-evenement #myEvents tr td {
  padding: 10px;
}
.membre#membre-evenement #myEvents tr td.center {
  text-align: center;
}
.membre#membre-evenement #myEvents tr.red {
  background-color: red;
}
.membre#membre-evenement #myEvents tr.white {
  background-color: white;
}
.membre#membre-evenement form.classic #field_description {
  margin-top: 100px;
}
.membre#membre-evenement form.classic #textarea_description {
  height: 210px;
}
.membre#membre-evenement a.addEvent, .membre#membre-evenement button.delete {
  padding: 8px 12px;
  cursor: pointer;
  color: #fff;
  background: #d80011;
  border: none;
  font-size: 14px;
  text-decoration: none;
}
.membre#membre-evenement .delete:hover {
  cursor: pointer;
}
.membre#membre-evenement span.delete {
  position: absolute;
  display: none;
  top: 20px;
  left: 20px;
  padding: 10px;
  background: #d80011;
  color: #ffffff;
  font-size: 15px;
}
.membre#membre-evenement #preview {
  position: relative;
  width: 615px;
  padding: 20px;
  margin: 20px 0;
  min-height: 128px;
  border: 1px solid #ECECEC;
}
.membre#membre-evenement #preview img {
  display: block;
  height: 128px;
  float: left;
}
.membre#membre-evenement #preview:hover .delete {
  display: block;
}
.membre#membre-evenement #preview .field {
  float: right;
  width: 314px;
}
.membre#membre-evenement #preview .field label {
  width: 140px;
}
.membre#membre-evenement #preview .field input {
  width: 156px;
}

.avatar_gallery {
  height: 112px;
  line-height: 112px;
}

.avatar_gallery ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 50px;
}

.avatar_gallery ul li {
  float: left;
  width: 80px;
  height: 106px;
  border: solid white 3px;
  padding: 0;
  background: #FFF;
  color: #ddd;
  text-align: center;
  cursor: pointer;
}

.avatar_gallery ul li.active {
  color: #fff;
  border: solid #E5334C 3px;
}

.avatar_gallery ul li img {
  width: 80px;
  height: 106px;
  object-fit: cover;
}

.avatar_gallery_control {
  margin-top: 5px;
  margin-bottom: 10px;
}

#img-avatar {
  width: 160px;
  height: 213px;
  object-fit: cover;
}

#partners .listPartners {
  padding: 20px;
  display: table;
  margin: auto;
  width: 100%;
}
#partners .listPartners .sticky-parent {
  padding: 0 50px;
}
#partners .listPartners h2 {
  travnsition: color 0.3s ease-out;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  travnsition: font-size 0.3s ease-out;
  -webkit-transition: font-size 0.3s ease-out;
  -moz-transition: font-size 0.3s ease-out;
  -ms-transition: font-size 0.3s ease-out;
  -o-transition: font-size 0.3s ease-out;
  margin-bottom: 25px;
  box-shadow: 0 2px 2px -2px rgba(208, 19, 21, 0.8), 0 5px 3px -4px rgba(0, 0, 0, 0.5);
  font-size: 30px;
  text-align: center;
  background: white;
  z-index: 1000;
}
#partners .listPartners h2.is_stuck {
  color: black;
  font-size: 20px;
  height: 35px;
}
#partners .listPartners a.partner {
  margin: 30px;
  display: inline-block;
}
#partners .listPartners a.partner img {
  max-width: 130px;
  travnsition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  vertical-align: middle;
}
#partners .listPartners a.partner img:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

section.content-aside-personnage {
  margin-top: 10px;
}
section.content-aside-personnage .pagination {
  clear: both;
  margin-top: 50px;
  margin-bottom: 40px;
  display: block;
}
section.content-aside-personnage .pagination .btn {
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
  color: black;
  height: 30px;
  margin: 0 2px;
  text-decoration: none;
  border: 1px solid transparent;
}
section.content-aside-personnage .pagination .btn.current {
  cursor: default;
  background: #E5334C;
  color: white;
}

#personnage .leading nav ul,
#personnage .leading nav .new-biblio-action-buttons {
  display: inline-block;
}
#personnage .leading nav .new-biblio-action-buttons {
  float: right;
  margin-top: 0;
}
#personnage .leading .infos {
  position: relative;
}
#personnage .leading .infos .new-biblio-action-buttons {
  display: flex;
  margin-left: -10px;
  margin-top: 13px;
}
#personnage .backgroundImg {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  display: inline-flex;
  margin-left: -16.5px;
  height: 263px;
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}
#personnage .serieInfo {
  display: inline-flex;
  margin-left: -16.5px;
  height: 263px;
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}
#personnage .imgContainer {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#personnage .imgContainer img {
  width: 100%;
  height: auto;
  display: block;
}
#personnage .overlayBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #575757A8;
}
#personnage .prsHomeContent {
  overflow: hidden;
  padding: 0 28px 0px 0px;
  width: 680px;
}
#personnage .prsHomeContent .new-biblio-action-buttons {
  margin-left: auto;
}
#personnage .prsContainer {
  padding: 35px 0px 0px 16px;
}
#personnage .prsHomeContainer {
  display: flex;
  margin-top: 27px;
}
#personnage .prsHeaderContainer {
  display: flex;
  height: 263px;
  width: 100%;
}
#personnage .prsHeaderContent {
  margin-top: 30px;
  display: flex;
  position: absolute;
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  margin-left: 18px;
}
#personnage .prsHeaderContent .cover {
  width: 192px;
  height: 192px;
  object-fit: cover;
  margin-right: 25px;
}
#personnage .summary-prs {
  height: fit-content;
  padding: 10px;
}
#personnage .summary-prs .title {
  color: white;
  margin-bottom: 5px;
}
#personnage .summary-prs ul li a {
  color: white;
}
#personnage .prs-detail {
  width: 60%;
  height: fit-content;
}
#personnage .prs-detail p {
  margin-bottom: 14px;
  color: white;
}
#personnage .infos .cover {
  width: 200px;
  height: 200px;
  object-fit: cover;
}
#personnage .infos .card {
  width: 430px;
}
#personnage .infos .card.card-summary {
  width: 290px;
}
#personnage .infos .card h3 {
  margin-bottom: 10px;
}
#personnage .infos .card p {
  margin-bottom: 5px;
}
#personnage .anecdote {
  float: left;
  padding-bottom: 10px;
  margin-bottom: 20px;
  width: 100%;
}
#personnage .anecdote .illus-left {
  float: left;
  margin-right: 20px;
}
#personnage .anecdote .illus-right {
  float: right;
  margin-left: 20px;
}
#personnage .anecdote p {
  line-height: 21px;
}
#personnage .anecdote p.title {
  font-weight: bold;
}
#personnage .anecdote p.infos {
  font-style: italic;
  font-size: 13px;
}

#publisher h1 {
  margin-bottom: 40px;
}

#quiz h1 {
  padding-right: 280px;
}
#quiz h2.title {
  color: #000;
  padding: 15px;
  text-align: center;
  margin-top: 0;
  line-height: 30px;
  width: auto;
}
#quiz h2.title.results-title {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 34px;
  line-height: 40px;
  max-width: 480px;
}
#quiz h2.title.results-title span {
  color: #E5334C;
}
#quiz img.cover {
  width: 100%;
  margin-top: 15px;
}
#quiz img.question-illus {
  display: block;
  margin: 0 auto 10px auto;
}
#quiz img.quiz-thumb {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin: 20px 0 10px 10px;
}
#quiz p.description, #quiz p.warning {
  margin: 25px 0;
  font-size: 17px;
  line-height: 19px;
}
#quiz p.description.description, #quiz p.warning.description {
  text-align: justify;
}
#quiz p.description.warning, #quiz p.warning.warning {
  text-align: center;
  color: #E5334C;
}
#quiz p.description.warning a.btn-red, #quiz p.warning.warning a.btn-red {
  margin: 30px;
}
#quiz p.description.warning a.btn-red, #quiz p.description.warning a.btn-red:hover, #quiz p.warning.warning a.btn-red, #quiz p.warning.warning a.btn-red:hover {
  color: #fff !important;
}
#quiz .quiz-info {
  width: 100%;
  text-align: right;
  margin-top: -30px;
}
#quiz .quiz-info > div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  padding: 8px 4px;
}
#quiz .quiz-info .info {
  background: url("../img/ui/info.png") no-repeat 0 0;
  line-height: 20px;
  padding-left: 20px;
  font-size: 13px;
}
#quiz .quiz-info .level {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
  margin-top: -10px;
}
#quiz .quiz-info .level .bar {
  text-align: left;
  border: 1px solid #000;
  width: 76px;
}
#quiz .quiz-info .level .bar div {
  background: #E5334C;
  width: 0%;
  height: 8px;
  font-size: 0;
}
#quiz .quiz-info .level .bar div.l10 {
  width: 10%;
}
#quiz .quiz-info .level .bar div.l20 {
  width: 20%;
}
#quiz .quiz-info .level .bar div.l25 {
  width: 25%;
}
#quiz .quiz-info .level .bar div.l30 {
  width: 30%;
}
#quiz .quiz-info .level .bar div.l40 {
  width: 40%;
}
#quiz .quiz-info .level .bar div.l50 {
  width: 50%;
}
#quiz .quiz-info .level .bar div.l60 {
  width: 60%;
}
#quiz .quiz-info .level .bar div.l70 {
  width: 70%;
}
#quiz .quiz-info .level .bar div.l75 {
  width: 75%;
}
#quiz .quiz-info .level .bar div.l80 {
  width: 80%;
}
#quiz .quiz-info .level .bar div.l90 {
  width: 90%;
}
#quiz .quiz-info .level .bar div.l100 {
  width: 100%;
}
#quiz .quiz-info .chrono {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  background: url("../img/ui/chrono.png");
  width: 50px;
  height: 30px;
  margin-top: -10px;
  padding: 20px 0 0 0;
  text-align: center;
  color: #E5334C;
  font-size: 12px;
  margin-right: -5px;
}
#quiz #question_responses {
  margin-bottom: 30px;
}
#quiz #quiz-progressbar2 {
  background-color: rgba(229, 51, 76, 0.4) !important;
}
#quiz form.questions {
  margin-top: 20px;
}
#quiz form.questions p.warning {
  margin-top: 0;
}
#quiz form.questions label {
  display: block;
  cursor: pointer;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  padding: 5px 0;
  margin: 10px 0;
}
#quiz form.questions label input {
  margin-right: 5px;
}
#quiz .results h2 {
  font-size: 32px;
}
#quiz .results h3 {
  margin-top: 25px;
  margin-bottom: 5px;
}
#quiz .results label {
  display: block;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  padding: 5px;
}
#quiz .results label input {
  margin-right: 3px;
}
#quiz .results label.correct {
  color: #1c871c;
}
#quiz .results label.false {
  color: #E5334C;
}
#quiz .results label .learnwhy {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  padding-right: 42px;
  font-size: 13px;
  font-weight: bold;
  margin: 8px;
  background-position: 100% 0;
  height: 15px;
  width: 15px;
}
#quiz .results label .learnwhy.opened {
  background-position: 100% -1525px;
  height: 15px;
  width: 15px;
}
#quiz .results .explanation {
  display: none;
  padding-left: 24px;
  padding-bottom: 8px;
}
#quiz .results .explanation.opened {
  display: block;
}
#quiz .results p.learnmore {
  /* text-align:center;*/
  padding-left: 24px;
  margin-bottom: 15px;
}
#quiz .results .btn-learnmore {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #fff;
  padding: 1px 10px 2px;
  text-decoration: none;
  font-size: 16px;
  line-height: 16px;
  margin: 1px 0;
}
#quiz .results .btn-learnmore:hover {
  color: #fff !important;
}

form.share-friends {
  font-size: 0;
}
form.share-friends .share-friend {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 33.33%;
}
form.share-friends input[type="text"] {
  font-size: 13px;
  border: 2px solid #e1e1e1;
  padding: 4px;
  border-radius: 3px;
  display: block;
  width: 90%;
}
form.share-friends input[type="submit"] {
  margin: 12px 0;
}

.quiz-related {
  font-size: 0;
  padding-top: 20px;
}
.quiz-related li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 33.33%;
  font-size: 12px;
}
.quiz-related li img {
  margin-bottom: 4px;
}
.quiz-related li span {
  background-position: 0 -832px;
  padding-left: 18px;
}

#RSS h1 {
  margin-bottom: 35px;
}
#RSS #listFlux {
  padding-left: 20%;
  margin: auto 0 30px auto;
}
#RSS #listFlux a.flux {
  letter-spacing: 2px;
  text-decoration: none;
  display: block;
  padding: 15px;
}
#RSS #listFlux a.flux h3 {
  display: inline;
}
#RSS #listFlux a.flux img.icon, #RSS #listFlux a.flux .name {
  vertical-align: middle;
}
#RSS #listFlux a.flux img.icon {
  travnsition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border-radius: 3px;
  margin-right: 70px;
  border: 1px solid grey;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
#RSS #listFlux a.flux:hover img.icon {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

section.content-aside-serie {
  padding: 0px;
  margin-top: 10px;
}

#serie .leading nav ul,
#serie .leading nav .new-biblio-action-buttons {
  display: inline-block;
}
#serie .leading nav .new-biblio-action-buttons {
  float: right;
  margin-top: 0;
}
#serie .leading .infos {
  position: relative;
  padding: 35px 0px 0px 0px;
}
#serie .leading .infos .new-biblio-action-buttons {
  display: flex;
  margin-left: -10px;
  margin-top: 13px;
}
#serie .serieHomeContainer {
  margin-top: 27px;
}
#serie .serieCaract {
  width: 45%;
  display: flex;
  margin-left: 23px;
  position: absolute;
}
#serie .serieCaract .caractContainer {
  margin-right: 15%;
  text-align: center;
}
#serie .serieCaract .caractContainer p {
  color: white;
  margin-left: initial;
  width: max-content;
}
#serie .serieCaract .caractContent {
  display: flex;
  text-align: center;
  justify-content: center;
  margin-bottom: 5px;
}
#serie .serieCaract .note_caract {
  text-align: center;
  font-size: 44px;
  margin-bottom: 10px;
}
#serie .backgroundImg {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
#serie .serieInfo {
  display: inline-flex;
  height: 263px;
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}
#serie .detail-serie {
  color: #D8D8D8;
  font-weight: bold;
}
#serie .detail-serie span {
  color: white;
}
#serie .serieStatut {
  color: white;
  padding: 10px;
  text-align: center;
}
#serie .serieStatut span {
  color: white;
}
#serie .serieStatut.en-cours {
  background-color: #378fb3;
}
#serie .serieStatut.finie {
  background-color: #d14b63;
}
#serie .overlayBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #575757A8;
}
#serie .imgContainer {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#serie .imgContainer img {
  width: 100%;
  height: auto;
  display: block;
}
#serie .serieHeaderContent {
  height: 80%;
  margin-top: 10px;
  display: flex;
  position: absolute;
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  margin-left: 18px;
}
#serie .serieHeaderContent .cover {
  border: 1px solid #000;
  margin-right: 10px;
  max-width: 100%;
}

.detail-serie {
  margin-bottom: 10px;
  border-collapse: collapse;
}

.line-detail {
  height: 30px;
}

.title-detail {
  padding-bottom: 5px;
  vertical-align: initial;
  color: black;
}

.data-detail {
  padding-left: 30px;
  vertical-align: initial;
  color: black;
  line-height: 20px;
}
.data-detail.important {
  font-weight: bold;
}
.data-detail span {
  color: black !important;
}

.serieHomeTitle :hover {
  text-decoration: underline;
}

.btnBASlidePrev {
  position: absolute;
  margin-top: 90px;
  margin-top: 180px;
  z-index: 5;
}

.btnBASlideNext {
  position: absolute;
  margin-top: 90px;
  margin-top: 180px;
  z-index: 5;
  right: 33.5%;
}

.videoContentSerie {
  display: flex;
  overflow: hidden;
  margin-bottom: 15px;
  margin-left: 20px;
}

.quizzContentSerie {
  display: flex;
  overflow: hidden;
  margin-bottom: 16px;
  margin-left: 20px;
}

.slide_quizz {
  text-align: center;
  margin-right: 5px;
}
.slide_quizz img {
  width: 375px;
}

.btnQuizSlidePrev {
  position: absolute;
  margin-top: 90px;
  z-index: 5;
}

.btnQuizSlideNext {
  position: absolute;
  margin-top: 92px;
  z-index: 5;
  right: 33%;
}

.quizz-left-arrow {
  float: left;
}

.quizz-right-arrow {
  float: right;
}

.video-frame iframe {
  width: 100%;
}

.serieBA {
  text-align: center;
}

.desc {
  text-align: left;
  padding: 10px;
  margin: 10px;
  margin-bottom: 30px;
}
.desc h3 {
  margin-bottom: 10px;
  padding-bottom: 3px;
}
.desc .dataType {
  font-size: 13px;
}

.videoContentSerie {
  display: flex;
  overflow: hidden;
  margin-bottom: 15px;
  margin-left: 20px;
}

.actionBtnAdd {
  background-color: white;
  display: none;
  position: absolute;
  width: 309px;
  height: 207px;
  z-index: 99;
}

.actionBtnAddContainer {
  margin-right: 25px;
  margin-left: 25px;
  margin-top: 30px;
}

.actionBtnAddChoix {
  display: flex;
  margin-top: 25px;
  float: right;
  color: #E5334C;
}
.actionBtnAddChoix :not(:first-child) {
  margin-left: 26px;
}
.actionBtnAddChoix p {
  cursor: pointer;
}

.serieHomeContainer {
  display: flex;
}

@media screen and (max-width: 979px) {
  .serieHomeContainer .serieCaract {
    width: 100%;
    justify-content: center;
  }
  .serieHomeContainer .serieCaract .caractContainer {
    display: block;
    margin-left: 10px;
  }

  .serieHeaderContent {
    margin-left: initial;
  }

  .serieCaract {
    width: 100%;
    justify-content: center;
  }
  .serieCaract .caractContainer {
    display: block;
    margin-left: 10px;
  }

  .serieInfo {
    margin-right: -11px;
    margin-left: -32px;
  }

  .follow {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .follow .new-biblio-action-buttons {
    margin-left: auto;
  }

  #list-albums {
    text-align: center;
    margin-bottom: 25px;
  }
}
.serieHomeContent {
  overflow: hidden;
}
.serieHomeContent .new-biblio-action-buttons {
  margin-left: auto;
}

@media screen and (max-width: 600px) {
  #serie .serieHeaderContent .cover {
    max-width: 45%;
  }
  #serie .serieHeaderContent .cover-italien {
    height: 50%;
    border: 1px solid #000;
    margin-right: 10px;
  }
}
@media screen and (min-width: 720px) {
  /*
  #list-albums {
  	margin-bottom: 25px;
  }
  */
  .serieHomeContent {
    padding: 0 28px 0px 0px;
    width: min-content;
  }

  .serieHeaderContent {
    margin-left: 25px;
  }

  .serieHomeContainer {
    padding: 0 0 10px 16px;
  }

  .serieStatut {
    max-width: 135px;
  }

  .quizzContentSerie {
    width: 600px;
  }

  .carouselContainer {
    display: flex;
  }

  .hoverContent:hover {
    color: #E5334C;
  }

  .videoContentSerie {
    width: 600px;
    margin-left: 20px;
  }
}
@media screen and (max-width: 980px) {
  .carouselContainer {
    margin-right: 20px;
  }

  .quizzContentSerie {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .btnQuizSlidePrev {
    display: none;
  }

  .btnQuizSlideNext {
    display: none;
  }

  .btnBASlidePrev {
    display: none;
  }
  .btnBASlidePrev span {
    display: none;
  }

  .btnBASlideNext {
    display: none;
  }
  .btnBASlideNext span {
    display: none;
  }

  .videoContentSerie {
    overflow-x: auto;
    display: block;
    overflow-y: hidden;
  }

  #Carousel_BA .slide_BA:nth-child(n+3) {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .serieStatut {
    width: 100px;
  }
}
#search h1 {
  margin-bottom: 40px;
}
#search form.search input {
  border-radius: 0;
  padding: 8px;
  font-size: 16px;
}
#search form.search input.search-query {
  min-width: 300px;
  max-width: 100%;
}
#search form.search input[type='submit'] {
  font-weight: bold;
  border: 1px solid #E5334C;
}
#search form.search.inline input.search-query {
  border-right: 0;
}
#search form.search.inline input[type='submit'] {
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.8);
  border-radius: 0;
}
#search form.search.inline input[type='submit']:active {
  position: relative;
  top: 0;
  left: 1px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
#search .search-results .biblio-action-buttons, #search .search-results .new-biblio-action-buttons, #search .search-results .new-biblio-action-buttons-album {
  margin-top: 20px;
}

ul.subnavbar {
  list-style-type: none;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-bottom: 0;
  overflow: hidden;
  font-weight: bold;
  font-size: 120%;
  border-bottom: solid 1px #d7d7d7;
}
ul.subnavbar li {
  float: left;
}
ul.subnavbar li span {
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  text-decoration: none;
  border-bottom: solid 3px transparent;
  cursor: pointer;
  font-size: 17px;
}
ul.subnavbar li span:hover:not(.active) {
  background-color: #d7d7d7;
  border-radius: 5px;
  color: #E5334C;
}
ul.subnavbar .active {
  border-bottom: solid 3px #E5334C;
}

.searchFieldLayout {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.searchFieldLayout .searchField {
  border-radius: 7px;
  min-width: 300px;
  margin-right: 10px;
  padding: 8px !important;
  font-size: 17px !important;
  border: 2px solid #e1e1e1 !important;
}

.searchField:focus {
  border: 2px solid #E5334C !important;
}

.searchField:active {
  border: 2px solid #E5334C !important;
}

#search-results {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
#search-results .section-title {
  width: 100%;
  text-decoration: none;
  margin-bottom: 5px;
}
#search-results .section-title h2 {
  margin-top: 0;
}
#search-results .section-seemore {
  width: 100%;
  text-align: right;
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 65px;
  margin-right: 10px;
  margin-top: -20px;
}
#search-results .search-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 0 12px 50px 12px;
}
#search-results .search-item .title {
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: bold;
  max-width: 160px;
  text-align: center;
}
#search-results .search-item .subtitle {
  margin-bottom: 10px;
  margin-top: -5px;
  font-weight: bold;
  color: gray;
  max-width: 160px;
  text-align: center;
}
#search-results .search-item.article {
  flex-direction: column;
  border-radius: 10px;
  border: solid 2px transparent;
  margin: 0 10px 50px 10px;
}
#search-results .search-item.article .content {
  background: #F5F5F5;
  width: 400px;
  filter: drop-shadow(0 0 0.15rem gray);
  border-radius: 10px;
}
#search-results .search-item.article .article_img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 400px;
  object-fit: cover;
  background-color: white;
  height: 210px;
}
#search-results .search-item.article .info {
  height: 65px;
}
#search-results .search-item.article .info .art-title {
  text-align: left;
  margin: 10px 10px 5px 10px;
  font-weight: bold;
  height: 32px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#search-results .search-item.article .info .art-subtitle {
  color: gray;
  text-align: left;
  margin: 0 10px 10px 10px;
}
#search-results .search-item.article .info .art-subtitle .art-type {
  color: #E5334C;
  font-weight: bold;
}
#search-results .search-item.article.horizontal {
  margin: 0 10px 10px 10px;
}
#search-results .search-item.article.horizontal .content {
  width: 300px;
}
#search-results .search-item.article.horizontal .article_img {
  width: 300px;
  height: 158px;
}
#search-results .search-item.article.horizontal .info {
  height: 60px;
}
#search-results .search-item.article.horizontal .info .art-title {
  margin: 5px 10px 5px 10px;
}
#search-results .search-item.article:hover {
  opacity: 90%;
  border: solid 2px #E5334C;
}
#search-results .search-item.serie {
  flex-direction: row;
  padding: 3px 3px 3px 3px;
  width: 283px;
  border-radius: 10px;
  background: white;
  filter: drop-shadow(0 0 0.15rem gray);
  border: solid 2px transparent;
  margin: 0 10px 50px 10px;
}
#search-results .search-item.serie:hover {
  opacity: 90%;
  border: solid 2px #E5334C;
}
#search-results .author_img {
  width: 160px;
  height: 160px;
  object-fit: none;
  border-radius: 50%;
  border: solid 2px transparent;
  filter: drop-shadow(0 0 0.6rem #c4c4c4);
  background-color: white;
}
#search-results .author_img:hover {
  opacity: 90%;
  border: solid 2px #E5334C;
}
#search-results .album_img {
  width: 140px;
  border-radius: 8px;
  border: solid 2px transparent;
}
#search-results .album_img:hover {
  border: solid 2px #E5334C;
  opacity: 90%;
}
#search-results .serie_img {
  width: 170px;
  height: 140px;
  border: solid 2px transparent;
}
#search-results .noResultLayout {
  display: flex;
  flex-direction: column;
  height: 400px;
}
#search-results .noResultLayout p {
  text-align: center;
  font-weight: bold;
}
#search-results .noResultLayout img {
  width: 300px;
  margin-top: 80px;
}
#search-results .searchAllSectionHorizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  overflow-x: scroll;
  margin-bottom: 70px;
}

#subscribe h2 {
  color: #E5334C;
  margin-top: -20px;
}
#subscribe ul.connect-list li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin: 10px;
}
#subscribe .argu {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  position: relative;
  height: 280px;
  width: 280px;
  margin-right: 45px;
  margin-bottom: 20px;
}
#subscribe .argu h3, #subscribe .argu h4 {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
#subscribe .argu h3 {
  color: #E5334C;
  font-size: 18px;
  height: 34px;
  padding-left: 60px;
  padding-top: 10px;
  margin-bottom: -10px;
}
#subscribe .argu h4 {
  font-size: 15px;
  margin-top: 20px;
}
#subscribe .argu p {
  font-size: 13px;
  line-height: 22px;
  text-align: justify;
}
#subscribe .argu.last-argu {
  margin-right: 0;
}
#subscribe #argu1 h3 {
  background: url("../img/subscribe/argu1.png") no-repeat left;
}
#subscribe #argu2 h3 {
  background: url("../img/subscribe/argu2.png") no-repeat left;
}
#subscribe #argu3 h3 {
  background: url("../img/subscribe/argu3.png") no-repeat left;
}
#subscribe .panels {
  position: relative;
  margin-bottom: 20px;
}
#subscribe .panels p {
  font-size: 13px;
}
#subscribe .panel-left, #subscribe .panel-right {
  box-shadow: 0 0 5px rgba(200, 200, 200, 0.5);
  border: 1px solid #ddd;
  width: 377px;
  padding: 40px;
  text-align: center;
}
#subscribe .panel-left form, #subscribe .panel-right form {
  text-align: left;
  padding-top: 20px;
}
#subscribe .panel-left form div.row-input, #subscribe .panel-right form div.row-input {
  margin: 10px 0;
}
#subscribe .panel-left form label, #subscribe .panel-right form label {
  display: block;
}
#subscribe .panel-left form div.col-input, #subscribe .panel-left form div.col-instruction, #subscribe .panel-right form div.col-input, #subscribe .panel-right form div.col-instruction {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
#subscribe .panel-left form div.col-input, #subscribe .panel-right form div.col-input {
  width: 160px;
}
#subscribe .panel-left form div.col-input input, #subscribe .panel-right form div.col-input input {
  width: 130px;
  margin-top: 2px;
}
#subscribe .panel-left form div.col-instruction, #subscribe .panel-right form div.col-instruction {
  padding-top: 5px;
  width: 210px;
  color: #707070;
  line-height: 16px;
}
#subscribe .panel-left p {
  margin-top: 20px;
}
#subscribe .panel-right {
  right: 0;
}
#subscribe .panel-right p {
  margin-top: 20px;
  padding: 17px;
  text-align: left;
}

#univers-zoolemag {
  position: relative;
}
#univers-zoolemag .header {
  height: 30px;
}
#univers-zoolemag .header .left {
  float: left;
  color: #d80011;
  text-decoration: none;
  font-size: 26px;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
#univers-zoolemag .header .right {
  float: right;
  color: black;
  font-size: 18px;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 33px;
}
#univers-zoolemag .abonnement_content {
  padding: 10px;
  font-size: 18px;
  /*font-size: 140%;*/
}
#univers-zoolemag .description {
  font-weight: 500;
  padding: 10px;
}
#univers-zoolemag .magazines {
  text-align: center;
}
#univers-zoolemag .mag, #univers-zoolemag .homeline.manga {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  margin: 20px 30px;
  position: relative;
  max-width: 187px;
}
#univers-zoolemag .mag .date, #univers-zoolemag .homeline.manga .date {
  position: relative;
  top: 7px;
}
#univers-zoolemag .mag img, #univers-zoolemag .homeline.manga img {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  border: 1px solid #ccc;
  width: 185px;
}
#univers-zoolemag .mag img:hover, #univers-zoolemag .homeline.manga img:hover {
  box-shadow: 0 2px 10px rgba(229, 51, 76, 0.4);
  border: 1px solid #E5334C;
}
#univers-zoolemag .mag:hover .text_close, #univers-zoolemag .homeline.manga:hover .text_close {
  display: block;
}
#univers-zoolemag .add-mag-container {
  width: 187px;
}
#univers-zoolemag .add-mag {
  travnsition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  margin: auto;
  background: url("../img/brand/zoo_logo.magazine.png") no-repeat;
  background-position: 155% -5%;
  background-size: 120px;
  width: 150px;
  height: 200px;
  border: 2px dashed black;
  border-radius: 8px;
  cursor: pointer;
  margin-top: 25px;
  position: relative;
  overflow: hidden;
}
#univers-zoolemag .add-mag .book, #univers-zoolemag .add-mag .plus {
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  travnsition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
#univers-zoolemag .add-mag .book {
  font-size: 55px;
  color: #323232;
  left: 35%;
  top: 73%;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
#univers-zoolemag .add-mag .plus {
  font-size: 20px;
  color: #d80011;
  font-weight: bold;
  top: 53%;
  left: 59%;
}
#univers-zoolemag .add-mag:hover {
  background-position: 170% -8%;
  background-size: 130px;
  border: 2px dashed #d80011;
}
#univers-zoolemag .add-mag:hover .book {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  color: black;
}
#univers-zoolemag .add-mag:hover .plus {
  font-weight: normal;
  font-size: 25px;
}
#univers-zoolemag form#add_mag {
  z-index: 10;
  background: white;
  width: 400px;
  max-width: calc(100% - 26px);
  border: 2px solid black;
  padding: 10px;
  left: 50%;
  top: 20px;
  position: absolute;
  display: none;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
#univers-zoolemag form#add_mag h2 {
  margin-top: 0;
}
#univers-zoolemag form#add_mag input {
  width: 380px;
}
#univers-zoolemag form#add_mag input[type='submit'] {
  width: 150px;
  margin: 20px 0 0;
}
#univers-zoolemag form#add_mag .close {
  color: #E5334C;
  position: absolute;
  right: 0;
  top: -2px;
  font-size: 25px;
  cursor: pointer;
  travnsition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
#univers-zoolemag form#add_mag .close:hover {
  color: #E5334C;
}
#univers-zoolemag form#add_mag .field.inline {
  display: inline-block;
  width: calc(50% - 10px);
  margin: 5px;
  text-align: left;
}
#univers-zoolemag form#add_mag .field.inline > * {
  width: auto;
  max-width: 100%;
}
#univers-zoolemag form#add_mag .field.inline > *[type="number"] {
  max-width: 90%;
}
#univers-zoolemag form#add_mag .field label {
  text-align: left;
}
#univers-zoolemag form#add_mag .field.mag_cover {
  text-align: center;
  display: block;
}
#univers-zoolemag form#add_mag .field.mag_cover label {
  float: none;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
}
#univers-zoolemag form#add_mag .field.mag_cover img#mag_cover {
  max-height: 250px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  border: 1px solid #ddd;
}
#univers-zoolemag form#add_mag .field.mag_cover .buttons span {
  padding: 10px 20px;
  margin: 5px;
}
#univers-zoolemag .lastest-mags {
  padding: 10px;
  margin-left: -21px;
  margin-right: -21px;
  background-color: #E5334C;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  row-gap: 50px;
}
#univers-zoolemag .lastest-mag {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 15px;
  text-decoration: none;
}
#univers-zoolemag .lastest-mag h3 {
  color: white;
  font-size: 250%;
}
#univers-zoolemag .lastest-mag span {
  color: white;
  font-size: 150%;
}
#univers-zoolemag .lastest-mag-cover-container {
  width: 250px;
  object-fit: contain;
  height: 333px;
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#univers-zoolemag .lastest-mag-cover-container img {
  max-width: 250px;
  object-fit: contain;
  max-height: 333px;
  box-shadow: 0 2px 8px #ffffff7d;
  border: 1px white solid;
}
#univers-zoolemag .lastest-mag-cover-container img:hover {
  box-shadow: 0 5px 15px white;
}

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

.text-presentation-membre {
  font-weight: bold;
  line-height: normal;
}

.zozo-telephone-bloc-1 {
  display: flex;
  justify-content: center;
}

.zozo-telephone-bloc-2 {
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  display: inline-block;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}

.join-btn-commu {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 68px;
}
.join-btn-commu a {
  text-decoration: none;
}

.join-btn-commu p {
  background-color: #E5334C;
  color: white;
  border-radius: 20px;
  margin: 25px auto;
}

.bubble-text-phone-1 {
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  margin: 0 auto;
  box-shadow: 0 7px 12px rgba(0, 0, 0, 0.5);
  height: fit-content;
}

.bloc-second .left {
  text-align: center;
}

.bloc-second .left p {
  font-size: 24px;
  font-weight: bold;
}

.bloc-second .left img {
  width: 100%;
}

.bloc-second .left .bd-container {
  text-align: center;
  background-color: #E5334C;
  color: white;
  border-radius: 15px;
  margin: 25px auto;
  font-size: 20px;
  font-weight: bold;
}

.bloc-second .left .bd-container a {
  text-decoration: none;
}

.bloc-second .left .bd-container p {
  font-weight: bold;
  font-size: 20px;
  padding: 5px;
  color: white;
}

.bloc-second .right {
  text-align: center;
}

.bloc-second .right p {
  font-size: 24px;
  font-weight: bold;
}

.bloc-second .right img {
  width: 100%;
}

.bloc-second .right .manga-container {
  text-align: center;
  background-color: black;
  color: white;
  border-radius: 15px;
  margin: 25px auto;
  font-size: 20px;
  font-weight: bold;
}

.bloc-second .right .manga-container a p {
  font-weight: bold;
  font-size: 20px;
  padding: 5px;
  color: white;
}

.bloc-second-2 {
  display: flex;
  justify-content: center;
}

.bloc-second-2 .info-container {
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  display: inline-block;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}

/* Media query pour les écrans web */
@media screen and (min-width: 768px) {
  .bloc-first {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
  }

  .text-presentation-membre {
    font-size: 24px;
    padding-left: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .zozo-telephone-bloc-1 {
    margin-bottom: 40px;
  }

  .zozo-telephone-bloc-1 img {
    width: 350px;
    height: 250px;
    margin-left: 50px;
    margin-right: 45px;
  }

  .bubble-text-phone-1 {
    margin-right: 55px;
  }

  .bubble-text-phone-1::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: transparent #fff;
    border-width: 30px 30px 30px 0;
    top: 0%;
    left: -28px;
    margin-top: -2px;
  }

  .bubble-text-phone-1::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 0;
    border-style: solid;
    border-color: transparent rgba(0, 0, 0, 0.1);
    border-width: 35px 35px 35px 0;
    top: 0px;
    left: -35px;
  }

  .bubble-text-phone-1 p {
    font-size: 24px;
    line-height: 30px;
    margin: 30px;
  }

  .zozo-telephone-bloc-2 {
    padding: 30px;
    width: 75%;
  }

  .zozo-telephone-bloc-2::before {
    content: '';
    position: absolute;
    left: 56%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-width: 10px;
    border-bottom: 10px solid #fff;
    border-bottom-width: 10px;
    top: -65px;
    border-width: 35px;
    border-bottom: 30px solid rgba(116, 128, 128, 0.2);
  }

  .zozo-telephone-bloc-2::after {
    content: '';
    position: absolute;
    left: 55%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-top-width: 10px;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-width: 10px;
    border-bottom: 10px solid #fff;
    border-bottom-width: 10px;
    top: -57px;
    border-width: 30px;
  }

  .zozo-telephone-bloc-2 img {
    width: 75%;
  }

  .zozo-telephone-bloc-2 p {
    text-align: left;
    font-size: 24px;
    line-height: 30px;
  }

  .bloc-second .left {
    width: 50%;
    margin-right: 10px;
    text-align: center;
  }

  .bloc-second .left p {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 50px;
  }

  .bloc-second .left img {
    width: 100%;
  }

  .bloc-second .left .bd-container {
    text-align: center;
    background-color: #E5334C;
    color: white;
    border-radius: 15px;
    margin: 25px auto;
    font-size: 20px;
    font-weight: bold;
    font-size: 40px;
    width: 380px;
  }

  .bloc-second .left .bd-container a p {
    font-size: 20px;
    font-weight: bold;
    font-size: 40px;
    line-height: 40px;
    padding: 5px;
    height: 125px;
    color: white;
  }

  .bloc-second .right {
    width: 50%;
    margin-left: 10px;
    text-align: center;
  }

  .bloc-second .right p {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 50px;
  }

  .bloc-second .right img {
    width: 100%;
  }

  .bloc-second .right .manga-container {
    text-align: center;
    background-color: black;
    color: white;
    border-radius: 15px;
    margin: 25px auto;
    font-size: 20px;
    font-weight: bold;
    font-size: 40px;
    width: 380px;
  }
  .bloc-second .right .manga-container a {
    text-decoration: none;
  }

  .bloc-second .right .manga-container a p {
    font-size: 20px;
    font-weight: bold;
    font-size: 40px;
    line-height: 40px;
    padding: 5px;
    height: 125px;
    color: white;
  }

  .join-btn-commu p {
    width: 370px;
    font-size: 30px;
    padding: 22px;
  }

  .bloc-second {
    display: flex;
  }

  .bloc-second-2 {
    margin-top: 20px;
    margin-bottom: 60px;
  }

  .bloc-second-2 .info-container {
    padding: 0px;
    margin-right: 75px;
    margin-bottom: 15px;
  }

  .bloc-second-2 .info-container::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: transparent #fff;
    border-width: 30px 30px 30px 0;
    top: 2%;
    left: -25px;
    margin-top: -5px;
  }

  .bloc-second-2 .info-container::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 0;
    border-style: solid;
    border-color: transparent rgba(0, 0, 0, 0.1);
    border-width: 30px 30px 30px 0;
    top: 6px;
    left: -33px;
  }

  .bloc-second-2 .info-container p {
    font-size: 24px;
    line-height: 30px;
    margin: 30px;
    margin-right: 15px;
    color: black;
  }

  .bloc-second-2 img {
    height: 245px;
    margin-top: 15px;
    margin-left: 70px;
    margin-right: 20px;
  }

  .bloc-third-1 {
    margin-top: 50px;
  }
}
/* Media query pour les écrans mobiles */
@media screen and (max-width: 767px) {
  .text-presentation-membre {
    font-size: 18px;
    margin: 30px;
    line-height: 25px;
  }

  .zozo-telephone-bloc-1 {
    margin-bottom: 10px;
  }

  .bubble-text-phone-1 p {
    margin: 10px;
    line-height: 25px;
  }

  .zozo-telephone-bloc-1 img {
    height: 100px;
    margin-right: 9px;
  }

  .bloc-second {
    margin-top: 25px;
  }

  .bloc-second-2 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .bloc-second-2 img {
    height: 100px;
  }

  .bloc-second .left p {
    margin-bottom: 40px;
    margin-top: 40px;
    line-height: 25px;
  }

  .bloc-second .right p {
    margin-bottom: 40px;
    margin-top: 40px;
    line-height: 25px;
  }

  .bloc-second .left .bd-container {
    width: 70%;
  }
  .bloc-second .left .bd-container p {
    line-height: 30px;
    padding: 5px;
    height: 90px;
  }

  .bloc-second .right .manga-container {
    width: 75%;
  }

  .bloc-second .right .manga-container a p {
    line-height: 30px;
    padding: 5px;
    margin-bottom: 70px;
  }

  .bubble-text-phone-1::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: transparent #fff;
    border-width: 10px 10px 10px 0;
    top: 10%;
    left: -9px;
    margin-top: -10px;
  }

  .zozo-telephone-bloc-2 {
    padding: 10px;
  }
  .zozo-telephone-bloc-2 p {
    margin: 10px;
    line-height: 25px;
  }

  .zozo-telephone-bloc-2::after {
    content: '';
    position: absolute;
    left: 60%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -18px;
  }

  .bloc-second-2 .info-container {
    padding: 10px;
  }
  .bloc-second-2 .info-container p {
    margin: 10px;
    line-height: 25px;
  }

  .bloc-second-2 .info-container::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: transparent #fff;
    border-width: 10px 10px 10px 0;
    top: 10%;
    left: -9px;
    margin-top: -10px;
  }

  .join-btn-commu p {
    width: 250px;
    padding: 15px;
  }

  .bloc-first {
    margin-bottom: 40px;
    margin-top: 20px;
  }

  .bloc-third-1 {
    margin-top: 25px;
  }
}
.card-avantage-header img {
  margin-top: 15px;
}

.card-avantage-header p {
  padding-top: 15px;
}

.text-presentation-avantage {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
}

.txt-avantage-1 {
  margin: 20px;
  margin-top: 40px;
}

.txt-avantage-2 {
  margin: 20px;
  margin-top: 20px;
}

.header-text {
  color: #E5334C;
  font-weight: 900;
  font-size: 28px;
  margin-top: 50px;
  margin-bottom: 40px;
  line-height: 25px;
}

.bubble-container-info-box {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 40px;
}

.bloc-avantage-second {
  margin-bottom: 20px;
}

.upper-bold {
  font-weight: 900;
}

.card-avantage {
  width: 291px;
  height: 263px;
  border-radius: 24px;
  border: solid black 2px;
}

.card-avantage-header {
  background-color: black;
  text-align: center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 120px;
}

.card-avantage-header p {
  color: white;
  font-size: 24px;
}

.card-avantage-content {
  margin: 20px;
}

.card-avantage-content p {
  font-size: 20px;
  margin-bottom: 10px;
}

.progress-bar-container {
  width: 100%;
  height: 25px;
  background-color: #f3f3f3;
  overflow: hidden;
}

.progress-bar-95 {
  width: 95%;
}

.progress-bar-89 {
  width: 89%;
}

.progress-bar-70 {
  width: 70%;
}

.seperator-limit {
  margin: 20px 0;
}

.info-container-avantage {
  margin-left: 20px;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 7px 12px rgba(0, 0, 0, 0.5);
  padding: 25px;
}

.info-member-box-xs {
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
  width: 265px;
  box-shadow: 0px 2px 9px #0000005C;
  border: 1px solid #00000029;
  border-radius: 24px;
}

.info-member-box-lg {
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
  width: 265px;
  box-shadow: 0px 2px 9px #0000005C;
  border: 1px solid #00000029;
  border-radius: 24px;
}

.large-text {
  font-size: 37px;
}

.medium-text {
  font-size: 27px;
  line-height: 25px;
  margin-top: 15px;
}

.progress-bar-container {
  width: 100%;
  background-color: #00000038;
  /* Barre grise de fond */
}

.progress-bar {
  height: 25px;
  background-color: #000000;
  /* Barre noire */
  text-align: center;
  color: white;
  line-height: 20px;
}

.zooeur-bubble {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 9px #0000005C;
  border: 1px solid #00000029;
  border-radius: 24px;
}

.zooeur-bubble-content {
  margin: 20px;
}

.advantage-content {
  margin: 10px;
}

.text-three-column {
  font-size: 24px;
  line-height: 31px;
  margin-top: 20px;
}

.info-member-container {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .bubble-container-info-box {
    flex-direction: row;
  }

  .zooeur-bubble {
    width: 650px;
    margin-left: -20px;
  }

  .zooeur-bubble-content {
    display: flex;
  }

  .bloc-avantage-second img {
    height: 200px;
    margin-top: 15px;
    margin-left: 70px;
    margin-right: 20px;
  }

  .info-container-avantage {
    height: fit-content;
  }

  .info-container-avantage p {
    font-size: 40px;
    line-height: 40px;
    width: 520px;
  }

  .info-container-avantage::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 0;
    border-style: solid;
    border-color: transparent rgba(0, 0, 0, 0.1);
    border-width: 35px 35px 35px 0;
    top: 0px;
    left: -35px;
  }

  .info-container-avantage::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: transparent #fff;
    border-width: 30px 30px 30px 0;
    top: 0%;
    left: -28px;
    margin-top: -2px;
  }

  .bloc-avantage-second {
    display: flex;
    margin-bottom: 40px;
    margin-top: 40px;
  }

  .info-member-box-xs {
    height: 420px;
  }

  .info-member-box-lg {
    height: 470px;
  }
}
@media (max-width: 768px) {
  .bubble-container-info-box {
    flex-direction: column;
  }

  .bubble-container-info-box .card-avantage {
    margin-bottom: 20px;
  }

  .bubble-content-info-box {
    margin: 30px;
  }

  .zooeur-bubble {
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .zooeur-bubble-content {
    text-align: center;
  }

  .bloc-avantage-second img {
    height: 200px;
    margin-top: 15px;
    margin-left: 70px;
    margin-right: 20px;
  }

  .zozo-img-avantage {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .info-container-avantage p {
    font-size: 37px;
    line-height: 37px;
  }
}
#zoo-map {
  width: auto;
  height: 600px;
  margin-top: 20px;
}

#zoolemag-map .leading nav ul li {
  border-left: 1px solid #bbb;
}

.zoomap_place-name {
  font-size: 120%;
  font-weight: bold;
}

.zoomap_place-type {
  font-size: 120%;
  color: #4b4b4b;
}

.zoomap_place-contact {
  font-weight: bold;
  margin-top: 10px;
}

.zoomap_text {
  font-size: 130%;
}

.zooSub .field p {
  display: inline-block;
}
.zooSub .field input.small {
  width: 30px;
  background-color: #e9e9ed;
  color: #ababb6;
}
.zooSub #info-tips {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  color: #FF0000;
  font-size: 120%;
  font-weight: bold;
  margin-right: 5px;
  text-align: right;
  margin-bottom: -20px;
  margin-top: 20px;
}
.zooSub #form-zoosubscribe {
  margin-top: -20px;
  padding-bottom: 80px;
}
.zooSub .sub_total {
  margin-left: 190px;
  width: 180px;
}
.zooSub .sub_total p {
  font-weight: bold;
}
.zooSub .pay_means {
  /* HIDE RADIO */
  /* IMAGE STYLES */
  /* CHECKED STYLES */
}
.zooSub .pay_means [type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.zooSub .pay_means [type=radio] + img {
  cursor: pointer;
  height: 100px;
  max-width: 150px;
  margin: 10px;
}
.zooSub .pay_means [type=radio]:checked + img {
  outline: 3px solid #E5334C;
  outline-offset: -3px;
}
.zooSub .recap {
  font-size: 14px;
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  color: #000;
}
.zooSub .recap table {
  margin: 10px;
}
.zooSub .recap th, .zooSub .recap td {
  border: 1px solid #ddd;
  padding: 8px;
}
.zooSub .recap th {
  font-weight: bold;
  min-width: 90px;
  background-color: #b9b9b94a;
}
.zooSub .recap td {
  font-weight: bold;
  min-width: 80%;
}
.zooSub .recap p {
  margin: 10px;
}
.zooSub #paypal-but-layout {
  text-align: center;
}

.authentchoise_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  margin-top: 20px;
}

.authentchoise_container .looker {
  width: 100px;
  height: auto;
  position: absolute;
  margin-top: -70px;
  margin-left: 236px;
}

.authentchoise_layout {
  width: 300px;
  margin: 43px 0 0;
  padding: 30px 30px 20px 30px;
  border-radius: 10px;
  box-shadow: 3.5px 3.5px 8.9px 1.6px #818181;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.authentchoise_layout a {
  margin: 10px 10px 10px 10px;
}

.authentchoise_layout button {
  margin: 10px 10px 10px 10px;
}

#membre-stat {
  margin-bottom: 2vh;
}
#membre-stat .stat-title {
  font-size: 2.5rem;
  color: black;
  margin-bottom: 20px;
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  clear: both;
}
#membre-stat .evolution .stat-title {
  margin-left: 10px;
}
#membre-stat .rate {
  padding-left: 90vw;
}
#membre-stat .rate div p img {
  vertical-align: middle;
}
#membre-stat .rate div p a {
  font-size: 1.2rem;
  text-decoration: none;
}
#membre-stat .circle {
  font-size: 2.3rem;
}
#membre-stat a .circle {
  display: inline-block;
  transition: transform 0.2s;
  text-align: center;
  font-size: 2.3rem;
}
#membre-stat a .circle:after {
  display: block;
  content: "";
  transform: scaleX(1);
  border-bottom: 3px solid black;
  transition: transform 250ms ease-in-out;
}
#membre-stat a .circle:hover {
  transform: scale(1.5);
}
#membre-stat a .circle:hover:after {
  transform: scaleX(1.4);
}
#membre-stat .affichage {
  margin-top: 5vh;
  color: white;
  padding-bottom: 2vh;
  border-radius: 20px;
}
#membre-stat .stats {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 200;
}
#membre-stat .break {
  flex-basis: 100%;
  height: 0;
}
#membre-stat .col {
  display: inline-block;
  text-align: center;
  background-color: white;
  font-weight: 500;
  color: black;
  margin-right: 12px;
  border: 2px solid black;
  border-radius: 20px;
  width: 160px;
  padding-bottom: 10px;
}
#membre-stat .col a {
  text-decoration: none;
  color: black;
}
#membre-stat .col span:hover {
  color: black;
}
#membre-stat .repartitionCollection {
  margin-top: 4vh;
}
#membre-stat #figureRepartition {
  height: 450px;
  width: 70%;
  margin: 0% 12.5%;
  background-color: white;
  border: 2px solid white;
  border-radius: 20px;
  padding: 3% 3%;
}
#membre-stat #evolutionCollection {
  height: 450px;
}
#membre-stat .graphs {
  background-color: #f0f0f0;
  border: 2px solid #f0f0f0;
  border-radius: 20px;
}
#membre-stat .serieGraph {
  margin-top: 4vh;
}
#membre-stat #graph2 {
  border: 2px solid white;
  border-radius: 20px;
  padding: 3% 3%;
  background-color: white;
  height: 39vh;
  width: 70%;
  margin: 0% 12.5%;
}
#membre-stat .content2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#membre-stat .content2::after {
  width: 30vw;
}
#membre-stat .content2 .tags .tags-list {
  font-size: 1.2rem;
}
#membre-stat .content2 .tags .tags-list .tag-button {
  display: inline-block;
  padding: 5px 5px;
  margin-right: 3px;
  margin-left: 3px;
  margin-bottom: 5px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
  border-radius: 4px;
  font-weight: bold;
  background: white;
  position: relative;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
#membre-stat .content2 .tags .tags-list .tag-button .primary {
  color: #e5334c;
}
#membre-stat .content2 .tags .tags-list .tag-button .delete {
  color: white;
  font-size: 0;
}
#membre-stat .content2 .tags .tags-list .tag-button:hover {
  background-color: #e5334c;
  color: white;
}
#membre-stat .content2 .tags .tags-list .tag-button:hover .primary {
  color: white;
}
#membre-stat .content2 .tags .tags-list .tag-button:hover .delete {
  font-size: 120%;
}
#membre-stat .reactions {
  width: 420px;
  min-width: 376px;
  margin-left: 10px;
}
#membre-stat .reactions h1 {
  font-size: 4rem;
  margin-bottom: 10px;
}
#membre-stat .reactions .stat-col {
  background-color: #e5334c;
  border: 2px solid #e5334c;
  border-radius: 20px;
  width: 360px;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  font-size: 3rem;
}
#membre-stat .reactions .stat-col img {
  margin: 3% 5%;
  width: 25%;
  border: 2px solid white;
  border-radius: 20px;
  background-color: white;
}
#membre-stat .reactions .stat-col .react-text {
  color: white;
  width: 55%;
}
#membre-stat .reactions .stat-col .react-text strong {
  display: block;
  font-size: 3rem;
  margin-bottom: 5px;
  padding-top: 20px;
}
#membre-stat .reactions .stat-col .react-text p {
  font-size: 2rem;
  padding-bottom: 20px;
}
#membre-stat .tags {
  width: 470px;
  min-width: 470px;
}
#membre-stat .tags .tagsCloudContainer {
  width: 450px;
  height: 320px;
}
#membre-stat .tags .tagsCloudContainer #tagsCloud {
  width: 100%;
  height: 100%;
}
#membre-stat .jqcloud {
  font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: normal;
  overflow: hidden;
  position: relative;
}
#membre-stat .jqcloud .jqcloud-word {
  margin: 0;
  padding: 0;
}
#membre-stat .jqcloud .jqcloud-word.w1 {
  color: #aab5f0;
  font-size: 100%;
}
#membre-stat .jqcloud .jqcloud-word.w2 {
  color: #99ccee;
  font-size: 150%;
}
#membre-stat .jqcloud .jqcloud-word.w3 {
  color: #a0ddff;
  font-size: 200%;
}
#membre-stat .jqcloud .jqcloud-word.w4 {
  color: #90c5f0;
  font-size: 250%;
}
#membre-stat .jqcloud .jqcloud-word.w5 {
  color: #90a0dd;
  font-size: 300%;
}
#membre-stat .jqcloud .jqcloud-word.w6 {
  color: #90c5f0;
  font-size: 350%;
}
#membre-stat .jqcloud .jqcloud-word.w7 {
  color: #3399dd;
  font-size: 400%;
}
#membre-stat .jqcloud .jqcloud-word.w8 {
  color: #00ccff;
  font-size: 450%;
}
#membre-stat .jqcloud .jqcloud-word.w9 {
  color: #00ccff;
  font-size: 500%;
}
#membre-stat .jqcloud .jqcloud-word.w10 {
  color: #00ccff;
  font-size: 550%;
}
#membre-stat .jqcloud .jqcloud-word a {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
#membre-stat .jqcloud .jqcloud-word a:hover {
  color: inherit;
}

#membre-series-suivies {
  /*MAIN*/
}
#membre-series-suivies .serie-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 55px;
  padding-bottom: 23px;
  background-color: black;
  color: white;
  text-transform: uppercase;
}
#membre-series-suivies .serie-header h1 {
  margin-left: 30px;
}
#membre-series-suivies .navigation {
  margin-right: 28px;
  padding-top: 69px;
  width: 98%;
  color: white;
  display: flex;
  justify-content: flex-end;
}
#membre-series-suivies .navigation a {
  color: black;
  background-color: white;
  margin-right: 8px;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 7px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid black;
}
#membre-series-suivies .navigation .active {
  background-color: #e6344c !important;
  color: white !important;
  border-color: transparent;
}
#membre-series-suivies .count {
  width: 100%;
  display: flex;
  flex-direction: row;
  color: black;
  text-transform: uppercase;
  margin-left: 31.5px;
  margin-top: 32px;
  margin-bottom: 24px;
}
#membre-series-suivies .count .number {
  margin-right: 28px;
  font-weight: 900;
  font-size: 18px;
}
#membre-series-suivies .main-suivi {
  margin-right: 40px;
  margin-left: 30.5px;
}
#membre-series-suivies .serie-container {
  min-height: 75px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0.4px 6px 13.5px 0 rgba(146, 148, 150, 0.56);
  margin-bottom: 20px;
}
#membre-series-suivies .informations {
  color: black;
  margin-left: 16px;
}
#membre-series-suivies .informations h3 a {
  font-weight: 900;
  font-size: 26px;
  text-transform: uppercase;
}
#membre-series-suivies .serie .buttons {
  margin-right: 22px;
}
#membre-series-suivies .serie .buttons span {
  cursor: pointer;
}

.V2-biblio-common .biblio-dropdown {
  border: solid 2.5px white;
  border-radius: 7.5px;
  color: white;
  text-decoration: none;
  font-weight: 900;
  list-style: none;
  padding: 10px 10px 0 10px;
  margin-left: auto;
  transition: all ease-in-out .150s;
  width: 15px;
  text-align: center;
  position: relative;
  z-index: 10;
  padding-left: 16px;
  font-size: 15px;
  padding-right: 14px;
  transition: all ease-in-out .250s;
}
.V2-biblio-common .biblio-dropdown:hover {
  width: 150px;
}
.V2-biblio-common .biblio-dropdown:hover {
  background-color: white;
  color: #d80011;
  border-color: black;
}
.V2-biblio-common .biblio-dropdown span i {
  padding-right: 6px;
}
.V2-biblio-common .biblio-dropdown .item-link {
  display: none;
  padding: 8px 0;
  margin-bottom: 5px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
}
.V2-biblio-common .biblio-dropdown:hover .item-link {
  display: block;
}
.V2-biblio-common .rechercheLink.selected {
  background-color: #e6344c;
  border-color: #e6344c;
  color: white;
}

.V2-biblio-collection {
  padding-right: 0 !important;
  padding-left: 0 !important;
  /*HEAD TOP*/
  /*HEAD-BOTTOM*/
  /*CONTENT*/
  /*CONTENT ----> NAVIGATION*/
  /*
  
  
          DEBUT POPUP 
  
  
  */
  /* Firefox */
}
.V2-biblio-collection .head {
  width: 100%;
  color: white;
}
.V2-biblio-collection .head-top {
  width: auto;
  height: 190px;
  display: flex;
  flex-direction: row;
  background-color: #e6344c;
  padding-right: 45px;
  padding-left: 21px;
  padding-top: 42px;
}
.V2-biblio-collection .top-img {
  position: relative;
  width: 210px;
  height: 280px;
  background-image: url("");
  background-position: center;
  background-size: cover;
}
.V2-biblio-collection .top-body {
  display: flex;
  width: 80%;
  flex-direction: column;
  margin-left: 35px;
  text-transform: uppercase;
}
.V2-biblio-collection .title {
  font-size: 33px;
}
.V2-biblio-collection .buttons {
  margin-top: 113px;
  display: flex;
  flex-direction: row;
}
.V2-biblio-collection .bouton {
  display: flex;
  width: 150px;
  height: 28px;
  text-align: center;
  border: solid 2.5px white;
  border-radius: 7.5px;
  color: white;
  text-decoration: none;
  font-weight: 900;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  padding-top: 3px;
}
.V2-biblio-collection .bouton:hover {
  background-color: white;
}
.V2-biblio-collection .bouton-stats {
  margin-left: auto;
}
.V2-biblio-collection .active {
  background-color: white;
  color: black;
}
.V2-biblio-collection .head-bottom {
  margin-left: 250px;
  margin-top: 58px;
  width: auto;
}
.V2-biblio-collection .tools {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.V2-biblio-collection .tool-btn {
  width: 32px;
  height: 31px;
  margin-right: 8px;
  transition: all 0.2s ease-in-out;
}
.V2-biblio-collection .tool-btn img {
  width: 32px;
  height: 31px;
}
.V2-biblio-collection .tool-btn:hover {
  transform: scale(1.2);
}
.V2-biblio-collection .tri {
  margin-left: 30px;
  padding-top: 2px;
}
.V2-biblio-collection .tri label {
  font-weight: 700;
  color: black;
}
.V2-biblio-collection .tri #tri-option {
  border: solid 2px black;
  border-radius: 8px;
  font-weight: 500;
  width: 140.5px;
  height: 25px;
  margin-right: 20px;
  padding: 0;
}
.V2-biblio-collection .recherche-form {
  margin-left: auto;
  margin-right: 45px;
}
.V2-biblio-collection .recherche-form form #search {
  font-size: 14px;
  border: solid 2px black;
  border-radius: 8px;
  width: 263px;
  height: 25px;
  padding: 0;
  padding-left: 5px;
  background-image: url("/img/biblio/picto-loupe.jpg");
  background-position: 10px center;
  background-size: 17px 20px;
  background-repeat: no-repeat;
  text-indent: 28px;
}
.V2-biblio-collection .info {
  margin-top: 50px;
  margin-left: 21px;
  margin-bottom: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.V2-biblio-collection .nCollection {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 22px;
  color: black;
}
.V2-biblio-collection .nCollection-sub {
  margin-left: 8px;
  color: #e6344c;
  font-size: 14px;
}
.V2-biblio-collection .pages {
  margin-right: 40px;
}
.V2-biblio-collection .pages a {
  width: 25px;
  height: 24px;
  display: inline-block;
}
.V2-biblio-collection .page-btn {
  display: inline-block;
  width: 25px;
  height: 24px;
  border: solid 2px black;
  border-radius: 7px;
  text-align: center;
  margin-left: 6px;
  transition: all 0.22s ease-in-out;
}
.V2-biblio-collection .page-btn a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
}
.V2-biblio-collection .page-btn:hover {
  border-color: #e6344c;
  background-color: #e6344c;
}
.V2-biblio-collection .page-btn:hover a {
  color: white !important;
}
.V2-biblio-collection .pages .current,
.V2-biblio-collection .end-pages .current {
  border-color: #e6344c;
  background-color: #e6344c;
}
.V2-biblio-collection .pages .current a,
.V2-biblio-collection .end-pages .current a {
  color: white !important;
}
.V2-biblio-collection .end-pages {
  display: flex;
  justify-content: flex-end;
}
.V2-biblio-collection .container {
  width: 97%;
  margin-left: 21px;
  display: flex;
  flex-direction: row;
}
.V2-biblio-collection .navigation {
  width: 30px;
}
.V2-biblio-collection .collection {
  width: inherit;
}
.V2-biblio-collection .biblio-item {
  width: 100%;
  height: 185px;
  box-shadow: 0.4px 6px 13.5px 0 rgba(146, 148, 150, 0.56);
  margin-bottom: 18px;
  transition: all ease-in-out .150s;
  cursor: pointer;
}
.V2-biblio-collection .biblio-item:hover {
  transform: scale(1.012);
}
.V2-biblio-collection .biblio-content {
  padding-top: 8.5px;
  padding-bottom: 8px;
  padding-left: 11.5px;
  display: flex;
  flex-direction: row;
}
.V2-biblio-collection .bib-img {
  height: 170px;
  width: 18%;
}
.V2-biblio-collection .bib-img a img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.V2-biblio-collection .bib-title {
  margin-left: 55px;
  padding-bottom: 10px;
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.V2-biblio-collection .b-title {
  display: block;
  font-size: 19px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 5px;
}
.V2-biblio-collection .b-album {
  font-size: 14px;
}
.V2-biblio-collection .bib-infos {
  margin-left: 130px;
  width: 285px;
  height: 175px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.V2-biblio-collection .bottom {
  padding-bottom: 5px;
}
.V2-biblio-collection .notesContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.V2-biblio-collection .notesContainer span {
  font-size: 17px;
}
.V2-biblio-collection .bottom .note {
  width: 100px;
}
.V2-biblio-collection .tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.V2-biblio-collection .tags .tags-title {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 8px;
}
.V2-biblio-collection .tag-link {
  text-decoration: none;
}
.V2-biblio-collection .tags .tag-button {
  cursor: pointer;
}
.V2-biblio-collection .tag-button {
  border: solid 3px #d3d3d3;
  border-radius: 10px;
  padding: 5px;
}
.V2-biblio-collection .tag-button span {
  color: #e6344c;
}
.V2-biblio-collection .hidden {
  display: none;
}
.V2-biblio-collection .navigation {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
}
.V2-biblio-collection .rechercheLink {
  padding: 0;
  width: 26px;
  height: 24px;
  border: solid 2px black;
  border-radius: 7px;
  font-weight: 900;
  font-size: 15px;
  color: black;
  margin-bottom: 5px;
  transition: all 0.22s ease-in-out;
  cursor: pointer;
}
.V2-biblio-collection .rechercheLink:hover {
  border-color: #e6344c;
  background-color: #e6344c;
  color: white;
}
.V2-biblio-collection input::-webkit-outer-spin-button,
.V2-biblio-collection input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.V2-biblio-collection input[type="number"] {
  -moz-appearance: textfield;
}
.V2-biblio-collection .popup-container {
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 15;
  overflow: auto;
  display: none;
}
.V2-biblio-collection .popup {
  margin: 4% auto;
  width: 40%;
  min-width: 610px;
  max-width: 750px;
  padding: 1em;
  border-radius: 5px;
}
.V2-biblio-collection .pop-main {
  background-color: white;
}
.V2-biblio-collection .pop-boutons {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  height: 46px;
  background-color: #e6344c;
}
.V2-biblio-collection .pop-boutons-container {
  padding-top: 7px;
  padding-right: 15px;
}
.V2-biblio-collection .pop-btn-close {
  cursor: pointer;
  height: 26.5px;
  width: 29.5px;
  transition: all ease-in-out 0.25s;
}
.V2-biblio-collection .pop-btn-close:hover {
  transform: scale(1.3);
}
.V2-biblio-collection .pop-top {
  padding-top: 1px;
  height: 195px;
  background-color: #d3d3d3;
}
.V2-biblio-collection .pop-top .pop-bg-blur {
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(4px);
  height: 100%;
}
.V2-biblio-collection .pop-top-img {
  margin-left: 31px;
  height: 230px;
  width: 160px;
  margin-top: -150px;
  filter: blur(0);
  background-color: black;
}
.V2-biblio-collection .pop-bottom {
  margin-left: 210px;
  margin-top: 43px;
}
.V2-biblio-collection .pop-bottom .more {
  display: flex;
  justify-content: space-between;
  margin-right: 49px;
}
.V2-biblio-collection .pop-tags {
  margin-top: 15px;
  margin-left: 31px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.V2-biblio-collection .pop-tags-title {
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  margin-right: 8px;
}
.V2-biblio-collection .pop-tags-value {
  display: flex;
  flex-wrap: wrap;
}
.V2-biblio-collection .ajoutTag {
  color: #e6344c;
  margin-left: 8px;
  font-size: 18px;
  cursor: pointer;
}
.V2-biblio-collection .pop-content {
  margin-left: 31px;
  margin-right: 49px;
  margin-top: 15px;
  box-shadow: 0.4px 6px 13.5px 0 rgba(146, 148, 150, 0.56);
  padding: 15px;
}
.V2-biblio-collection .pop-infos {
  display: flex;
  flex-direction: row;
}
.V2-biblio-collection .col1 {
  width: 49%;
}
.V2-biblio-collection .col2 {
  width: 51%;
}
.V2-biblio-collection .pop-info {
  display: flex;
  align-items: center;
  font-size: 15px;
  margin-bottom: 9px;
}
.V2-biblio-collection .pop-link a {
  font-size: 15px;
}
.V2-biblio-collection .pop-info input,
.V2-biblio-collection .pop-info select {
  margin-left: 6px;
  border-radius: 6px;
}
.V2-biblio-collection .pop-info input:focus,
.V2-biblio-collection .pop-info select:focus {
  border-color: #e6344c;
}
.V2-biblio-collection .pop-prix-value {
  width: 80px;
}
.V2-biblio-collection .pop-lieu-value {
  width: 130px;
}
.V2-biblio-collection .pop-note-value {
  width: 60% !important;
  margin-left: 12px;
}
.V2-biblio-collection .pop-note-value img {
  width: 27px;
  height: 30px;
}
.V2-biblio-collection .pop-remq-text {
  border-radius: 8px;
  border: solid 2px black;
  width: 100%;
  height: 72px;
}
.V2-biblio-collection .pop-hidden {
  display: none;
}
.V2-biblio-collection .pop-footer {
  margin-top: 20px;
  margin-left: 31px;
  margin-right: 49px;
  padding-bottom: 28px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.V2-biblio-collection .pop-footer img {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.V2-biblio-collection .pop-footer img:hover {
  transform: scale(1.3);
}
.V2-biblio-collection .pop-btn-save {
  width: 166px;
  height: 34px;
  font-size: 15px;
  font-weight: 900;
  color: white;
  text-align: center;
  text-transform: uppercase;
  border-radius: 8px;
  background-color: #e6344c;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease-in-out 0.25s;
}
.V2-biblio-collection .pop-btn-save:hover {
  transform: scale(1.15);
}
@media screen and (max-height: 821px) {
  .V2-biblio-collection .popup {
    width: 54%;
    max-height: 700px;
    margin: 1.5% auto;
  }
}

.V2-biblio-wishlist {
  padding-right: 0 !important;
  padding-left: 0 !important;
  /*HEAD TOP*/
  /*HEAD-BOTTOM*/
  /*CONTENT*/
  /*CONTENT ----> NAVIGATION*/
    /*
    

            POPUP ACHAT DEBUT
    
    
    */
}
.V2-biblio-wishlist .head {
  width: 100%;
  color: white;
}
.V2-biblio-wishlist .head-top {
  width: auto;
  height: 190px;
  display: flex;
  flex-direction: row;
  background-color: #e6344c;
  padding-right: 45px;
  padding-left: 21px;
  padding-top: 42px;
}
.V2-biblio-wishlist .top-img {
  position: relative;
  width: 210px;
  height: 280px;
  background-image: url("");
  background-position: center;
  background-size: cover;
}
.V2-biblio-wishlist .top-body {
  display: flex;
  width: 80%;
  flex-direction: column;
  margin-left: 35px;
  text-transform: uppercase;
}
.V2-biblio-wishlist .title {
  font-size: 33px;
}
.V2-biblio-wishlist .buttons {
  margin-top: 113px;
  display: flex;
  flex-direction: row;
}
.V2-biblio-wishlist .bouton {
  display: flex;
  width: 150px;
  height: 28px;
  text-align: center;
  border: solid 2.5px white;
  border-radius: 7.5px;
  color: white;
  text-decoration: none;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  padding-top: 3px;
}
.V2-biblio-wishlist .bouton:hover {
  background-color: white;
}
.V2-biblio-wishlist .bouton-stats {
  margin-left: auto;
}
.V2-biblio-wishlist .active {
  background-color: white;
  color: black;
}
.V2-biblio-wishlist .head-bottom {
  margin-left: 250px;
  margin-top: 40px;
  margin-bottom: 40px;
  width: auto;
}
.V2-biblio-wishlist .tools {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.V2-biblio-wishlist .tool-btn {
  width: 32px;
  height: 31px;
  margin-right: 8px;
  transition: all 0.2s ease-in-out;
}
.V2-biblio-wishlist .tool-btn img {
  width: 32px;
  height: 31px;
}
.V2-biblio-wishlist .tool-btn:hover {
  transform: scale(1.2);
}
.V2-biblio-wishlist .tri label {
  font-size: 14px;
  font-weight: 700;
  color: black;
}
.V2-biblio-wishlist .tri #tri-option {
  border: solid 2px black;
  border-radius: 8px;
  width: 140.5px;
  height: 25px;
  margin-right: 20px;
  padding: 0;
}
.V2-biblio-wishlist .recherche-form form #search {
  border: solid 2px black;
  border-radius: 8px;
  width: 208px;
  height: 25px;
  padding: 0;
  padding-left: 5px;
  background-image: url("/img/biblio/picto-loupe.jpg");
  background-position: 10px center;
  background-size: 17px 20px;
  background-repeat: no-repeat;
  text-indent: 28px;
}
.V2-biblio-wishlist .btn-share-wishlist {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 23px;
  width: 135px;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 10px;
  border: 1px solid #e6344c;
  background-color: #e6344c;
  cursor: pointer;
  margin-left: 10px;
  padding: 3px 15px;
  padding-bottom: 1px;
}
.V2-biblio-wishlist .info {
  margin-top: 50px;
  margin-left: 21px;
  margin-bottom: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.V2-biblio-wishlist .nCollection {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 15px;
  color: black;
}
.V2-biblio-wishlist .nCollection-sub {
  margin-left: 8px;
  color: #e6344c;
  font-size: 14px;
}
.V2-biblio-wishlist .pages {
  margin-right: 40px;
}
.V2-biblio-wishlist .pages a {
  width: 25px;
  height: 24px;
  display: inline-block;
}
.V2-biblio-wishlist .page-btn {
  display: inline-block;
  width: 25px;
  height: 24px;
  border: solid 2px black;
  border-radius: 7px;
  text-align: center;
  margin-left: 6px;
  transition: all 0.22s ease-in-out;
}
.V2-biblio-wishlist .page-btn a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.V2-biblio-wishlist .page-btn:hover {
  border-color: #e6344c;
  background-color: #e6344c;
}
.V2-biblio-wishlist .page-btn:hover a {
  color: white !important;
}
.V2-biblio-wishlist .pages .current {
  border-color: #e6344c;
  background-color: #e6344c;
}
.V2-biblio-wishlist .pages .current a {
  color: white !important;
}
.V2-biblio-wishlist .container {
  width: 97%;
  margin-left: 21px;
  display: flex;
  flex-direction: row;
}
.V2-biblio-wishlist .navigation {
  width: 30px;
}
.V2-biblio-wishlist .collection {
  width: inherit;
}
.V2-biblio-wishlist .biblio-item {
  width: 100%;
  height: 185px;
  box-shadow: 0.4px 6px 13.5px 0 rgba(146, 148, 150, 0.56);
  margin-bottom: 18px;
}
.V2-biblio-wishlist .biblio-content {
  padding-top: 8.5px;
  padding-bottom: 8px;
  padding-left: 11.5px;
  display: flex;
  flex-direction: row;
}
.V2-biblio-wishlist .bib-img {
  height: 170px;
  width: 18%;
}
.V2-biblio-wishlist .bib-img a img {
  height: 100%;
}
.V2-biblio-wishlist .bib-title {
  margin-left: 55px;
  padding-bottom: 10px;
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.V2-biblio-wishlist .b-title {
  display: block;
  font-size: 23px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 5px;
}
.V2-biblio-wishlist .bib-infos {
  margin-left: 130px;
  width: 285px;
  height: 175px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.V2-biblio-wishlist .bottom {
  padding-bottom: 5px;
}
.V2-biblio-wishlist .notesContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.V2-biblio-wishlist .notesContainer span {
  font-size: 14px;
}
.V2-biblio-wishlist .bottom .note {
  width: 100px;
}
.V2-biblio-wishlist .tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.V2-biblio-wishlist .tags .tags-title {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 8px;
}
.V2-biblio-wishlist .tag-link {
  text-decoration: none;
}
.V2-biblio-wishlist .tags .tag-button {
  cursor: pointer;
}
.V2-biblio-wishlist .tag-button {
  border: solid 3px #d3d3d3;
  border-radius: 10px;
  padding: 5px;
}
.V2-biblio-wishlist .tag-button span {
  color: #e6344c;
}
.V2-biblio-wishlist .hidden {
  display: none;
}
.V2-biblio-wishlist .navigation {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
}
.V2-biblio-wishlist .rechercheLink {
  padding: 0;
  width: 26px;
  height: 24px;
  border: solid 2px black;
  border-radius: 7px;
  font-weight: 700;
  font-size: 15px;
  color: black;
  margin-bottom: 5px;
  transition: all 0.22s ease-in-out;
  cursor: pointer;
}
.V2-biblio-wishlist .rechercheLink:hover {
  border-color: #e6344c;
  background-color: #e6344c;
  color: white;
}
.V2-biblio-wishlist .biblio-wishlist-boutons {
  display: flex;
  flex-wrap: wrap;
}
.V2-biblio-wishlist .wishlist-btn {
  padding: 5px 10px;
  margin-right: 12px;
  border: solid 2.5px black;
  border-radius: 10px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.V2-biblio-wishlist .wishlist-btn:hover {
  transform: scale(1.15);
}
.V2-biblio-wishlist .buy {
  padding-top: 6px;
}
.V2-biblio-wishlist .existant {
  border: solid 2.5px black;
  background-color: #e6344c;
  color: white;
}
.V2-biblio-wishlist .wishlist-btn i {
  color: #e6344c;
}
.V2-biblio-wishlist .existant i {
  color: white;
}
.V2-biblio-wishlist .btn-del {
  position: relative;
  top: 0%;
  left: 85%;
  cursor: pointer;
  transition: all ease-in-out 0.15s;
}
.V2-biblio-wishlist .btn-del:hover {
  transform: scale(1.3);
}
.V2-biblio-wishlist .pop-achat {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  justify-content: center;
  align-items: center;
}
.V2-biblio-wishlist .pop-container {
  width: 500px;
  height: 300px;
  background-color: white;
}
.V2-biblio-wishlist .pop-content {
  display: flex;
  flex-direction: column;
}
.V2-biblio-wishlist .popClose {
  width: 31px;
  height: 27.5px;
  margin-top: 16.5px;
  margin-right: 15px;
  align-self: flex-end;
}
.V2-biblio-wishlist .popClose img {
  cursor: pointer;
  transition: all ease-in-out .150s;
}
.V2-biblio-wishlist .popClose img:hover {
  transform: scale(1.3);
}
.V2-biblio-wishlist .pop-titre {
  text-align: center;
  font-size: 33.5px;
  font-weight: 700;
  margin-top: 4px;
  margin-bottom: 45px;
}
.V2-biblio-wishlist .liens-achat {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.V2-biblio-wishlist .link {
  width: 150px;
  height: 148px;
  box-shadow: 0px 6px 13.5px 0 rgba(146, 148, 150, 0.56);
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.V2-biblio-wishlist .link a {
  padding: 30px 0;
}

section#boutique_achat {
  margin: 40px 0;
  /*
  
      PHASE 1
  
  */
  /*
  
      PHASE 2
  
  */
  /*
  
      PHASE 3
  
  */
  /*
  
      PHASE 4
  
  */
}
section#boutique_achat .boutique_achat {
  margin: 20px 0;
}
section#boutique_achat .row {
  display: flex;
  margin-left: 10px;
}
section#boutique_achat .gauche {
  width: 20%;
}
section#boutique_achat .my-account {
  height: min-content;
  border: black solid 3px;
  border-radius: 12px;
}
section#boutique_achat .my-account .container {
  padding: 15px;
  text-align: center;
}
section#boutique_achat .my-account .header {
  background-color: black;
  color: white;
  font-weight: 900;
  font-size: 20px;
  text-align: center;
  padding: 10px 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
section#boutique_achat .my-account .amount {
  font-weight: 900;
  font-size: 26px;
  display: block;
  margin-bottom: 4px;
}
section#boutique_achat .my-account .deconnecte {
  font-weight: 900;
  font-size: 14px;
}
section#boutique_achat .droite {
  width: max-content;
  font-size: 18px;
  margin-top: 15px;
  margin-left: 15px;
}
section#boutique_achat .upper_table {
  display: flex;
  border-bottom: 2px solid #cecece;
  font-weight: bold;
  padding-bottom: 8px;
}
section#boutique_achat .core_form {
  display: flex;
  font-weight: 500;
  margin-top: 15px;
  align-items: center;
  border-bottom: 2px solid #cecece;
  padding-bottom: 15px;
}
section#boutique_achat .cell {
  width: 125px;
  text-align: center;
}
section#boutique_achat .cell.id {
  min-width: 0px;
  width: 10px;
}
section#boutique_achat .cell.name {
  width: 320px;
}
section#boutique_achat .cell.quantity input {
  width: 45px;
  font-size: 18px;
}
section#boutique_achat .recap_total {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  align-items: flex-end;
  flex-direction: column-reverse;
}
section#boutique_achat .montant {
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 22px;
}
section#boutique_achat .montant .val {
  display: inline-block;
  padding: 10px 15px;
  font-weight: 900;
}
section#boutique_achat .disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
section#boutique_achat .form_billing_delivery {
  margin-left: 30px;
  margin-bottom: 45px;
}
@media screen and (min-width: 768px) {
  section#boutique_achat .form_billing_delivery .field {
    display: flex !important;
  }
}
@media screen and (max-width: 767px) {
  section#boutique_achat .form_billing_delivery .field {
    display: flex;
    flex-direction: column;
  }
  section#boutique_achat #billing_addr_layout {
    margin-bottom: 20px;
  }
}
section#boutique_achat .codepostal {
  width: 50px !important;
}
section#boutique_achat .boutons {
  margin-top: 40px;
}
section#boutique_achat .core_phase3 {
  font-size: 18px;
  width: 75%;
  margin: 0 auto;
}
section#boutique_achat .titre {
  font-size: 28px;
  font-weight: 900;
  color: #E5334C;
  display: block;
  margin-bottom: 35px;
}
section#boutique_achat .left {
  margin-left: 40px;
  margin-right: 140px;
}
section#boutique_achat .content p {
  font: inherit;
  margin-bottom: 5px;
}
section#boutique_achat .categorie {
  font-size: 20px;
  font-weight: 700;
  color: #E5334C;
  display: block;
  margin-bottom: 10px;
}
section#boutique_achat .row_center {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
section#boutique_achat .commander {
  font-size: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}
section#boutique_achat .core_phase4 {
  width: 75%;
  margin: 40px auto;
}
section#boutique_achat .core_phase4 .gauche {
  width: 32%;
}
section#boutique_achat .core_phase4 .infoCommande {
  font-size: 24px;
  margin-bottom: 15px;
}
section#boutique_achat .core_phase4 .numeroCommande {
  font-weight: 900;
}
section#boutique_achat .core_phase4 .infoDivers {
  font-size: 15px;
  margin-top: 15px;
}
@media screen and (max-width: 500px) {
  section#boutique_achat {
    /*
    
        PHASE 1
    
    */
    /*
    
        PHASE 2
    
    */
    /*
    
        PHASE 3
    
    */
  }
  section#boutique_achat .row {
    flex-wrap: wrap;
  }
  section#boutique_achat .row .gauche {
    width: 95%;
  }
  section#boutique_achat .row .droite {
    width: 95%;
    font-size: 12px;
  }
  section#boutique_achat .row .droite .upper_table .id {
    width: 40px;
    overflow: hidden;
  }
  section#boutique_achat .row .droite #form_quantity .recap_total {
    flex-direction: column-reverse;
  }
  section#boutique_achat .row .droite #form_quantity .recap_total .valider {
    margin-top: 20px;
  }
  section#boutique_achat .form_billing_delivery {
    margin-left: 20px;
  }
  section#boutique_achat .core_phase3 {
    width: 85%;
  }
  section#boutique_achat .core_phase3 .upper_table .cell.id {
    overflow: hidden;
  }
  section#boutique_achat .core_phase3 .cell.id {
    width: 40px;
  }
  section#boutique_achat .core_phase3 .upper_table .cell.total {
    display: none;
  }
  section#boutique_achat .core_phase3 .row .left {
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  section#boutique_achat .core_phase3 .row .right {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 768px) {
  .app-presentation {
    overflow: hidden;
  }
}