@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,400i,600,600i,700,700i");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900");
@import url("https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700");
.rotate-quarter-inv {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.rotate-quarter {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.rotate-half-inv {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.rotate-half {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.rotate-none {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* mixin for multiline */
.truncate-text-l2 {
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 2.4em;
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em; }
  .truncate-text-l2:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0; }
  .truncate-text-l2:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white; }

.truncate-text-l3 {
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 3.6em;
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em; }
  .truncate-text-l3:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0; }
  .truncate-text-l3:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white; }

.scrollTopAnchor {
  position: fixed;
  bottom: 30px;
  right: 30px;
  padding: 5px 10px;
  border-radius: 5px;
  color: white;
  background-color: rgba(128, 128, 128, 0.8);
  cursor: pointer;
  z-index: 900; }
  .scrollTopAnchor:hover {
    background-color: rgba(128, 128, 128, 0.5); }
  .scrollTopAnchor::before {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content: "";
    font-size: 1.5em; }

@media screen and (min-width: 768px) {
  .scrollTopAnchor.default {
    padding: 12px 18px; }
    .scrollTopAnchor.default::before {
      font-size: 1.7em; }
  .scrollTopAnchor.big {
    padding: 20px 28px; }
    .scrollTopAnchor.big::before {
      font-size: 2.5em; } }

.ajax-loader-v1 {
  margin: 30px auto;
  width: 60px;
  height: 60px;
  background-image: url("../storage/images/ui/loading_spinner.gif");
  background-size: 60px 60px; }

/*
HTML USAGE
<div class="bezier-spinner absolutely-centered">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>
*/
.zipcode-autocomplete .list-row {
  display: none; }

.zipcode-autocomplete .result-row {
  display: none; }

.zipcode-autocomplete .visible {
  display: block; }

.zipcode-autocomplete .resultingAddress {
  padding: 10px;
  text-align: left; }
  .zipcode-autocomplete .resultingAddress .city {
    font-weight: 500; }
  .zipcode-autocomplete .resultingAddress .country {
    font-weight: 500; }
  .zipcode-autocomplete .resultingAddress .edit {
    margin-left: 10px;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer; }

.rating {
  width: 97px;
  display: inline-block;
  line-height: 16px;
  background-image: url("../images/ui/sprites/rating.png"); }
  .rating .note {
    display: inline-block;
    height: 16px;
    background-image: url("../images/ui/sprites/rating.png");
    vertical-align: top;
    background-position: 0 -16px; }
  .rating.small {
    width: 77px;
    margin: 4px 0 10px;
    line-height: 13px;
    background-image: url("../images/ui/sprites/rating.png");
    background-position: 0 -32px; }
    .rating.small .note {
      background-image: url("../images/ui/sprites/rating.png");
      height: 12px;
      background-position: 0 -45px; }

.rotate-quarter-inv {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.rotate-quarter {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.rotate-half-inv {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.rotate-half {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.rotate-none {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* mixin for multiline */
.truncate-text-l2 {
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 2.4em;
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em; }
  .truncate-text-l2:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0; }
  .truncate-text-l2:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white; }

.truncate-text-l3 {
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 3.6em;
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em; }
  .truncate-text-l3:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0; }
  .truncate-text-l3:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white; }

html {
  font-family: inherit; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */ }

hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin: 15px 0; }

a {
  color: inherit; }

.icon {
  display: inline-block;
  vertical-align: middle; }

#breadcrumb {
  padding: 10px 0 20px;
  text-align: left; }
  #breadcrumb li {
    display: inline;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; }
    #breadcrumb li:first-child {
      margin-left: 0; }
    #breadcrumb li h6 {
      display: inherit;
      font-size: inherit; }
  #breadcrumb .fa-chevron-right {
    font-size: .6em;
    margin: 0 5px;
    vertical-align: middle; }

label {
  font-family: "Source Sans Pro";
  font-weight: 600;
  display: block;
  margin-bottom: 5px; }

.form-row-component {
  margin-bottom: 15px; }
  .form-row-component .helper {
    margin-top: 5px;
    font-size: .8em;
    font-family: "Source Sans Pro"; }
  .form-row-component.checkbox > label, .form-row-component.radio-buttons > label, .form-row-component .radio-options > label {
    cursor: pointer;
    line-height: initial; }
  @media screen and (min-width: 768px) {
    .form-row-component.left-labelled > label {
      float: left;
      width: 33%;
      margin-right: 15px;
      text-align: right; }
    .form-row-component.left-labelled > input, .form-row-component.left-labelled > select, .form-row-component.left-labelled > .radio-monoline-block, .form-row-component.left-labelled > .radio-options {
      float: left;
      width: calc(66% - 15px); }
    .form-row-component.left-labelled > .error-message {
      margin-left: calc(66% - 15px); } }

.error-message {
  color: red; }

input[type="text"], input[type="email"], input[type="password"], select {
  min-width: 100%;
  height: 40px;
  vertical-align: middle;
  padding: 0 10px;
  background: white;
  font-family: "Source Sans Pro";
  color: #232323;
  border: 1px solid #a6a6a6;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }
  input[type="text"][disabled="disabled"], input[type="email"][disabled="disabled"], input[type="password"][disabled="disabled"], select[disabled="disabled"] {
    background-color: whitesmoke; }

@media screen and (min-width: 768px) {
  input[type="text"], input[type="email"], input[type="password"], select {
    min-width: 260px; }
  .bigger-input {
    min-height: 50px;
    font-size: 20px; }
    .bigger-input + button {
      min-height: 50px;
      font-size: 25px;
      padding: 0 10px;
      color: white;
      background-color: #b0d71c;
      font-weight: bold;
      text-transform: uppercase; } }

textarea {
  color: #232323;
  width: 100%;
  padding: 10px;
  vertical-align: middle;
  font-family: "Source Sans Pro"; }
  textarea.readonly {
    background-color: lightgray; }

button {
  font-family: "Source Sans Pro";
  min-height: 40px;
  vertical-align: middle;
  padding: 0 7px;
  background: white;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

.default-button {
  width: 100%;
  display: inline-block;
  border-radius: 0;
  padding: 0 15px;
  margin-bottom: 15px;
  font-family: "Source Sans Pro";
  font-weight: 600;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: black;
  line-height: 40px;
  font-weight: 700;
  cursor: pointer;
  /*
  &.disabled {
    background-color: $light-grey;
    border: solid 1px $grey;
    cursor: not-allowed;
  }*/ }
  .default-button.docked {
    width: auto;
    margin-bottom: 0; }
  .default-button.inverted {
    color: white; }
  .default-button.bg-russianGrey {
    background-color: #dadada; }
  .default-button.bordered {
    border-style: solid;
    border-width: 1px; }
  .default-button:hover {
    text-decoration: underline; }
  @media screen and (min-width: 768px) {
    .default-button {
      font-size: 16px;
      min-height: 40px;
      width: auto;
      padding: 0 25px; } }

label + .radio-monoline-block {
  clear: none; }

.radio-monoline-block {
  clear: left;
  margin-bottom: 15px; }
  .radio-monoline-block label {
    cursor: pointer;
    line-height: 22px; }
  .radio-monoline-block label > input {
    margin-right: 5px; }

.form-row-component.radio-buttons {
  clear: left; }
  .form-row-component.radio-buttons .radio-options input + span {
    margin-left: 7px; }
  .form-row-component.radio-buttons .radio-option {
    display: block;
    margin-right: 15px; }
    @media screen and (min-width: 768px) {
      .form-row-component.radio-buttons .radio-option {
        display: inline-block; } }

.form-row-component.checkbox span {
  margin-left: 7px; }

.form-row-component.calendar .days {
  min-width: 15px;
  margin-right: 5px; }

.form-row-component.calendar .months {
  min-width: 30px;
  margin-right: 5px; }

.form-row-component.calendar .years {
  min-width: 20px;
  margin-right: 5px; }

.form-row-component .error-message {
  color: red;
  font-size: 12px;
  font-family: "Source Sans Pro"; }

/* CSS3 Trick to style radios */
input.style1[type="radio"] {
  position: absolute;
  left: -9999px; }
  input.style1[type="radio"] + label {
    padding: 2px 0 0 38px;
    margin-right: 28px;
    line-height: 1em;
    color: #666666;
    position: relative;
    cursor: pointer; }
    input.style1[type="radio"] + label:before {
      content: '';
      margin-top: -15px;
      background-color: white;
      border: 1px solid #E5E5E5;
      border-radius: 50%;
      height: 26px;
      width: 26px;
      position: absolute;
      top: 50%;
      left: 0; }
    input.style1[type="radio"] + label:after {
      content: '';
      background-color: transparent;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 14px;
      width: 0;
      height: 0;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease; }
  input.style1[type="radio"]:checked + label:after {
    background-color: #b0d71c;
    margin-top: -9px;
    left: 6px;
    height: 14px;
    width: 14px; }

/* CSS3 Trick to style checkbox */
input.style1[type="checkbox"] {
  position: absolute;
  left: -9999px; }
  input.style1[type="checkbox"] + label {
    cursor: pointer;
    position: relative;
    font-weight: 400; }
    input.style1[type="checkbox"] + label:before, input.style1[type="checkbox"] + label:after {
      content: '';
      display: block;
      background-color: white;
      width: 20px;
      height: 20px;
      border: 1px solid rgba(189, 195, 199, 0.7);
      border-radius: 2px;
      float: left;
      margin-right: 10px; }
    input.style1[type="checkbox"] + label:after {
      position: absolute;
      top: 0px;
      left: 0px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  input.style1[type="checkbox"]:checked + label:before {
    background-color: #b0d71c; }
  input.style1[type="checkbox"]:checked + label:after {
    width: 10px;
    height: 10px;
    border-width: 0 0 4px 2px;
    border-color: transparent transparent white white;
    background-color: transparent;
    border-radius: 0px;
    margin-left: 5px;
    margin-top: 4px;
    -webkit-transform: rotate(-45deg) scaleY(0.5);
    -moz-transform: rotate(-45deg) scaleY(0.5);
    -ms-transform: rotate(-45deg) scaleY(0.5);
    transform: rotate(-45deg) scaleY(0.5); }

select::-ms-expand {
  display: none; }

select::-ms-value {
  color: #a6a6a6;
  background-color: transparent; }

.list-item > .content {
  width: 100%; }

.breadcrumb a {
  display: inline; }

#st-1.sharethis-inline-share-buttons, #st-2.sharethis-inline-share-buttons {
  z-index: 2; }

.g-recaptcha {
  transform: scale(0.86);
  transform-origin: 0 0; }
  @media screen and (min-width: 360px) {
    .g-recaptcha {
      transform: initial;
      transform-origin: initial; } }

.padded {
  padding: 30px; }

.I-subscribe {
  font-family: "Source Sans Pro";
  font-weight: 600;
  color: #232323;
  background-color: #ffd200;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer; }
  .I-subscribe.top-header {
    padding: 5px;
    display: none; }
  .I-subscribe.top-footer {
    margin: 15px auto 30px;
    padding: 10px;
    font-size: 30px;
    font-weight: 700;
    display: inline-block; }
  .I-subscribe.responsive-menu {
    display: block;
    padding: 10px 5px;
    width: 50%;
    margin: 0 auto;
    position: relative;
    top: -15px;
    color: black; }
  .I-subscribe.inner-popover, .I-subscribe.column-scrollable {
    display: block;
    padding: 5px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600; }

@media screen and (min-width: 768px) {
  .I-subscribe.top-footer {
    margin: 0;
    padding: 0 10px;
    font-size: 25px;
    font-weight: 700;
    vertical-align: top; } }

@media screen and (min-width: 980px) {
  .I-subscribe.top-footer {
    font-size: 35px;
    padding: 0 19px; } }

.optin_cgu {
  font-size: .7em;
  line-height: 1.6em;
  font-family: "Source Sans Pro"; }

#tarteaucitronRoot > #tarteaucitronAlertSmall > #tarteaucitronManager {
  color: rgba(128, 128, 128, 0.8);
  padding: 8px 10px 0;
  min-height: 30px; }
  #tarteaucitronRoot > #tarteaucitronAlertSmall > #tarteaucitronManager > #tarteaucitronDot {
    height: 4px;
    margin-bottom: 8px; }

#tarteaucitronClosePanel {
  z-index: 1; }

.scrollTopAnchor.override {
  bottom: 45px;
  right: 10px; }

.default-popin {
  z-index: 1050; }
  .default-popin .close-icon {
    position: absolute;
    top: .8rem;
    right: 1rem;
    z-index: 1051;
    cursor: pointer; }
  .default-popin .modal-content {
    border-radius: 0; }
  .default-popin .modal-body {
    padding: 3rem 2.5rem 2rem; }
  .default-popin .modal-dialog {
    max-width: 640px; }
  .default-popin .inner {
    background-color: white;
    width: 100%;
    height: 100%;
    min-height: 320px;
    text-align: center;
    font-family: "Quicksand"; }
  .default-popin .title {
    font-weight: 700;
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 30px; }
  .default-popin .subtitle {
    font-size: 24px;
    margin-bottom: 15px; }
  @media screen and (min-width: 768px) {
    .default-popin .modal-body {
      padding: 3rem 3.5rem; } }

#subscribe-our-newsletter .modal-body {
  background-image: url("../../images/ui/newsletter_popin_bg.png");
  padding: 10px 15px; }

#subscribe-our-newsletter .modal-content {
  border: 10px solid white; }

#subscribe-our-newsletter .inner {
  padding: 30px 15px; }

#subscribe-our-newsletter .title {
  font-size: 20px;
  color: #b0d71c;
  line-height: 20px;
  margin-bottom: 20px; }

#subscribe-our-newsletter .subtitle {
  font-size: 15px;
  line-height: 20px;
  padding: 0 15px; }

#subscribe-our-newsletter .perk {
  display: inline-block;
  margin-bottom: 15px; }
  #subscribe-our-newsletter .perk .far {
    font-size: .6em; }

#subscribe-our-newsletter form input {
  width: 10em;
  min-width: auto; }

#subscribe-our-newsletter button {
  background-color: #b0d71c;
  color: white;
  text-transform: uppercase;
  padding: 10px 12px;
  font-family: "Source Sans Pro"; }

#subscribe-our-newsletter .optin-success {
  display: none; }

#subscribe-our-newsletter .close-icon {
  top: 0;
  right: 0;
  background-color: white;
  padding: 0 0 2px 7px; }

#subscribe-our-newsletter .optin_cgu {
  margin: 15px auto 0;
  width: 75%;
  line-height: 1.1em;
  font-size: .7em; }

@media screen and (min-width: 768px) {
  #subscribe-our-newsletter .title {
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 30px; }
  #subscribe-our-newsletter .subtitle {
    font-size: 18px;
    line-height: 22px; }
  #subscribe-our-newsletter .inner {
    padding: 35px; }
  #subscribe-our-newsletter .modal-dialog {
    max-width: 730px;
    padding: 15px; }
  #subscribe-our-newsletter .default-button {
    width: auto;
    min-height: 2.5em;
    font-size: 20px; }
  #subscribe-our-newsletter .modal-body {
    background-image: url("../../images/ui/newsletter_popin_bg.png");
    padding: 50px 65px; } }

#download-dossier .inner {
  text-align: left; }

#download-dossier .illustration {
  margin-bottom: 15px; }

#download-dossier .close-icon {
  top: 0;
  right: 0;
  padding: 5px 8px;
  background-color: white; }

#download-dossier .title {
  color: #615a59; }

#download-dossier .summary {
  margin-bottom: 30px; }

#download-dossier .form-row .form-row-component {
  width: 100%; }

@media screen and (min-width: 768px) {
  #download-dossier .inner {
    text-align: left; }
  #download-dossier .illustration {
    float: left; }
  #download-dossier .summary {
    float: right;
    width: 60%; }
  #download-dossier .form-row > .form-row-component {
    min-width: auto;
    width: 48%;
    font-size: 14px; }
    #download-dossier .form-row > .form-row-component:first-child {
      margin-right: 3%; }
  #download-dossier .form-row > button {
    font-size: 16px;
    font-weight: 600;
    vertical-align: top;
    width: 48%; }
  #download-dossier .form-row > .error-message {
    top: 50px; } }

#download-dossier form {
  text-align: left;
  font-family: "Source Sans Pro"; }

.scrollable-popin {
  display: none; }
  @media screen and (min-width: 1460px) {
    .scrollable-popin {
      display: none;
      position: absolute;
      width: 220px;
      left: calc(50% - 470px - 260px);
      border: 20px solid white;
      background-color: white;
      z-index: 900;
      box-shadow: 1px 1px 4px -1px #555; }
      .scrollable-popin .close-icon {
        background-color: black;
        border-radius: 50%;
        width: 37px;
        height: 37px;
        position: absolute;
        top: -37px;
        right: -37px;
        text-align: center; }
        .scrollable-popin .close-icon .fa-times {
          color: white;
          vertical-align: middle;
          line-height: 37px;
          font-size: 1.5em; } }

/*
#scrolled-last-issue-subscription {

}*/
#scrolled-newsletter-subscription {
  text-align: center; }
  #scrolled-newsletter-subscription .fa-envelope {
    color: white;
    background-color: #b0d71c;
    border-radius: 50%;
    line-height: 70px;
    font-size: 35px;
    width: 70px;
    height: 70px;
    text-align: center;
    display: block;
    margin: 0 auto 15px; }
  #scrolled-newsletter-subscription .title {
    margin-bottom: 15px;
    font-style: italic;
    font-weight: 600;
    font-size: 17px; }
  #scrolled-newsletter-subscription .subtitle {
    margin-bottom: 15px;
    color: #a6a6a6;
    font-family: "Source Sans Pro";
    font-size: 13px; }
  #scrolled-newsletter-subscription form input {
    min-width: auto;
    width: 100%;
    font-size: 14px; }
  #scrolled-newsletter-subscription .default-button {
    margin-top: 15px;
    width: 100%; }
  #scrolled-newsletter-subscription .optin-success {
    display: none; }
  #scrolled-newsletter-subscription .optin_cgu {
    font-size: .7em; }

#last-added-product .inner {
  min-height: auto; }

#last-added-product .title {
  text-align: left;
  font-size: 26px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dadada;
  padding-bottom: 15px; }

#last-added-product .product-thumbnail {
  float: left;
  width: 200px; }

#last-added-product .description {
  float: right;
  width: 280px;
  text-align: left;
  font-family: "Source Sans Pro";
  margin-bottom: 145px; }

#last-added-product .name {
  font-size: 20px;
  margin-bottom: 15px; }

#last-added-product .type {
  font-size: 16px;
  margin-bottom: 15px; }
  #last-added-product .type .fal {
    font-size: 1.5em;
    margin-right: 5px; }

#last-added-product .price {
  font-size: 1.3em;
  font-weight: 700; }

#last-added-product .actions {
  position: absolute;
  bottom: 0;
  width: 280px; }

#last-added-product .action {
  display: block;
  font-family: "Source Sans Pro";
  font-weight: 700;
  font-size: 14px;
  width: 100%;
  margin-bottom: 7px;
  line-height: 39px;
  text-align: center;
  text-decoration: none; }
  #last-added-product .action.grey-bg {
    background-color: #dadada; }
  #last-added-product .action:hover {
    text-decoration: underline; }
  #last-added-product .action:last-child {
    margin-bottom: 0; }

#login-user {
  text-align: left; }
  #login-user .inner {
    text-align: left; }
  @media screen and (min-width: 768px) {
    #login-user .modal-content {
      height: 440px; }
    #login-user .modal-body {
      height: 100%; } }
  #login-user button, #login-user .default-button {
    width: 100%;
    margin-top: 2px;
    margin-bottom: 10px; }
  #login-user .title {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 28px; }
  #login-user .subtitle {
    font-family: "Source Sans Pro";
    font-style: initial;
    font-size: initial;
    font-weight: 700; }
  #login-user #login-user-login-part {
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #dadada; }
    #login-user #login-user-login-part .subtitle {
      margin-bottom: 25px; }
    #login-user #login-user-login-part .checkbox span {
      color: #a6a6a6;
      font-size: 14px;
      font-weight: 500; }
    #login-user #login-user-login-part .forgot {
      float: right;
      font-size: 14px;
      font-family: "Source Sans Pro";
      color: #b0d71c; }
  @media screen and (min-width: 768px) {
    #login-user .modal-dialog {
      max-width: 720px; }
    #login-user #login-user-login-part {
      float: left;
      width: 50%;
      padding-right: 45px;
      border-right: 1px solid #dadada;
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0; }
    #login-user #login-user-activation-part {
      float: left;
      width: 50%;
      padding-left: 45px;
      position: relative;
      height: 100%; }
      #login-user #login-user-activation-part > .subtitle {
        margin-bottom: 0; }
      #login-user #login-user-activation-part > .default-button {
        position: absolute;
        bottom: 0px;
        right: 0;
        width: calc(100% - 45px); } }

#subscription-popover {
  display: block; }
  @media screen and (min-width: 768px) {
    #subscription-popover {
      display: none;
      position: absolute;
      top: 34px;
      right: 0;
      width: 225px;
      padding: 22px;
      background-color: white;
      z-index: 1001;
      box-shadow: 1px 1px 4px -1px #555; }
      #subscription-popover .content {
        line-height: 22px;
        margin-top: 10px; }
        #subscription-popover .content .title {
          font-weight: 600;
          margin-bottom: 10px;
          letter-spacing: 1px;
          font-size: 22px; }
        #subscription-popover .content .subtitle {
          font-family: "Quicksand";
          text-transform: none;
          font-size: 16px;
          font-weight: 600;
          line-height: 20px;
          margin-bottom: 10px; } }

@media screen and (min-width: 980px) {
  #main-header.reduced #subscription-popover {
    position: fixed;
    right: calc(50% - 470px);
    top: 48px; } }

#newsletter .optin-block form {
  overflow: hidden;
  font-weight: 900; }
  #newsletter .optin-block form::before, #newsletter .optin-block form::after {
    content: "";
    display: inline-block;
    width: 50%;
    margin: 0 .5em 0 -55%;
    vertical-align: middle;
    border-bottom: 1px solid #6d6d6d; }
  #newsletter .optin-block form::after {
    margin: 0 -55% 0 .5em; }

#newsletter .optin-block input {
  border: 1px solid black;
  border-width: 0 1px 0 0; }

#newsletter .optin-block button {
  background-color: #6d6d6d;
  color: white;
  text-transform: uppercase;
  padding: 10px 12px;
  font-family: "Source Sans Pro"; }

#newsletter .optin-block .optin-success {
  overflow: hidden;
  font-weight: 900;
  display: none; }
  #newsletter .optin-block .optin-success::before, #newsletter .optin-block .optin-success::after {
    content: "";
    display: inline-block;
    width: 50%;
    margin: 0 .5em 0 -55%;
    vertical-align: middle;
    border-bottom: 1px solid #6d6d6d; }
  #newsletter .optin-block .optin-success::after {
    margin: 0 -55% 0 .5em; }

#comment form {
  border: 1px solid #a6a6a6;
  padding: 30px 15px 15px;
  margin-bottom: 45px; }
  #comment form p {
    font-family: "Quicksand";
    font-size: 13px; }
  #comment form button {
    display: block;
    position: relative;
    top: 30px;
    margin: 0 auto; }

#contact-us {
  margin-bottom: 45px; }
  #contact-us button {
    padding: 0px 30px; }

#account form label {
  text-transform: uppercase; }

#account form .checkbox > label {
  text-transform: none; }

#main-header.initial, #main-header.reduced {
  background-color: white;
  color: #b0d71c;
  box-shadow: 0 5px 5px -5px #555;
  z-index: 1000; }
  #main-header.initial #sitename, #main-header.initial #baseline, #main-header.reduced #sitename, #main-header.reduced #baseline {
    display: none; }
  #main-header.initial #top-menu, #main-header.reduced #top-menu {
    display: flex;
    height: 60px; }
    #main-header.initial #top-menu > aside, #main-header.reduced #top-menu > aside {
      display: flex;
      align-items: center;
      width: 43%;
      vertical-align: middle; }
  #main-header.initial #header-top-left, #main-header.reduced #header-top-left {
    justify-content: flex-start;
    margin-left: 25px; }
    #main-header.initial #header-top-left #classifiedads-link, #main-header.reduced #header-top-left #classifiedads-link {
      display: none; }
    #main-header.initial #header-top-left .fa-stack, #main-header.reduced #header-top-left .fa-stack {
      font-size: 1em; }
    #main-header.initial #header-top-left #burger-menu-icon, #main-header.reduced #header-top-left #burger-menu-icon {
      margin-right: 30px; }
    #main-header.initial #header-top-left #search-icon, #main-header.reduced #header-top-left #search-icon {
      display: none; }
    #main-header.initial #header-top-left .socials, #main-header.reduced #header-top-left .socials {
      display: none; }
      #main-header.initial #header-top-left .socials a, #main-header.reduced #header-top-left .socials a {
        text-decoration: none; }
      #main-header.initial #header-top-left .socials .social-icon, #main-header.reduced #header-top-left .socials .social-icon {
        color: white;
        font-size: 1.2em; }
    @media screen and (min-width: 980px) {
      #main-header.initial #header-top-left #classifiedads-link, #main-header.reduced #header-top-left #classifiedads-link {
        text-transform: uppercase;
        display: block;
        margin-left: 25px;
        float: right;
        font-family: "Source Sans Pro";
        text-decoration: none; }
        #main-header.initial #header-top-left #classifiedads-link i, #main-header.reduced #header-top-left #classifiedads-link i {
          margin-top: 4px;
          float: left;
          margin-right: 4px; }
        #main-header.initial #header-top-left #classifiedads-link div, #main-header.reduced #header-top-left #classifiedads-link div {
          display: inline-block;
          font-weight: 600; } }
  #main-header.initial #header-top-right, #main-header.reduced #header-top-right {
    justify-content: space-around;
    margin: 0 15px 0 10px; }
    #main-header.initial #header-top-right #cart-item-counter, #main-header.reduced #header-top-right #cart-item-counter {
      position: relative;
      text-align: center;
      cursor: pointer;
      line-height: 24px; }
      #main-header.initial #header-top-right #cart-item-counter .fa-shopping-bag, #main-header.reduced #header-top-right #cart-item-counter .fa-shopping-bag {
        font-size: 1.4em; }
      #main-header.initial #header-top-right #cart-item-counter .value, #main-header.reduced #header-top-right #cart-item-counter .value {
        position: absolute;
        top: 58%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.6em; }
    #main-header.initial #header-top-right #login-block, #main-header.reduced #header-top-right #login-block {
      cursor: pointer; }
      #main-header.initial #header-top-right #login-block:hover, #main-header.reduced #header-top-right #login-block:hover {
        text-decoration: underline; }
    #main-header.initial #header-top-right .action, #main-header.reduced #header-top-right .action {
      display: none; }
    @media screen and (min-width: 768px) {
      #main-header.initial #header-top-right, #main-header.reduced #header-top-right {
        justify-content: space-around; }
        #main-header.initial #header-top-right #login-block, #main-header.reduced #header-top-right #login-block {
          font-size: 16px; }
          #main-header.initial #header-top-right #login-block .fa-user-circle, #main-header.reduced #header-top-right #login-block .fa-user-circle {
            font-size: 1em;
            margin-right: .3em; }
        #main-header.initial #header-top-right .action, #main-header.reduced #header-top-right .action {
          display: inline-block;
          text-transform: uppercase;
          font-family: "Source Sans Pro";
          font-weight: 600;
          overflow: hidden;
          text-align: left;
          text-overflow: '.';
          height: 1em;
          max-width: 91px;
          word-break: keep-all; }
        #main-header.initial #header-top-right.logged .action, #main-header.reduced #header-top-right.logged .action {
          margin-right: 0;
          max-width: 71px; } }
    @media screen and (min-width: 980px) {
      #main-header.initial #header-top-right #login-block, #main-header.reduced #header-top-right #login-block {
        font-size: 18px; }
      #main-header.initial #header-top-right .action, #main-header.reduced #header-top-right .action {
        max-width: 161px; }
      #main-header.initial #header-top-right.logged .action, #main-header.reduced #header-top-right.logged .action {
        max-width: 141px; } }
    #main-header.initial #header-top-right #logout-block, #main-header.reduced #header-top-right #logout-block {
      cursor: pointer; }
      #main-header.initial #header-top-right #logout-block .fa-sign-out, #main-header.reduced #header-top-right #logout-block .fa-sign-out {
        font-size: 1.2em; }
      #main-header.initial #header-top-right #logout-block .fa-door-open, #main-header.reduced #header-top-right #logout-block .fa-door-open {
        font-size: 1.35em; }
      #main-header.initial #header-top-right #logout-block .fa-door-closed, #main-header.reduced #header-top-right #logout-block .fa-door-closed {
        font-size: 1.2em; }
  @media screen and (min-width: 768px) {
    #main-header.initial .icon, #main-header.reduced .icon {
      display: inline-block; }
    #main-header.initial #header-top-left, #main-header.reduced #header-top-left {
      margin-left: 0; }
      #main-header.initial #header-top-left #search-icon, #main-header.reduced #header-top-left #search-icon {
        display: inline-block;
        margin-right: 25px;
        font-size: 1.7em; }
      #main-header.initial #header-top-left .socials, #main-header.reduced #header-top-left .socials {
        display: block; }
    #main-header.initial #header-top-right, #main-header.reduced #header-top-right {
      margin: 0; }
    #main-header.initial .I-subscribe.top-header, #main-header.reduced .I-subscribe.top-header {
      display: inline-block;
      padding: 3px 15px;
      font-size: 16px;
      line-height: 28px; } }
  #main-header.initial .I-subscribe.top-header, #main-header.reduced .I-subscribe.top-header {
    font-family: "Source Sans Pro";
    position: relative;
    height: 33px; }
  #main-header.initial.fixed, #main-header.reduced.fixed {
    position: fixed;
    width: 100%;
    top: 0; }

#search {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  padding: 30px;
  z-index: 1042;
  top: 0;
  left: 0;
  color: #b0d71c;
  background-color: white;
  overflow: auto; }
  #search .popin-title {
    margin-top: 60px;
    text-transform: uppercase;
    color: inherit;
    font-family: "Source Sans Pro";
    font-weight: 900;
    font-size: 26px;
    text-align: center;
    margin-bottom: 30px; }
  #search .close-icon {
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 2.3em; }
  #search button {
    background-color: inherit;
    color: inherit;
    cursor: pointer; }
  #search #search-results-articles {
    min-height: 810px;
    position: relative; }
  #search #search-input {
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
    color: inherit;
    font-family: "Source Sans Pro";
    font-weight: 700;
    border-bottom: 1px solid #b0d71c;
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
    /*
    &::after {
      @include font-awesome("\f002");
      font-size: .875em;
      font-weight: 400;
    }*/ }
  #search #header-search-results {
    min-height: 128px;
    position: relative; }
    #search #header-search-results .bezier-spinner {
      display: inline-block;
      position: relative;
      width: 64px;
      height: 64px; }
      #search #header-search-results .bezier-spinner.absolutely-centered {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -36px 0 0 -36px; }
    #search #header-search-results .bezier-spinner div {
      animation: bezier-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      transform-origin: 32px 32px; }
    #search #header-search-results .bezier-spinner div:after {
      content: " ";
      display: block;
      position: absolute;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #b0d71c;
      margin: -3px 0 0 -3px; }
    #search #header-search-results .bezier-spinner div:nth-child(1) {
      animation-delay: -0.036s; }
    #search #header-search-results .bezier-spinner div:nth-child(1):after {
      top: 50px;
      left: 50px; }
    #search #header-search-results .bezier-spinner div:nth-child(2) {
      animation-delay: -0.072s; }
    #search #header-search-results .bezier-spinner div:nth-child(2):after {
      top: 54px;
      left: 45px; }
    #search #header-search-results .bezier-spinner div:nth-child(3) {
      animation-delay: -0.108s; }
    #search #header-search-results .bezier-spinner div:nth-child(3):after {
      top: 57px;
      left: 39px; }
    #search #header-search-results .bezier-spinner div:nth-child(4) {
      animation-delay: -0.144s; }
    #search #header-search-results .bezier-spinner div:nth-child(4):after {
      top: 58px;
      left: 32px; }
    #search #header-search-results .bezier-spinner div:nth-child(5) {
      animation-delay: -0.18s; }
    #search #header-search-results .bezier-spinner div:nth-child(5):after {
      top: 57px;
      left: 25px; }
    #search #header-search-results .bezier-spinner div:nth-child(6) {
      animation-delay: -0.216s; }
    #search #header-search-results .bezier-spinner div:nth-child(6):after {
      top: 54px;
      left: 19px; }
    #search #header-search-results .bezier-spinner div:nth-child(7) {
      animation-delay: -0.252s; }
    #search #header-search-results .bezier-spinner div:nth-child(7):after {
      top: 50px;
      left: 14px; }
    #search #header-search-results .bezier-spinner div:nth-child(8) {
      animation-delay: -0.288s; }
    #search #header-search-results .bezier-spinner div:nth-child(8):after {
      top: 45px;
      left: 10px; }

@keyframes bezier-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  #search .dropdown {
    list-style-type: none;
    padding: 15px 0; }
  #search .result-category {
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Source Sans Pro";
    letter-spacing: 1px;
    font-size: 24px; }
  #search .search-result {
    font-family: "Source Sans Pro";
    padding-bottom: 15px;
    margin-bottom: 15px; }
  #search .fetched-article {
    border-bottom: 1px solid #a7a7a7; }
    #search .fetched-article:last-of-type {
      border-bottom: none; }
    #search .fetched-article .thumbnail {
      width: 45%;
      float: left;
      margin-right: 5%; }
    #search .fetched-article .content {
      margin-left: 50%; }
    #search .fetched-article .publication {
      color: #a7a7a7;
      font-size: 14px;
      margin-bottom: 2px; }
    #search .fetched-article .category {
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 14px;
      margin-bottom: 2px; }
    #search .fetched-article .title {
      font-family: "Quicksand";
      color: black;
      text-decoration: none;
      font-weight: 700;
      letter-spacing: 1px;
      max-height: 55px;
      overflow: hidden; }
  #search .fetched-product .print-thumbnail {
    display: block;
    float: left;
    width: 120px;
    margin-right: 15px; }
  #search .fetched-product .description {
    display: block;
    text-transform: uppercase;
    color: black; }
  #search .fetched-product .title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    text-decoration: none; }
  #search .fetched-product .price {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px; }
  #search .fetched-product .actions {
    font-size: 18px;
    font-weight: 700; }
    #search .fetched-product .actions .far {
      cursor: pointer;
      line-height: 35px; }

#main-menu {
  text-align: left;
  font-family: "Source Sans Pro";
  font-weight: 600;
  position: fixed;
  overflow: auto;
  height: 100%;
  width: 100%;
  left: -100%;
  padding: 15px 30px;
  z-index: 1000;
  top: 0;
  left: 0;
  color: #b0d71c;
  background-color: white; }
  #main-menu .popin-title {
    margin-top: 60px;
    text-transform: uppercase;
    color: inherit;
    font-family: "Source Sans Pro";
    font-weight: 900;
    font-size: 26px;
    text-align: center;
    margin-bottom: 30px; }
  #main-menu .close-icon {
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 2.3em; }
  #main-menu button {
    background-color: inherit;
    color: inherit;
    cursor: pointer; }
  #main-menu.open-transition {
    z-index: 1041;
    left: 0;
    -webkit-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    transition: left 0.4s ease-in-out; }
  #main-menu.close-transition {
    left: -100%;
    -webkit-transition: left 0.4s 0.3s ease-in-out;
    -moz-transition: left 0.4s 0.3s ease-in-out;
    -ms-transition: left 0.4s 0.3s ease-in-out;
    transition: left 0.4s 0.3s ease-in-out; }
  #main-menu #classifiedads-menu {
    display: block; }
  @media screen and (min-width: 980px) {
    #main-menu #classifiedads-menu {
      display: none !important; } }
  #main-menu #search-icon-reduced {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px; }
  #main-menu a {
    text-decoration: none; }
  #main-menu ul {
    list-style-type: none;
    text-transform: uppercase; }
    #main-menu ul.categories {
      margin-bottom: 20px; }
    #main-menu ul.subitems {
      display: none; }
    #main-menu ul > li {
      padding: 15px 7px 5px 0;
      cursor: pointer; }
      #main-menu ul > li.category {
        font-size: 20px;
        border-bottom: 1px solid #dadada;
        padding-bottom: 15px; }
      #main-menu ul > li.subitem {
        font-size: 16px;
        margin-left: 15px; }
    #main-menu ul .shop .fa-shopping-cart {
      position: relative; }
      #main-menu ul .shop .fa-shopping-cart .shopping-item {
        position: absolute;
        top: -15px;
        left: 8px;
        display: none;
        width: 10px;
        height: 10px;
        background-color: #b0d71c; }
    #main-menu ul .shop:hover .shopping-item {
      display: inline-block;
      animation: 2s ease infinite animate-shopping; }

@keyframes animate-shopping {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(45deg);
    top: -15px; }
  60% {
    transform: rotate(45deg);
    top: 0; }
  to {
    transform: rotate(45deg);
    top: 0; } }

#main-header.initial, #main-header.reduced {
  color: #808080; }
  #main-header.initial #logo, #main-header.reduced #logo {
    height: 55px; }

#breadcrumb {
  display: none;
  font-family: "Source Sans Pro"; }
  @media screen and (min-width: 768px) {
    #breadcrumb {
      display: block; } }
  @media screen and (min-width: 940px) {
    #breadcrumb {
      text-align: center;
      padding: 15px 0 30px; } }

.premium-content-bullet {
  display: inline-block;
  position: relative;
  background-color: #ffd200;
  width: .8em;
  border-radius: 50%;
  height: .8em;
  vertical-align: middle;
  bottom: 2px; }
  .premium-content-bullet > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: .7em;
    font-family: "Source Sans Pro";
    font-weight: 700;
    color: black; }

.diapo-description {
  position: absolute;
  bottom: 4px;
  padding: 10px 20px 50px;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  z-index: 10;
  color: white;
  text-align: left;
  display: none; }
  .diapo-description div:first-child {
    font-size: 22px;
    margin-bottom: 5px; }

#diaporama {
  position: relative;
  margin-bottom: 22px; }
  #diaporama .lightSlider {
    text-align: center; }
  #diaporama .diapo {
    position: relative; }
    #diaporama .diapo > img {
      height: 200px; }
    #diaporama .diapo .diapo-description {
      position: absolute;
      bottom: 4px;
      padding: 10px 20px 50px;
      background: rgba(0, 0, 0, 0.2);
      width: 100%;
      z-index: 10;
      color: white;
      text-align: left;
      display: none; }
      #diaporama .diapo .diapo-description div:first-child {
        font-size: 22px;
        margin-bottom: 5px; }
    #diaporama .diapo .prev, #diaporama .diapo .next {
      width: 15%;
      height: 100%;
      position: absolute;
      top: 0;
      z-index: 1; }
    #diaporama .diapo .prev {
      left: 0;
      cursor: url(../storage/images/ui/a-left.svg) 0 32, w-resize; }
    #diaporama .diapo .next {
      cursor: url(../storage/images/ui/a-right.svg) 0 32, w-resize;
      right: 0; }
    #diaporama .diapo .title {
      display: block;
      position: absolute;
      z-index: 1;
      width: 70%;
      color: white;
      font-family: "Quicksand";
      font-size: 16px;
      font-weight: 700;
      bottom: 36px;
      left: 15%;
      height: calc(100% - 46px); }
      #diaporama .diapo .title > .text {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        display: inline-block;
        width: 100%; }
    #diaporama .diapo.shadowed::after {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent 33%) bottom;
      content: '';
      display: block;
      height: calc(100% - 3px);
      position: absolute;
      top: 0;
      width: 100%; }
  #diaporama .lSPager {
    bottom: 0;
    position: absolute;
    width: 100%;
    margin: 15px auto; }
    #diaporama .lSPager li {
      padding: 0 8px; }
      #diaporama .lSPager li a {
        height: 9px;
        width: 9px;
        background-color: rgba(255, 255, 255, 0.9); }
        #diaporama .lSPager li a:hover {
          background-color: #b0d71c; }
      #diaporama .lSPager li.active a {
        background-color: #b0d71c; }
  @media screen and (min-width: 768px) {
    #diaporama .diapo {
      position: relative; }
      #diaporama .diapo > img {
        height: 295px; }
      #diaporama .diapo .title {
        bottom: 36px;
        color: white;
        font-size: 30px; } }
  @media screen and (min-width: 980px) {
    #diaporama .diapo > img {
      height: 385px; } }

#front-page-articles,
#top-articles,
.promoted-articles,
#first-diaporama-article,
#last-articles,
#our-partners,
#receive-my-free-dossier,
#dossier-articles,
#sitemap {
  padding: 0 20px 20px; }

#front-page-articles > header,
#top-articles > header,
.promoted-articles > header,
#first-diaporama-article > header,
#last-articles > header,
#our-partners > header,
#address-book > header,
#most-read-articles > header,
#linked-articles > header,
#liked-this-article > header,
#suggested-products > header,
#comment > header,
#dossier-articles > header {
  margin-bottom: 20px; }

#front-page-articles .component-title,
#top-articles .component-title,
.promoted-articles .component-title,
#first-diaporama-article .component-title,
#last-articles .component-title,
#our-partners .component-title,
#address-book .component-title,
#most-read-articles .component-title,
#linked-articles .component-title,
#liked-this-article .component-title,
#suggested-products .component-title,
#comment .component-title,
#dossier-articles .component-title {
  color: #b0d71c;
  text-transform: uppercase;
  font-family: "Quicksand";
  overflow: hidden;
  width: 100%;
  font-size: 26px;
  font-weight: 900;
  margin: 0 auto; }
  #front-page-articles .component-title.lined,
  #top-articles .component-title.lined,
  .promoted-articles .component-title.lined,
  #first-diaporama-article .component-title.lined,
  #last-articles .component-title.lined,
  #our-partners .component-title.lined,
  #address-book .component-title.lined,
  #most-read-articles .component-title.lined,
  #linked-articles .component-title.lined,
  #liked-this-article .component-title.lined,
  #suggested-products .component-title.lined,
  #comment .component-title.lined,
  #dossier-articles .component-title.lined {
    text-align: center;
    overflow: hidden;
    font-weight: 900; }
    #front-page-articles .component-title.lined::before, #front-page-articles .component-title.lined::after,
    #top-articles .component-title.lined::before,
    #top-articles .component-title.lined::after,
    .promoted-articles .component-title.lined::before,
    .promoted-articles .component-title.lined::after,
    #first-diaporama-article .component-title.lined::before,
    #first-diaporama-article .component-title.lined::after,
    #last-articles .component-title.lined::before,
    #last-articles .component-title.lined::after,
    #our-partners .component-title.lined::before,
    #our-partners .component-title.lined::after,
    #address-book .component-title.lined::before,
    #address-book .component-title.lined::after,
    #most-read-articles .component-title.lined::before,
    #most-read-articles .component-title.lined::after,
    #linked-articles .component-title.lined::before,
    #linked-articles .component-title.lined::after,
    #liked-this-article .component-title.lined::before,
    #liked-this-article .component-title.lined::after,
    #suggested-products .component-title.lined::before,
    #suggested-products .component-title.lined::after,
    #comment .component-title.lined::before,
    #comment .component-title.lined::after,
    #dossier-articles .component-title.lined::before,
    #dossier-articles .component-title.lined::after {
      content: "";
      display: inline-block;
      width: 50%;
      margin: 0 .5em 0 -55%;
      vertical-align: middle;
      border-bottom: 1px solid #b0d71c; }
    #front-page-articles .component-title.lined::after,
    #top-articles .component-title.lined::after,
    .promoted-articles .component-title.lined::after,
    #first-diaporama-article .component-title.lined::after,
    #last-articles .component-title.lined::after,
    #our-partners .component-title.lined::after,
    #address-book .component-title.lined::after,
    #most-read-articles .component-title.lined::after,
    #linked-articles .component-title.lined::after,
    #liked-this-article .component-title.lined::after,
    #suggested-products .component-title.lined::after,
    #comment .component-title.lined::after,
    #dossier-articles .component-title.lined::after {
      margin: 0 -55% 0 .5em; }

#front-page-articles .component-subtitle,
#top-articles .component-subtitle,
.promoted-articles .component-subtitle,
#first-diaporama-article .component-subtitle,
#last-articles .component-subtitle,
#our-partners .component-subtitle,
#address-book .component-subtitle,
#most-read-articles .component-subtitle,
#linked-articles .component-subtitle,
#liked-this-article .component-subtitle,
#suggested-products .component-subtitle,
#comment .component-subtitle,
#dossier-articles .component-subtitle {
  font-family: "Quicksand";
  font-size: 16px;
  font-weight: 600; }

#front-page-articles article.list-item, #front-page-articles article.unique,
#top-articles article.list-item,
#top-articles article.unique,
.promoted-articles article.list-item,
.promoted-articles article.unique,
#first-diaporama-article article.list-item,
#first-diaporama-article article.unique,
#last-articles article.list-item,
#last-articles article.unique,
#our-partners article.list-item,
#our-partners article.unique,
#address-book article.list-item,
#address-book article.unique,
#most-read-articles article.list-item,
#most-read-articles article.unique,
#linked-articles article.list-item,
#linked-articles article.unique,
#liked-this-article article.list-item,
#liked-this-article article.unique,
#suggested-products article.list-item,
#suggested-products article.unique,
#comment article.list-item,
#comment article.unique,
#dossier-articles article.list-item,
#dossier-articles article.unique {
  margin-bottom: 20px; }
  #front-page-articles article.list-item a, #front-page-articles article.unique a,
  #top-articles article.list-item a,
  #top-articles article.unique a,
  .promoted-articles article.list-item a,
  .promoted-articles article.unique a,
  #first-diaporama-article article.list-item a,
  #first-diaporama-article article.unique a,
  #last-articles article.list-item a,
  #last-articles article.unique a,
  #our-partners article.list-item a,
  #our-partners article.unique a,
  #address-book article.list-item a,
  #address-book article.unique a,
  #most-read-articles article.list-item a,
  #most-read-articles article.unique a,
  #linked-articles article.list-item a,
  #linked-articles article.unique a,
  #liked-this-article article.list-item a,
  #liked-this-article article.unique a,
  #suggested-products article.list-item a,
  #suggested-products article.unique a,
  #comment article.list-item a,
  #comment article.unique a,
  #dossier-articles article.list-item a,
  #dossier-articles article.unique a {
    cursor: pointer;
    color: inherit;
    text-decoration: none; }
    #front-page-articles article.list-item a:hover, #front-page-articles article.unique a:hover,
    #top-articles article.list-item a:hover,
    #top-articles article.unique a:hover,
    .promoted-articles article.list-item a:hover,
    .promoted-articles article.unique a:hover,
    #first-diaporama-article article.list-item a:hover,
    #first-diaporama-article article.unique a:hover,
    #last-articles article.list-item a:hover,
    #last-articles article.unique a:hover,
    #our-partners article.list-item a:hover,
    #our-partners article.unique a:hover,
    #address-book article.list-item a:hover,
    #address-book article.unique a:hover,
    #most-read-articles article.list-item a:hover,
    #most-read-articles article.unique a:hover,
    #linked-articles article.list-item a:hover,
    #linked-articles article.unique a:hover,
    #liked-this-article article.list-item a:hover,
    #liked-this-article article.unique a:hover,
    #suggested-products article.list-item a:hover,
    #suggested-products article.unique a:hover,
    #comment article.list-item a:hover,
    #comment article.unique a:hover,
    #dossier-articles article.list-item a:hover,
    #dossier-articles article.unique a:hover {
      text-decoration: underline; }

#front-page-articles .thumbnail,
#top-articles .thumbnail,
.promoted-articles .thumbnail,
#first-diaporama-article .thumbnail,
#last-articles .thumbnail,
#our-partners .thumbnail,
#address-book .thumbnail,
#most-read-articles .thumbnail,
#linked-articles .thumbnail,
#liked-this-article .thumbnail,
#suggested-products .thumbnail,
#comment .thumbnail,
#dossier-articles .thumbnail {
  display: block; }

#front-page-articles article.list-item,
#top-articles article.list-item,
.promoted-articles article.list-item,
#first-diaporama-article article.list-item,
#last-articles article.list-item,
#our-partners article.list-item,
#address-book article.list-item,
#most-read-articles article.list-item,
#linked-articles article.list-item,
#liked-this-article article.list-item,
#suggested-products article.list-item,
#comment article.list-item,
#dossier-articles article.list-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px; }
  #front-page-articles article.list-item aside,
  #top-articles article.list-item aside,
  .promoted-articles article.list-item aside,
  #first-diaporama-article article.list-item aside,
  #last-articles article.list-item aside,
  #our-partners article.list-item aside,
  #address-book article.list-item aside,
  #most-read-articles article.list-item aside,
  #linked-articles article.list-item aside,
  #liked-this-article article.list-item aside,
  #suggested-products article.list-item aside,
  #comment article.list-item aside,
  #dossier-articles article.list-item aside {
    position: relative; }
  #front-page-articles article.list-item .thumbnail,
  #top-articles article.list-item .thumbnail,
  .promoted-articles article.list-item .thumbnail,
  #first-diaporama-article article.list-item .thumbnail,
  #last-articles article.list-item .thumbnail,
  #our-partners article.list-item .thumbnail,
  #address-book article.list-item .thumbnail,
  #most-read-articles article.list-item .thumbnail,
  #linked-articles article.list-item .thumbnail,
  #liked-this-article article.list-item .thumbnail,
  #suggested-products article.list-item .thumbnail,
  #comment article.list-item .thumbnail,
  #dossier-articles article.list-item .thumbnail {
    width: 100px; }
    #front-page-articles article.list-item .thumbnail + .inset,
    #top-articles article.list-item .thumbnail + .inset,
    .promoted-articles article.list-item .thumbnail + .inset,
    #first-diaporama-article article.list-item .thumbnail + .inset,
    #last-articles article.list-item .thumbnail + .inset,
    #our-partners article.list-item .thumbnail + .inset,
    #address-book article.list-item .thumbnail + .inset,
    #most-read-articles article.list-item .thumbnail + .inset,
    #linked-articles article.list-item .thumbnail + .inset,
    #liked-this-article article.list-item .thumbnail + .inset,
    #suggested-products article.list-item .thumbnail + .inset,
    #comment article.list-item .thumbnail + .inset,
    #dossier-articles article.list-item .thumbnail + .inset {
      position: absolute;
      display: none;
      top: 0;
      right: 0;
      color: white;
      background-color: #b0d71c;
      font-family: "Source Sans Pro";
      font-weight: 600;
      text-transform: uppercase;
      line-height: 28px;
      padding: 0 10px;
      letter-spacing: 2px;
      z-index: 1; }
  #front-page-articles article.list-item > aside + .content,
  #top-articles article.list-item > aside + .content,
  .promoted-articles article.list-item > aside + .content,
  #first-diaporama-article article.list-item > aside + .content,
  #last-articles article.list-item > aside + .content,
  #our-partners article.list-item > aside + .content,
  #address-book article.list-item > aside + .content,
  #most-read-articles article.list-item > aside + .content,
  #linked-articles article.list-item > aside + .content,
  #liked-this-article article.list-item > aside + .content,
  #suggested-products article.list-item > aside + .content,
  #comment article.list-item > aside + .content,
  #dossier-articles article.list-item > aside + .content {
    margin-left: 10px; }
  #front-page-articles article.list-item .content,
  #top-articles article.list-item .content,
  .promoted-articles article.list-item .content,
  #first-diaporama-article article.list-item .content,
  #last-articles article.list-item .content,
  #our-partners article.list-item .content,
  #address-book article.list-item .content,
  #most-read-articles article.list-item .content,
  #linked-articles article.list-item .content,
  #liked-this-article article.list-item .content,
  #suggested-products article.list-item .content,
  #comment article.list-item .content,
  #dossier-articles article.list-item .content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    font-family: "Source Sans Pro";
    font-size: 14px;
    font-weight: 500; }
    #front-page-articles article.list-item .content .category,
    #top-articles article.list-item .content .category,
    .promoted-articles article.list-item .content .category,
    #first-diaporama-article article.list-item .content .category,
    #last-articles article.list-item .content .category,
    #our-partners article.list-item .content .category,
    #address-book article.list-item .content .category,
    #most-read-articles article.list-item .content .category,
    #linked-articles article.list-item .content .category,
    #liked-this-article article.list-item .content .category,
    #suggested-products article.list-item .content .category,
    #comment article.list-item .content .category,
    #dossier-articles article.list-item .content .category {
      font-weight: 600;
      font-size: 14px;
      color: #b0d71c;
      text-transform: uppercase;
      margin-bottom: 5px;
      line-height: 18px;
      letter-spacing: 2px;
      margin-top: -4px; }
    #front-page-articles article.list-item .content .publication,
    #top-articles article.list-item .content .publication,
    .promoted-articles article.list-item .content .publication,
    #first-diaporama-article article.list-item .content .publication,
    #last-articles article.list-item .content .publication,
    #our-partners article.list-item .content .publication,
    #address-book article.list-item .content .publication,
    #most-read-articles article.list-item .content .publication,
    #linked-articles article.list-item .content .publication,
    #liked-this-article article.list-item .content .publication,
    #suggested-products article.list-item .content .publication,
    #comment article.list-item .content .publication,
    #dossier-articles article.list-item .content .publication {
      color: #a6a6a6;
      font-weight: 600;
      display: none;
      line-height: 18px; }
    #front-page-articles article.list-item .content .title,
    #top-articles article.list-item .content .title,
    .promoted-articles article.list-item .content .title,
    #first-diaporama-article article.list-item .content .title,
    #last-articles article.list-item .content .title,
    #our-partners article.list-item .content .title,
    #address-book article.list-item .content .title,
    #most-read-articles article.list-item .content .title,
    #linked-articles article.list-item .content .title,
    #liked-this-article article.list-item .content .title,
    #suggested-products article.list-item .content .title,
    #comment article.list-item .content .title,
    #dossier-articles article.list-item .content .title {
      font-family: "Quicksand";
      font-weight: 700; }
      #front-page-articles article.list-item .content .title p:first-child,
      #top-articles article.list-item .content .title p:first-child,
      .promoted-articles article.list-item .content .title p:first-child,
      #first-diaporama-article article.list-item .content .title p:first-child,
      #last-articles article.list-item .content .title p:first-child,
      #our-partners article.list-item .content .title p:first-child,
      #address-book article.list-item .content .title p:first-child,
      #most-read-articles article.list-item .content .title p:first-child,
      #linked-articles article.list-item .content .title p:first-child,
      #liked-this-article article.list-item .content .title p:first-child,
      #suggested-products article.list-item .content .title p:first-child,
      #comment article.list-item .content .title p:first-child,
      #dossier-articles article.list-item .content .title p:first-child {
        display: inline; }
    #front-page-articles article.list-item .content .subtitle,
    #top-articles article.list-item .content .subtitle,
    .promoted-articles article.list-item .content .subtitle,
    #first-diaporama-article article.list-item .content .subtitle,
    #last-articles article.list-item .content .subtitle,
    #our-partners article.list-item .content .subtitle,
    #address-book article.list-item .content .subtitle,
    #most-read-articles article.list-item .content .subtitle,
    #linked-articles article.list-item .content .subtitle,
    #liked-this-article article.list-item .content .subtitle,
    #suggested-products article.list-item .content .subtitle,
    #comment article.list-item .content .subtitle,
    #dossier-articles article.list-item .content .subtitle {
      line-height: 22px; }
    #front-page-articles article.list-item .content .chapo,
    #top-articles article.list-item .content .chapo,
    .promoted-articles article.list-item .content .chapo,
    #first-diaporama-article article.list-item .content .chapo,
    #last-articles article.list-item .content .chapo,
    #our-partners article.list-item .content .chapo,
    #address-book article.list-item .content .chapo,
    #most-read-articles article.list-item .content .chapo,
    #linked-articles article.list-item .content .chapo,
    #liked-this-article article.list-item .content .chapo,
    #suggested-products article.list-item .content .chapo,
    #comment article.list-item .content .chapo,
    #dossier-articles article.list-item .content .chapo {
      display: none;
      line-height: 22px; }

#front-page-articles article.unique,
#top-articles article.unique,
.promoted-articles article.unique,
#first-diaporama-article article.unique,
#last-articles article.unique,
#our-partners article.unique,
#address-book article.unique,
#most-read-articles article.unique,
#linked-articles article.unique,
#liked-this-article article.unique,
#suggested-products article.unique,
#comment article.unique,
#dossier-articles article.unique {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }
  #front-page-articles article.unique aside,
  #top-articles article.unique aside,
  .promoted-articles article.unique aside,
  #first-diaporama-article article.unique aside,
  #last-articles article.unique aside,
  #our-partners article.unique aside,
  #address-book article.unique aside,
  #most-read-articles article.unique aside,
  #linked-articles article.unique aside,
  #liked-this-article article.unique aside,
  #suggested-products article.unique aside,
  #comment article.unique aside,
  #dossier-articles article.unique aside {
    margin-bottom: 15px; }
    #front-page-articles article.unique aside img,
    #top-articles article.unique aside img,
    .promoted-articles article.unique aside img,
    #first-diaporama-article article.unique aside img,
    #last-articles article.unique aside img,
    #our-partners article.unique aside img,
    #address-book article.unique aside img,
    #most-read-articles article.unique aside img,
    #linked-articles article.unique aside img,
    #liked-this-article article.unique aside img,
    #suggested-products article.unique aside img,
    #comment article.unique aside img,
    #dossier-articles article.unique aside img {
      max-width: 100%; }
  #front-page-articles article.unique .content,
  #top-articles article.unique .content,
  .promoted-articles article.unique .content,
  #first-diaporama-article article.unique .content,
  #last-articles article.unique .content,
  #our-partners article.unique .content,
  #address-book article.unique .content,
  #most-read-articles article.unique .content,
  #linked-articles article.unique .content,
  #liked-this-article article.unique .content,
  #suggested-products article.unique .content,
  #comment article.unique .content,
  #dossier-articles article.unique .content {
    font-family: "Source Sans Pro";
    font-size: 14px;
    font-weight: 500; }
    #front-page-articles article.unique .content .category,
    #top-articles article.unique .content .category,
    .promoted-articles article.unique .content .category,
    #first-diaporama-article article.unique .content .category,
    #last-articles article.unique .content .category,
    #our-partners article.unique .content .category,
    #address-book article.unique .content .category,
    #most-read-articles article.unique .content .category,
    #linked-articles article.unique .content .category,
    #liked-this-article article.unique .content .category,
    #suggested-products article.unique .content .category,
    #comment article.unique .content .category,
    #dossier-articles article.unique .content .category {
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      color: #b0d71c;
      text-transform: uppercase;
      letter-spacing: 1px; }
    #front-page-articles article.unique .content .publication,
    #top-articles article.unique .content .publication,
    .promoted-articles article.unique .content .publication,
    #first-diaporama-article article.unique .content .publication,
    #last-articles article.unique .content .publication,
    #our-partners article.unique .content .publication,
    #address-book article.unique .content .publication,
    #most-read-articles article.unique .content .publication,
    #linked-articles article.unique .content .publication,
    #liked-this-article article.unique .content .publication,
    #suggested-products article.unique .content .publication,
    #comment article.unique .content .publication,
    #dossier-articles article.unique .content .publication {
      display: none; }
    #front-page-articles article.unique .content .title,
    #top-articles article.unique .content .title,
    .promoted-articles article.unique .content .title,
    #first-diaporama-article article.unique .content .title,
    #last-articles article.unique .content .title,
    #our-partners article.unique .content .title,
    #address-book article.unique .content .title,
    #most-read-articles article.unique .content .title,
    #linked-articles article.unique .content .title,
    #liked-this-article article.unique .content .title,
    #suggested-products article.unique .content .title,
    #comment article.unique .content .title,
    #dossier-articles article.unique .content .title {
      font-family: "Quicksand";
      font-size: 20px;
      line-height: 28px;
      font-weight: 700;
      margin-bottom: 5px; }
    #front-page-articles article.unique .content .subtitle,
    #top-articles article.unique .content .subtitle,
    .promoted-articles article.unique .content .subtitle,
    #first-diaporama-article article.unique .content .subtitle,
    #last-articles article.unique .content .subtitle,
    #our-partners article.unique .content .subtitle,
    #address-book article.unique .content .subtitle,
    #most-read-articles article.unique .content .subtitle,
    #linked-articles article.unique .content .subtitle,
    #liked-this-article article.unique .content .subtitle,
    #suggested-products article.unique .content .subtitle,
    #comment article.unique .content .subtitle,
    #dossier-articles article.unique .content .subtitle {
      font-size: 17px;
      line-height: 27px; }

.promoted-articles article + hr {
  display: none; }

#first-diaporama-article article.unique {
  margin-bottom: 20px; }

#our-partners article.list-item .content {
  margin-left: 0; }

#receive-my-free-dossier {
  color: #232323;
  background-color: #fbf5ef;
  padding-top: 30px;
  box-shadow: 0 5px 5px -5px inset #555;
  font-family: "Source Sans Pro"; }
  #receive-my-free-dossier .wrapped {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
  #receive-my-free-dossier #dossier-description, #receive-my-free-dossier #dossier-preview {
    line-height: 24px;
    width: 100%; }
  #receive-my-free-dossier #dossier-description {
    font-size: 14px; }
    #receive-my-free-dossier #dossier-description .title {
      font-family: "Quicksand";
      font-size: 21px;
      margin-bottom: 15px; }
    #receive-my-free-dossier #dossier-description .subtitle {
      margin-bottom: 15px; }
  #receive-my-free-dossier #dossier-preview {
    font-size: 14px;
    font-weight: 600; }
    #receive-my-free-dossier #dossier-preview .title {
      text-transform: uppercase;
      color: #99983e;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 1px; }
    #receive-my-free-dossier #dossier-preview .subtitle {
      font-family: "Quicksand";
      font-weight: 400;
      margin-bottom: 10px; }
    #receive-my-free-dossier #dossier-preview .index {
      display: none; }
    #receive-my-free-dossier #dossier-preview ul {
      padding-left: 15px; }
    #receive-my-free-dossier #dossier-preview li {
      font-weight: 300; }
    #receive-my-free-dossier #dossier-preview .illustration {
      border: 3px solid white;
      float: left;
      margin-right: 15px;
      width: 85px; }
    #receive-my-free-dossier #dossier-preview button {
      margin-top: 15px;
      width: 100%;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 1px; }

#most-read-articles {
  margin-bottom: 45px; }
  #most-read-articles .component-subtitle {
    display: none; }

#address-book {
  margin-bottom: 45px; }
  #address-book .component-subtitle {
    font-family: "Quicksand";
    margin-top: 5px; }

#linked-articles, #suggested-products {
  margin-bottom: 45px; }

#inner-download-dossier {
  padding: 30px 45px;
  font-family: "Source Sans Pro";
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  text-align: left;
  border: 1px solid black; }
  #inner-download-dossier > header, #inner-download-dossier > footer {
    text-align: center; }
  #inner-download-dossier .title {
    font-size: 30px;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 15px; }
  #inner-download-dossier .subtitle {
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 30px; }
  #inner-download-dossier .summary {
    margin-bottom: 5px; }
  #inner-download-dossier .body {
    font-weight: 300;
    margin-bottom: 45px; }
  #inner-download-dossier button {
    padding: 15px 60px;
    font-size: 26px;
    font-weight: 500;
    font-family: inherit; }

#inner-dossier-nav {
  border-left: 2px solid #b0d71c;
  padding-left: 15px;
  font-family: "Source Sans Pro";
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 30px; }
  #inner-dossier-nav > .title {
    color: #b0d71c;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
    display: inline-block;
    margin-top: -4px; }
  #inner-dossier-nav > a {
    display: block;
    margin-bottom: 10px; }
    #inner-dossier-nav > a.selected {
      color: #b0d71c; }

.order-content-block {
  padding: 15px;
  margin-bottom: 15px; }
  .order-content-block > header {
    border-bottom: 1px solid #dadada;
    margin-bottom: 15px; }
  .order-content-block .attribute {
    margin-bottom: 25px; }
  .order-content-block .label {
    font-weight: 700;
    text-transform: uppercase; }
  .order-content-block .item {
    border-bottom: 1px solid #dadada;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    .order-content-block .item .infos {
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 15px; }
    .order-content-block .item:last-of-type {
      padding-bottom: 0;
      border-bottom: none; }
    .order-content-block .item .attributes {
      text-transform: none;
      float: right;
      width: calc(100% - 105px);
      font-weight: 400; }
      .order-content-block .item .attributes > div {
        margin-bottom: 3px; }
    .order-content-block .item .thumbnail {
      width: 90px;
      margin-right: 15px; }
  @media screen and (min-width: 768px) {
    .order-content-block {
      padding: 40px 45px 0 50px; }
      .order-content-block > header {
        margin-bottom: 25px; }
      .order-content-block .attribute {
        float: left;
        width: calc(94%  / 3);
        margin-right: 2%; }
      .order-content-block .item {
        margin-bottom: 25px;
        padding-bottom: 40px; }
        .order-content-block .item .thumbnail {
          float: left;
          width: auto;
          max-width: calc(33% - 15px); }
        .order-content-block .item .infos {
          margin-bottom: 10px; }
        .order-content-block .item .attributes, .order-content-block .item .infos {
          clear: right;
          float: right;
          width: calc(66%); } }

body.grey-background {
  background-color: #e9e9e9; }

main {
  font-family: "Quicksand"; }

h1 {
  font-size: 24px;
  margin: 15px 0; }

h2 {
  font-size: 20px;
  margin: 10px 0; }

h3 {
  font-size: 18px;
  margin: 5px 0; }

h4 {
  font-size: 16px;
  margin: 3px 0; }

h5, h6 {
  margin: 0; }

.redacted-content {
  font-family: "Source Sans Pro";
  margin-bottom: 45px; }
  .redacted-content li p:first-child {
    display: inline; }
  .redacted-content p {
    margin-bottom: 15px; }
  .redacted-content .encadre {
    padding: 25px;
    background-color: rgba(176, 215, 28, 0.1); }
    .redacted-content .encadre > h3 {
      margin: 30px 0 20px; }
      .redacted-content .encadre > h3:first-child {
        margin-top: 0; }
    @media screen and (min-width: 480px) {
      .redacted-content .encadre {
        padding: 35px; } }
    @media screen and (min-width: 768px) {
      .redacted-content .encadre {
        padding: 50px; } }
  .redacted-content .encadre + .encadre {
    margin-top: 30px; }
  .redacted-content h3, .redacted-content h4 {
    font-weight: 600; }
  .redacted-content li {
    list-style-position: inside;
    margin-bottom: 5px; }
    .redacted-content li h3, .redacted-content li h4, .redacted-content li h5, .redacted-content li h6 {
      display: inline; }
  .redacted-content ul > li {
    list-style-type: disclosure-closed; }
  .redacted-content a {
    color: #b0d71c; }

.default-page {
  padding: 30px 30px 0; }
  .default-page .company-address {
    font-family: "Source Sans Pro";
    font-style: normal; }
    .default-page .company-address p {
      margin-bottom: 25px; }
  .default-page .title {
    overflow: hidden;
    font-weight: 900;
    font-family: "Source Sans Pro";
    margin: 0 auto 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    color: #b0d71c; }
    .default-page .title::before, .default-page .title::after {
      content: "";
      display: inline-block;
      width: 50%;
      margin: 0 .5em 0 -55%;
      vertical-align: middle;
      border-bottom: 1px solid #b0d71c; }
    .default-page .title::after {
      margin: 0 -55% 0 .5em; }
  .default-page .redacted-content {
    line-height: 28px; }
    .default-page .redacted-content li {
      list-style-position: outside;
      margin-bottom: 5px;
      margin-left: 25px; }
    .default-page .redacted-content h3 {
      font-size: 24px;
      margin: 25px 0 10px; }
    .default-page .redacted-content h4 {
      font-size: 19px;
      margin: 8px 0 3px; }
    .default-page .redacted-content .encadre {
      padding: 20px;
      margin: 20px 0; }
    .default-page .redacted-content table {
      border-collapse: collapse; }
      .default-page .redacted-content table td, .default-page .redacted-content table th {
        border: 1px solid lightgrey;
        padding: 10px; }
      .default-page .redacted-content table th {
        text-align: left; }

.error-page > .title {
  font-size: 80px;
  font-weight: 700;
  margin-bottom: 15px; }

.error-page > .subtitle {
  max-width: 490px;
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 15px; }

.error-page .redacted-content strong {
  font-size: 25px; }

.error-page .redacted-content li {
  list-style-type: none; }

article.article {
  font-weight: 300; }
  article.article .content-tag {
    display: inline-block;
    padding: 3px 13px;
    margin-bottom: 15px;
    font-family: "Source Sans Pro";
    font-weight: 600;
    background-color: #b0d71c;
    color: white;
    text-transform: uppercase;
    box-shadow: 0 5px 5px -5px #555;
    font-size: 16px; }
  article.article header > .title {
    font-size: 28px;
    font-weight: 700; }
  article.article header > .subtitle {
    font-size: 20px;
    line-height: 24px;
    margin: 15px 0;
    text-align: justify; }
  article.article .publication {
    font-size: 14px;
    font-family: "Source Sans Pro";
    color: #a6a6a6;
    margin-bottom: 15px; }
    article.article .publication .author {
      color: #b0d71c;
      font-weight: 500; }
    article.article .publication .category {
      color: #232323; }
  article.article #imgBlock {
    position: relative;
    margin-bottom: 15px; }
    article.article #imgBlock .illustration {
      display: block; }
    article.article #imgBlock .image-description {
      position: absolute;
      bottom: 0;
      padding: 10px 20px;
      background: rgba(0, 0, 0, 0.2);
      width: 100%;
      z-index: 10;
      color: white;
      text-align: left;
      display: none; }
      article.article #imgBlock .image-description div:first-child {
        font-size: 22px;
        margin-bottom: 5px; }
  article.article .product-illustration {
    width: 100%;
    height: auto;
    margin-bottom: 15px; }
  article.article .share-comment {
    color: #a6a6a6;
    text-transform: uppercase;
    font-family: "Source Sans Pro";
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 25px; }
    article.article .share-comment .title {
      display: block;
      margin-bottom: 15px;
      letter-spacing: 1px; }
    article.article .share-comment .icons {
      display: flex; }
    article.article .share-comment .share {
      width: 40px;
      height: 40px;
      margin-right: 8px;
      position: relative;
      bottom: 0;
      color: white;
      font-size: 1.2em;
      line-height: 40px;
      text-align: center;
      transition: bottom .2s ease-in, opacity .2s ease-in; }
      article.article .share-comment .share:hover {
        bottom: 5px;
        opacity: .8;
        transition: bottom .2s ease-in, opacity .2s ease-in; }
      article.article .share-comment .share:last-child {
        margin-right: 0; }
      article.article .share-comment .share.print {
        background-color: #37d49e; }
      article.article .share-comment .share.email {
        background-color: #b0d71c; }
      article.article .share-comment .share.comment {
        background-color: lightgrey; }
  article.article .chapo {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px; }
  article.article h2.chapo {
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: justify; }
  article.article .body {
    font-family: "Source Sans Pro";
    font-size: 18px;
    line-height: 28px;
    text-align: justify; }
    article.article .body > h3 {
      margin: 30px 0; }
    article.article .body .read-also {
      border-top: 1px solid #e9e9e9;
      margin-top: 10px;
      margin-bottom: 15px;
      position: relative; }
      article.article .body .read-also > .todelete {
        display: none; }
      article.article .body .read-also .title {
        display: inline-block;
        background-color: #b0d71c;
        color: white;
        text-transform: uppercase;
        font-weight: 600;
        padding: 2px 20px 2px 15px;
        margin-bottom: 10px; }
        article.article .body .read-also .title .fal {
          margin-right: 10px; }
      article.article .body .read-also .link {
        display: block;
        font-weight: 600;
        font-family: "Quicksand";
        color: #232323;
        line-height: 22px;
        text-align: left; }
      @media screen and (min-width: 768px) {
        article.article .body .read-also {
          float: left;
          width: 40%;
          left: -2vw;
          padding-bottom: 60px; } }

.pagination {
  text-align: center;
  margin: 0px auto 60px;
  color: #b0d71c; }
  .pagination li {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #b0d71c;
    padding: 3px 6px;
    margin: 0 5px; }
    .pagination li.active {
      background-color: #b0d71c;
      color: #ffffff; }
    .pagination li a {
      text-decoration: none; }
  .pagination li:hover {
    background-color: #b0d71c;
    color: #ffffff; }

.article.product .redacted-content {
  margin-bottom: 30px; }

#liked-this-article {
  text-align: center;
  font-family: "Source Sans Pro";
  margin-bottom: 30px; }
  #liked-this-article .subtitle {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 20px; }
    #liked-this-article .subtitle .default-button {
      background-color: #ffd200;
      width: 100%;
      font-weight: 700;
      text-transform: uppercase; }
  #liked-this-article .highlight {
    color: #b0d71c; }
  #liked-this-article img {
    margin-bottom: 15px; }
  @media screen and (min-width: 768px) {
    #liked-this-article {
      text-align: left;
      margin-bottom: 15px; }
      #liked-this-article header {
        text-align: left; }
      #liked-this-article .subtitle {
        margin-bottom: 30px;
        font-size: 22px; }
        #liked-this-article .subtitle .default-button {
          width: 70%;
          font-size: 18px;
          margin-bottom: 15px; }
      #liked-this-article #print-frontpage-liked + div {
        float: right;
        width: calc(100% - 230px); } }
  @media screen and (min-width: 980px) {
    #liked-this-article .subtitle button {
      width: 70%; } }

#comment {
  margin-bottom: 15px; }

#comments {
  font-family: "Quicksand"; }
  #comments > header {
    color: #a6a6a6;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
    text-transform: uppercase; }
  #comments .author {
    color: #b0d71c; }
  #comments .timestamp {
    color: #a6a6a6;
    font-weight: 700; }
  #comments .comment {
    line-height: 25px;
    margin-bottom: 15px; }
  #comments > footer {
    border-top: 1px solid #a6a6a6;
    margin-top: 25px;
    padding-top: 15px; }

#dossier-articles {
  padding-top: 30px; }
  #dossier-articles .articles-container {
    margin-bottom: 15px; }
    #dossier-articles .articles-container hr {
      width: 100%;
      border-top: none; }
    #dossier-articles .articles-container article.list-item .content {
      overflow: hidden; }
      #dossier-articles .articles-container article.list-item .content .category {
        margin-top: 0px; }
      #dossier-articles .articles-container article.list-item .content .title h2 {
        font-weight: inherit;
        margin: inherit;
        display: inherit; }

#showMore-button {
  margin: 30px auto 15px;
  display: block;
  clear: both;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Source Sans Pro";
  font-weight: 600;
  min-height: 30px;
  min-width: 120px;
  padding: 0 25px; }

#share-article {
  padding: 30px 30px 0;
  margin-bottom: 20px; }
  #share-article .confirm {
    font-weight: 700;
    font-size: 26px;
    padding: 15px 0 30px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 30px; }
    #share-article .confirm .far {
      vertical-align: text-top; }
  #share-article .fa-envelope {
    color: white;
    background-color: #b0d71c;
    border-radius: 50%;
    line-height: 38px;
    font-size: 18px;
    width: 38px;
    height: 38px;
    text-align: center;
    margin-right: 5px; }
  #share-article > header {
    font-family: "Source Sans Pro";
    font-size: 18px; }
  #share-article article.article header {
    margin-bottom: 10px; }
  #share-article article.article header > .title {
    text-align: left;
    padding: 0; }
  #share-article .checkboxes {
    margin: 30px 0 15px; }
  #share-article .checkbox {
    font-size: 14px; }
  #share-article button {
    margin-top: 30px;
    font-size: 16px; }
  @media screen and (min-width: 768px) {
    #share-article {
      padding: 0; }
      #share-article article.article .title {
        font-size: 36px;
        line-height: 43px;
        margin-bottom: 0; }
      #share-article article.article .chapo {
        margin-bottom: 20px; }
      #share-article .checkbox {
        font-size: 16px; } }

#sitemap {
  font-family: "Source Sans Pro"; }
  #sitemap a {
    text-decoration: none; }
  #sitemap li {
    list-style-type: none; }
  #sitemap h1, #sitemap h2, #sitemap h3 {
    display: inline-block; }
  #sitemap h2 {
    font-weight: 600; }
  #sitemap .fas {
    margin-right: 5px; }
    #sitemap .fas.vertical-aligned {
      vertical-align: 1px; }
    #sitemap .fas.vertical-aligned-double {
      vertical-align: 2px; }
  #sitemap .title {
    font-weight: 600; }
    #sitemap .title h1 {
      font-size: 28px;
      font-weight: inherit; }
  #sitemap .category {
    min-height: 60px; }
    #sitemap .category h2 {
      font-size: 24px; }
  #sitemap .subitems {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px; }
  #sitemap .subitem {
    width: 100%;
    font-size: 15px; }
    #sitemap .subitem h3 {
      font-size: inherit; }
    #sitemap .subitem > .fas {
      vertical-align: -1px; }
  #sitemap .fa-rss {
    margin-left: 5px;
    color: #FF6600; }

#premium-user-only {
  background-color: #ffd200;
  padding: 5px;
  margin-bottom: 30px;
  text-align: center; }
  #premium-user-only > .title {
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 600;
    margin: 15px 30px; }
  #premium-user-only .action {
    background-color: white;
    padding: 30px 25px 15px; }
    #premium-user-only .action.login {
      padding-bottom: 10px; }
    #premium-user-only .action.subscribe {
      padding-top: 0; }
      #premium-user-only .action.subscribe > .default-button {
        margin-bottom: 0; }
      #premium-user-only .action.subscribe > small {
        font-family: "Source Sans Pro";
        font-weight: 600;
        font-size: 10px; }
    #premium-user-only .action > hr {
      margin: 15px 50px; }
    #premium-user-only .action > .title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 15px; }
    #premium-user-only .action > i {
      font-size: 2em;
      margin-bottom: 15px; }
  @media screen and (min-width: 768px) {
    #premium-user-only > .title {
      margin: 10px 30px; }
    #premium-user-only .actions {
      background-color: white;
      padding: 20px 0; }
    #premium-user-only .action {
      width: 50%;
      float: left;
      height: 160px;
      padding: 0 25px; }
      #premium-user-only .action > .title {
        margin-top: 10px;
        font-weight: 700; }
      #premium-user-only .action > i {
        display: block; }
      #premium-user-only .action > hr {
        display: none; }
      #premium-user-only .action > small {
        display: block; }
      #premium-user-only .action.login {
        padding-bottom: initial;
        border-right: 1px solid #dadada; }
      #premium-user-only .action.subscribe {
        padding-top: initial; }
        #premium-user-only .action.subscribe > .default-button {
          margin-bottom: 5px; } }

#health-disclaimer {
  margin-bottom: 30px;
  margin-top: 30px;
  font-size: 13px;
  text-align: justify;
  line-height: 1.5;
  border-left: 2px solid #b0d71c;
  padding-left: 15px;
  font-family: "Source Sans Pro"; }

#subscribe-disclaimer {
  margin-bottom: 30px;
  margin-top: 30px;
  font-size: 13px;
  text-align: justify;
  line-height: 1.5;
  border-left: 2px solid #ffd200;
  padding-left: 15px;
  font-family: "Source Sans Pro"; }

#subscribe-disclaimer a {
  text-decoration: underline;
  color: #b0d71c; }

#newsletter-landingpage > img {
  display: block;
  margin: 20px auto 0;
  max-width: 120px; }

#newsletter-landingpage .redacted-content {
  padding: 0 15px;
  margin: 20px 0 40px;
  font-family: "Quicksand";
  font-size: 16px;
  line-height: 24px; }
  #newsletter-landingpage .redacted-content p {
    margin-bottom: 20px; }

@media screen and (min-width: 768px) {
  #newsletter-landingpage > img {
    margin: 40px auto 0;
    max-width: 100%; }
  #newsletter-landingpage .redacted-content {
    font-size: 24px;
    line-height: 36px;
    margin: 40px 0 120px; }
    #newsletter-landingpage .redacted-content p {
      margin-bottom: 40px; }
  #newsletter-landingpage #top-articles article.list-item {
    width: 31%; } }

#affiliation {
  font-family: "Quicksand";
  margin-bottom: 30px; }
  #affiliation .block {
    margin-bottom: 15px; }
  #affiliation .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px; }
  #affiliation .attribute {
    font-weight: 500;
    font-size: 20px; }
  #affiliation .price {
    font-family: "Source Sans Pro";
    font-weight: 700; }
  #affiliation .links {
    font-size: 20px; }
    #affiliation .links .far {
      font-size: 16px; }
    #affiliation .links .outlet-link {
      font-weight: 600; }
  @media screen and (min-width: 768px) {
    #affiliation {
      margin-top: 30px; } }

#shop {
  padding: 20px 20px 20px; }

#preheader {
  background-color: #ffd200;
  color: #000000;
  text-align: center;
  padding: 10px;
  font-size: 16px;
  font-family: "Source Sans Pro"; }

.shop-button {
  display: none;
  background-color: #ffd200;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 15px;
  cursor: pointer; }

.white-block {
  background-color: white;
  padding: 15px;
  margin-bottom: 15px; }

.order-step {
  font-family: "Source Sans Pro"; }
  .order-step > button {
    width: 100%;
    letter-spacing: 1px;
    background-color: #dadada;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer; }
  .order-step .form-row-component {
    clear: both; }
  .order-step .login-error {
    text-align: center;
    margin: 10px 0 15px; }
  .order-step .title {
    font-size: 16px;
    line-height: 28px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px; }
  .order-step .forgot {
    display: none;
    float: right;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 25px;
    cursor: pointer; }
  @media screen and (min-width: 768px) {
    .order-step button {
      margin-left: calc(33% + 15px);
      width: 260px; }
    .order-step.step1 .form-row-component > label {
      width: 45%; }
    .order-step.step1 .form-row-component > .helper {
      width: calc(55% - 15px);
      float: right;
      font-family: "Source Sans Pro"; }
    .order-step.step1 .form-row-component > input {
      width: calc(55% - 15px); }
    .order-step.step1 .form-row-component > .radio-options {
      width: calc(55% - 15px); }
    .order-step.step1 .form-row-component > .error-message {
      margin-left: calc(45% + 15px); }
    .order-step.step1 button {
      margin-left: calc(45% + 15px); }
    .order-step.step2 .left-labelled > input, .order-step.step2 .left-labelled > select {
      width: calc(45% - 15px); }
    .order-step.step2 .billing-block {
      margin-top: 40px;
      margin-bottom: 25px; }
      .order-step.step2 .billing-block > .radio-monoline-block {
        margin-left: calc(33% + 15px); }
    .order-step.step3 .radio-buttons > label {
      line-height: 32px; } }

#order-summary {
  font-family: "Source Sans Pro"; }
  #order-summary > .title {
    font-size: 16px;
    line-height: 28px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 13px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 35px; }
  #order-summary .action {
    font-size: 16px;
    line-height: 28px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dadada;
    cursor: pointer; }
  #order-summary .attribute-line {
    border-bottom: 1px solid #dadada;
    line-height: 35px; }
  #order-summary .total {
    font-size: 22px;
    margin-top: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px; }

#ordered-products {
  max-height: 250px;
  overflow-y: auto;
  margin-top: 35px;
  margin-bottom: 10px;
  padding-right: 15px; }
  #ordered-products .product {
    border-bottom: 1px solid #dadada;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    #ordered-products .product:last-child {
      border-bottom: none; }
    #ordered-products .product .title {
      font-size: 16px;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 15px; }
    #ordered-products .product .price {
      float: right;
      font-weight: 700; }
  #ordered-products .product-thumbnail {
    float: left;
    width: 65px;
    margin-right: 15px; }
  #ordered-products .informations {
    margin-left: 80px; }

.shop-part {
  font-family: "Source Sans Pro";
  border-bottom: 2px solid #dadada; }
  .shop-part:last-of-type {
    border-bottom: none; }
  .shop-part > .title {
    font-size: 25px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 0; }
  .shop-part > .subtitle {
    font-size: 25px;
    margin-bottom: 30px; }
  .shop-part article .print-thumbnail {
    display: block;
    width: 160px;
    margin: 0 auto 15px; }
  .shop-part article .description {
    display: block;
    margin: 0 auto 45px;
    width: 160px;
    text-align: center;
    text-transform: uppercase; }
  .shop-part article h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 10px; }
  .shop-part article .actions {
    width: 70%;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto 5px; }
    .shop-part article .actions .far {
      width: 45%;
      cursor: pointer; }
  .shop-part article .price {
    font-size: 24px;
    font-weight: 600; }
  .shop-part .cart-product .product-thumbnail {
    max-width: 80px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px; }
  .shop-part .cart-product .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px; }
  .shop-part .cart-product .controls {
    float: right; }
  .shop-part .cart-product .price {
    font-size: 26px;
    font-weight: 700;
    vertical-align: middle;
    margin-right: 10px; }
  .shop-part .cart-product .quantity {
    min-width: 45px;
    max-width: 45px;
    margin-right: 10px; }
    .shop-part .cart-product .quantity .ten-more {
      border-top: 1px solid grey; }
  .shop-part .cart-product .alternative-quantity {
    position: relative;
    display: inline-block; }
    .shop-part .cart-product .alternative-quantity .action {
      display: none;
      position: absolute;
      top: 50px;
      left: -25px;
      width: 100px;
      min-height: 20px;
      font-size: 12px; }
  .shop-part .cart-product .fa-trash {
    vertical-align: middle;
    cursor: pointer; }

#coupon-block .title {
  line-height: 28px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px; }

#coupon-block .go-back {
  line-height: 28px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 5px; }

#coupon-block .controls {
  margin-bottom: 10px; }
  #coupon-block .controls input {
    min-width: 145px;
    max-width: 145px;
    display: inline-block;
    margin-right: 10px; }
  #coupon-block .controls button {
    min-height: 40px;
    padding: 5px 15px;
    border: 1px solid grey;
    text-transform: uppercase;
    font-weight: 700; }

#cart-summary {
  font-family: "Source Sans Pro"; }
  #cart-summary > .title {
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom: 8px;
    border-bottom: 1px solid grey;
    margin-bottom: 20px; }
  #cart-summary .line {
    font-weight: 700;
    margin-bottom: 20px; }
  #cart-summary select {
    margin-bottom: 20px; }
  #cart-summary .value {
    float: right;
    color: #b0d71c; }
  #cart-summary button {
    width: 100%;
    line-height: 38px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    background-color: #ffd200;
    margin-bottom: 30px; }
  #cart-summary #order-perks {
    margin-bottom: 30px; }
    #cart-summary #order-perks .line {
      margin-bottom: 15px; }
  #cart-summary #payments-accepted {
    margin-bottom: 5px; }
    #cart-summary #payments-accepted .title {
      font-weight: 700;
      margin-bottom: 10px; }

#multimedia-subscription {
  display: block;
  width: 280px;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    #multimedia-subscription {
      width: 425px;
      float: right; } }
  @media screen and (min-width: 980px) {
    #multimedia-subscription {
      width: 600px; } }

#subscriptions {
  padding-bottom: 50px; }
  #subscriptions .title, #subscriptions .subtitle {
    font-size: 22px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 0; }
  #subscriptions .subtitle {
    color: #b0d71c;
    margin-bottom: 10px; }
  #subscriptions .shop-button {
    display: inline-block; }
  @media screen and (min-width: 768px) {
    #subscriptions {
      padding-bottom: 25px; }
      #subscriptions .title, #subscriptions .subtitle {
        font-size: 28px; } }

.available-subscriptions {
  font-family: "Source Sans Pro"; }
  .available-subscriptions header {
    font-size: 24px;
    font-weight: 900;
    margin: 0 0 30px; }
  .available-subscriptions img {
    width: 280px;
    margin-bottom: 10px; }
  .available-subscriptions article {
    margin-bottom: 45px; }
  .available-subscriptions .price {
    font-size: 54px;
    font-weight: 700; }
  .available-subscriptions .prints {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px; }
  .available-subscriptions .subscribe {
    display: inline-block;
    padding: 10px 25px;
    font-family: "Source Sans Pro";
    font-weight: 600;
    background-color: #ffd200;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer; }
  .available-subscriptions .subscription-details {
    display: none; }
  @media screen and (min-width: 768px) {
    .available-subscriptions {
      padding-top: 15px; }
      .available-subscriptions article {
        float: left;
        width: 46%; }
        .available-subscriptions article:first-child {
          margin-right: 8%; }
      .available-subscriptions img {
        width: auto;
        height: 126px; } }
  @media screen and (min-width: 980px) {
    .available-subscriptions header {
      font-size: 26px; }
    .available-subscriptions .subscription-pricing {
      float: right; }
    .available-subscriptions .subscription-details {
      display: block;
      margin-top: 20px; }
      .available-subscriptions .subscription-details li {
        border-bottom: 1px solid grey;
        padding-bottom: 15px;
        margin-bottom: 15px;
        list-style-position: inside; }
        .available-subscriptions .subscription-details li:last-of-type {
          border-bottom: none; } }

#why-subscribe h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 49px;
  padding-bottom: 25px;
  margin: 0 0 25px;
  border-bottom: 5px solid #dadada; }

#why-subscribe h2 {
  color: black;
  font-family: "Source Sans Pro";
  font-size: 30px;
  font-weight: 900;
  line-height: 32px;
  margin: 0 0 15px 40px; }
  #why-subscribe h2::before {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content: "";
    font-size: .875em;
    margin: 0 12px 0 -40px;
    color: #ffd200; }

#why-subscribe p {
  font-family: "Source Sans Pro";
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 5px solid #dadada; }

#issue-searchbar {
  font-family: "Source Sans Pro";
  margin-bottom: 30px; }
  #issue-searchbar .title {
    font-size: 24px;
    margin-bottom: 25px; }
    #issue-searchbar .title .fa-search {
      background-color: #ffd200;
      padding: 7px; }
  #issue-searchbar .form-input {
    font-size: 14px;
    font-weight: 600;
    border: 1px solid grey;
    border-width: 0 0 1px 0;
    border-radius: 5px;
    padding-left: 0;
    padding-bottom: 5px;
    height: auto;
    margin-bottom: 25px;
    color: black;
    height: 28px; }
  @media screen and (min-width: 480px) {
    #issue-searchbar .actions {
      margin-bottom: 55px; }
      #issue-searchbar .actions .form-input {
        float: left;
        min-width: auto;
        margin-bottom: 10px;
        padding: 5px 0;
        height: 38px;
        width: 45%; }
    #issue-searchbar .form-input:nth-child(2n - 1) {
      margin-right: 5%; } }
  @media screen and (min-width: 980px) {
    #issue-searchbar .actions .form-input {
      width: 14%;
      margin-right: 2%; }
    #issue-searchbar .actions .form-input:nth-child(2n - 1) {
      margin-right: 2%; } }

#issue-searchbar-search-button {
  min-height: 40px;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 5px 15px;
  border: 1px solid grey;
  text-transform: uppercase;
  font-weight: 700; }
  @media screen and (min-width: 480px) {
    #issue-searchbar-search-button {
      float: left;
      width: 45%;
      margin-bottom: 0; } }
  @media screen and (min-width: 980px) {
    #issue-searchbar-search-button {
      width: 17%;
      margin-top: 0; } }

.product-with-thumbnail {
  margin-bottom: 45px; }
  .product-with-thumbnail .description {
    font-family: "Source Sans Pro"; }
    .product-with-thumbnail .description > h2, .product-with-thumbnail .description > h3 {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 15px;
      margin-bottom: 10px; }
  .product-with-thumbnail .action {
    display: inline-block;
    border: 1px solid #000;
    font-weight: 600;
    padding: 2px 7px;
    font-size: 15px;
    text-transform: uppercase; }
  .product-with-thumbnail .price {
    float: left;
    font-size: 24px;
    line-height: 22px;
    font-weight: 700;
    margin-right: 20px; }
  .product-with-thumbnail .actions {
    float: left; }
    .product-with-thumbnail .actions .far {
      margin-right: 20px;
      font-size: 1.4em; }

@media screen and (min-width: 480px) {
  .item-wrapper .product-with-thumbnail {
    float: left;
    min-width: 250px;
    min-height: 350px;
    width: calc(48% / 2); } }

@media screen and (min-width: 768px) {
  .item-wrapper .product-with-thumbnail {
    min-width: initial;
    width: calc(705px / 4);
    margin-right: 5px; }
    .item-wrapper .product-with-thumbnail:nth-child(4n) {
      margin-right: 0; }
  .item-wrapper .print-thumbnail {
    width: 160px; } }

@media screen and (min-width: 980px) {
  .item-wrapper .product-with-thumbnail {
    width: calc(910px / 4);
    margin-right: 10px; }
  .item-wrapper .print-thumbnail {
    width: auto; } }

#product-details {
  font-family: "Source Sans Pro"; }
  #product-details .product-thumbnail {
    width: 150px;
    margin-bottom: 20px; }
  #product-details .title {
    font-size: 22px;
    margin: 0 0 25px; }
  #product-details .subtitle {
    margin-bottom: 40px;
    line-height: 28px; }
  #product-details .action-block {
    margin-bottom: 30px; }
    #product-details .action-block .far {
      float: left;
      font-size: 1.2em; }
    #product-details .action-block .pricetag {
      margin-left: 35px;
      margin-bottom: 15px; }
    #product-details .action-block .price {
      font-size: 26px;
      font-weight: 700; }
    #product-details .action-block button {
      width: 100%;
      max-width: 290px;
      font-size: 14px; }
  #product-details #summary {
    margin-top: 30px;
    border-top: 5px solid #e9e9e9;
    padding-top: 30px;
    font-family: "Quicksand"; }
    #product-details #summary h3 {
      font-size: 22px;
      font-weight: 700;
      font-family: "Quicksand";
      margin-bottom: 45px; }
      #product-details #summary h3::before {
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        display: inline-block;
        text-decoration: inherit;
        content: "";
        color: #ffd200;
        font-size: 22px;
        font-weight: 400;
        margin-right: 10px;
        letter-spacing: 2px; }
    #product-details #summary ul {
      list-style-position: inside;
      font-family: "Quicksand"; }
      #product-details #summary ul li {
        list-style-type: none; }
    #product-details #summary .redacted-content > ul > li {
      font-weight: 700;
      font-family: "Quicksand";
      letter-spacing: 1px;
      margin-bottom: 15px;
      line-height: 26px;
      font-size: 18px;
      page-break-inside: avoid; }
      #product-details #summary .redacted-content > ul > li > ul {
        font-weight: 500;
        font-family: "Source Sans Pro";
        letter-spacing: 0; }
        #product-details #summary .redacted-content > ul > li > ul > li {
          font-size: 16px;
          margin-bottom: 0; }

#order-landing {
  font-family: "Source Sans Pro";
  color: #232323;
  padding: 25px;
  line-height: 28px; }
  #order-landing #order-validation-infos {
    margin-bottom: 45px; }
  #order-landing #order-validation-products .title {
    border-bottom: 1px solid #dadada;
    padding-bottom: 7px; }
  #order-landing .title {
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px; }
    #order-landing .title i {
      margin-right: 5px; }
    #order-landing .title.success {
      color: #00b265; }
    #order-landing .title.fail {
      color: #f10000; }
  #order-landing .part {
    margin-bottom: 20px; }
  #order-landing .order-processing-response {
    font-weight: 700; }
  #order-landing .transfer-attribute {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px; }
    #order-landing .transfer-attribute > .label {
      color: #00b265;
      font-size: 14px; }
  #order-landing .address {
    font-style: normal; }
  #order-landing .order-price {
    font-weight: 700;
    text-transform: uppercase;
    color: #00b265;
    font-size: 14px; }
    #order-landing .order-price .value {
      color: #232323; }
  #order-landing button {
    color: white;
    background-color: black;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 5px 25px; }

#landing-page {
  font-family: "Source Sans Pro";
  color: #333333; }
  #landing-page .legal {
    margin-bottom: 16px; }
  #landing-page #logo {
    float: left;
    width: 105px;
    height: 90px; }
  #landing-page > header > .title {
    font-size: 30px;
    font-weight: 700;
    font-family: "Quicksand";
    font-style: italic;
    margin-left: 105px;
    padding-left: 15px;
    min-height: 90px;
    line-height: 36px;
    padding-top: 10px; }
  #landing-page section {
    margin-bottom: 35px; }
  #landing-page #landing-illustration {
    box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.17);
    margin-bottom: 15px;
    background-color: #e9e9e9; }
    #landing-page #landing-illustration .responsive {
      display: block;
      margin: 0 auto; }
    #landing-page #landing-illustration .desktop {
      display: none; }
  #landing-page #landing-products {
    display: none; }
    #landing-page #landing-products .products {
      padding: 30px 0 15px; }
    @media screen and (min-width: 980px) {
      #landing-page #landing-products {
        display: block; } }
  #landing-page #landing-focus {
    font-family: "Source Sans Pro"; }
    #landing-page #landing-focus .focus-illustration {
      display: block;
      margin: 0 auto;
      box-shadow: 0px 1px 7px 3px rgba(0, 0, 0, 0.17); }
    #landing-page #landing-focus .focus-description {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    #landing-page #landing-focus .focuses .row {
      padding: 35px 15px;
      border-top: 1px solid #e9e9e9; }
      #landing-page #landing-focus .focuses .row:first-child {
        border-top: none;
        padding-top: 10px; }
    #landing-page #landing-focus h3 {
      font-size: 22px;
      line-height: 24px;
      font-weight: 700;
      margin-bottom: 10px; }
    #landing-page #landing-focus p {
      font-size: 16px;
      line-height: 24px;
      text-align: justify; }
  #landing-page #landing-perks .perks {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin-bottom: 15px; }
  #landing-page #landing-perks .perk {
    text-align: center;
    width: 190px;
    font-family: "Source Sans Pro";
    padding: 15px 10px 25px; }
  #landing-page #landing-perks .icon {
    margin-bottom: 15px; }
  #landing-page #landing-perks .title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
    color: #b0d71c;
    letter-spacing: 1px; }
  #landing-page #landing-perks .description {
    font-size: 14px; }
  #landing-page #landing-connection, #landing-page #landing-payment {
    margin: 25px 0px; }
  #landing-page #landing-payment .radio-option {
    display: block; }
  #landing-page .form-row-component {
    color: #333333; }
    #landing-page .form-row-component input[type="text"], #landing-page .form-row-component input[type="email"], #landing-page .form-row-component input[type="password"], #landing-page .form-row-component select {
      min-width: initial;
      width: 100%; }
    #landing-page .form-row-component label {
      font-size: 17px;
      font-family: "Source Sans Pro";
      font-weight: 400; }
    #landing-page .form-row-component .radio-option {
      margin-bottom: 10px;
      line-height: 25px; }
      #landing-page .form-row-component .radio-option b {
        text-transform: uppercase;
        font-weight: 700; }
  #landing-page .lined-title {
    overflow: hidden;
    font-weight: 900;
    text-align: center;
    color: #b0d71c;
    text-transform: uppercase;
    font-family: "Source Sans Pro";
    overflow: hidden;
    width: 100%;
    font-size: 34px;
    font-weight: 900;
    margin: 0 auto 30px; }
    #landing-page .lined-title::before, #landing-page .lined-title::after {
      content: "";
      display: inline-block;
      width: 50%;
      margin: 0 .5em 0 -55%;
      vertical-align: middle;
      border-bottom: 2px solid #b0d71c; }
    #landing-page .lined-title::after {
      margin: 0 -55% 0 .5em; }
  #landing-page .payment-section {
    border: 1px solid #E9E9E9;
    border-radius: 8px;
    padding: 25px 15px;
    margin: 30px 0px; }
    #landing-page .payment-section > div:first-child {
      text-transform: uppercase;
      margin-bottom: 8px;
      font-size: 20px;
      font-weight: 600; }
    #landing-page .payment-section .label {
      font-weight: 600;
      margin-top: 8px; }
    #landing-page .payment-section input[type="submit"] {
      border-radius: 3px;
      text-transform: uppercase;
      padding: 10px 25px;
      background-color: #b0d71c;
      border: none;
      color: #ffffff;
      margin-top: 8px; }
  #landing-page #order-recap {
    text-align: center;
    line-height: 1.7;
    font-size: 18px; }
    #landing-page #order-recap > div:first-child {
      font-weight: 600; }
  #landing-page #landing-connect {
    margin-top: 15px; }
  #landing-page #landing-connect, #landing-page #validate-order {
    font-size: 22px;
    padding: 13px 40px;
    border-radius: 5px;
    text-transform: uppercase;
    float: right; }
    #landing-page #landing-connect .fa-triangle, #landing-page #validate-order .fa-triangle {
      padding: 0 .4em;
      font-size: .6em;
      vertical-align: top;
      line-height: 28px; }
  #landing-page .privacy-link {
    color: #b0d71c;
    display: block;
    margin-bottom: 30px;
    float: left;
    line-height: 54px; }
  #landing-page footer {
    clear: both; }
    #landing-page footer .legal {
      text-align: center;
      font-size: 12px;
      line-height: 17px;
      color: #666666; }
  @media screen and (min-width: 768px) {
    #landing-page {
      margin: 0 auto;
      max-width: 720px; }
      #landing-page .form-row-component.left-labelled > label {
        width: 25%; }
      #landing-page .form-row-component.left-labelled input[type="text"], #landing-page .form-row-component.left-labelled input[type="email"], #landing-page .form-row-component.left-labelled input[type="password"], #landing-page .form-row-component.left-labelled select {
        min-width: initial;
        width: 65%; }
      #landing-page .form-row-component.left-labelled .error-message, #landing-page .form-row-component.left-labelled .helper {
        display: block;
        clear: both;
        width: 65%;
        margin-left: 27%;
        padding-top: 5px; } }
  @media screen and (min-width: 980px) {
    #landing-page {
      max-width: 940px; }
      #landing-page #logo {
        width: auto;
        height: auto; }
      #landing-page header > .title {
        font-size: 46px;
        margin-left: 140px;
        line-height: 120px;
        height: 120px;
        text-align: center;
        padding: 0; }
      #landing-page #landing-illustration .responsive {
        display: none; }
      #landing-page #landing-illustration .desktop {
        display: block; } }

#account {
  padding: 0 20px 20px; }
  #account > section {
    font-family: "Source Sans Pro"; }
    #account > section > .title {
      margin-bottom: 25px;
      text-transform: uppercase;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 1px; }
      #account > section > .title > i {
        margin-right: 5px; }

.default-block {
  padding: 15px;
  margin-bottom: 15px; }
  .default-block.white-bg {
    background-color: white; }
  .default-block.black-bg {
    color: white;
    background-color: black; }
  .default-block.bordered {
    border: 1px solid #ffd200;
    line-height: 20px; }
    .default-block.bordered > i:first-child {
      margin-right: 7px;
      font-size: 1.5em; }

#account-greetings {
  display: none;
  font-size: 18px;
  line-height: 22px; }

#account-menu nav {
  margin-bottom: 15px; }
  #account-menu nav .title {
    display: none; }
  #account-menu nav .far {
    float: left;
    font-size: 1.4em;
    text-align: center;
    cursor: pointer; }
  #account-menu nav li {
    list-style-type: none; }
    #account-menu nav li.selected {
      color: #b0d71c; }
    #account-menu nav li a {
      display: block; }
      #account-menu nav li a > span {
        display: none; }
      @media screen and (min-width: 768px) {
        #account-menu nav li a > .fa-book-open {
          margin-top: 9px; } }

#my-informations .subtitle {
  margin-bottom: 30px; }

#my-informations .default-button {
  font-size: 14px; }

#account-mainnav {
  display: block;
  width: 66%;
  float: left;
  padding: 15px 0; }
  #account-mainnav .far {
    width: 25%; }

#account-helpnav {
  display: block;
  width: 33%;
  float: left;
  padding: 15px 0; }
  #account-helpnav .far {
    width: 50%; }

#account-subscribe {
  display: none; }
  #account-subscribe > .title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px; }
  #account-subscribe > .subtitle {
    margin-bottom: 15px; }
  #account-subscribe .pricing {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
    display: block; }
  #account-subscribe > img {
    margin-bottom: 15px; }
  #account-subscribe .default-button {
    width: 100%;
    margin-bottom: 0; }

#faq-container article {
  cursor: pointer; }

#faq-container article > h3 {
  position: relative;
  padding: 10px 0 10px 25px;
  border-top: 1px solid #dadada;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase; }
  #faq-container article > h3 > i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #a6a6a6; }

#faq-container article > p {
  display: none;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 0 10px; }

#faq-container article:first-of-type > h3 {
  border-top: none; }

#any-question {
  margin-top: 15px; }
  #any-question ul {
    margin-top: 15px;
    list-style-position: inside;
    font-weight: 700;
    font-size: 14px; }

#account #account-previous-orders > .title, #account #account-my-subscription > .title {
  margin-bottom: 15px; }

#account-previous-orders .order-content-block {
  background-color: white;
  padding: 15px; }
  @media screen and (min-width: 768px) {
    #account-previous-orders .order-content-block {
      padding: 25px; } }

#account-my-downloads .downloadable-item {
  background-color: white;
  padding: 15px;
  margin-bottom: 15px; }
  #account-my-downloads .downloadable-item .thumbnail {
    margin-right: 15px; }
  #account-my-downloads .downloadable-item .title {
    line-height: 50px;
    font-size: 18px;
    vertical-align: top; }
  #account-my-downloads .downloadable-item .fa-download {
    font-size: 1.8em;
    line-height: 50px; }
    #account-my-downloads .downloadable-item .fa-download:hover {
      font-size: 2em; }

#account-my-subscription {
  padding: 0; }
  #account-my-subscription #link-your-subscription > .how-to {
    font-weight: 700;
    margin-bottom: 20px; }
  #account-my-subscription #link-your-subscription > .text {
    margin-bottom: 30px; }

#activate-existing-subscription .subtitle {
  font-weight: 700;
  margin-bottom: 25px; }

#subscription-informations .user-information {
  margin-bottom: 30px; }

#subscription-informations .user-address {
  font-weight: 700;
  font-size: 16px; }
  #subscription-informations .user-address .title {
    text-decoration: underline;
    text-transform: uppercase; }

#my-digital-library #issue-searchbar #issue-searchbar-search-button {
  background-color: #ffd200;
  border: 0; }
  #my-digital-library #issue-searchbar #issue-searchbar-search-button .label {
    padding: 0 2px;
    font-size: 19px;
    letter-spacing: 1px;
    font-weight: 700; }
  #my-digital-library #issue-searchbar #issue-searchbar-search-button .fa-search {
    display: none;
    font-size: 24px; }

@media screen and (min-width: 480px) {
  #my-digital-library #issue-searchbar .actions {
    margin-bottom: 45px; }
  #my-digital-library #issue-searchbar .form-input {
    margin-right: 0; }
  #my-digital-library #issue-searchbar .form-input:nth-child(2n - 1) {
    margin-right: 5%; }
  #my-digital-library #issue-searchbar #issue-searchbar-search-button {
    margin-top: 0; } }

@media screen and (min-width: 768px) {
  #account .default-block {
    padding: 25px; }
  #account-menu {
    float: left;
    width: 220px;
    font-family: "Source Sans Pro"; }
    #account-menu nav {
      margin-bottom: 0; }
      #account-menu nav .title {
        display: block;
        margin-bottom: 25px;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase; }
      #account-menu nav .far {
        font-size: 1.3em;
        line-height: 16px; }
      #account-menu nav li:last-child a > span {
        border-bottom: none;
        margin-bottom: 0; }
      #account-menu nav li a > span {
        display: block;
        padding-bottom: 18px;
        margin-bottom: 18px;
        margin-left: 40px;
        border-bottom: 1px solid #dadada;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px; }
  #account-greetings {
    display: block; }
  #account #account-mainnav, #account #account-helpnav {
    display: block;
    width: 100%;
    float: none; }
    #account #account-mainnav.default-block, #account #account-helpnav.default-block {
      padding: 25px 0 25px 25px; }
    #account #account-mainnav .far, #account #account-helpnav .far {
      width: auto;
      margin-right: 15px; }
  #account > section {
    float: right;
    width: calc(100% - 235px); }
    #account > section > .title {
      margin-bottom: 30px; }
  #account-subscribe {
    display: block; }
  #my-digital-library .product-thumbnail {
    width: calc(385px / 2); } }

@media screen and (min-width: 980px) {
  #my-digital-library #issue-searchbar .form-input {
    margin-right: 15px; }
  #my-digital-library #issue-searchbar .form-input:nth-child(2n - 1) {
    margin-right: 15px; }
  #my-digital-library #issue-searchbar #issue-search-keyword-filter {
    width: 20%; }
  #my-digital-library #issue-searchbar #issue-search-number-filter {
    width: 10%; }
  #my-digital-library #issue-searchbar #issue-search-month-filter {
    width: 16%; }
  #my-digital-library #issue-searchbar #issue-search-year-filter {
    width: 10%; }
  #my-digital-library #issue-searchbar #issue-search-theme-filter {
    width: 20%; }
  #my-digital-library #issue-searchbar #issue-searchbar-search-button {
    width: auto;
    padding: 2px 7px; }
    #my-digital-library #issue-searchbar #issue-searchbar-search-button .label {
      display: none; }
    #my-digital-library #issue-searchbar #issue-searchbar-search-button .fa-search {
      display: inline-block; }
  #my-digital-library #fetched-issues .product-with-thumbnail {
    width: calc(585px / 3); }
    #my-digital-library #fetched-issues .product-with-thumbnail:nth-child(3n) {
      margin-right: 0; }
    #my-digital-library #fetched-issues .product-with-thumbnail:nth-child(4n) {
      margin-right: initial; } }

body > footer, #contentWrapper > footer {
  background-color: white; }

#subscribe-bottom {
  background-color: #fbf5ef;
  padding: 25px 0;
  text-align: center; }
  #subscribe-bottom .header.tagline {
    font-family: "Source Sans Pro";
    font-size: 38px;
    font-weight: 700;
    margin: 0 15px 20px; }
  #subscribe-bottom #promoted-last-edition {
    position: relative;
    width: 235px;
    margin: 0 auto 15px;
    text-align: left; }
  #subscribe-bottom #print-frontpage {
    position: relative;
    width: 110px;
    height: 135px; }
  #subscribe-bottom #tablet-frontpage {
    box-sizing: content-box;
    position: absolute;
    z-index: 1;
    border: 10px solid black;
    border-radius: 7px;
    width: 75px;
    height: 90px;
    left: 75px;
    top: 26px; }
  #subscribe-bottom #white-sticker-button {
    position: absolute;
    left: 120px;
    border-radius: 50%;
    border: 3px solid white;
    top: 128px;
    display: inline-block;
    z-index: 2; }
  #subscribe-bottom .sticker {
    position: absolute;
    font-family: "Source Sans Pro";
    background-color: #b0d71c;
    color: white;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    left: 155px;
    top: 55px;
    z-index: 2;
    text-align: center;
    padding-top: 20px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600; }
    #subscribe-bottom .sticker .price {
      font-family: "Source Sans Pro";
      font-size: 22px;
      font-weight: 700; }
      #subscribe-bottom .sticker .price .currency {
        font-size: 12px;
        vertical-align: super; }
  #subscribe-bottom .read-online {
    display: inline-block;
    color: #b0d71c;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 700;
    font-style: italic; }

#newsletter-socials {
  background-color: black;
  color: white;
  padding: 30px 0; }
  #newsletter-socials #socials {
    text-align: center;
    margin-bottom: 15px; }
    #newsletter-socials #socials a {
      text-decoration: none; }
    #newsletter-socials #socials .fa-stack {
      font-size: 1.7em; }
    #newsletter-socials #socials .fa-circle {
      color: white; }
    #newsletter-socials #socials .social-icon {
      color: black;
      font-size: 1.2em; }
  #newsletter-socials #newsletter {
    text-align: center;
    line-height: 28px;
    font-family: "Source Sans Pro";
    font-size: 14px; }
    #newsletter-socials #newsletter .title {
      font-size: 23px;
      margin-bottom: 10px;
      padding: 0 20px;
      font-weight: 600;
      line-height: 25px; }
    #newsletter-socials #newsletter .subtitle {
      font-style: italic;
      font-weight: 500;
      margin-bottom: 15px;
      padding: 0 20px;
      line-height: 24px; }
    #newsletter-socials #newsletter .email {
      min-width: 200px; }
    #newsletter-socials #newsletter .optin_cgu {
      color: #dadada;
      padding: 0 20px;
      margin-top: 15px; }
    @media screen and (min-width: 768px) {
      #newsletter-socials #newsletter {
        padding: 0; } }

#modules {
  padding-top: 30px; }
  #modules .component-title {
    font-size: 20px; }
  #modules #first-diaporama-article article.list-item .content .title, #modules #last-articles article.list-item .content .title, #modules #our-partners article.list-item .content .title {
    font-size: 16px; }
  #modules #first-diaporama-article article.list-item .content .category, #modules #last-articles article.list-item .content .category, #modules #our-partners article.list-item .content .category {
    font-size: 14px; }

#internal-links {
  border-top: 1px solid #b0d71c;
  font-family: "Source Sans Pro";
  color: #a6a6a6;
  padding: 15px;
  margin: 0 20px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; }
  #internal-links .separator {
    margin: 0 5px; }
  #internal-links a {
    font-size: 12px; }
  @media screen and (min-width: 768px) {
    #internal-links a {
      font-size: 16px; }
    #internal-links .separator {
      margin: 0 10px; } }

.ox_banner > a > img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  height: auto; }

#sponsored-skin {
  display: none; }
  #sponsored-skin > .ox_banner > a > img {
    max-width: initial; }

#ad-skin-separator {
  display: none; }

@media screen and (min-width: 1200px) {
  #skin-wrapper.hasSponsoredSkin {
    width: 980px;
    position: relative;
    margin: 0 auto; }
  #main-header.hasSponsoredSkin {
    left: 0; }
  #sponsored-skin {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
  #ad-skin-separator {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 150px;
    width: 1000px; }
  #main-header.initial.hasSponsoredSkin {
    width: 980px;
    margin: 160px auto 0; }
    #main-header.initial.hasSponsoredSkin > #main-menu {
      width: 980px;
      margin: 0 auto; }
  #main-header.hasSponsoredSkin + main > #receive-my-free-dossier {
    width: 980px;
    margin: 0 auto; } }

#intertitial {
  display: none; }
  #intertitial.loaded {
    display: block;
    position: fixed;
    z-index: 1300;
    top: 50%;
    transform: translateY(-50%); }
  #intertitial .close-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid;
    line-height: 38px; }

#article-advert-masthead img {
  margin-bottom: 20px; }

#article-advert-column {
  margin-bottom: 45px;
  margin-left: calc((100% - 300px) / 2); }
  @media screen and (min-width: 360px) {
    #article-advert-column {
      margin-left: 0; } }

.marketing-top-banner {
  width: 100%;
  text-align: center;
  padding: 5px 0;
  background-color: #ffd200;
  color: black;
  font-family: "Source Sans Pro";
  box-shadow: 0 5px 5px -5px #555;
  font-size: 14px; }

@media screen and (min-width: 768px) {
  .marketing-popin-container .modal-dialog {
    max-width: 600px; } }

.marketing-popin-container .modal-body {
  padding: 0px; }

.marketing-popin-container .marketing-popin {
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 10px 15px;
  border: 10px solid white; }
  @media screen and (min-width: 768px) {
    .marketing-popin-container .marketing-popin {
      width: 600px;
      padding: 50px 65px; } }
  .marketing-popin-container .marketing-popin > div {
    padding: 35px;
    background-color: #ffffff;
    min-height: 320px;
    text-align: center;
    font-family: "Source Serif Pro"; }
  .marketing-popin-container .marketing-popin .marketing-popin-title {
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 30px;
    color: #fb4f4f;
    font-weight: 700; }
  .marketing-popin-container .marketing-popin .marketing-popin-subtitle {
    font-size: 18px;
    line-height: 22px; }

body {
  color: #232323; }

@media screen and (min-width: 480px) {
  #sitemap .subitem {
    width: 50%; }
  .shop-part .item-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
  .shop-part article {
    width: 160px; }
  #search .fetched-product {
    width: 40%;
    float: left;
    margin-right: 20%; }
    #search .fetched-product:nth-child(2n) {
      margin-right: 0; }
    #search .fetched-product .print-thumbnail {
      margin: 0;
      width: 100%; }
    #search .fetched-product .description {
      margin: 10px 0 0;
      width: 100%;
      text-align: left; }
      #search .fetched-product .description .title {
        margin: 0;
        font-size: 14px; }
      #search .fetched-product .description .actions {
        display: inline-block;
        font-size: 14px; }
        #search .fetched-product .description .actions .far {
          width: auto;
          margin-right: 2px; }
      #search .fetched-product .description .price {
        display: inline-block;
        font-size: 18px; } }

@media screen and (min-width: 580px) {
  #search .fetched-product {
    width: calc(90% / 3);
    margin-right: 5%; }
    #search .fetched-product:nth-child(2n) {
      margin-right: 5%; }
    #search .fetched-product:nth-child(3n) {
      margin-right: 0; } }

@media screen and (min-width: 650px) {
  #sitemap .subitem {
    width: 33%; } }

@media screen and (max-width: 767px) {
  #first-diaporama-article > header {
    margin-bottom: 10px; }
  #first-diaporama-article article.unique .content .category {
    font-size: 16px; }
  #first-diaporama-article article.unique .content .title {
    font-weight: 600;
    line-height: 24px; } }

@media screen and (min-width: 768px) {
  .wrapped {
    margin: 0 auto;
    max-width: 720px; }
  main > .wrapped {
    padding: 30px 0; }
  .padded {
    padding: 0; }
  .default-page {
    padding: 0; }
    .default-page .title {
      font-size: 40px; }
  #contact-us, #share-article form {
    max-width: 600px; }
    #contact-us input[name="firstname"], #contact-us input[name="lastname"], #contact-us input[name="email"], #contact-us input[name="sender"], #share-article form input[name="firstname"], #share-article form input[name="lastname"], #share-article form input[name="email"], #share-article form input[name="sender"] {
      width: 60%; }
    #contact-us input[name="title"], #contact-us input[name="body"], #share-article form input[name="title"], #share-article form input[name="body"] {
      width: 100%; }
  #front-page-articles, #top-articles,
  .promoted-articles,
  #first-diaporama-article,
  #last-articles,
  #our-partners,
  #receive-my-free-dossier,
  #dossier-articles {
    padding: 0; }
  #front-page-articles .component-title,
  #top-articles .component-title,
  .promoted-articles .component-title,
  #first-diaporama-article .component-title,
  #last-articles .component-title,
  #our-partners .component-title,
  #address-book .component-title,
  #most-read-articles .component-title,
  #linked-articles .component-title,
  #liked-this-article .component-title,
  #suggested-products .component-title,
  #comment .component-title,
  #dossier-articles .component-title {
    font-size: 34px; }
    #front-page-articles .component-title.lined::before, #front-page-articles .component-title.lined::after,
    #top-articles .component-title.lined::before,
    #top-articles .component-title.lined::after,
    .promoted-articles .component-title.lined::before,
    .promoted-articles .component-title.lined::after,
    #first-diaporama-article .component-title.lined::before,
    #first-diaporama-article .component-title.lined::after,
    #last-articles .component-title.lined::before,
    #last-articles .component-title.lined::after,
    #our-partners .component-title.lined::before,
    #our-partners .component-title.lined::after,
    #address-book .component-title.lined::before,
    #address-book .component-title.lined::after,
    #most-read-articles .component-title.lined::before,
    #most-read-articles .component-title.lined::after,
    #linked-articles .component-title.lined::before,
    #linked-articles .component-title.lined::after,
    #liked-this-article .component-title.lined::before,
    #liked-this-article .component-title.lined::after,
    #suggested-products .component-title.lined::before,
    #suggested-products .component-title.lined::after,
    #comment .component-title.lined::before,
    #comment .component-title.lined::after,
    #dossier-articles .component-title.lined::before,
    #dossier-articles .component-title.lined::after {
      border-bottom-width: 2px; }
  #front-page-articles article.unique .thumbnail,
  #top-articles article.unique .thumbnail,
  .promoted-articles article.unique .thumbnail,
  #first-diaporama-article article.unique .thumbnail,
  #last-articles article.unique .thumbnail,
  #our-partners article.unique .thumbnail,
  #address-book article.unique .thumbnail,
  #most-read-articles article.unique .thumbnail,
  #linked-articles article.unique .thumbnail,
  #liked-this-article article.unique .thumbnail,
  #suggested-products article.unique .thumbnail,
  #comment article.unique .thumbnail,
  #dossier-articles article.unique .thumbnail {
    width: 100%; }
    #front-page-articles article.unique .thumbnail + .inset,
    #top-articles article.unique .thumbnail + .inset,
    .promoted-articles article.unique .thumbnail + .inset,
    #first-diaporama-article article.unique .thumbnail + .inset,
    #last-articles article.unique .thumbnail + .inset,
    #our-partners article.unique .thumbnail + .inset,
    #address-book article.unique .thumbnail + .inset,
    #most-read-articles article.unique .thumbnail + .inset,
    #linked-articles article.unique .thumbnail + .inset,
    #liked-this-article article.unique .thumbnail + .inset,
    #suggested-products article.unique .thumbnail + .inset,
    #comment article.unique .thumbnail + .inset,
    #dossier-articles article.unique .thumbnail + .inset {
      display: inline-block;
      top: auto;
      bottom: 0;
      font-size: 12px;
      line-height: 20px;
      z-index: 1; }
  #front-page-articles article.unique .content .category,
  #top-articles article.unique .content .category,
  .promoted-articles article.unique .content .category,
  #first-diaporama-article article.unique .content .category,
  #last-articles article.unique .content .category,
  #our-partners article.unique .content .category,
  #address-book article.unique .content .category,
  #most-read-articles article.unique .content .category,
  #linked-articles article.unique .content .category,
  #liked-this-article article.unique .content .category,
  #suggested-products article.unique .content .category,
  #comment article.unique .content .category,
  #dossier-articles article.unique .content .category {
    font-size: 18px;
    line-height: 26px; }
  #front-page-articles article.unique .content .publication,
  #top-articles article.unique .content .publication,
  .promoted-articles article.unique .content .publication,
  #first-diaporama-article article.unique .content .publication,
  #last-articles article.unique .content .publication,
  #our-partners article.unique .content .publication,
  #address-book article.unique .content .publication,
  #most-read-articles article.unique .content .publication,
  #linked-articles article.unique .content .publication,
  #liked-this-article article.unique .content .publication,
  #suggested-products article.unique .content .publication,
  #comment article.unique .content .publication,
  #dossier-articles article.unique .content .publication {
    margin-bottom: 2px;
    display: inline-block;
    letter-spacing: 2px; }
  #front-page-articles article.unique .content .title,
  #top-articles article.unique .content .title,
  .promoted-articles article.unique .content .title,
  #first-diaporama-article article.unique .content .title,
  #last-articles article.unique .content .title,
  #our-partners article.unique .content .title,
  #address-book article.unique .content .title,
  #most-read-articles article.unique .content .title,
  #linked-articles article.unique .content .title,
  #liked-this-article article.unique .content .title,
  #suggested-products article.unique .content .title,
  #comment article.unique .content .title,
  #dossier-articles article.unique .content .title {
    font-size: 20px;
    line-height: 28px; }
  #front-page-articles article.unique .content .subtitle,
  #top-articles article.unique .content .subtitle,
  .promoted-articles article.unique .content .subtitle,
  #first-diaporama-article article.unique .content .subtitle,
  #last-articles article.unique .content .subtitle,
  #our-partners article.unique .content .subtitle,
  #address-book article.unique .content .subtitle,
  #most-read-articles article.unique .content .subtitle,
  #linked-articles article.unique .content .subtitle,
  #liked-this-article article.unique .content .subtitle,
  #suggested-products article.unique .content .subtitle,
  #comment article.unique .content .subtitle,
  #dossier-articles article.unique .content .subtitle {
    font-size: 16px; }
  #front-page-articles article.list-item .thumbnail,
  #top-articles article.list-item .thumbnail,
  .promoted-articles article.list-item .thumbnail,
  #first-diaporama-article article.list-item .thumbnail,
  #last-articles article.list-item .thumbnail,
  #our-partners article.list-item .thumbnail,
  #address-book article.list-item .thumbnail,
  #most-read-articles article.list-item .thumbnail,
  #linked-articles article.list-item .thumbnail,
  #liked-this-article article.list-item .thumbnail,
  #suggested-products article.list-item .thumbnail,
  #comment article.list-item .thumbnail,
  #dossier-articles article.list-item .thumbnail {
    width: 100%; }
    #front-page-articles article.list-item .thumbnail + .inset,
    #top-articles article.list-item .thumbnail + .inset,
    .promoted-articles article.list-item .thumbnail + .inset,
    #first-diaporama-article article.list-item .thumbnail + .inset,
    #last-articles article.list-item .thumbnail + .inset,
    #our-partners article.list-item .thumbnail + .inset,
    #address-book article.list-item .thumbnail + .inset,
    #most-read-articles article.list-item .thumbnail + .inset,
    #linked-articles article.list-item .thumbnail + .inset,
    #liked-this-article article.list-item .thumbnail + .inset,
    #suggested-products article.list-item .thumbnail + .inset,
    #comment article.list-item .thumbnail + .inset,
    #dossier-articles article.list-item .thumbnail + .inset {
      display: inline-block;
      top: auto;
      bottom: 0;
      font-size: 12px;
      line-height: 20px; }
  #front-page-articles article.list-item > aside + .content,
  #top-articles article.list-item > aside + .content,
  .promoted-articles article.list-item > aside + .content,
  #first-diaporama-article article.list-item > aside + .content,
  #last-articles article.list-item > aside + .content,
  #our-partners article.list-item > aside + .content,
  #address-book article.list-item > aside + .content,
  #most-read-articles article.list-item > aside + .content,
  #linked-articles article.list-item > aside + .content,
  #liked-this-article article.list-item > aside + .content,
  #suggested-products article.list-item > aside + .content,
  #comment article.list-item > aside + .content,
  #dossier-articles article.list-item > aside + .content {
    margin-left: 0; }
  #front-page-articles article.list-item .content,
  #top-articles article.list-item .content,
  .promoted-articles article.list-item .content,
  #first-diaporama-article article.list-item .content,
  #last-articles article.list-item .content,
  #our-partners article.list-item .content,
  #address-book article.list-item .content,
  #most-read-articles article.list-item .content,
  #linked-articles article.list-item .content,
  #liked-this-article article.list-item .content,
  #suggested-products article.list-item .content,
  #comment article.list-item .content,
  #dossier-articles article.list-item .content {
    margin-left: 0; }
    #front-page-articles article.list-item .content .title,
    #top-articles article.list-item .content .title,
    .promoted-articles article.list-item .content .title,
    #first-diaporama-article article.list-item .content .title,
    #last-articles article.list-item .content .title,
    #our-partners article.list-item .content .title,
    #address-book article.list-item .content .title,
    #most-read-articles article.list-item .content .title,
    #linked-articles article.list-item .content .title,
    #liked-this-article article.list-item .content .title,
    #suggested-products article.list-item .content .title,
    #comment article.list-item .content .title,
    #dossier-articles article.list-item .content .title {
      font-size: 18px;
      font-weight: 700;
      line-height: 22px; }
    #front-page-articles article.list-item .content .category, #front-page-articles article.list-item .content .publication,
    #top-articles article.list-item .content .category,
    #top-articles article.list-item .content .publication,
    .promoted-articles article.list-item .content .category,
    .promoted-articles article.list-item .content .publication,
    #first-diaporama-article article.list-item .content .category,
    #first-diaporama-article article.list-item .content .publication,
    #last-articles article.list-item .content .category,
    #last-articles article.list-item .content .publication,
    #our-partners article.list-item .content .category,
    #our-partners article.list-item .content .publication,
    #address-book article.list-item .content .category,
    #address-book article.list-item .content .publication,
    #most-read-articles article.list-item .content .category,
    #most-read-articles article.list-item .content .publication,
    #linked-articles article.list-item .content .category,
    #linked-articles article.list-item .content .publication,
    #liked-this-article article.list-item .content .category,
    #liked-this-article article.list-item .content .publication,
    #suggested-products article.list-item .content .category,
    #suggested-products article.list-item .content .publication,
    #comment article.list-item .content .category,
    #comment article.list-item .content .publication,
    #dossier-articles article.list-item .content .category,
    #dossier-articles article.list-item .content .publication {
      font-size: 14px;
      font-weight: 600; }
    #front-page-articles article.list-item .content .category,
    #top-articles article.list-item .content .category,
    .promoted-articles article.list-item .content .category,
    #first-diaporama-article article.list-item .content .category,
    #last-articles article.list-item .content .category,
    #our-partners article.list-item .content .category,
    #address-book article.list-item .content .category,
    #most-read-articles article.list-item .content .category,
    #linked-articles article.list-item .content .category,
    #liked-this-article article.list-item .content .category,
    #suggested-products article.list-item .content .category,
    #comment article.list-item .content .category,
    #dossier-articles article.list-item .content .category {
      margin-bottom: 2px; }
    #front-page-articles article.list-item .content .publication,
    #top-articles article.list-item .content .publication,
    .promoted-articles article.list-item .content .publication,
    #first-diaporama-article article.list-item .content .publication,
    #last-articles article.list-item .content .publication,
    #our-partners article.list-item .content .publication,
    #address-book article.list-item .content .publication,
    #most-read-articles article.list-item .content .publication,
    #linked-articles article.list-item .content .publication,
    #liked-this-article article.list-item .content .publication,
    #suggested-products article.list-item .content .publication,
    #comment article.list-item .content .publication,
    #dossier-articles article.list-item .content .publication {
      display: inline-block;
      margin-bottom: 2px;
      letter-spacing: 1px; }
  #main-menu {
    width: 330px; }
  #front-page-articles {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px; }
    #front-page-articles article.list-item {
      display: block;
      width: 31%; }
      #front-page-articles article.list-item .thumbnail + .inset {
        top: 0;
        bottom: auto;
        font-size: 16px;
        line-height: 24px; }
      #front-page-articles article.list-item .content {
        position: relative;
        text-align: center;
        align-items: center; }
        #front-page-articles article.list-item .content .category {
          position: absolute;
          margin: 0 auto;
          padding: 8px 12px;
          background-color: white;
          top: -10px;
          min-width: 82%; }
        #front-page-articles article.list-item .content .title {
          margin-top: 25px;
          padding: 0 10%; }
  #top-articles .articles {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px; }
  #top-articles article.list-item {
    display: block;
    width: 22%; }
    #top-articles article.list-item .content {
      margin-top: 10px;
      padding-left: 0; }
      #top-articles article.list-item .content .category {
        margin-bottom: 2px; }
  .article.product .right-col {
    margin-bottom: 45px; }
  #linked-articles .articles-container, #suggested-products .articles-container {
    display: flex; }
  #linked-articles article.list-item, #suggested-products article.list-item {
    display: block;
    width: calc(96% / 3);
    margin-right: 2%; }
    #linked-articles article.list-item:last-of-type, #suggested-products article.list-item:last-of-type {
      margin-right: 0; }
  #linked-articles .content, #suggested-products .content {
    margin-top: 10px; }
    #linked-articles .content .category, #suggested-products .content .category {
      width: 100%; }
    #linked-articles .content .title, #suggested-products .content .title {
      font-size: 18px; }
  .promoted-articles .promoted {
    width: 57%;
    float: left;
    margin-bottom: 45px; }
    .promoted-articles .promoted article.list-item {
      display: block; }
      .promoted-articles .promoted article.list-item .inset {
        font-size: 16px;
        line-height: 25px;
        padding: 0px 15px; }
      .promoted-articles .promoted article.list-item .title {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 15px; }
      .promoted-articles .promoted article.list-item .thumbnail {
        margin-bottom: 15px; }
      .promoted-articles .promoted article.list-item .content {
        display: block;
        font-size: 18px; }
      .promoted-articles .promoted article.list-item .category {
        display: inline-block;
        margin: 0 5px 10px 0;
        letter-spacing: 1px; }
      .promoted-articles .promoted article.list-item .chapo {
        display: block;
        font-weight: 300;
        line-height: 28px; }
  .promoted-articles .list {
    margin-left: 60%; }
    .promoted-articles .list article.list-item aside {
      width: 50%; }
    .promoted-articles .list article.list-item .content {
      margin-left: 20px;
      width: 45%;
      line-height: 22px;
      font-size: 16px; }
    .promoted-articles .list article.list-item .category {
      letter-spacing: 2px; }
  .promoted-articles article + hr {
    display: block; }
  #subscribe-bottom {
    text-align: left; }
    #subscribe-bottom .wrapped {
      min-height: 210px; }
    #subscribe-bottom .header.tagline {
      text-align: left;
      float: right;
      display: inline;
      width: 420px;
      margin: 25px 0 0;
      font-size: 50px;
      line-height: 60px; }
    #subscribe-bottom #promoted-last-edition {
      margin-right: 500px; }
      #subscribe-bottom #promoted-last-edition #print-frontpage {
        position: absolute;
        width: 170px;
        height: 210px; }
      #subscribe-bottom #promoted-last-edition #tablet-frontpage {
        width: 110px;
        height: 146px;
        left: 110px;
        top: 36px;
        border-width: 14px; }
      #subscribe-bottom #promoted-last-edition .sticker {
        width: 100px;
        height: 100px;
        left: 180px;
        top: 90px;
        font-size: 16px;
        padding-top: 24px;
        font-size: 14px;
        line-height: 20px; }
        #subscribe-bottom #promoted-last-edition .sticker .price {
          font-size: 26px; }
          #subscribe-bottom #promoted-last-edition .sticker .price .currency {
            font-size: 18px; }
      #subscribe-bottom #promoted-last-edition #white-sticker-button {
        left: 175px;
        top: 198px;
        border: 5px solid white; }
    #subscribe-bottom .read-online {
      position: relative;
      left: 300px;
      font-size: 22px; }
  #newsletter-socials {
    padding: 45px 2%; }
    #newsletter-socials #socials {
      margin-bottom: 30px; }
    #newsletter-socials #newsletter {
      line-height: 38px; }
      #newsletter-socials #newsletter .socials {
        margin-bottom: 30px; }
      #newsletter-socials #newsletter .title {
        font-size: 34px;
        font-weight: 700;
        margin-bottom: 25px; }
      #newsletter-socials #newsletter .subtitle {
        margin-bottom: 30px;
        font-size: 24px;
        line-height: 34px; }
      #newsletter-socials #newsletter .email {
        min-width: 340px; }
  #modules .wrapped {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #modules .wrapped header {
      margin-bottom: 30px; }
    #modules .wrapped .component-title {
      font-size: 25px; }
    #modules .wrapped #first-diaporama-article, #modules .wrapped #last-articles {
      width: 46%;
      margin-bottom: 15px; }
    #modules .wrapped #last-articles img {
      width: 140px; }
    #modules .wrapped #last-articles article .content {
      margin-left: 10px; }
    #modules .wrapped #our-partners {
      width: 100%; }
      #modules .wrapped #our-partners .articles {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 15px; }
        #modules .wrapped #our-partners .articles article {
          width: 33%;
          padding: 0 2%; }
          #modules .wrapped #our-partners .articles article:nth-child(3n + 1) {
            padding-left: 0; }
          #modules .wrapped #our-partners .articles article:nth-child(3n + 3) {
            padding-right: 0; }
  #receive-my-free-dossier {
    padding: 30px 0; }
    #receive-my-free-dossier #dossier-description {
      width: 33%;
      margin-right: 6%; }
    #receive-my-free-dossier #dossier-preview {
      width: 60%;
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      #receive-my-free-dossier #dossier-preview .illustration {
        width: 160px; }
        #receive-my-free-dossier #dossier-preview .illustration + div {
          float: right;
          width: 53%; }
      #receive-my-free-dossier #dossier-preview .index {
        display: block; }
  #dossier-articles .articles-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px; }
    #dossier-articles .articles-container article.list-item {
      width: 46%;
      display: block;
      margin-bottom: 30px; }
      #dossier-articles .articles-container article.list-item.third {
        width: 21%; }
      #dossier-articles .articles-container article.list-item:last-of-type {
        margin-bottom: 0; }
      #dossier-articles .articles-container article.list-item .content {
        flex-direction: initial;
        font-size: 16px;
        padding: 15px 0; }
        #dossier-articles .articles-container article.list-item .content .category {
          margin-bottom: 5px; }
        #dossier-articles .articles-container article.list-item .content .publication {
          margin-left: 5px; }
        #dossier-articles .articles-container article.list-item .content .title {
          width: 100%;
          margin-bottom: 5px;
          font-size: 20px;
          line-height: 28px; }
        #dossier-articles .articles-container article.list-item .content .chapo {
          display: block; }
  article.article header {
    margin-bottom: 20px; }
    article.article header > .title {
      font-size: 38px;
      line-height: 40px; }
  article.article .illustration {
    width: 720px; }
  article.article .controls {
    position: relative; }
  article.article .pagination {
    vertical-align: bottom;
    position: absolute;
    right: 0px;
    bottom: 0; }
  #address-book.splitted, #most-read-articles.splitted {
    width: 48%; }
    #address-book.splitted .component-subtitle, #most-read-articles.splitted .component-subtitle {
      display: block; }
  #most-read-articles.splitted {
    float: left; }
  #address-book.splitted {
    float: right; }
  #dossier-articles button {
    margin: 0 auto 15px; }
  #shop {
    padding: 0; }
  .shop-part {
    padding-bottom: 30px; }
    .shop-part > .title {
      font-size: 26px; }
    .shop-part .shop-button {
      display: inline-block; }
    .shop-part article .description {
      margin-bottom: 15px; }
  #cart-products {
    float: left;
    width: calc(100% - 305px); }
  #cart-summary {
    float: right; }
  #search .fetched-article {
    width: 340px;
    height: 120px;
    float: left; }
    #search .fetched-article:nth-child(2n + 1) {
      margin-right: calc(100% - 680px); }
    #search .fetched-article:last-of-type {
      border-bottom: 1px solid #a7a7a7; }
  #product-details .product-thumbnail {
    float: left;
    margin-right: 45px;
    margin-bottom: 35px; }
  #product-details #product-description {
    float: left;
    width: calc(720px - 195px); }
  #product-details #product-actions {
    clear: both;
    margin-bottom: 30px; }
  #product-details .action-block {
    float: left;
    width: 225px;
    margin-right: 45px; }
  #product-details #summary h3 {
    font-size: 28px; }
  #product-details #summary .redacted-content > ul {
    column-count: 2;
    padding: 0 37px; }
  #order-landing {
    padding: 45px; }
  #order-validation-infos .transfer-attribute {
    font-size: inherit; }
    #order-validation-infos .transfer-attribute > .label {
      font-size: inherit; }
  #order-validation-infos .order-price {
    font-size: inherit; } }

@keyframes expand {
  0% {
    height: 0; }
  100% {
    height: 60px; } }

@media screen and (min-width: 980px) {
  .wrapped {
    margin: 0 auto;
    max-width: 940px; }
  #main-header.initial .I-subscribe.top-header, #main-header.reduced .I-subscribe.top-header {
    left: auto;
    font-size: 18px; }
  #main-header.initial {
    text-align: center; }
    #main-header.initial #top-menu {
      height: auto; }
      #main-header.initial #top-menu > aside {
        height: 60px; }
    #main-header.initial #baseline {
      display: inline-block;
      font-family: "Quicksand";
      font-size: 16px;
      margin: 25px 0;
      color: #b0d71c;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #232323;
      font-weight: 400; }
    #main-header.initial #burger-menu-icon {
      display: none; }
    #main-header.initial > #main-menu {
      position: relative;
      color: white;
      background-color: black;
      width: 100%;
      padding: 0;
      overflow: visible; }
      #main-header.initial > #main-menu .header, #main-header.initial > #main-menu .footer {
        display: none; }
      #main-header.initial > #main-menu ul > li.category {
        border-bottom: none;
        margin-bottom: 0; }
      #main-header.initial > #main-menu .categories {
        width: 940px;
        margin: 0 auto;
        padding: 0;
        display: flex;
        position: relative; }
        #main-header.initial > #main-menu .categories .category {
          font-size: 15px;
          padding: 0 5px;
          line-height: 43px;
          letter-spacing: 1px;
          display: inline-block;
          flex-grow: 1;
          font-weight: 600; }
          #main-header.initial > #main-menu .categories .category .fas, #main-header.initial > #main-menu .categories .category .fal, #main-header.initial > #main-menu .categories .category .far {
            display: none; }
          #main-header.initial > #main-menu .categories .category:hover {
            color: #ffd200; }
            #main-header.initial > #main-menu .categories .category:hover > .subitems {
              display: flex; }
          #main-header.initial > #main-menu .categories .category .subitems {
            background-color: white;
            color: #6d6d6d;
            position: absolute;
            left: 0;
            width: 980px;
            margin: 0 -20px;
            padding: 25px 45px;
            box-shadow: 0 1px 5px 0px #CCC;
            display: none;
            flex-wrap: wrap; }
            #main-header.initial > #main-menu .categories .category .subitems .subitem {
              padding: 0;
              font-size: 14px;
              text-align: top;
              width: 21%;
              height: 40px;
              margin-right: 1%;
              margin-left: 3%;
              border-right: 1px solid #e9e9e9;
              overflow: hidden;
              text-overflow: clip; }
              #main-header.initial > #main-menu .categories .category .subitems .subitem:nth-child(4n) {
                margin-right: 0;
                border-right: none; }
              #main-header.initial > #main-menu .categories .category .subitems .subitem:hover {
                color: #b0d71c; }
          #main-header.initial > #main-menu .categories .category:first-child {
            padding-left: 0; }
          #main-header.initial > #main-menu .categories .category:last-child {
            padding-right: 0; }
          #main-header.initial > #main-menu .categories .category.shop {
            color: #ffd200; }
          #main-header.initial > #main-menu .categories .category #shop-menu {
            width: 260px;
            left: auto;
            right: 0;
            margin: 0;
            padding: 15px 25px; }
            #main-header.initial > #main-menu .categories .category #shop-menu > .subitem {
              width: 100%;
              border-right: none; }
      #main-header.initial > #main-menu.close-transition {
        left: auto; }
  #main-header.reduced.expand {
    overflow: hidden;
    animation: expand 500ms ease; }
  #search {
    text-align: left; }
    #search .fetched-article {
      width: 400px;
      height: 130px; }
      #search .fetched-article:nth-child(2n + 1) {
        margin-right: calc(100% - 800px); }
    #search .fetched-product {
      width: calc(84% / 5);
      margin-right: 4%; }
      #search .fetched-product:nth-child(2n) {
        margin-right: 4%; }
      #search .fetched-product:nth-child(3n) {
        margin-right: 4%; }
      #search .fetched-product:nth-child(5n) {
        margin-right: 0; }
  #modules .wrapped {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #modules .wrapped #first-diaporama-article, #modules .wrapped #last-articles, #modules .wrapped #our-partners {
      margin-bottom: 0; }
    #modules .wrapped #first-diaporama-article {
      width: 27%; }
    #modules .wrapped #last-articles {
      width: 33%; }
      #modules .wrapped #last-articles img {
        width: 94px; }
      #modules .wrapped #last-articles .inset {
        font-size: 9px;
        letter-spacing: 1px;
        padding: 0 8px; }
    #modules .wrapped #our-partners {
      width: 25%; }
      #modules .wrapped #our-partners .articles {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #modules .wrapped #our-partners .articles article {
          width: 100%;
          padding: 0; }
  #subscribe-bottom .wrapped {
    min-height: 250px; }
  #subscribe-bottom .header.tagline {
    width: 560px;
    margin: 25px 0 0;
    font-size: 58px;
    line-height: 75px; }
  #subscribe-bottom #promoted-last-edition {
    margin-right: 800px; }
    #subscribe-bottom #promoted-last-edition #print-frontpage {
      width: 200px;
      height: 250px; }
    #subscribe-bottom #promoted-last-edition #tablet-frontpage {
      width: 130px;
      height: 180px;
      left: 135px;
      top: 38px;
      border-width: 16px; }
    #subscribe-bottom #promoted-last-edition .sticker {
      width: 124px;
      height: 124px;
      left: 220px;
      top: 105px;
      padding-top: 34px;
      font-size: 16px;
      line-height: 20px; }
      #subscribe-bottom #promoted-last-edition .sticker .price {
        font-size: 32px; }
        #subscribe-bottom #promoted-last-edition .sticker .price .currency {
          font-size: 24px; }
    #subscribe-bottom #promoted-last-edition #white-sticker-button {
      left: 210px;
      top: 238px; }
  #subscribe-bottom .read-online {
    left: 380px;
    font-size: 23px; }
  #receive-my-free-dossier #dossier-description {
    width: 33%;
    margin-right: 5%; }
  #receive-my-free-dossier #dossier-preview {
    width: 62%; }
    #receive-my-free-dossier #dossier-preview .illustration {
      width: 230px;
      border: 5px solid white; }
  #linked-articles .component-title.lined, #suggested-products .component-title.lined, #comment .component-title.lined {
    font-size: 40px; }
  article.article header {
    text-align: center; }
    article.article header > .title {
      font-size: 54px;
      line-height: 54px;
      padding: 0 70px; }
    article.article header > .subtitle {
      margin: 30px 0; }
    article.article header > .publication {
      margin: 30px auto; }
  article.article .left-col {
    float: left;
    width: 63%; }
  article.article .illustration {
    width: 100%; }
  article.article .product-illustration {
    padding-top: 5px; }
  article.article .right-col {
    margin-left: 66%; }
  article.article.product {
    margin-top: 15px; }
    article.article.product header {
      text-align: left; }
      article.article.product header > .title {
        font-size: 40px;
        line-height: 40px;
        padding: 0; }
      article.article.product header > .publication {
        margin: 20px auto; }
    article.article.product .left-col {
      width: 360px; }
    article.article.product .right-col {
      margin-left: 400px; }
    article.article.product .redacted-content {
      margin-bottom: 15px; }
  article.list-item .content .category {
    font-size: 16px; }
  .right-col > aside:first-of-type {
    margin-top: -10px; }
  #most-read-articles.splitted .component-subtitle {
    display: none; }
  #most-read-articles.splitted, #address-book.splitted {
    float: initial;
    width: 320px; }
  #most-read-articles .component-title, #address-book .component-title {
    font-size: 37px;
    text-align: left; }
  #most-read-articles .articles-container, #address-book .articles-container {
    border-left: 2px solid #b0d71c;
    margin-left: 3px;
    padding-left: 23px; }
    #most-read-articles .articles-container article.list-item, #address-book .articles-container article.list-item {
      margin-bottom: 30px; }
      #most-read-articles .articles-container article.list-item .content .category, #address-book .articles-container article.list-item .content .category {
        margin-bottom: 7px;
        font-size: 16px;
        line-height: 22px; }
      #most-read-articles .articles-container article.list-item .content .title, #address-book .articles-container article.list-item .content .title {
        font-size: 18px; }
  #sitemap .subitem {
    width: 25%; }
  .shop-part article {
    width: 200px; }
    .shop-part article .print-thumbnail {
      width: 200px; }
    .shop-part article .description {
      width: 100%;
      margin: 0 0 20px;
      text-align: left; }
    .shop-part article h3 {
      float: left;
      line-height: 28px;
      margin: 0; }
    .shop-part article .actions {
      float: right;
      width: 36px;
      line-height: 28px;
      margin: 0; }
      .shop-part article .actions .far {
        font-size: 14px; }
    .shop-part article .price {
      clear: both;
      display: block;
      font-size: 16px; }
  .shop-part #coupon-block .title {
    display: inline-block;
    margin-right: 15px;
    line-height: 38px; }
  .shop-part #coupon-block .controls {
    display: inline-block;
    line-height: 38px; }
  #product-details .product-thumbnail {
    width: 215px;
    margin-bottom: 0px; }
  #product-details #product-description {
    float: left;
    width: calc(940px - 640px);
    margin-right: 45px;
    text-align: justify; }
  #product-details #product-actions {
    clear: none;
    float: right; }
  #product-details .action-block {
    float: none;
    margin-right: 0;
    margin-bottom: 30px; }
  #order-summary {
    float: right;
    width: 280px; }
  .order-step {
    float: left;
    width: calc(100% - 295px); }
  #account > section.white-block {
    padding: 60px 80px; } }

@media screen and (min-width: 980px) {
  #main-header.initial #logo {
    margin-top: 45px; }
  #main-header.initial #baseline {
    margin: 5px 0 30px;
    text-transform: none;
    color: #a6a6a6; } }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0; }

.clearfix::after {
  content: "";
  display: table;
  clear: both; }

.hidden {
  display: none; }

.cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden; }

.block {
  display: block; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.flex {
  display: flex; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

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

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

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

.center {
  margin: 0 auto; }

.middle {
  vertical-align: middle; }

.inline-block {
  display: inline-block; }

.rounded {
  border-radius: 50%; }

.pointer {
  cursor: pointer; }

.not-allowed {
  cursor: not-allowed; }

.relative {
  position: relative; }

.uppercase {
  text-transform: uppercase; }

.bold {
  font-weight: 700; }

.italic {
  font-style: italic; }

.white {
  color: white; }

.bg-white {
  background-color: white; }

.red {
  color: red; }

.bg-red {
  background-color: red; }

.black {
  color: black; }

.bg-black {
  background-color: black; }

.grey {
  color: #dadada; }

.bg-grey {
  background-color: #dadada; }

.uicolor-1 {
  color: #b0d71c; }

.bg-uicolor-1 {
  background-color: #b0d71c; }

.uicolor-2 {
  color: #fbf5ef; }

.bg-uicolor-2 {
  background-color: #fbf5ef; }

.uicolor-3 {
  color: #ffd200; }

.bg-uicolor-3 {
  background-color: #ffd200; }

.uicolor-4 {
  color: #99983e; }

.bg-uicolor-4 {
  background-color: #99983e; }

.margin-top-0 {
  margin-top: 0; }

.margin-bottom-0 {
  margin-bottom: 0; }

.margin-0 {
  margin: 0; }

.margin-bottom-base {
  margin-bottom: 15px; }

a.concealed {
  cursor: pointer;
  color: inherit;
  text-decoration: none; }
  a.concealed:hover {
    text-decoration: underline; }

a.fully-concealed {
  text-decoration: none; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5); }