/* AWA Variables
   ========================================================================== */
/**
 * Colors
 */
/**
 * Fonts
 */
/**
 * Breaking points for responsive design
 * */
/**
 * Dashboard variables
 * */
.h-clearfix:before,
.h-clearfix:after {
  content: " ";
  display: table;
}
.h-clearfix:after {
  clear: both;
}
.h-no-style {
  list-style: none;
  padding: 0;
  margin: 0;
}
.h-typo-11 {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
}
.h-typo-orange {
  color: #ff5e00;
}
.h-typo-grey {
  color: #767676;
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 0;
}
figure figcaption {
  color: #828587;
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* END
   ========================================================================== */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  background-color: #ededed !important;
  color: #141823;
  font-family: 'Arial', sans-serif;
}
body.responsive {
  background-color: #f7f7f7 !important;
  color: #000000;
  font-family: 'Roboto', 'Arial', sans-serif;
  overflow-x: hidden;
}
a {
  color: #1A23B2;
  text-decoration: none;
}
a:hover,
a:active {
  text-decoration: underline;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"] {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #333333 !important;
  height: 22px;
  font-size: 14px;
  margin: 0 0 14px;
  padding: 7px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
textarea {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #333333 !important;
  font-size: 14px;
  margin: 0 0 14px;
  padding: 7px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
select {
  font-size: 14px;
  height: 30px;
  margin: 0 0 14px;
  padding: 3px 0;
}
hr {
  border: none;
  border-top: 1px dotted #c4c4c4;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.show {
  display: block;
}
.hide {
  display: none;
}
.hide-overflow {
  overflow: hidden;
}
.empty-state {
  color: #4f5056;
  font-size: 16px;
}
.pull-right {
  float: right;
}
.no-style {
  list-style: none;
  padding: 0;
  margin: 0;
}
.flat-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tac {
  text-align: center;
}
.nomb {
  margin-bottom: 0 !important;
}
.nomt {
  margin-top: 0 !important;
}
.goback {
  color: #767676;
  font-size: 16px;
  margin: 30px 0;
  text-align: center;
}
.goback a {
  color: #767676;
}
.goback a.underline,
.goback a:hover {
  text-decoration: underline;
}
a.save {
  color: #ff5f00;
}
.btn {
  background-color: #01A459;
  border: none;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  width: 110px;
}
.btn:hover {
  background-color: #008C4C;
  text-decoration: none !important;
}
.btn:active,
.btn.active {
  position: relative;
  text-decoration: none !important;
  top: 1px;
}
body.responsive .btn {
  border-radius: 10px;
  font-size: 12px;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.btn-large {
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  width: auto;
}
.btn-full {
  box-sizing: border-box;
  width: 100% !important;
}
.btn-raw {
  border: none;
  background: none;
  color: #01a459;
  display: inline-block !important;
  margin: 0 auto;
  width: auto !important;
}
.btn-raw:hover {
  background: none;
}
@media (max-width: 668px) {
  .btn-large {
    padding: 0 20px;
  }
}
.btn-alt {
  background-color: #01A459;
  border: none;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  width: 110px;
  border-radius: 0;
  font-size: 17px;
  height: 46px;
  line-height: 46px;
  padding: 0 28px;
  width: auto;
  font-weight: bold;
}
.btn-alt:hover {
  background-color: #008C4C;
  text-decoration: none !important;
}
.btn-alt:active,
.btn-alt.active {
  position: relative;
  text-decoration: none !important;
  top: 1px;
}
.btn-green {
  background-color: #01ad7f;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  font-size: 17px;
  height: 46px;
  line-height: 46px;
  padding: 0 28px;
}
.btn-green:hover {
  background-color: #019B6F;
  text-decoration: none !important;
}
.btn-green:active,
.btn-green.active {
  position: relative;
  text-decoration: none !important;
  top: 1px;
}
.btn-gray {
  background-color: #e8e8e8;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  bottom: 20px;
  color: #3b5998;
  display: inline-block;
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  padding: 5px;
  position: absolute;
  right: 20px;
  text-align: center;
  text-decoration: none;
}
.btn-gray:hover {
  background-color: #d3d3d3;
  text-decoration: none !important;
}
.btn-wa {
  width: auto;
}
.btn-fwm {
  box-sizing: border-box;
  width: 100%;
}
.btn-big {
  height: auto;
  font-size: 14px;
  line-height: normal;
  padding: 15px 19px;
}
.btn-call-to {
  background-color: #EDEDED;
  border: 1px solid #C4C4C4;
  color: #1A23B2;
  font-weight: bold;
}
.btn-call-to:hover,
.btn-call-to:active {
  background-color: #E2E2E2;
  text-decoration: none;
}
.btn-disabled {
  cursor: initial;
  opacity: 0.5;
}
.btn-disabled:hover {
  background-color: #01A459;
}
.btn-disabled:active,
.btn-disabled.active {
  position: relative;
  top: 0;
}
.btn-facebook {
  background-color: #4267b2;
}
.btn-facebook svg {
  height: 30px;
  width: 30px;
}
.btn-facebook:hover {
  background-color: #4267b2;
}
.btn.fs14px {
  font-size: 14px !important;
}
.btn.fs14px span.text {
  font-size: 14px !important;
}
body.responsive .btn.btn-icon,
body.responsive .btn.btn-facebook {
  background-color: #01A459;
}
body.responsive .btn.btn-icon span,
body.responsive .btn.btn-facebook span {
  display: block;
}
body.responsive .btn.btn-icon span.icon,
body.responsive .btn.btn-facebook span.icon {
  float: left;
  height: 50px;
  line-height: 50px;
  width: 50px;
}
body.responsive .btn.btn-icon span.icon img,
body.responsive .btn.btn-facebook span.icon img {
  margin: 0;
  vertical-align: -7px;
  width: 32px;
}
body.responsive .btn.btn-icon span.text,
body.responsive .btn.btn-facebook span.text {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.25px;
  line-height: 50px;
  margin-left: 51px;
  text-transform: none;
  text-align: center;
}
body.responsive .btn.btn-facebook {
  background-color: #4267b2;
}
body.responsive .btn.btn-facebook span.icon {
  border-right: none;
  width: 52px;
}
body.responsive .btn.btn-facebook span.icon svg {
  margin-top: 10px;
}
body.responsive .btn.btn-facebook span.text {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0.25px;
}
body.responsive .btn-pending {
  background-color: #B6B6B6;
}
body.responsive .btn-border {
  border: 1px solid #929292;
  border-radius: 3px;
  color: #767676;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
body.responsive .btn-border img {
  height: 12px;
  margin-right: 4px;
  vertical-align: -1px;
}
body.responsive .btn-border:hover {
  box-shadow: inset 0 0 0 1px #929292;
}
body.responsive .btn-border.facebook {
  border: 1px solid #4065b4;
  color: #4065b4;
}
body.responsive .btn-border.facebook:hover {
  box-shadow: inset 0 0 0 1px #4065b4;
}
body.responsive .btn-border.twitter {
  border: 1px solid #1da1f2;
  color: #1da1f2;
}
body.responsive .btn-border.twitter img {
  height: 11px;
}
body.responsive .btn-border.twitter:hover {
  box-shadow: inset 0 0 0 1px #1da1f2;
}
body.responsive .btn.btn-clear {
  background: #fff;
  border: 1px solid #01A459;
  color: #01A459 !important;
  display: inline-block;
  height: 50px;
  margin: 0 auto;
  padding: 0 30px;
  width: auto;
}
body.responsive .btn.btn-clear span.icon {
  border-left: 1px solid #ff7b27;
  border-right: none;
  display: block;
  float: right;
  height: 50px;
  margin-left: -50px;
  text-align: center;
}
body.responsive .btn.btn-clear span.icon img {
  vertical-align: -1px !important;
}
body.responsive .btn.btn-clear span.text {
  display: block;
  height: 50px;
  margin-left: 0;
}
body.responsive .btn.btn-clear span.text span.big {
  font-size: 16px;
}
body.responsive .btn.btn-clear:hover {
  box-shadow: inset 0 0 0 1px #01A459;
}
body.responsive .btn.btn-icon.btn-clear {
  padding: 0;
  width: 300px;
}
body.responsive .btn.btn-icon.btn-clear span.text {
  margin-right: 51px;
}
body.responsive .btn.btn-connexion {
  border: 1px solid #2b2cbd;
  line-height: 44px !important;
  height: 44px;
  padding: 0;
  text-align: center;
  width: 44px;
}
body.responsive .btn.btn-connexion img {
  vertical-align: -5px !important;
}
body.responsive .btn.btn-clear.btn-connexion:hover {
  box-shadow: inset 0 0 0 1px #2b2cbd;
}
body.responsive .btn-round {
  background-color: #ffffff;
  border: 1px solid #01A459;
  border-radius: 16px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 32px;
}
body.responsive .btn-round img {
  vertical-align: -4px;
}
body.responsive .btn-round.active,
body.responsive .btn-round:hover {
  background-color: #01A459;
}
.btn-empty {
  border-radius: 3px;
  border: 1px solid #01A459;
  color: #01A459;
  display: block;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.btn-empty:hover {
  text-decoration: none;
}
button.link {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: block !important;
}
.hidden-tablet {
  display: block !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-mobile {
  display: block !important;
}
.visible-mobile {
  display: none !important;
}
@media (max-width: 910px) {
  .hidden-desktop {
    display: block !important;
  }
  .visible-desktop {
    display: none !important;
  }
}
@media (min-width: 668px) and (max-width: 910px) {
  .tablet-wrapper {
    padding: 0 40px;
  }
  .hidden-tablet {
    display: none !important;
  }
  .visible-tablet {
    display: block !important;
  }
}
@media (max-width: 668px) {
  .hidden-mobile,
  .hidden-mobile-inline {
    display: none !important;
  }
  .visible-mobile {
    display: block !important;
  }
}
.typo-7 {
  color: #333333;
  font-family: 'Arial', sans-serif;
  font-size: 20px;
  font-weight: bold;
}
.typo-10 {
  color: #333333;
  font-family: 'Arial', sans-serif;
  font-size: 18px;
  font-weight: bold;
}
.typo-11 {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
}
body.responsive .typo-11 {
  color: #000000;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 14px;
}
@media (max-width: 668px) {
  body.responsive .typo-11 {
    font-size: 18px;
    line-height: 24px;
  }
}
.typo-13 {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 14px;
}
body.responsive .typo-13 {
  color: #141823;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 14px;
}
.typo-14 {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.typo-16 {
  color: #828587;
  font-family: 'Arial', sans-serif;
  font-size: 12px;
}
body.responsive .typo-16 {
  color: #767676;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 12px;
}
.typo-17 {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  font-style: italic;
}
.typo-21 {
  color: #000000;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 28px;
  font-weight: normal;
}
body.responsive .typo-13,
body.responsive .typo-17 {
  color: #000000;
}
.typo-black {
  color: #000000;
}
.typo-red {
  color: #ff0000;
}
.typo-orange {
  color: #ff5e00;
}
.typo-grey {
  color: #767676;
}
.typo-green {
  color: #01a459;
}
.typo-green-darker {
  color: #03723E;
}
.typo-bold {
  font-weight: bold;
}
.typo-warning {
  color: #ff0000;
  font-size: 20px;
  font-weight: bold;
}
.typo-warning-2 {
  color: #cf364a;
  font-size: 12px;
  text-align: left;
}
.typo-label {
  color: #979797;
  font-size: 14px;
}
.typo-static {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
.text-centered {
  text-align: center;
}
.text-justified {
  text-align: justify;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.display-block {
  display: block;
}
a.display-block:hover {
  text-decoration: none !important;
}
.pagination {
  margin: 15px 0 5px;
  text-align: center;
}
.pagination a {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  font-weight: bold;
  background-color: #f8f8f8;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0 2px;
  padding: 0 11px;
  text-align: center;
  text-decoration: none;
}
.pagination a:hover {
  background-color: #f0f0f0;
}
.pagination a:active,
.pagination a.active {
  background-color: #e9e9e9;
  border: 1px solid #c6c6c6;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
textarea::placeholder {
  color: #6A6A6A;
}
.error input[type="text"],
.error input[type="password"],
.error input[type="email"],
.error textarea {
  border-color: #f00;
  margin-bottom: 0;
}
.error select {
  margin-bottom: 0;
}
.errorlist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.errorlist li {
  color: #cf364a;
  font-size: 12px;
  line-height: 1.5;
  padding-top: 0.25rem;
  padding-bottom: 16px;
}
p.input-group.error input[type="text"],
p.input-group.error input[type="password"],
p.input-group.error input[type="email"],
p.input-group.error textarea {
  margin-bottom: 0 !important;
}
.required-field label:after {
  content: ' *';
}
.required-fields {
  color: #767676;
  font-size: 12px;
  font-style: italic;
}
.form {
  /*
    input#id_captcha_1 {
        float: left;
        margin-left: 7px;
        width: 100px;
    }
    */
  /*
    img.captcha {
        height: 32px;
        margin-left: 8px;
    }
    */
}
.form .errorlist li {
  padding-left: 153px;
}
.form h2 {
  margin-top: 0;
  text-align: center;
}
.form p {
  margin: 0;
}
.form p:before,
.form p:after {
  content: " ";
  display: table;
}
.form p:after {
  clear: both;
}
.form label {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  display: inline-block;
  float: left;
  line-height: 36px;
  text-align: right;
  width: 145px;
}
.form label.long {
  line-height: 19px;
}
.form label.checkbox {
  line-height: 25px;
  text-align: left;
  width: 100%;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="url"],
.form input[type="password"],
.form textarea {
  display: inline-block;
  float: right;
  width: 250px;
}
.form select {
  display: inline-block;
  float: right;
  width: 266px;
}
.form p.fullwidth select {
  width: 303px;
}
.form input[type="checkbox"] {
  vertical-align: -2px;
}
.form .checkbox.signup {
  margin-bottom: 8px;
}
.form .checkbox.signup label.checkbox {
  line-height: 20px;
  padding-left: 20px;
  position: relative;
}
.form .checkbox.signup input[type="checkbox"] {
  left: 0;
  position: absolute;
  top: 1px;
}
.form .form-actions {
  padding-left: 153px;
}
.form .form-actions a {
  display: inline-block;
  margin-top: 5px;
}
.form .file-input {
  margin: 15px auto;
  width: 200px;
}
.form p.textarea label {
  display: block;
  float: none;
  text-align: left;
  width: 100%;
}
.form p.textarea textarea {
  float: none;
  height: 100px;
  width: 96%;
}
.form p.birthdate select {
  width: 112px;
}
.form table td {
  vertical-align: top;
}
.form table td.label {
  padding-right: 10px;
  text-align: right;
}
.form table input[type="text"],
.form table input[type="email"],
.form table input[type="url"],
.form table input[type="password"],
.form table select,
.form table textarea {
  display: inline-block;
  float: none;
  width: auto;
}
.form table td.captcha {
  padding: 0 0 15px 8px;
}
.form table td.captcha .errorlist li {
  padding-left: 0;
}
.form #id_products ul {
  list-style: none;
  margin: 10px 0 20px 120px;
  padding: 0;
}
.form #id_products label {
  display: block;
  float: none;
  text-align: left;
  width: 100%;
}
.form #id_products .requested {
  color: #ff0000;
  font-size: 14px;
}
.form.animal-infos {
  border-top: 1px solid #eee;
  margin-top: 15px;
}
.form.animal-infos .messages .alert {
  background-color: #5fd8b4 !important;
  margin: 12px 12px 0;
  text-align: center;
}
.form.animal-infos .form-row {
  margin: 15px 0;
}
.form.animal-infos span.label,
.form.animal-infos label {
  box-sizing: border-box;
  float: left;
  line-height: 28px;
  padding-right: 10px;
  text-align: right;
  width: 49%;
}
.form.animal-infos .input-wrapper {
  box-sizing: border-box;
  float: right;
  padding: 0 12px;
  width: 51%;
}
.form.animal-infos .input-wrapper label {
  display: block;
  float: none;
  text-align: left;
}
.form.animal-infos .input-wrapper label input[type="radio"] {
  vertical-align: -2px;
}
.form.animal-infos .input-wrapper textarea {
  box-sizing: border-box;
  width: 100%;
}
.form.animal-infos .action {
  margin: 15px 0;
}
body.responsive .form input[type="text"],
body.responsive .form input[type="email"],
body.responsive .form input[type="url"],
body.responsive .form input[type="password"],
body.responsive .form select,
body.responsive .form textarea {
  border: solid 1px #c8c8c8;
  border-radius: 10px;
  box-sizing: border-box;
  color: #333333;
  float: none;
  line-height: 56px;
  height: 56px;
  margin-bottom: 8px;
  padding: 0 25px;
  width: auto;
  box-shadow: none;
  -webkit-box-shadow: none;
}
body.responsive .form textarea {
  line-height: normal;
  padding: 18px 25px;
  width: 380px;
}
body.responsive .form label.checkbox,
body.responsive .form label.radio {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 14px;
  line-height: 25px;
  text-align: left;
  width: 100%;
}
body.responsive .form label.checkbox input[type="checkbox"],
body.responsive .form label.radio input[type="checkbox"] {
  margin-right: 5px;
}
body.responsive .form .help {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 12px;
  margin: 5px 0;
}
body.responsive .form .help a {
  color: #2b2cbd;
}
body.responsive .form .action {
  margin: 45px 0 20px;
}
body.responsive .form #form-footer {
  color: #000000;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}
body.responsive .form #form-footer a {
  color: #2b2cbd;
  font-weight: 500;
  text-decoration: underline;
}
body.responsive .form p.question {
  font-size: 14px;
}
body.responsive .form p.radio-days {
  margin: 12px 0;
}
body.responsive .form p.radio-days label {
  float: left;
  margin-right: 10px;
  width: auto;
}
body.responsive .form p.radio-days label input[type="radio"] {
  margin-right: 3px;
  vertical-align: -2px;
}
body.responsive .form p.cb-days {
  padding-left: 37%;
}
body.responsive .form p.cb-timeslots label.checkbox {
  float: left;
  margin-right: 10px;
  width: auto;
}
body.responsive .form p.cb-timeslots label.checkbox input[type="checkbox"] {
  margin-right: 0;
}
body.responsive .form p.error input[type="text"],
body.responsive .form p.error input[type="email"],
body.responsive .form p.error input[type="password"],
body.responsive .form p.error select,
body.responsive .form p.error textarea {
  border: 2px solid #ff0000;
}
@media (max-width: 910px) {
  body.responsive .form input[type="text"],
  body.responsive .form input[type="email"],
  body.responsive .form input[type="password"],
  body.responsive .form select {
    line-height: 70px;
    height: 70px;
  }
}
@media (max-width: 768px) {
  body.responsive .form input[type="text"],
  body.responsive .form input[type="email"],
  body.responsive .form input[type="password"],
  body.responsive .form select {
    line-height: 70px;
    height: 70px;
  }
  body.responsive .form textarea {
    width: 275px;
  }
}
@media (max-width: 668px) {
  body.responsive .form input[type="text"],
  body.responsive .form input[type="email"],
  body.responsive .form input[type="password"],
  body.responsive .form textarea {
    font-size: 16px;
  }
}
body.responsive .radio-wrapper,
body.responsive .cb-wrapper {
  position: relative;
}
body.responsive .radio-wrapper input[type="radio"],
body.responsive .cb-wrapper input[type="radio"] {
  position: absolute;
  visibility: hidden;
}
body.responsive .radio-wrapper label,
body.responsive .cb-wrapper label {
  cursor: pointer;
  float: none;
  line-height: normal;
  padding-left: 35px;
  text-align: left;
  width: auto;
}
body.responsive .radio-wrapper .check,
body.responsive .cb-wrapper .check {
  border: 1px solid #008C4C;
  border-radius: 100%;
  display: block;
  height: 19px;
  left: 0;
  position: absolute;
  top: 0;
  width: 19px;
  z-index: 5px;
}
body.responsive .radio-wrapper .check::before,
body.responsive .cb-wrapper .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 11px;
  width: 11px;
  top: 4px;
  left: 4px;
  margin: auto;
  transition: background 0.1s linear;
  -webkit-transition: background 0.1s linear;
}
body.responsive .radio-wrapper input[type=radio]:checked ~ .check::before,
body.responsive .cb-wrapper input[type=radio]:checked ~ .check::before {
  background: #008C4C;
}
body.responsive .cb-wrapper {
  /*
		input[type=checkbox]:checked ~ .check::before{
			background: @orange;
		}
		*/
}
body.responsive .cb-wrapper input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}
body.responsive .cb-wrapper .check {
  border-radius: 3px;
  top: 2px;
}
body.responsive .cb-wrapper .check.error {
  box-shadow: 0 0 4px 2px rgba(255, 0, 0, 0.75);
}
body.responsive .cb-wrapper .check::before {
  height: 20px;
  width: 22px;
  top: -1px;
  left: 2px;
}
@media (max-width: 668px) {
  body.responsive .radio-wrapper label,
  body.responsive .cb-wrapper label {
    padding-left: 48px;
  }
}
.show-password-wrapper {
  position: relative;
}
.show-password-wrapper a.show-password {
  position: absolute;
  right: 19px;
  top: 22px;
}
.form-login .demo-request {
  font-size: 14px;
  line-height: 1.71;
  margin-top: 30px;
  text-align: center;
}
.form-signup label.checkbox {
  margin-left: 152px;
}
.form-set-password .action {
  margin-top: 20px !important;
}
.form-receipts input,
.form-receipts select,
.form-receipts .btn {
  display: inline;
  height: 28px;
  margin: 0;
  line-height: 28px;
  width: auto;
}
.form-receipts select {
  background: #fff;
  border-radius: none;
  border: 1px solid #c4c4c4;
}
.form-attach label {
  width: auto;
}
.form-attach table {
  vertical-align: top;
  width: 100%;
}
.form-attach table td {
  vertical-align: top;
}
.form-attach table td.label {
  width: 305px;
}
.form-attach ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.form-attach ul li {
  float: left;
  margin-right: 10px;
}
.form-attach input[type="radio"] {
  vertical-align: -3px;
}
.form-attach table input[type="text"] {
  width: 70%;
}
.form-attach .errorlist li {
  width: 100%;
}
.container-460 .form-full input[type="text"],
.container-460 .form-full input[type="email"],
.container-460 .form-full input[type="url"],
.container-460 .form-full input[type="password"],
.container-460 .form-full textarea {
  box-sizing: border-box;
  float: none;
  height: auto;
  padding: 10px 7px;
  width: 100%;
}
.container-460 .form-full .errorlist li {
  padding-left: 0;
}
.container-460 .form-full .captcha {
  margin-bottom: 14px;
}
.container-460 .form-full .captcha div {
  margin: 0 auto;
}
.container-498 .form input[type="text"],
.container-498 .form input[type="email"],
.container-498 .form input[type="url"],
.container-498 .form input[type="password"],
.container-498 .form textarea {
  width: 287px;
}
.container-600 .form input[type="text"],
.container-600 .form input[type="email"],
.container-600 .form input[type="url"],
.container-600 .form input[type="password"],
.container-600 .form textarea {
  width: 390px;
}
.container-600 .form input#id_captcha_1 {
  width: 295px;
}
.container-600 .form select {
  width: 406px;
}
.container-606 .form input[type="text"],
.container-606 .form input[type="email"],
.container-606 .form input[type="url"],
.container-606 .form input[type="password"],
.container-606 .form textarea {
  width: 396px;
}
.container-606 .form select {
  width: 412px;
}
.container-600 .form-assoc label {
  line-height: 18px;
  width: 160px;
}
.container-600 .form-assoc label.small {
  font-size: 14px;
}
.container-600 .form-assoc label.label-long {
  text-align: left;
  width: 100%;
}
.container-600 .form-assoc input[type="text"],
.container-600 .form-assoc input[type="email"],
.container-600 .form-assoc input[type="url"],
.container-600 .form-assoc input[type="password"] {
  width: 370px;
}
.container-600 .form-assoc input[type="file"] {
  margin: 5px 12px;
}
.container-600 .form-assoc textarea {
  width: 538px;
}
.container-600 .form-assoc input#id_captcha_1 {
  width: 264px;
}
.container-600 .form-assoc select {
  width: 387px;
}
.container-600 .form-assoc ul {
  list-style: none;
  padding: 0;
  margin: 0;
  float: right;
  width: 387px;
}
.container-600 .form-assoc ul label {
  display: block;
  line-height: 30px;
  margin-right: 10px;
  width: auto;
}
.container-600 .form-assoc ul#id_products li {
  display: block;
}
.container-600 .form-assoc ul#id_products li:before,
.container-600 .form-assoc ul#id_products li:after {
  content: " ";
  display: table;
}
.container-600 .form-assoc ul#id_products li:after {
  clear: both;
}
.container-600 .form-assoc ul#id_products li a {
  line-height: 30px;
}
.container-600 .form-assoc .mb {
  margin-bottom: 14px;
}
.container-600 .form-assoc .form-actions {
  padding-left: 172px;
}
body.responsive .container-400 .form {
  margin-bottom: 90px;
}
body.responsive .container-400 .form input[type="text"],
body.responsive .container-400 .form input[type="email"],
body.responsive .container-400 .form input[type="password"],
body.responsive .container-400 .form select {
  width: 100%;
}
body.responsive .container-400 .form .btn {
  display: block;
  height: 50px;
  line-height: 50px;
  width: 100%;
}
body.responsive .container-400 .form .errorlist li {
  padding-left: 0;
}
body.responsive .container-400 .form #or {
  font-size: 10px;
}
body.responsive .container-400 .form #or::before,
body.responsive .container-400 .form #or::after {
  width: 174px;
}
.form-assoc-validation {
  line-height: 32px;
}
.form-assoc-validation label {
  line-height: 32px;
  width: 120px;
}
.form-assoc-validation label.label-long {
  font-weight: normal;
  text-align: left;
  width: 100%;
}
.form-assoc-validation input[type="text"],
.form-assoc-validation input[type="email"],
.form-assoc-validation input[type="url"],
.form-assoc-validation input[type="password"] {
  width: 430px;
}
.form-assoc-validation input[type="radio"] {
  vertical-align: -3px;
}
.form-assoc-validation select {
  width: 447px;
}
.form-assoc-validation textarea {
  float: none;
  line-height: normal;
  margin: 10px 0 5px;
  width: 560px;
}
.form-assoc-validation .radio ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.form-assoc-validation .radio ul:before,
.form-assoc-validation .radio ul:after {
  content: " ";
  display: table;
}
.form-assoc-validation .radio ul:after {
  clear: both;
}
.form-assoc-validation .radio ul label {
  margin-right: 15px;
  width: auto;
}
.form-assoc-validation .reset-lh {
  line-height: normal;
}
.form-assoc-validation .file-wrapper {
  margin-left: 25px;
  width: 310px;
}
.form-assoc-validation .errorlist li {
  padding-left: 131px;
}
.form-assoc-inscription {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  margin: 20px;
  padding: 4px 20px 20px;
}
.form-assoc-inscription label {
  color: #141823;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}
.form-assoc-inscription input[type="text"] {
  margin: 0 0 8px;
  width: 480px;
}
.form-assoc-inscription select {
  margin: 0 0 8px;
  width: 496px;
}
.form-assoc-inscription input[type="file"] {
  font-size: 14px;
}
.form-assoc-inscription a {
  display: block;
  margin: 6px 0 0;
}
.form-assoc-inscription ul#id_can_edit_receipts {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}
.form-assoc-inscription ul#id_can_edit_receipts:before,
.form-assoc-inscription ul#id_can_edit_receipts:after {
  content: " ";
  display: table;
}
.form-assoc-inscription ul#id_can_edit_receipts:after {
  clear: both;
}
.form-assoc-inscription ul#id_can_edit_receipts li {
  display: block;
  float: left;
}
.form-assoc-inscription ul#id_can_edit_receipts label {
  margin: 0 15px 0 0;
  font-size: 16px;
  font-weight: normal;
  width: auto;
}
.form-assoc-inscription ul#id_can_edit_receipts input[type="radio"] {
  vertical-align: -2px;
}
.form-assoc-inscription .error {
  margin-bottom: 0;
}
.form-assoc-inscription .error input {
  margin-bottom: 0;
}
.form-assoc-inscription .nomb #id_can_edit_receipts {
  margin: 0;
}
.form-address-validation {
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  margin: 20px;
  padding: 25px 15px;
}
.form-address-validation .question {
  font-weight: bold;
  margin-bottom: 20px;
  padding: 0 20px;
}
.form-address-validation label {
  float: none;
  line-height: 32px;
  width: 120px;
}
.form-address-validation label.label-long {
  line-height: 20px;
  font-weight: normal;
  text-align: left;
  width: 100%;
}
.form-address-validation div.label-wrapper {
  border: 1px solid #f9f9f9;
  margin-bottom: 15px;
  padding: 5px 15px 10px;
}
.form-address-validation div.label-wrapper:last-child {
  margin-bottom: 0;
  padding-bottom: 5px;
}
.form-address-validation div.label-wrapper:hover {
  border: 1px solid #dddddd;
}
.form-address-validation div.label-wrapper.active {
  background: #f0ffdd;
  border: 1px solid #dddddd;
}
.form-address-validation p.label {
  line-height: 20px;
  padding-left: 20px;
}
.form-address-validation .form-wrapper {
  margin: 10px 0 0;
}
.form-address-validation .form-wrapper label {
  font-size: 12px;
  font-weight: bold;
  padding-left: 20px;
  text-align: left;
  width: auto;
}
.form-address-validation input[type="text"],
.form-address-validation input[type="email"] {
  float: none;
  margin-left: 20px;
  width: 430px;
}
.form-address-validation input[type="radio"] {
  vertical-align: -3px;
}
.form-address-validation select {
  float: none;
  margin-left: 20px;
  width: 447px;
}
.form-address-validation .errorlist li {
  padding-left: 20px;
}
.form-footer {
  font-size: 16px;
  text-align: center;
}
.form-footer a {
  font-weight: bold;
}
.form-footer p {
  margin: 0 0 10px;
}
.form-footer p:last-child {
  margin-bottom: 0;
}
.container-auto .form label {
  width: 170px;
}
.container-auto .form input[type="text"],
.container-auto .form input[type="email"],
.container-auto .form input[type="url"],
.container-auto .form input[type="password"],
.container-auto .form textarea {
  width: 345px;
}
.container-auto .form select {
  width: 361px;
}
.container-auto .form .form-actions {
  padding-left: 178px;
}
.container-auto .form label[for="id_address2"],
.container-auto .form label[for="id_president_address2"],
.container-auto .form label[for="id_delivery_name"],
.container-auto .form label[for="id_delivery_address2"] {
  line-height: 20px;
  margin-top: -3px;
}
.container-auto .form ul#id_collecte_pref {
  list-style: none;
  margin-bottom: 25px;
}
.container-auto .form ul#id_collecte_pref li {
  list-style: none;
}
.container-auto .form ul#id_collecte_pref li label {
  float: none;
  line-height: 24px;
  width: auto;
}
.container-auto .form ul#id_collecte_pref li label[for="id_collecte_pref_0"] {
  display: none;
}
.container-auto .form ul#id_collecte_pref li input[type="radio"] {
  vertical-align: -3px;
}
.container-auto .form label[for="id_collecte_pref_0"] {
  line-height: 18px;
  width: auto;
}
ul .container-auto .form-mdp label {
  width: 275px;
}
ul .container-auto .form-mdp input[type="text"],
ul .container-auto .form-mdp input[type="email"],
ul .container-auto .form-mdp input[type="url"],
ul .container-auto .form-mdp input[type="password"],
ul .container-auto .form-mdp textarea {
  width: 240px;
}
ul .container-auto .form-mdp .form-actions {
  padding-left: 282px;
}
div.error-checkbox .errorlist li {
  padding-top: 2px;
  padding-left: 0;
}
div.nopl .errorlist li {
  padding-top: 2px;
  padding-left: 0;
}
div.non-field-errors .errorlist li {
  background: #FF4C4C;
  color: #fff;
  margin-bottom: 5px;
  padding: 4px;
  text-align: center;
}
.form-radio ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.form-radio li {
  padding: 4px 0;
}
.form-radio li label {
  margin: 0 15px 0 0;
  font-size: 16px;
  font-weight: normal;
  width: auto;
}
.form-radio li label input {
  vertical-align: -2px;
}
body.responsive .floating-label {
  position: relative;
}
body.responsive .floating-label input::placeholder,
body.responsive .floating-label textarea::placeholder {
  color: transparent;
}
body.responsive .floating-label label {
  color: #6A6A6A;
  float: none;
  font-size: 16px;
  position: absolute;
  pointer-events: none;
  left: 16px;
  line-height: normal;
  top: 20px;
  width: auto;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
body.responsive .floating-label label.focused {
  font-size: 12px;
  top: 12px;
}
body.responsive .floating-label input[type="text"],
body.responsive .floating-label input[type="email"],
body.responsive .floating-label input[type="password"],
body.responsive .floating-label textarea,
body.responsive .floating-label select {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  height: 58px !important;
  font-size: 16px;
  line-height: 58px !important;
  margin-bottom: 20px;
  padding: 19px 15px 0 !important;
  width: 100% !important;
}
body.responsive .floating-label textarea {
  height: 180px !important;
}
body.responsive .floating-label select {
  padding: 9px 15px 0 !important;
}
body.responsive .floating-label input#id_username,
body.responsive .floating-label input#id_first_name-freedonation {
  margin-bottom: 8px !important;
}
body.responsive .floating-label input.error,
body.responsive .floating-label textarea.error,
body.responsive .floating-label select.error {
  margin-bottom: 0 !important;
}
:-webkit-autofill {
  animation-name: onAutoFillStart;
}
:not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}
.table {
  width: 100%;
}
.table thead th {
  background: #f1f1f1;
  border: 1px solid #C4C4C4;
  font-weight: normal;
  padding: 6px 0;
  text-align: center;
}
.table thead th .bubble-wrapper {
  display: inline-block;
  position: relative;
}
.table thead th img.help {
  cursor: help;
  vertical-align: -3px;
}
.table td.input {
  padding: 5px;
}
.table td.input input {
  margin: 0;
  height: 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.table-bordered {
  border: 1px solid #c4c4c4;
}
.table-bordered td {
  border: 1px solid #c4c4c4;
  padding: 10px;
}
.table-bordered td.low-padding {
  padding: 0 5px;
}
.table-highlighted tr:hover td {
  background-color: #def7e0;
}
.table-focused tr.focused td {
  background-color: #01ad7f;
  color: #fff;
}
.table-static td {
  vertical-align: top;
}
.table-static label {
  color: #979797;
  font-size: 14px;
}
.table-static .static {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 14px;
  min-width: 250px;
}
.table-static.table-assoc .static {
  min-width: 170px;
}
#messages {
  text-align: center;
}
#messages .warning {
  color: #fff;
  padding: 5px 0;
}
#messages .success {
  background-color: #5fd8b4 !important;
  margin-top: 25px;
}
#messages .error {
  background-color: #FF4C4C;
}
#messages .info {
  background-color: #FBF7E2;
  border-bottom: 1px solid #c4c4c4;
}
body.responsive #messages .alert,
body.responsive #messages .info {
  background-color: #f7f7f7;
  border-bottom: none;
}
.alert {
  background: transparent;
  color: #fff;
  padding: 10px 0;
  margin-bottom: 10px;
}
.alert a {
  color: #fff;
}
.alert img {
  margin-right: 5px;
  vertical-align: -2px;
}
.alert.info {
  color: inherit;
}
.alert.info .freedonation {
  padding: 26px 0 20px;
}
.alert.info .freedonation p {
  margin: 0 0 18px;
  padding: 0;
}
.alert.info .donation {
  line-height: 78px;
}
body.responsive .alert.info {
  border-bottom: none;
  font-size: 24px;
  padding: 10px 0;
  position: relative;
}
body.responsive .alert.info a {
  color: #2b2cbd;
  font-weight: normal;
}
body.responsive .alert.info a.collecte-url {
  color: #ff5e00;
  text-decoration: underline;
}
body.responsive .alert.info a.btn {
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}
body.responsive .alert.info a.btn img {
  max-height: 18px;
  vertical-align: -3px;
}
body.responsive .alert.info a.validate-freedonation,
body.responsive .alert.info a#validate-freedonation-reserve {
  text-transform: none;
}
body.responsive .alert.info a.open-don-gratuit-settings {
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  height: 50px;
  line-height: 50px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 20px;
  width: 50px;
}
body.responsive .alert.info a.open-don-gratuit-settings img {
  height: 19px;
  margin-right: 0 !important;
  width: 19px;
}
body.responsive .alert.info img {
  max-height: 19px;
  vertical-align: 0;
}
body.responsive .alert.info img.icon {
  height: 60px;
  margin: 0;
  max-height: none;
}
body.responsive .alert.info img.cta-img {
  margin: 0;
}
body.responsive .alert.info img.loading {
  vertical-align: 0;
}
body.responsive .alert.info .thanks-wrapper {
  display: block;
  margin: 0 0 6px;
  text-align: center;
}
body.responsive .alert.info .thanks-wrapper .thanks {
  font-size: 30px;
  font-weight: bold;
}
body.responsive .alert.info .thanks-wrapper img.check {
  height: 20px;
  max-height: 20px;
  margin: 0;
  vertical-align: 2px;
}
body.responsive .alert.info .success-message {
  line-height: 36px;
}
body.responsive .alert.info .freedonation-label a {
  color: #000000;
  text-decoration: underline;
}
body.responsive .alert.info h1,
body.responsive .alert.info p.cta {
  font-size: 22px;
  font-weight: normal;
  margin: 15px 0 0;
}
body.responsive .alert.info p.icon-wrapper {
  margin: 0;
}
body.responsive .alert.info p.icon-wrapper img {
  border-radius: 40px;
  max-height: none;
}
body.responsive .alert.info p.validate-freedonation-action {
  margin: 24px 0 0;
}
body.responsive .alert.info p.help {
  font-size: 14px;
  font-style: italic;
  margin: 20px 0 0;
}
body.responsive .alert.info .don-gratuit,
body.responsive .alert.info .freedonation,
body.responsive .alert.info .donation,
body.responsive .alert.info .status,
body.responsive .alert.info .subscribe {
  background: #ffffff !important;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
  box-sizing: border-box;
  line-height: 30px;
  margin: 50px auto 0;
  padding: 45px 20px !important;
  width: 100%;
}
body.responsive .alert.info .don-gratuit p,
body.responsive .alert.info .freedonation p,
body.responsive .alert.info .donation p,
body.responsive .alert.info .status p,
body.responsive .alert.info .subscribe p {
  margin-bottom: 0;
}
body.responsive .alert.info .don-gratuit div.action,
body.responsive .alert.info .freedonation div.action,
body.responsive .alert.info .donation div.action,
body.responsive .alert.info .status div.action,
body.responsive .alert.info .subscribe div.action {
  display: inline-block;
  margin-top: 18px;
}
body.responsive .alert.info .don-gratuit div.action.stacked a,
body.responsive .alert.info .freedonation div.action.stacked a,
body.responsive .alert.info .donation div.action.stacked a,
body.responsive .alert.info .status div.action.stacked a,
body.responsive .alert.info .subscribe div.action.stacked a {
  margin: 0 15px 0 0;
}
body.responsive .alert.info .don-gratuit div.action.stacked a:last-child,
body.responsive .alert.info .freedonation div.action.stacked a:last-child,
body.responsive .alert.info .donation div.action.stacked a:last-child,
body.responsive .alert.info .status div.action.stacked a:last-child,
body.responsive .alert.info .subscribe div.action.stacked a:last-child {
  margin: 0;
}
body.responsive .alert.info .don-gratuit p:first-child,
body.responsive .alert.info .freedonation p:first-child,
body.responsive .alert.info .donation p:first-child,
body.responsive .alert.info .status p:first-child,
body.responsive .alert.info .subscribe p:first-child {
  margin: 0;
}
body.responsive .alert.info .don-gratuit p.mt-mobile,
body.responsive .alert.info .freedonation p.mt-mobile,
body.responsive .alert.info .donation p.mt-mobile,
body.responsive .alert.info .status p.mt-mobile,
body.responsive .alert.info .subscribe p.mt-mobile {
  margin-top: 0;
}
body.responsive .alert.info .donation .thanks {
  font-size: 30px;
  font-weight: bold;
}
body.responsive .alert.info .don-gratuit {
  margin: 30px auto 50px;
  position: relative;
}
body.responsive .alert.info .don-gratuit .clic-progress-wrapper {
  background-color: #e5e5e5;
  box-sizing: border-box;
  height: 2px;
  margin: 10px auto 0;
}
body.responsive .alert.info .don-gratuit .clic-progress-wrapper .clic-progress {
  background-color: #ff5e00;
  height: 2px;
  width: 0%;
}
body.responsive .alert.info a.validate-freedonation {
  display: inline-block;
}
body.responsive .alert.info .subscribe {
  margin: -20px auto 60px;
}
@media (max-width: 668px) {
  body.responsive .alert.info {
    font-size: 18px;
  }
  body.responsive .alert.info h1,
  body.responsive .alert.info p.cta {
    font-size: 20px;
  }
  body.responsive .alert.info img.icon {
    display: block;
    height: 50px;
    margin: 0 auto;
    max-height: 50px;
  }
  body.responsive .alert.info a.open-don-gratuit-settings {
    height: 40px;
    line-height: 40px;
    right: 10px;
    top: 10px;
    width: 40px;
  }
  body.responsive .alert.info a.open-don-gratuit-settings img {
    height: 15px;
    width: 15px;
  }
  body.responsive .alert.info p.cta {
    font-size: 18px;
  }
  body.responsive .alert.info .thanks-wrapper .thanks {
    font-size: 24px;
  }
  body.responsive .alert.info .don-gratuit,
  body.responsive .alert.info .freedonation,
  body.responsive .alert.info .donation,
  body.responsive .alert.info .status,
  body.responsive .alert.info .subscribe {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
    margin: 6px auto 20px;
    padding: 30px 20px !important;
  }
  body.responsive .alert.info .don-gratuit .thanks,
  body.responsive .alert.info .freedonation .thanks,
  body.responsive .alert.info .donation .thanks,
  body.responsive .alert.info .status .thanks,
  body.responsive .alert.info .subscribe .thanks {
    font-size: 24px;
  }
  body.responsive .alert.info .don-gratuit p.mt-mobile,
  body.responsive .alert.info .freedonation p.mt-mobile,
  body.responsive .alert.info .donation p.mt-mobile,
  body.responsive .alert.info .status p.mt-mobile,
  body.responsive .alert.info .subscribe p.mt-mobile {
    margin-top: 0;
  }
  body.responsive .alert.info .don-gratuit div.action,
  body.responsive .alert.info .freedonation div.action,
  body.responsive .alert.info .donation div.action,
  body.responsive .alert.info .status div.action,
  body.responsive .alert.info .subscribe div.action {
    margin-top: 20px;
    max-width: 300px;
    width: 100%;
  }
  body.responsive .alert.info .don-gratuit div.action.stacked a,
  body.responsive .alert.info .freedonation div.action.stacked a,
  body.responsive .alert.info .donation div.action.stacked a,
  body.responsive .alert.info .status div.action.stacked a,
  body.responsive .alert.info .subscribe div.action.stacked a {
    margin: 0 0 15px 0;
  }
  body.responsive .alert.info .don-gratuit div.action.stacked a:last-child,
  body.responsive .alert.info .freedonation div.action.stacked a:last-child,
  body.responsive .alert.info .donation div.action.stacked a:last-child,
  body.responsive .alert.info .status div.action.stacked a:last-child,
  body.responsive .alert.info .subscribe div.action.stacked a:last-child {
    margin: 0;
  }
  body.responsive .alert.info a.btn {
    box-sizing: border-box;
    display: block;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    max-width: 300px;
    width: 100%;
  }
  body.responsive .alert.info a.btn.nourriture {
    height: 75px;
    line-height: 22px;
    padding-top: 15px;
  }
  body.responsive .alert.info .btn-pending.nourriture .lds-css {
    margin: 2px 5px 0 0;
  }
}
.alert.error {
  color: #f00;
}
.alert.error a {
  color: #1A23B2;
  font-weight: normal;
}
.alert-error {
  border: 2px solid #f00;
  color: #4B4B4D;
  font-weight: normal;
  margin-bottom: 20px;
  padding: 8px;
  text-align: center;
}
.alert-warning {
  background: #fff;
  border: 2px solid #FF7200;
  color: #4B4B4D;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 25px;
  padding: 8px;
  text-align: center;
}
#messages .alert {
  margin-bottom: 0;
}
.psa {
  color: #fff;
  padding: 5px 0;
  text-align: center;
}
.psa.success {
  background-color: #5fd8b4;
}
.psa.error {
  background-color: #FF4C4C;
}
#infos-don-trigger {
  border-bottom: 1px dotted #fff;
  cursor: help;
}
#infos-don,
.help-bubble {
  background: #fff;
  display: none;
  font-size: 14px;
  line-height: 18px;
  left: 10px;
  padding: 20px;
  position: absolute;
  top: 51px;
  width: 558px;
  z-index: 10001;
  -webkit-box-shadow: 0 0 10px 2px #656565;
  box-shadow: 0 0 10px 2px #656565;
}
#infos-don p,
.help-bubble p {
  margin: 0;
}
#infos-don .arrow,
.help-bubble .arrow {
  position: absolute;
  top: -10px;
  left: 52%;
}
.help-bubble {
  left: -5px;
  top: 20px;
  padding: 10px;
  width: 300px;
  -webkit-box-shadow: 0 1px 3px 0 #656565;
  box-shadow: 0 1px 3px 0 #656565;
}
.help-bubble .arrow {
  position: absolute;
  top: -10px;
  left: 8px;
}
.help-bubble.inverse {
  left: auto;
  right: -5px;
}
.help-bubble.inverse .arrow {
  left: auto;
  right: 8px;
}
#wrapper {
  background-color: #ededed !important;
  min-height: 100%;
  margin-bottom: -1px;
}
#wrapper:after {
  content: '';
  display: block;
  height: 1px;
}
#wrapper-popup .content {
  padding: 0 20px;
  position: fixed;
  text-align: center;
  top: 50%;
  width: 660px;
}
#wrapper-popup .content .btn-facebook {
  width: 360px;
}
.container {
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  max-width: 940px;
  width: auto;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
body.responsive #wrapper {
  background-color: #f7f7f7 !important;
}
body.responsive .container {
  box-sizing: border-box;
  max-width: 1044px;
  padding: 0 10px;
  width: 100%;
}
body.responsive .container-1160 {
  max-width: 1160px;
}
.container-300 {
  max-width: 300px;
}
body.responsive .container-335 {
  max-width: 335px;
}
.container-340 {
  max-width: 340px;
}
body.responsive .container-365 {
  max-width: 365px;
}
@media (max-width: 768px) {
  body.responsive .container-365 {
    width: 335px;
  }
}
.container-380 {
  max-width: 380px;
}
body.responsive .container-400 {
  max-width: 400px;
}
@media (max-width: 668px) {
  body.responsive .container-400 {
    padding: 0 15px;
    max-width: none;
    width: 100%;
  }
}
.container-460 {
  max-width: 460px;
}
body.responsive .container-460 {
  max-width: 460px;
}
@media (max-width: 668px) {
  body.responsive .container-460 {
    padding: 0 15px;
    max-width: none;
    width: 100%;
  }
}
.container-468 {
  max-width: 468px;
}
.container-480 {
  max-width: 480px;
}
.container-498 {
  max-width: 498px;
}
body.responsive .container-500 {
  box-sizing: content-box;
  max-width: 500px;
}
@media (max-width: 910px) {
  body.responsive .container-500 {
    max-width: 568px;
  }
}
@media (max-width: 668px) {
  body.responsive .container-500 {
    box-sizing: border-box;
    max-width: none;
    padding: 0 15px;
    width: 100%;
  }
}
.container-540 {
  max-width: 540px;
}
.container-600 {
  max-width: 600px;
}
body.responsive .container-600 {
  max-width: 600px;
}
.container-606 {
  max-width: 606px;
}
.container-620 {
  max-width: 620px;
}
.container-650 {
  max-width: 650px;
}
body.responsive .container-665 {
  box-sizing: content-box;
  max-width: 665px;
}
@media (max-width: 910px) {
  body.responsive .container-665 {
    max-width: 568px;
  }
}
@media (max-width: 668px) {
  body.responsive .container-665 {
    box-sizing: border-box;
    max-width: none;
    padding: 0 15px;
    width: 100%;
  }
}
body.responsive .container-700 {
  box-sizing: content-box;
  max-width: 700px;
}
@media (max-width: 910px) {
  body.responsive .container-700 {
    max-width: 568px;
  }
}
@media (max-width: 668px) {
  body.responsive .container-700 {
    box-sizing: border-box;
    max-width: none;
    padding: 0 15px;
    width: 100%;
  }
}
.container-740 {
  max-width: 740px;
}
body.responsive .container-740 {
  max-width: 740px;
}
@media (max-width: 910px) {
  body.responsive .container-740 {
    max-width: 568px;
  }
}
@media (max-width: 668px) {
  body.responsive .container-740 {
    box-sizing: border-box;
    max-width: none;
    padding: 0 15px;
    width: 100%;
  }
}
.container-780 {
  max-width: 780px;
}
body.responsive .container-790 {
  max-width: 790px;
}
@media (max-width: 910px) {
  body.responsive .container-790 {
    max-width: 568px;
  }
}
@media (max-width: 668px) {
  body.responsive .container-790 {
    box-sizing: border-box;
    max-width: none;
    padding: 0 15px;
    width: 100%;
  }
}
.container-830 {
  max-width: 830px;
}
.container-846 {
  max-width: 846px;
}
.container-900 {
  max-width: 900px;
}
.container-902 {
  max-width: 902px;
}
.container-auto {
  display: inline-block;
  min-width: 580px;
  text-align: left;
  width: auto;
}
.container-centered {
  text-align: center;
}
.block {
  background: #fff;
  border: 1px solid #ddd;
  border-bottom-color: #c4c4c4;
  padding: 20px;
  position: relative;
}
.block h2 {
  margin-top: 0;
}
.block .nomt {
  margin-top: 0;
}
body.responsive .block {
  border: none !important;
  border-radius: 12px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
  padding: 0;
}
body.responsive .block .inner {
  padding: 20px;
}
.block.p10 {
  padding: 10px;
}
.block.p40 {
  padding: 40px;
}
.block.pnull {
  padding: 0px;
}
.block.pnull .p20 {
  padding: 20px 15px;
}
.block.pnull .main img {
  vertical-align: -2px;
}
.block.pnull .inner {
  border-top: 1px solid #c4c4c4;
  background-color: #f9f9f9;
  padding: 20px;
}
.block.pbp {
  padding-bottom: 4px;
}
.block.pb16 {
  padding-bottom: 16px;
}
.block.pth {
  padding-top: 16px;
}
.block.ptp {
  padding-top: 4px;
}
.block.ptn {
  padding-top: 0;
}
.block.mt {
  margin-top: 20px;
}
.block.mb {
  margin-bottom: 10px;
}
.block.no-shadow {
  box-shadow: none !important;
}
@media (max-width: 768px) {
  body.responsive .block.mb {
    margin-bottom: 20px;
  }
}
.block.nobt {
  border-top: none;
}
.block.brt {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.block.brb {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.block.img-max-width img {
  max-width: 100%;
}
.block.share {
  padding: 5px;
}
.block.alert-collecte {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  background-color: #191919;
  border: 1px solid #000;
  color: #fff;
  padding: 10px;
}
.block.alert-collecte a.btn {
  height: 39px;
  line-height: 38px;
  margin-left: 10px;
  padding: 0 20px;
  width: auto;
}
.block.product,
.block.association,
.block.garanties,
.block.donators,
.block.confirmation,
.block.stats,
.block.cheers,
.block.freedonation-pending {
  color: #767676;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  margin-bottom: 20px;
}
.block.product .title,
.block.association .title,
.block.garanties .title,
.block.donators .title,
.block.confirmation .title,
.block.stats .title,
.block.cheers .title,
.block.freedonation-pending .title {
  border-bottom: 1px solid #e7e7e7;
  color: #000000;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 50px;
  padding-left: 20px;
  text-transform: uppercase;
}
.block.product .text,
.block.association .text,
.block.garanties .text,
.block.donators .text,
.block.confirmation .text,
.block.stats .text,
.block.cheers .text,
.block.freedonation-pending .text {
  display: block;
}
.block.product .text p,
.block.association .text p,
.block.garanties .text p,
.block.donators .text p,
.block.confirmation .text p,
.block.stats .text p,
.block.cheers .text p,
.block.freedonation-pending .text p {
  margin: 0;
}
.block.product a,
.block.association a,
.block.garanties a,
.block.donators a,
.block.confirmation a,
.block.stats a,
.block.cheers a,
.block.freedonation-pending a {
  font-size: 14px;
}
.block.product .country img,
.block.association .country img,
.block.garanties .country img,
.block.donators .country img,
.block.confirmation .country img,
.block.stats .country img,
.block.cheers .country img,
.block.freedonation-pending .country img {
  vertical-align: -3px;
}
.block.cheers .footer,
.block.confirmation .footer {
  padding: 10px 20px;
}
.block.cheers .footer .cb-wrapper,
.block.confirmation .footer .cb-wrapper {
  border-top: 1px solid #e7e7e7;
  padding: 12px 0 8px;
}
.block.cheers .footer .cb-wrapper label,
.block.confirmation .footer .cb-wrapper label {
  color: #000000;
}
.block.cheers .footer .cb-wrapper .check,
.block.confirmation .footer .cb-wrapper .check {
  top: 12px;
}
.block.cheers p.text,
.block.confirmation p.text {
  color: #000;
  margin-top: 0;
}
.block.cheers p.delete,
.block.confirmation p.delete {
  text-align: right;
}
.block.cheers p.delete a,
.block.confirmation p.delete a {
  color: #767676;
  font-size: 14px;
}
.block.cheers .form p.field,
.block.confirmation .form p.field {
  margin-top: 0;
}
.block.cheers .form p.field input[type="text"],
.block.confirmation .form p.field input[type="text"] {
  border: none;
  border-bottom: 1px solid #979797;
  height: 40px;
  line-height: 40px;
  outline-color: #fff;
  padding: 4px 0;
  margin-top: 0;
  width: 100%;
}
.block.cheers .form p.field input[type="text"]::placeholder,
.block.confirmation .form p.field input[type="text"]::placeholder {
  color: #000;
}
.block.cheers .form p.field input[type="text"]:focus,
.block.confirmation .form p.field input[type="text"]:focus {
  outline: none;
}
.block.cheers .form p.field textarea,
.block.confirmation .form p.field textarea {
  box-sizing: border-box;
  height: 50px;
  margin-bottom: 0;
  outline-color: #fff;
  overflow: hidden;
  padding: 15px 25px;
  width: 100%;
}
.block.cheers .form p.field textarea::placeholder,
.block.confirmation .form p.field textarea::placeholder {
  color: #6A6A6A;
}
.block.cheers .form p.field textarea:focus,
.block.confirmation .form p.field textarea:focus {
  outline: none;
}
.block.cheers .form p.field textarea.focused,
.block.confirmation .form p.field textarea.focused {
  height: 110px;
  overflow: auto;
}
.block.cheers .form p.actions,
.block.confirmation .form p.actions {
  margin-top: 10px;
  text-align: right;
}
.block.cheers .form p.actions button,
.block.confirmation .form p.actions button {
  box-sizing: content-box;
  font-size: 14px !important;
  font-weight: bold;
  text-transform: uppercase !important;
}
.block.cheers .form p.actions button.cancel,
.block.confirmation .form p.actions button.cancel {
  background: transparent;
  border: none;
  color: #000;
  margin-right: 10px;
}
.block.cheers .form.detail,
.block.confirmation .form.detail {
  padding: 10px 0 2px;
}
.block.cheers .form.detail p.actions,
.block.confirmation .form.detail p.actions {
  padding-bottom: 8px;
}
.block.cheers .form.detail p.actions a.btn,
.block.confirmation .form.detail p.actions a.btn {
  padding: 0 25px;
}
.block.cheers .form.detail p.actions a.cancel,
.block.confirmation .form.detail p.actions a.cancel {
  line-height: 50px;
  margin-right: 20px;
}
@media (max-width: 668px) {
  .block.cheers .form p.field textarea {
    height: 68px;
  }
}
.block.garanties h4 {
  color: #000000;
  display: list-item;
  list-style: disc;
  list-style-position: inside;
}
.block.donators ul,
.block.cheers ul,
.modal.donators ul,
.donators-list ul {
  list-style: none;
  margin: 0;
  padding: 20px;
}
.block.donators ul li,
.block.cheers ul li,
.modal.donators ul li,
.donators-list ul li {
  border-bottom: 1px solid #e7e7e7;
  line-height: 25px;
  overflow: hidden;
  padding: 10px 0;
}
.block.donators ul li a,
.block.cheers ul li a,
.modal.donators ul li a,
.donators-list ul li a {
  color: #767676;
}
.block.donators ul li span.icon,
.block.cheers ul li span.icon,
.modal.donators ul li span.icon,
.donators-list ul li span.icon {
  float: left;
  margin: 3px 5px 0 0;
}
.block.donators ul li span.wrapper,
.block.cheers ul li span.wrapper,
.modal.donators ul li span.wrapper,
.donators-list ul li span.wrapper {
  float: left;
  text-align: left;
}
.block.donators ul li span.name,
.block.cheers ul li span.name,
.modal.donators ul li span.name,
.donators-list ul li span.name {
  color: #333333;
  display: block;
  font-size: 16px;
}
.block.donators ul li span.separator,
.block.cheers ul li span.separator,
.modal.donators ul li span.separator,
.donators-list ul li span.separator {
  padding: 0 5px;
}
.block.donators ul li svg,
.block.cheers ul li svg,
.modal.donators ul li svg,
.donators-list ul li svg {
  margin-right: 5px;
  vertical-align: -3px;
}
.block.donators ul li span.quantity,
.block.cheers ul li span.quantity,
.modal.donators ul li span.quantity,
.donators-list ul li span.quantity {
  color: #01a459;
  font-weight: bold;
}
.block.donators ul li:first-child,
.block.cheers ul li:first-child,
.modal.donators ul li:first-child,
.donators-list ul li:first-child {
  padding-top: 0;
}
.block.donators ul li:last-child,
.block.cheers ul li:last-child,
.modal.donators ul li:last-child,
.donators-list ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.block.donators ul li.cta a .processing,
.block.cheers ul li.cta a .processing,
.modal.donators ul li.cta a .processing,
.donators-list ul li.cta a .processing {
  font-size: 14px;
}
.block.donators ul li.cta a:hover,
.block.cheers ul li.cta a:hover,
.modal.donators ul li.cta a:hover,
.donators-list ul li.cta a:hover {
  text-decoration: none;
}
.block.donators div.wrapper,
.block.cheers div.wrapper,
.modal.donators div.wrapper,
.donators-list div.wrapper {
  padding: 0 0 20px;
  text-align: center;
}
.block.donators div.wrapper .show-all-donators,
.block.cheers div.wrapper .show-all-donators,
.modal.donators div.wrapper .show-all-donators,
.donators-list div.wrapper .show-all-donators,
.block.donators div.wrapper .show-top-donators,
.block.cheers div.wrapper .show-top-donators,
.modal.donators div.wrapper .show-top-donators,
.donators-list div.wrapper .show-top-donators {
  background: none;
  box-sizing: border-box;
  padding: 0;
  height: 50px;
  margin: 0 auto;
  text-transform: none;
  width: 100%;
}
.block.donators div.wrapper.top-donators .row,
.block.cheers div.wrapper.top-donators .row,
.modal.donators div.wrapper.top-donators .row,
.donators-list div.wrapper.top-donators .row {
  display: table;
  width: 100%;
}
.block.donators div.wrapper.top-donators .cell,
.block.cheers div.wrapper.top-donators .cell,
.modal.donators div.wrapper.top-donators .cell,
.donators-list div.wrapper.top-donators .cell {
  display: table-cell;
  vertical-align: middle;
}
.block.donators div.wrapper.top-donators .cell:last-child,
.block.cheers div.wrapper.top-donators .cell:last-child,
.modal.donators div.wrapper.top-donators .cell:last-child,
.donators-list div.wrapper.top-donators .cell:last-child {
  padding-left: 10px;
}
.block.donators div.wrapper.top-donators .btn,
.block.cheers div.wrapper.top-donators .btn,
.modal.donators div.wrapper.top-donators .btn,
.donators-list div.wrapper.top-donators .btn {
  box-sizing: border-box;
  height: 55px;
  font-size: 14px;
  line-height: normal;
  padding: 0 10px;
  margin: 0px;
  width: 100%;
}
.block.donators div.wrapper.top-donators .btn.alone,
.block.cheers div.wrapper.top-donators .btn.alone,
.modal.donators div.wrapper.top-donators .btn.alone,
.donators-list div.wrapper.top-donators .btn.alone {
  font-size: 16px;
}
.block.donators div.wrapper.top-donators .show-top-donators,
.block.cheers div.wrapper.top-donators .show-top-donators,
.modal.donators div.wrapper.top-donators .show-top-donators,
.donators-list div.wrapper.top-donators .show-top-donators {
  border-color: #000000;
  color: #000000 !important;
}
.block.donators div.wrapper.top-donators .show-top-donators:hover,
.block.cheers div.wrapper.top-donators .show-top-donators:hover,
.modal.donators div.wrapper.top-donators .show-top-donators:hover,
.donators-list div.wrapper.top-donators .show-top-donators:hover {
  box-shadow: inset 0 0 0 1px #000000;
}
.block.donators div.wrapper.plr,
.block.cheers div.wrapper.plr,
.modal.donators div.wrapper.plr,
.donators-list div.wrapper.plr {
  padding: 0 20px 20px;
}
.modal.donators ul {
  padding: 0 !important;
}
.modal.donators ul li {
  border: none;
  padding: 0 24px;
}
.modal.donators ul li div.item {
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 0;
}
.modal.donators ul li.cta {
  padding: 10px 0;
}
.donators ul.donation-cta li:nth-last-child(2) {
  border-bottom: none;
}
.donators-list {
  position: relative;
}
.donators-list div.wrapper {
  padding-bottom: 0;
  z-index: 1;
}
.donators-list .gradient {
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: scroll;
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
  height: 150px;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 9;
}
.donators-list ul {
  padding: 0;
}
.donators-list ul li {
  border-bottom: none;
  padding: 2px 0;
  text-align: left;
}
.donators-list ul li span.text {
  display: block;
  line-height: 18px;
  margin-top: 4px;
  text-align: left;
}
.donators-list ul li span.name {
  display: block;
}
.donators-list ul li time.processing,
.donators-list ul li time.timeago {
  color: #767676;
  display: block;
  font-size: 14px;
}
.donators-list.mb {
  margin-bottom: 15px;
}
hr.donators-list-separator {
  border-color: #dad9db !important;
  margin: 50px auto 20px !important;
  width: 200px;
}
hr.donators-list-separator.share-activity-list {
  border-color: #979797 !important;
  margin: 30px auto 20px !important;
}
.donators-list.freedonation {
  margin-bottom: 35px;
}
.donators-list.freedonation ul {
  width: 100%;
}
.donators-list.freedonation ul li span.name {
  font-size: 16px;
}
.donators-list.freedonation ul li time.processing,
.donators-list.freedonation ul li time.timeago {
  font-size: 12px;
}
.donators-list.share-activity-list {
  margin: 0 auto;
}
.donators-list.share-activity-list ul {
  width: 100%;
}
.donators .loader {
  padding: 20px 20px 0;
  text-align: center;
}
.shares-list {
  color: #767676;
  font-size: 14px;
}
.shares-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.shares-list ul li {
  border-bottom: 1px solid #e7e7e7;
  height: 65px;
  line-height: 65px;
  margin: 0 20px;
}
.shares-list ul li span.count {
  color: #01a459;
  font-weight: bold;
}
.shares-list ul li time.timeago {
  float: right;
}
.shares-list ul li:last-child {
  border-bottom: none;
}
.block.donators ul li span.wrapper {
  width: 210px;
}
.donators-block-mobile .block.donators .header {
  padding: 16px 16px 0;
}
.donators-block-mobile .block.donators .header h2 {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.38em;
  margin: 0;
}
.donators-block-mobile .block.donators .header h2 a.show-all-donators {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
}
.donators-block-mobile .block.donators .header .show-top-donators {
  border-radius: 8px;
  float: right;
  margin: 0;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-transform: none;
}
.donators-block-mobile .block.donators .header .show-top-donators svg {
  margin-right: 3px;
  vertical-align: -2px;
}
.donators-block-mobile .block.donators ul {
  padding: 16px;
}
.donators-block-mobile .block.donators ul li {
  border-bottom: none;
}
.donators-block-mobile .block.donators ul li span.name {
  font-size: 16px;
  line-height: 1.38em;
}
.donators-block-mobile .block.donators ul li span.infos {
  color: #838486;
  font-size: 14px;
  line-height: 1.29em;
}
.donators-block-mobile .block.donators div.wrapper.top-donators .btn {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.block.cheers div.inner {
  padding: 10px 20px;
}
.block.cheers div.inner.empty {
  padding: 0;
}
.block.cheers ul {
  margin: 0;
  padding: 0;
}
.block.cheers ul li.inner {
  padding: 10px 0;
  display: table;
  width: 100%;
}
.block.cheers ul li.inner span.icon {
  float: none;
  display: table-cell;
  vertical-align: top;
  width: 35px;
}
.block.cheers ul li.inner span.wrapper {
  float: none;
  display: table-cell;
  padding-left: 10px;
  vertical-align: top;
}
.block.cheers ul li.inner span.bag-amount {
  color: #01a459;
  font-weight: bold;
}
.block.cheers ul li.inner span.text {
  color: #000;
  font-size: 16px;
  word-break: break-all;
}
.block.cheers button.btn.btn-clear {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-transform: none;
}
.block.cheers div.footer {
  border-top: 1px solid #e7e7e7;
  color: #333333;
  font-size: 16px;
  line-height: 22px;
  padding: 10px 20px;
}
.block.cheers div.footer a.btn {
  float: right;
  height: auto;
  padding: 0 10px;
  text-transform: none;
}
@media (max-width: 668px) {
  .block.cheers div.footer {
    line-height: 18px;
  }
  .block.cheers div.footer a.btn {
    margin-left: 10px;
  }
}
.block.stats ul {
  box-sizing: border-box;
  height: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.block.stats ul li {
  display: block;
  float: left;
  margin-right: 15px;
  width: auto;
}
.block.stats ul li span {
  display: block;
}
.block.stats ul li button,
.block.stats ul li span.count {
  border: none;
  background: none;
  color: #000;
  font-weight: bold;
  padding: 0;
  text-decoration: underline;
}
.block.stats ul li span.count.ntd {
  text-decoration: none;
}
.block.stats ul li:last-child {
  margin-right: 0;
}
.block.freedonation-pending .progress {
  background-color: #ddd;
  border-radius: 3px;
  height: 4px;
  width: 100%;
}
.block.freedonation-pending .progress-bar {
  background-color: #01a459;
  border-radius: 3px;
  height: 4px;
  width: 0%;
}
.block.freedonation-pending p.remaining {
  color: #000000;
  font-size: 16px;
}
.block.freedonation-pending p.actions a,
.block.freedonation-pending p.actions button {
  box-sizing: border-box;
  display: block;
  float: left;
  font-size: 16px;
  text-transform: none;
  width: 305px;
}
.block.freedonation-pending p.actions a:first-child {
  margin-right: 14px;
}
.block.freedonation-pending p.countdown {
  color: #000000;
  text-align: center;
}
.block.freedonation-pending p.email {
  margin-bottom: 0;
  text-align: center;
}
@media (max-width: 668px) {
  .block.freedonation-pending p.actions a,
  .block.freedonation-pending p.actions button {
    width: 100%;
  }
  .block.freedonation-pending p.actions a:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.modal.donators {
  color: #767676;
  font-size: 14px;
  overflow-y: auto;
}
.modal.donators ul {
  padding: 0 24px;
}
.modal.donators ul li {
  margin: 0;
}
.modal.donators ul li span.wrapper {
  width: 85%;
}
.modal.donators ul li.cta {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
.modal.donators ul li.cta a {
  background-color: #c3f0db;
  box-sizing: border-box;
  color: #262626;
  display: block;
  padding: 22px 20px;
  width: 100%;
}
.modal.donators ul li.cta a:hover {
  text-decoration: none;
}
.modal.donators ul li.loading {
  height: 30px;
  text-align: center;
}
.modal.donators ul li:first-child {
  padding-top: 20px;
}
.modal.donators ul li.no-border {
  border-bottom: none;
}
.modal.donators ul li:last-child {
  padding-bottom: 20px;
}
@media (min-width: 910px) and (max-width: 1000px) {
  .block.product .thumbnail,
  .block.product .text {
    float: none;
    margin: 0;
    width: 100%;
  }
  .block.product .thumbnail {
    margin-bottom: 10px;
    text-align: center;
  }
}
@media (min-width: 668px) and (max-width: 910px) {
  .block.product .thumbnail,
  .block.product .text {
    float: none;
    margin: 0;
    width: 100%;
  }
  .block.product .thumbnail {
    margin-bottom: 10px;
    text-align: center;
  }
}
@media (max-width: 668px) {
  .block.product,
  .block.garanties {
    font-size: 18px;
    line-height: 1.33em;
  }
  .block.product a,
  .block.garanties a {
    font-size: 18px;
  }
}
.cards {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  margin: 20px;
  padding: 4px 20px 20px;
  position: relative;
}
.cards h3 {
  font-weight: normal;
}
.cards p {
  line-height: 20px;
}
.cards p.validation {
  font-size: 12px;
}
.call-to {
  background: #00563E;
  color: #fff;
  font-size: 14px;
  margin-bottom: 15px;
}
.call-to table {
  width: 100%;
}
.call-to table td {
  padding: 10px;
}
.call-to .btn {
  line-height: normal;
  height: auto;
  font-size: 14px;
  padding: 10px 15px;
  width: 170px;
}
.call-to-alt {
  padding: 40px;
  text-align: left;
}
.call-to-alt .btn-call-to {
  display: block;
  height: 65px;
  line-height: 65px;
  margin-left: 20px;
  text-align: center;
  width: 245px;
}
#col-left,
.col-left {
  float: left;
  width: 620px;
}
#col-right,
.col-right {
  float: right;
  margin-left: 20px;
  width: 300px;
}
@media (min-width: 668px) and (max-width: 910px) {
  div.two-cols {
    float: left;
    width: 48%;
  }
  div.two-cols-separator {
    float: left;
    width: 4%;
  }
}
body.responsive #col-left,
body.responsive .col-left {
  margin-right: -665px;
  width: 665px;
}
body.responsive #col-right,
body.responsive .col-right {
  float: none;
  margin-left: 720px;
  width: auto;
}
@media (max-width: 910px) {
  body.responsive #col-left,
  body.responsive .col-left,
  body.responsive #col-right,
  body.responsive .col-right {
    float: none;
    margin: 0;
    width: 100%;
  }
}
body.responsive .container-1160 .col-left {
  margin-right: -741px;
  width: 741px;
}
body.responsive .container-1160 .col-right {
  float: none;
  margin-left: 772px;
  width: auto;
}
#header {
  background: #fff;
  border-bottom: 3px solid #01A459;
  height: 56px;
  overflow: visible;
  position: relative;
  z-index: 2;
}
#header .menu {
  list-style: none;
  margin: 10px auto 0;
  padding: 0;
  padding-left: 18%;
  width: 63%;
  /*
		li:last-child {
			padding-top: 57px;
			
			img.clicked {
				top: -15px;
				right: -9px;
			}
		}
		*/
}
#header .menu li {
  display: block;
  float: left;
}
#header .menu li a {
  border: 1px solid transparent;
  color: #141823;
  display: block;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 109px;
}
#header .menu li a span.icon-wrapper {
  display: table-cell;
  height: 50px;
  margin: 0 auto;
  vertical-align: bottom;
  text-align: center;
  width: 109px;
}
#header .menu li a span.text-wrapper {
  display: block;
  margin-top: 6px;
}
#header .menu li a img.icone {
  display: inline;
  vertical-align: bottom;
}
#header .menu li a img.clicked {
  max-height: 28px;
  position: absolute;
  top: 0;
  right: 15px;
}
#header .menu li a img.hide {
  display: none;
}
#header .menu li a:hover,
#header .menu li a.clicked {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
}
@media (min-width: 910px) and (max-width: 1024px) {
  #header .menu {
    padding-left: 5%;
  }
}
@media (min-width: 668px) and (max-width: 910px) {
  #header .menu {
    padding-left: 11%;
  }
  #header .menu li {
    width: 20%;
  }
  #header .menu li a {
    width: auto;
  }
  #header .menu li a img.icone.couvertures {
    max-height: 37px;
  }
  #header .menu li a img.icone.abris {
    max-height: 41px;
    margin-top: 4px;
  }
  #header .menu li a img.icone.boites {
    max-height: 41px;
    margin-top: 4px;
  }
  #header .menu li a img.icone.croquettes {
    max-height: 35px;
  }
  #header .menu li a img.icone.granules {
    max-height: 44px;
  }
}
#header.popup {
  border-bottom: 1px solid #01ad7f;
  -webkit-box-shadow: 0 1px 2px 0 #999;
  box-shadow: 0 1px 2px 0 #999;
  height: 54px;
}
body.responsive #header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
}
body.responsive #header.home {
  border-bottom: none;
  position: relative;
  height: auto;
}
body.responsive #header.relative {
  position: relative;
}
.collecte-msg {
  background-color: #01a459;
  color: #ffffff;
  padding: 20px 0;
  text-align: center;
  top: 59px;
  width: 100%;
}
#home-content,
#home-content-mobile {
  color: #fff;
  text-align: center;
  width: 100%;
}
#home-content .bar,
#home-content-mobile .bar {
  background: #ffffff;
  border-bottom: 3px solid #01a459;
  height: 56px;
  width: 100%;
}
#home-content h1,
#home-content-mobile h1 {
  font-size: 36px;
}
#home-content p.subtitle,
#home-content-mobile p.subtitle {
  font-size: 24px;
  margin: 0 auto 40px;
  width: 550px;
}
#home-content a.btn,
#home-content-mobile a.btn {
  box-sizing: border-box;
  font-size: 18px;
  font-weight: normal;
  height: 57px;
  line-height: 57px;
  text-transform: none;
  width: 320px;
}
#home-content .wrapper {
  background: #1b103c;
  background: linear-gradient(180deg, #1b103c 0%, #321c59 100%);
  height: 700px;
}
#home-content .table {
  display: table;
  margin: 0 auto;
  width: 1110px;
  height: 100%;
}
#home-content .table .left,
#home-content .table .right {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
#home-content .table .left {
  text-align: left;
}
#home-content .table .left .inner {
  padding-right: 120px;
}
#home-content .table .left h1 {
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.5;
  padding: 0 0 1.5rem;
}
#home-content .table .left p {
  font-size: 1.5rem;
  line-height: 1.5;
  padding: 0 0 2rem;
}
#home-content .table .right {
  text-align: center;
}
#home-content .table .right img {
  max-width: 555px;
}
@media (max-width: 1200px) {
  #home-content .wrapper {
    height: 755px;
  }
  #home-content .table {
    width: 930px;
  }
  #home-content .table .left .inner {
    padding-right: 80px;
  }
  #home-content .table .right img {
    max-width: 465px;
  }
}
@media (max-width: 990px) {
  #home-content .wrapper {
    height: 845px;
  }
  #home-content .table {
    width: 690px;
  }
  #home-content .table .left .inner {
    padding-right: 0;
    width: 290px;
  }
  #home-content .table .left .inner a.btn {
    width: 100%;
  }
  #home-content .table .right img {
    max-width: 345px;
  }
}
@media (max-width: 768px) {
  #home-content .wrapper {
    height: 1070px;
  }
  #home-content .table {
    width: 540px;
  }
  #home-content .table .left,
  #home-content .table .right {
    box-sizing: border-box;
    display: block;
    text-align: center;
    width: 100%;
  }
  #home-content .table .left {
    height: 540px;
    padding-top: 35px;
  }
  #home-content .table .left .inner {
    width: 100%;
  }
  #home-content .table .left .inner a.btn {
    width: auto;
  }
  #home-content .table .right {
    height: 530px;
  }
  #home-content .table .right img {
    max-width: 510px;
  }
}
@media (max-width: 568px) {
  #home-content .wrapper {
    height: auto;
  }
  #home-content .table {
    width: 100%;
  }
  #home-content .table .left,
  #home-content .table .right {
    box-sizing: border-box;
    display: block;
    text-align: center;
    padding: 0 15px;
    width: 100%;
  }
}
#home-content-mobile .wrapper {
  background: #1b103c;
  background: linear-gradient(180deg, #1b103c 0%, #321c59 100%);
  height: auto;
}
#home-content-mobile .table {
  width: 100%;
}
#home-content-mobile .table .left,
#home-content-mobile .table .right {
  box-sizing: border-box;
  display: block;
  text-align: center;
  padding: 0 15px;
  width: 100%;
}
#home-content-mobile .table .left {
  padding-top: 6rem;
}
#home-content-mobile .table .left h1 {
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.5;
  padding: 0 0 1.5rem;
}
#home-content-mobile .table .left p {
  font-size: 1.5rem;
  line-height: 1.5;
  padding: 0 0 2rem;
}
#home-content-mobile .table .right {
  padding-bottom: 6rem;
}
#home-content-mobile .table .right img {
  max-width: 100%;
}
#logo {
  left: 10px;
  position: absolute;
  top: 5px;
  z-index: 9999;
}
#logo img {
  height: 45px;
}
@media (min-width: 668px) and (max-width: 910px) {
  #logo {
    top: 6px;
  }
}
#header-menu {
  left: 150px;
  position: absolute;
  top: 5px;
  z-index: 9999;
}
#header-menu a {
  color: #000000;
  display: inline-block;
  font-size: 16px;
  line-height: 50px;
  margin-right: 30px;
}
#user-menu {
  font-size: 13px;
  position: absolute;
  right: 10px;
  top: 3px;
  z-index: 9999;
}
#user-menu a.btn {
  display: inline-block !important;
  font-size: 14px;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  margin: 4px 0 0 10px;
  text-transform: none;
}
#user-menu a.btn.btn-clear {
  color: #000000 !important;
}
#user-menu a.logout {
  margin: 15px 15px 0 0;
}
#user-menu span.first-name {
  display: inline-block;
  margin: 15px 15px 0 0;
}
#whitespace-header {
  height: 59px;
  width: 100%;
}
body.simple-header #header {
  box-sizing: border-box;
  padding-top: 14px;
  position: relative;
  height: 80px;
  text-align: center;
}
body.simple-header #whitespace-header {
  display: none;
}
body.simple-header #logo {
  display: block;
  left: 0;
  position: relative;
  top: 0;
}
body.simple-header #logo img {
  height: 45px;
}
#header-mobile {
  background-color: #fff;
  border-bottom: 3px solid #01A459;
  height: 78px;
  width: 100%;
}
#header-mobile .main {
  height: 79px;
}
#header-mobile .logout {
  float: right;
  line-height: 80px;
  margin-right: 20px;
}
#header-mobile .first-name {
  float: right;
  line-height: 80px;
  margin-right: 20px;
}
#logo-mobile {
  display: inline-block;
  margin: 18px 0 0 20px;
}
#logo-mobile img {
  height: 45px;
}
#header-mobile.association-menu {
  background-color: #fbfbfb;
  border-bottom: 1px solid #e9e9e9;
  height: 60px;
}
#header-mobile.association-menu #logo-mobile {
  margin: 12px 0 0 20px;
}
#header-mobile.association-menu #logo-mobile img {
  height: 36px;
}
#header-mobile.association-menu .btn.btn-large {
  box-sizing: border-box;
  border-radius: 10px;
  float: right;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  margin: 14px 12px 0 0;
  padding: 0 10px;
  text-transform: none;
}
#header-mobile.association-menu .hamburger {
  margin: 23px 20px 0 0;
}
#header-mobile.association-menu .hamburger-inner,
#header-mobile.association-menu .hamburger-inner::before,
#header-mobile.association-menu .hamburger-inner::after {
  background-color: #383b3d;
}
#header-mobile.smaller {
  height: 45px;
}
#header-mobile.smaller #logo-mobile {
  margin: 2px 0 0 5px;
}
#header-mobile.smaller #logo-mobile img {
  height: 40px;
}
#btn-connexion {
  color: #000000 !important;
  float: right;
  font-size: 14px;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  margin: 19px 23px 0 0;
  padding: 0 20px;
  text-transform: none;
}
#navigation-mobile {
  background-color: #ffffff;
  border-top: 2px solid #01A459;
  overflow-y: auto;
  position: relative;
  width: 100%;
  z-index: 9999;
}
#navigation-mobile ul.users {
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 20px 0 0;
  width: 100%;
}
#navigation-mobile ul.users li {
  list-style: none;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  text-decoration: none !important;
}
#navigation-mobile ul.users li a {
  color: #000000;
  box-sizing: border-box;
  display: inline-block;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  text-decoration: none !important;
}
#navigation-mobile ul.users li a svg {
  display: inline-block;
  height: 26px;
  margin-right: 18px;
  vertical-align: -5px;
}
#navigation-mobile ul.users li a.btn {
  font-weight: normal;
  height: 46px;
  line-height: 46px;
  margin-bottom: 15px;
  text-transform: none;
  width: 100%;
}
#navigation-mobile ul.users li a.btn.first {
  margin-top: 10px;
}
#navigation-mobile ul.users li a.btn.btn-large {
  color: #fff;
}
#navigation-mobile ul.users li a.btn.btn-clear {
  border-color: #000;
  color: #000000 !important;
}
#navigation-mobile ul.users li a.btn.btn-clear:hover {
  box-shadow: inset 0 0 0 1px #000;
}
#navigation-mobile ul.users li:last-child {
  border-bottom: none;
}
body.simple-header #header-mobile {
  position: relative;
  text-align: center;
}
.hamburger {
  float: right;
  margin: 31px 20px 0 0;
  outline: none;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger-box {
  width: 24px;
  height: 18px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 24px;
  height: 3px;
  background-color: #02ad80;
  border-radius: 3px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -7px;
}
.hamburger-inner::after {
  bottom: -7px;
}
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#language-banner {
  background-color: #02ad80;
  color: #fff;
  font-size: 14px;
  padding: 15px 0;
  text-align: center;
}
#language-banner .inner {
  margin: 0 auto;
  position: relative;
  width: 500px;
}
#language-banner .inner .close {
  position: absolute;
  right: -48px;
  text-decoration: none !important;
  top: -14px;
}
#language-banner .inner .close span {
  cursor: pointer;
  display: block;
  height: 48px;
  text-align: center;
  width: 48px;
}
#language-banner .inner .close span::before {
  color: #fff;
  content: "\00d7";
  font-size: 32px;
  line-height: 48px;
}
#language-banner .inner h3 {
  font-weight: normal;
  margin: 0 0 20px;
}
#language-banner .inner .actions a {
  border: 1px solid #fff;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  margin-right: 23px;
  padding: 0 21px 0 13px;
  text-decoration: none;
}
#language-banner .inner .actions a .flag {
  margin-right: 16px;
}
#language-banner .inner .actions a .flag svg {
  height: 22px;
  vertical-align: -6px;
  width: 28px;
}
#language-banner .inner .actions a.en .flag svg {
  height: 20px;
  vertical-align: -5px;
}
#language-banner .inner .actions a:last-child {
  margin-right: 0;
}
#language-banner .inner .actions a.cta,
#language-banner .inner .actions a:hover {
  background: #ff5e00;
  border: 2px solid #fff;
}
@media (max-width: 668px) {
  #language-banner {
    padding-top: 0;
  }
  #language-banner .inner {
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 20px;
  }
  #language-banner .inner .close {
    display: block;
    position: relative;
    right: 0;
    text-align: right;
    top: 0;
  }
  #language-banner .inner .close span {
    display: inline-block;
  }
  #language-banner .inner .actions a:first-child {
    margin-right: 8px;
  }
}
/*
#subscription-banner {
	background: #ff5e00;
	padding: 50px 0;
	
	.col-left {
		float: left;
		margin: 0;
		width: 58.33333333%;
	}
	.col-right {
		float: left;
		margin: 0;
		width: 41.66666667%;
	}
	
	h3 {
		color: #fff;
        font-family: "Roboto", Arial, sans-serif;
		font-size: 28px;
		font-weight: normal;
		margin: 0 0 15px;
	}
	
	p {
		font-size: 14px;
		line-height: 16px;
		margin: 0;
	}
	p.loading,
	p.success {
		color: #fff;
		text-align: center;
	}
	
	img {
		display: inline-block;
		margin-right: 5px;
	}
	img.icon {
		vertical-align: -4px;
	}
	
	form {
		margin-top: 5px;
		text-align: right;
	}
	input[type="email"] {
		background: none;
		border: 1px solid #fff;
		border-radius: 4px;
		color: #fff;
		font-size: 14px;
		margin: 0;
		margin-right: 10px;
		padding: 18px 25px;
		width: 180px;
	}
	input[type="email"]::placeholder {
		color: #fff;
	}
	input[type="submit"] {
		background: #fff;
		border: 1px solid #fff;
		border-radius: 4px;
		color: #ff5e00;
		font-size: 14px;
		font-weight: bold;
		margin: 0;
		padding: 21px 25px;
		text-transform: uppercase;
	}
}
@media (max-width: 960px) {
	#subscription-banner {
		padding: 50px 0;
		
		.col-left,
		.col-right {
			width: 50%;
		}
		input[type="email"] {
			margin-right: 5px;
			width: 125px;
		}
		input[type="submit"] {
			margin-right: 5px;
		}
	}
}
@media (max-width: 854px) {
	#subscription-banner {
		padding: 50px 0;
		
		.col-left,
		.col-right {
			width: 50%;
		}
		input[type="email"] {
			margin-right: 5px;
			width: 100px;
		}
		input[type="submit"] {
			margin-right: 5px;
		}
	}
}
@media (max-width: 768px) {
	#subscription-banner {
		.col-left,
		.col-right {
			text-align: center;
			width: 100%;
		}
		
		form {
			margin-top: 20px;
			text-align: center;
		}
	}
}
@media (max-width: 450px) {
	#subscription-banner {
		padding: 50px 20px;
		
		.col-left,
		.col-right {
			text-align: left;
			width: 100%;
		}
		
		form {
			margin-top: 30px;
			text-align: center;
		}
		input[type="email"],
		input[type="submit"] {
			display: inline-block;
			width: 100%;
		}
		input[type="email"] {
			box-sizing: border-box;
			height: 100%;
			padding: 21px 25px;
			margin-right: 0;
			margin-bottom: 20px;
		}
	}
}
*/
#footer {
  background: #283b32;
  color: #fff;
  font-size: 14px;
  padding: 0;
  position: relative;
}
#footer ul {
  margin: 8px 0;
}
#footer a {
  color: #fff;
  line-height: 20px;
}
#footer strong {
  display: block;
  line-height: 20px;
  margin-bottom: 15px;
}
#footer .row-first .wrapper,
#footer .row-second .wrapper {
  box-sizing: border-box;
  display: table;
  width: 100%;
}
#footer .row-first .wrapper .col,
#footer .row-second .wrapper .col {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}
#footer .row-first .wrapper .col-right,
#footer .row-second .wrapper .col-right {
  text-align: right;
}
#footer .row-first {
  border-bottom: 1px solid #979797;
  padding: 15px 0;
}
#footer .row-second {
  padding: 20px 0;
}
#footer .row-second a,
#footer .row-second button {
  background: none;
  border: none;
  display: inline !important;
  text-decoration: underline;
}
#footer .row-second .links a {
  margin-right: 5px;
}
#footer .col-3 {
  float: left;
  width: 25%;
}
#footer .col-3.last {
  font-weight: bold;
  text-align: right;
}
#footer .immatriculation {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  color: #767676;
  font-size: 14px;
  font-weight: normal;
  margin: 20px 0 0;
  text-align: justify;
  padding-left: 20px;
}
#footer.sticky-mobile {
  padding: 0 0 130px;
}
.lang-form-wrapper {
  float: right;
  margin-top: 15px;
}
.set-lang-list {
  border: 1px solid #eeeeee;
  border-radius: 3px;
  display: inline-block;
  float: left;
  height: 32px;
  list-style: none;
  margin: 0 !important;
  overflow: hidden;
  padding: 0;
  transition: all 0.3s ease;
  width: 300px;
}
.set-lang-list li {
  border-top: 1px solid #eeeeee;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.set-lang-list li button {
  background: #f5f5f5;
  border: none;
  box-sizing: border-box;
  color: #000000 !important;
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 1px 10px;
  text-align: left;
  width: 100%;
}
.set-lang-list li button svg.flag {
  max-height: 12px;
  max-width: 16px;
  margin-right: 4px;
}
.set-lang-list li button svg.arrow {
  float: right;
  margin-top: 13px;
  max-height: 6px;
  max-width: 12px;
}
.set-lang-list li button:hover {
  background: #eeeeee;
  text-decoration: none;
}
.set-lang-list li:first-child {
  border: none;
}
.set-lang-list.open {
  height: 97px;
}
.lang-form-wrapper.settings {
  width: auto;
}
.lang-form-wrapper.settings .set-lang-list {
  float: none;
}
#lang-form-whitespace {
  height: 40px;
}
@media (max-width: 668px) {
  .lang-form-wrapper {
    width: 275px;
  }
  .set-lang-list {
    width: 200px;
  }
}
@media (max-width: 668px) {
  #footer {
    font-size: 14px;
  }
  #footer a {
    font-size: 14px;
  }
  #footer .row-first .wrapper,
  #footer .row-second .wrapper {
    display: block;
  }
  #footer .row-first .wrapper .col,
  #footer .row-second .wrapper .col {
    display: block;
    width: 100%;
  }
  #footer .row-first .wrapper .col-right,
  #footer .row-second .wrapper .col-right {
    text-align: left;
  }
  #footer .row-first {
    border: none;
    padding: 15px 0 5px;
  }
  #footer .row-first .address {
    margin-bottom: 24px;
  }
  #footer .row-second {
    margin-bottom: 20px;
  }
  #footer .row-second .links a {
    display: block !important;
    margin-bottom: 10px;
  }
  #footer .row-second .infos {
    font-size: 14px;
    margin-top: 20px;
  }
  .lang-form-wrapper {
    float: none;
  }
}
body.responsive #footer .btn.btn-clear {
  box-sizing: content-box;
  border: #ffffff solid 1px;
  background-color: transparent;
  color: #ffffff !important;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
  text-transform: none;
}
body.responsive #footer .btn.btn-clear:hover {
  box-shadow: inset 0 0 0 1px #ffffff;
}
#clic-message,
#clic-validation {
  text-align: center;
}
#clic-message .freedonation-validation,
#clic-validation .freedonation-validation {
  background-color: #dddddd;
  border-radius: 4px;
  height: 8px;
  margin: 25px auto 0;
  width: 80%;
}
#clic-message .freedonation-validation-progress,
#clic-validation .freedonation-validation-progress {
  background-color: #ff5e00;
  border-radius: 4px;
  height: 8px;
  width: 0%;
}
#clic-message .alert-cm,
#clic-validation .alert-cm {
  font-weight: bold;
}
#comeback {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  font-style: italic;
  float: right;
  margin-top: 5px;
}
#comeback .hour {
  font-style: normal;
  font-weight: bold;
}
#collectes:before,
#activity:before,
#collectes:after,
#activity:after {
  content: " ";
  display: table;
}
#collectes:after,
#activity:after {
  clear: both;
}
#collectes h3,
#activity h3 {
  margin-top: 15px;
}
#collectes .status,
#activity .status {
  display: block;
  margin-top: -3px;
}
#collectes .status a,
#activity .status a {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  color: #767676;
  display: inline-block;
  font-size: 14px;
  padding: 0 14px;
  text-decoration: none;
}
#collectes .status a .text-active,
#activity .status a .text-active {
  display: none;
}
#collectes .status a .text-inactive,
#activity .status a .text-inactive {
  display: inline-block;
}
#collectes .status a:last-child,
#activity .status a:last-child {
  padding-right: 0;
}
#collectes .status a.active,
#activity .status a.active {
  color: #ff5e00;
}
#collectes .status a.active .text-active,
#activity .status a.active .text-active {
  display: inline-block;
}
#collectes .status a.active .text-inactive,
#activity .status a.active .text-inactive {
  display: none;
}
@media (max-width: 910px) {
  #collectes .status,
  #activity .status {
    display: block;
    margin-top: 0;
    width: 100%;
  }
  #collectes .status a,
  #activity .status a {
    color: #141823;
    font-family: 'Arial', sans-serif;
    color: #767676;
    display: block;
    float: left;
    font-size: 16px;
    padding: 0;
    margin-right: 22px;
    text-align: left;
  }
}
#activity h3 {
  margin-bottom: 15px;
}
#activity .status {
  display: block;
  max-height: 20px;
  margin: 0 0 20px;
}
#activity .status a {
  padding: 0 7px;
}
#activity .status a:first-child {
  padding-left: 0;
}
#activity .status a:last-child {
  padding-right: 0;
}
#activity .list-wrapper {
  position: relative;
}
#activity-list-overlay {
  background-color: rgba(255, 255, 255, 0.75);
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}
#assoc-collectes-list {
  margin-top: 40px;
}
#collectes-list,
#collectes-list-settings {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  padding: 10px;
  position: relative;
  margin-bottom: 20px;
  z-index: 1;
}
#collectes-list p.cbdate,
#collectes-list-settings p.cbdate {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  color: #767676;
  font-size: 14px;
  margin: 0 0 20px;
  text-align: center;
}
#collectes-list .block,
#collectes-list-settings .block {
  border: none;
  margin: 0;
  padding: 0;
}
#collectes-list .block:hover,
#collectes-list-settings .block:hover {
  box-shadow: none;
}
#collectes-list .inner,
#collectes-list-settings .inner {
  background-color: #fff;
  cursor: pointer;
  padding: 15px;
}
#collectes-list .urgent,
#collectes-list-settings .urgent {
  background-color: #03723E;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0 30px 0 20px;
}
#collectes-list .urgent .btn,
#collectes-list-settings .urgent .btn {
  border: 1px solid #ffffff;
  display: inline-block;
  font-weight: bold;
  margin-top: 7px;
  padding: 0 20px;
  text-transform: uppercase;
  width: auto;
}
#collectes-list hr,
#collectes-list-settings hr {
  background: none;
  border: none;
  border-top: 1px dotted #c4c4c4;
  margin: 5px 10px;
}
#collectes-list .picture,
#collectes-list-settings .picture {
  float: left;
  height: 120px;
  position: relative;
  width: 120px;
  z-index: 1;
}
#collectes-list .picture span.overlay,
#collectes-list-settings .picture span.overlay {
  background: #000;
  display: none;
  left: 0;
  height: 120px;
  position: absolute;
  opacity: 0.5;
  top: 0;
  width: 120px;
  z-index: 2;
}
#collectes-list .picture a.link,
#collectes-list-settings .picture a.link {
  color: #fff;
  display: none;
  height: 85px;
  left: 0;
  padding-top: 35px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 0;
  width: 120px;
  z-index: 3;
}
#collectes-list .picture:hover span.overlay,
#collectes-list-settings .picture:hover span.overlay,
#collectes-list .picture:hover a.link,
#collectes-list-settings .picture:hover a.link {
  display: block;
}
#collectes-list .content,
#collectes-list-settings .content {
  margin-left: 148px;
  position: relative;
  padding: 3px 0 5px;
}
#collectes-list .content .title,
#collectes-list-settings .content .title {
  color: #1A23B2;
  font-weight: bold;
}
#collectes-list .content p,
#collectes-list-settings .content p {
  color: #141823;
  font-size: 14px;
  line-height: 20px;
  margin: 3px 0 8px;
  min-height: 41px;
  text-align: justify;
}
#collectes-list .content .progress,
#collectes-list-settings .content .progress {
  background-color: #ddd;
  height: 3px;
  width: 100%;
}
#collectes-list .content .progress-bar,
#collectes-list-settings .content .progress-bar {
  background-color: #727272;
  height: 3px;
  width: 0%;
}
#collectes-list .content .infos,
#collectes-list-settings .content .infos {
  height: 32px;
  line-height: 16px;
  margin-top: 7px;
}
#collectes-list .content .infos a.btn,
#collectes-list-settings .content .infos a.btn {
  font-size: 16px;
  font-weight: normal;
  height: auto;
  line-height: normal;
  margin-top: 3px;
  padding: 4px 7px;
  width: auto;
}
#collectes-list .content .infos strong,
#collectes-list-settings .content .infos strong {
  color: #404040;
}
#collectes-list .content .infos .text,
#collectes-list-settings .content .infos .text,
#collectes-list .content .infos .separator,
#collectes-list-settings .content .infos .separator {
  display: inline-block;
  float: left;
}
#collectes-list .content .infos .separator-responsive,
#collectes-list-settings .content .infos .separator-responsive {
  display: none;
}
#collectes-list .content .infos .text,
#collectes-list-settings .content .infos .text {
  padding: 0 9px;
  text-align: center;
}
#collectes-list .content .infos .text.failed strong,
#collectes-list-settings .content .infos .text.failed strong {
  color: #ff0000 !important;
}
#collectes-list .content .infos .text.succeeded strong,
#collectes-list-settings .content .infos .text.succeeded strong {
  color: #03723E !important;
}
#collectes-list .content .infos .zero,
#collectes-list-settings .content .infos .zero {
  color: #ff0000;
}
#collectes-list .content {
  padding: 3px 0 0;
}
#collectes-list.clic-bonus {
  margin: 20px 0 !important;
}
#suggestions {
  margin: 45px 0 100px;
}
#suggestions #collectes-list .inner:hover {
  border: 1px solid #ED692C;
  padding: 21px;
}
@media (max-width: 668px) {
  #suggestions {
    margin: 5px 0 50px;
  }
  #suggestions h3 {
    margin-bottom: 0;
  }
}
#collectes-list.clic-bonus,
#collectes-list.don-gratuit,
#collectes-list.detail {
  border: none;
  margin: 50px 0 0;
}
#collectes-list.clic-bonus .urgent,
#collectes-list.don-gratuit .urgent,
#collectes-list.detail .urgent {
  display: none;
}
#collectes-list.clic-bonus .block,
#collectes-list.don-gratuit .block,
#collectes-list.detail .block {
  margin-right: 20px;
}
#collectes-list.clic-bonus .block .inner,
#collectes-list.don-gratuit .block .inner,
#collectes-list.detail .block .inner {
  border: none;
  padding: 22px;
}
#collectes-list.clic-bonus .block .picture,
#collectes-list.don-gratuit .block .picture,
#collectes-list.detail .block .picture {
  border-radius: 3px;
  height: 132px;
  width: 132px;
}
#collectes-list.clic-bonus .block .picture img,
#collectes-list.don-gratuit .block .picture img,
#collectes-list.detail .block .picture img {
  border-radius: 66px;
  height: 132px;
  width: 132px;
}
#collectes-list.clic-bonus .block .content,
#collectes-list.don-gratuit .block .content,
#collectes-list.detail .block .content {
  padding: 0;
  margin-left: 161px;
}
#collectes-list.clic-bonus .block .content .click,
#collectes-list.don-gratuit .block .content .click,
#collectes-list.detail .block .content .click {
  display: none;
}
#collectes-list.clic-bonus .block .content .title,
#collectes-list.don-gratuit .block .content .title,
#collectes-list.detail .block .content .title {
  font-size: 18px;
}
#collectes-list.clic-bonus .block .content p,
#collectes-list.don-gratuit .block .content p,
#collectes-list.detail .block .content p {
  color: #000000;
  font-size: 16px;
  line-height: 1.14em;
  margin: 6px 0 8px;
  min-height: 53px;
}
#collectes-list.clic-bonus .block .content .progress,
#collectes-list.don-gratuit .block .content .progress,
#collectes-list.detail .block .content .progress {
  background-color: #ddd;
  border-radius: 3px;
  height: 4px;
  width: 100%;
}
#collectes-list.clic-bonus .block .content .progress-bar,
#collectes-list.don-gratuit .block .content .progress-bar,
#collectes-list.detail .block .content .progress-bar {
  background-color: #ff5e00;
  border-radius: 3px;
  height: 4px;
  width: 0%;
}
#collectes-list.clic-bonus .block .infos,
#collectes-list.don-gratuit .block .infos,
#collectes-list.detail .block .infos {
  height: 36px;
  line-height: 16px;
  margin-top: 7px;
}
#collectes-list.clic-bonus .block .infos strong,
#collectes-list.don-gratuit .block .infos strong,
#collectes-list.detail .block .infos strong {
  color: #000000;
  font-size: 14px;
}
#collectes-list.clic-bonus .block .infos .text,
#collectes-list.don-gratuit .block .infos .text,
#collectes-list.detail .block .infos .text,
#collectes-list.clic-bonus .block .infos .separator-responsive,
#collectes-list.don-gratuit .block .infos .separator-responsive,
#collectes-list.detail .block .infos .separator-responsive {
  display: inline-block;
  float: left;
}
#collectes-list.clic-bonus .block .infos .separator-responsive,
#collectes-list.don-gratuit .block .infos .separator-responsive,
#collectes-list.detail .block .infos .separator-responsive {
  height: 28px;
  text-align: center;
  width: 13%;
}
#collectes-list.clic-bonus .block .infos .separator-responsive img,
#collectes-list.don-gratuit .block .infos .separator-responsive img,
#collectes-list.detail .block .infos .separator-responsive img {
  vertical-align: -5px;
}
#collectes-list.clic-bonus .block .infos .separator,
#collectes-list.don-gratuit .block .infos .separator,
#collectes-list.detail .block .infos .separator {
  display: none;
}
#collectes-list.clic-bonus .block .infos .text,
#collectes-list.don-gratuit .block .infos .text,
#collectes-list.detail .block .infos .text {
  padding: 0;
  text-align: left;
}
#collectes-list.clic-bonus .block .infos .zero,
#collectes-list.don-gratuit .block .infos .zero,
#collectes-list.detail .block .infos .zero {
  color: #f00;
}
#collectes-list.clic-bonus .block:last-child,
#collectes-list.don-gratuit .block:last-child,
#collectes-list.detail .block:last-child {
  margin-right: 0;
}
@media (max-width: 625px) {
  #collectes-list.clic-bonus .block .infos .separator-responsive,
  #collectes-list.don-gratuit .block .infos .separator-responsive {
    width: 20px;
  }
}
#collectes-list.clic-bonus,
#collectes-list.don-gratuit {
  margin: 40px 0 100px;
}
#collectes-list.clic-bonus .urgent,
#collectes-list.don-gratuit .urgent {
  display: block;
}
#collectes-list.clic-bonus .block,
#collectes-list.don-gratuit .block {
  float: none;
  margin: 0 0 20px;
  width: 665px;
}
#collectes-list.clic-bonus .block .inner,
#collectes-list.don-gratuit .block .inner {
  padding: 21px 30px 20px 21px;
}
#collectes-list.clic-bonus .block .inner:hover,
#collectes-list.don-gratuit .block .inner:hover {
  border: 1px solid #ED692C;
  padding: 20px 29px 19px 20px;
}
#collectes-list.clic-bonus .block .content,
#collectes-list.don-gratuit .block .content {
  width: auto;
}
#collectes-list.clic-bonus .block .content .click,
#collectes-list.don-gratuit .block .content .click {
  color: #4DAB83;
  float: right;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
}
#collectes-list.clic-bonus .block .content .click img,
#collectes-list.don-gratuit .block .content .click img {
  height: 15px;
  margin-right: 3px;
  vertical-align: -3px;
  width: 15px;
}
#collectes-list.clic-bonus .block.selected,
#collectes-list.don-gratuit .block.selected {
  border: 3px solid #4DAB83 !important;
  width: 659px;
}
#collectes-list.clic-bonus .block.selected .inner:hover,
#collectes-list.don-gratuit .block.selected .inner:hover {
  border: none;
  padding: 21px 30px 20px 21px;
}
#collectes-list.clic-bonus .block.selected .urgent,
#collectes-list.don-gratuit .block.selected .urgent {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
#collectes-list.clic-bonus .block.selected:hover,
#collectes-list.don-gratuit .block.selected:hover {
  border: 3px solid #ED692C !important;
}
#collectes-list.don-gratuit {
  margin: 0 0 20px;
}
@media (max-width: 910px) {
  #collectes-list.don-gratuit {
    margin: 0;
  }
}
body.responsive #collectes-list {
  background-color: transparent;
}
@media (min-width: 910px) {
  #collectes-list.detail .block {
    float: left;
    margin-right: 0;
    width: 48%;
  }
  #collectes-list.detail .block-separator {
    float: left;
    height: 182px;
    width: 4%;
  }
}
@media (min-width: 668px) and (max-width: 910px) {
  #collectes-list.detail .block {
    margin-bottom: 20px;
    margin-right: 0;
  }
}
@media (max-width: 910px) {
  #collectes-list.clic-bonus .block,
  #collectes-list.don-gratuit .block {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
  #collectes-list.clic-bonus .block.selected,
  #collectes-list.don-gratuit .block.selected {
    box-sizing: border-box;
    width: 100% !important;
  }
}
@media (max-width: 910px) {
  #collectes-list.clic-bonus,
  #collectes-list.don-gratuit {
    margin: -9px 0 0;
  }
  #collectes-list.detail {
    margin: 15px 0 0;
  }
}
#update-interval {
  color: #999;
  margin-bottom: 41px;
  text-align: center;
}
#collectes-list.clic-bonus .block .validate-clic-bonus-wrapper {
  bottom: -32px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 999;
}
#collectes-list.clic-bonus .block .validate-clic-bonus-wrapper a.validate-clic-bonus {
  font-size: 14px;
  text-transform: none;
}
#collectes-list.clic-bonus .block .validate-clic-bonus-wrapper a.validate-clic-bonus.btn-disabled {
  background-color: #b6b6b6;
  cursor: initial;
  opacity: 1;
}
#collectes-list.clic-bonus .block.clic_bonus {
  margin: 0 0 40px;
}
@media (max-width: 668px) {
  #collectes-list.clic-bonus .block .validate-clic-bonus-wrapper {
    bottom: -42px;
  }
  #collectes-list.clic-bonus .block.clic_bonus {
    margin: 0 0 50px;
  }
}
.collectes-list-mobile {
  border: none;
}
.collectes-list-mobile .urgent {
  height: auto;
  padding: 11px 15px;
}
.collectes-list-mobile .urgent span.message {
  display: inherit;
  line-height: 20px;
}
.collectes-list-mobile .urgent a.btn {
  margin: 0 0 0 15px;
  padding: 2px 20px;
}
.collectes-list-mobile .block {
  box-sizing: border-box;
  float: none;
  margin-bottom: 20px;
  width: 100%;
}
.collectes-list-mobile .block .inner {
  border: none;
  padding: 15px 15px 5px;
}
.collectes-list-mobile .block .inner:hover {
  padding: 14px 14px 4px !important;
}
.collectes-list-mobile .block .picture {
  height: 100px;
  width: 100px;
}
.collectes-list-mobile .block .picture img {
  border-radius: 50px;
  height: 100px;
  width: 100px;
}
.collectes-list-mobile .block .content {
  margin: 0;
  margin-left: 115px;
  min-height: 100px;
  padding: 0;
}
.collectes-list-mobile .block .content .title {
  display: block;
  font-size: 18px;
  margin-bottom: 3px;
}
.collectes-list-mobile .block .content p {
  color: #000000;
  font-size: 16px;
  line-height: 1.25;
  margin: 0;
  min-height: 1px;
}
.collectes-list-mobile .block .content .progress {
  background-color: #ddd;
  border-radius: 3px;
  height: 4px;
  width: 100%;
}
.collectes-list-mobile .block .content .progress-bar {
  background-color: #ff5e00;
  border-radius: 3px;
  height: 4px;
  width: 0%;
}
.collectes-list-mobile .block .content-mobile {
  float: none;
  margin: 0;
  margin-top: 15px;
  min-height: auto;
  padding: 0;
  width: 100%;
}
.collectes-list-mobile .block .infos {
  height: auto;
  line-height: 24px;
  margin-top: 4px;
}
.collectes-list-mobile .block .infos strong {
  color: #000000;
  font-size: 16px;
}
.collectes-list-mobile .block .infos .typo-16 {
  font-size: 14px;
}
.collectes-list-mobile .block .infos .separator-responsive {
  width: 20px;
}
.collectes-list-mobile .block .infos .separator-responsive img {
  vertical-align: 3px;
}
.collectes-list-mobile .block.selected {
  box-sizing: border-box;
  width: 100% !important;
}
.collectes-list-mobile .block.selected .inner {
  padding: 20px;
}
.collectes-list-mobile .block.selected .inner:hover {
  padding: 20px !important;
}
#collectes-list-settings {
  border: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0;
}
#collectes-list-settings .urgent {
  height: auto;
  padding: 11px 15px;
}
#collectes-list-settings .urgent span.message {
  display: inherit;
  line-height: 20px;
}
#collectes-list-settings .urgent a.btn {
  margin: 0 0 0 15px;
  padding: 2px 20px;
}
#collectes-list-settings .block {
  box-sizing: border-box;
  float: none;
  margin-bottom: 20px;
  width: 100%;
}
#collectes-list-settings .block .inner {
  border: none;
  padding: 15px 15px 5px;
}
#collectes-list-settings .block .inner:hover {
  padding: 14px 14px 4px !important;
}
#collectes-list-settings .block .picture {
  height: 100px;
  width: 100px;
}
#collectes-list-settings .block .picture img {
  border-radius: 50px;
  height: 100px;
  width: 100px;
}
#collectes-list-settings .block .content {
  margin: 0;
  margin-left: 115px;
  min-height: 100px;
  padding: 0;
}
#collectes-list-settings .block .content .title {
  display: block;
  font-size: 18px;
  margin-bottom: 3px;
}
#collectes-list-settings .block .content p {
  color: #000000;
  font-size: 16px;
  line-height: 1.25;
  margin: 0;
  min-height: 1px;
}
#collectes-list-settings .block .content .progress {
  background-color: #ddd;
  border-radius: 3px;
  height: 4px;
  width: 100%;
}
#collectes-list-settings .block .content .progress-bar {
  background-color: #ff5e00;
  border-radius: 3px;
  height: 4px;
  width: 0%;
}
#collectes-list-settings .block .content-mobile {
  float: none;
  margin: 0;
  margin-top: 15px;
  min-height: auto;
  padding: 0;
  width: 100%;
}
#collectes-list-settings .block .infos {
  height: auto;
  line-height: 24px;
  margin-top: 4px;
}
#collectes-list-settings .block .infos strong {
  color: #000000;
  font-size: 16px;
}
#collectes-list-settings .block .infos .typo-16 {
  font-size: 14px;
}
#collectes-list-settings .block .infos .separator-responsive {
  width: 20px;
}
#collectes-list-settings .block .infos .separator-responsive img {
  vertical-align: 3px;
}
#collectes-list-settings .block.selected {
  box-sizing: border-box;
  width: 100% !important;
}
#collectes-list-settings .block.selected .inner {
  padding: 20px;
}
#collectes-list-settings .block.selected .inner:hover {
  padding: 20px !important;
}
#collectes-list-settings .block {
  box-shadow: none;
  border-bottom: 1px solid #efefef !important;
  margin-bottom: 0;
  padding: 10px;
}
#collectes-list-settings .block .urgent {
  display: none;
}
#collectes-list-settings .block .inner:hover {
  border: 1px solid #ED692C;
}
#collectes-list-settings .block span.text {
  padding: 0 5px !important;
}
#collectes-list-settings .block .separator-responsive {
  display: inline-block !important;
  float: left;
  height: 28px;
  text-align: center;
  width: 5% !important;
}
#collectes-list-settings .block .separator-responsive img {
  vertical-align: -5px;
}
#collectes-list-settings .block:last-child {
  border-bottom: none !important;
}
@media (max-width: 668px) {
  #collectes-list.detail,
  #collectes-list.clic-bonus,
  #collectes-list.don-gratuit {
    border: none;
  }
  #collectes-list.detail .urgent,
  #collectes-list.clic-bonus .urgent,
  #collectes-list.don-gratuit .urgent {
    height: auto;
    padding: 11px 15px;
  }
  #collectes-list.detail .urgent span.message,
  #collectes-list.clic-bonus .urgent span.message,
  #collectes-list.don-gratuit .urgent span.message {
    display: inherit;
    line-height: 20px;
  }
  #collectes-list.detail .urgent a.btn,
  #collectes-list.clic-bonus .urgent a.btn,
  #collectes-list.don-gratuit .urgent a.btn {
    margin: 0 0 0 15px;
    padding: 2px 20px;
  }
  #collectes-list.detail .block,
  #collectes-list.clic-bonus .block,
  #collectes-list.don-gratuit .block {
    box-sizing: border-box;
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
  #collectes-list.detail .block .inner,
  #collectes-list.clic-bonus .block .inner,
  #collectes-list.don-gratuit .block .inner {
    border: none;
    padding: 15px 15px 5px;
  }
  #collectes-list.detail .block .inner:hover,
  #collectes-list.clic-bonus .block .inner:hover,
  #collectes-list.don-gratuit .block .inner:hover {
    padding: 14px 14px 4px !important;
  }
  #collectes-list.detail .block .picture,
  #collectes-list.clic-bonus .block .picture,
  #collectes-list.don-gratuit .block .picture {
    height: 100px;
    width: 100px;
  }
  #collectes-list.detail .block .picture img,
  #collectes-list.clic-bonus .block .picture img,
  #collectes-list.don-gratuit .block .picture img {
    border-radius: 50px;
    height: 100px;
    width: 100px;
  }
  #collectes-list.detail .block .content,
  #collectes-list.clic-bonus .block .content,
  #collectes-list.don-gratuit .block .content {
    margin: 0;
    margin-left: 115px;
    min-height: 100px;
    padding: 0;
  }
  #collectes-list.detail .block .content .title,
  #collectes-list.clic-bonus .block .content .title,
  #collectes-list.don-gratuit .block .content .title {
    display: block;
    font-size: 18px;
    margin-bottom: 3px;
  }
  #collectes-list.detail .block .content p,
  #collectes-list.clic-bonus .block .content p,
  #collectes-list.don-gratuit .block .content p {
    color: #000000;
    font-size: 16px;
    line-height: 1.25;
    margin: 0;
    min-height: 1px;
  }
  #collectes-list.detail .block .content .progress,
  #collectes-list.clic-bonus .block .content .progress,
  #collectes-list.don-gratuit .block .content .progress {
    background-color: #ddd;
    border-radius: 3px;
    height: 4px;
    width: 100%;
  }
  #collectes-list.detail .block .content .progress-bar,
  #collectes-list.clic-bonus .block .content .progress-bar,
  #collectes-list.don-gratuit .block .content .progress-bar {
    background-color: #ff5e00;
    border-radius: 3px;
    height: 4px;
    width: 0%;
  }
  #collectes-list.detail .block .content-mobile,
  #collectes-list.clic-bonus .block .content-mobile,
  #collectes-list.don-gratuit .block .content-mobile {
    float: none;
    margin: 0;
    margin-top: 15px;
    min-height: auto;
    padding: 0;
    width: 100%;
  }
  #collectes-list.detail .block .infos,
  #collectes-list.clic-bonus .block .infos,
  #collectes-list.don-gratuit .block .infos {
    height: auto;
    line-height: 24px;
    margin-top: 4px;
  }
  #collectes-list.detail .block .infos strong,
  #collectes-list.clic-bonus .block .infos strong,
  #collectes-list.don-gratuit .block .infos strong {
    color: #000000;
    font-size: 16px;
  }
  #collectes-list.detail .block .infos .typo-16,
  #collectes-list.clic-bonus .block .infos .typo-16,
  #collectes-list.don-gratuit .block .infos .typo-16 {
    font-size: 14px;
  }
  #collectes-list.detail .block .infos .separator-responsive,
  #collectes-list.clic-bonus .block .infos .separator-responsive,
  #collectes-list.don-gratuit .block .infos .separator-responsive {
    width: 20px;
  }
  #collectes-list.detail .block .infos .separator-responsive img,
  #collectes-list.clic-bonus .block .infos .separator-responsive img,
  #collectes-list.don-gratuit .block .infos .separator-responsive img {
    vertical-align: 3px;
  }
  #collectes-list.detail .block.selected,
  #collectes-list.clic-bonus .block.selected,
  #collectes-list.don-gratuit .block.selected {
    box-sizing: border-box;
    width: 100% !important;
  }
  #collectes-list.detail .block.selected .inner,
  #collectes-list.clic-bonus .block.selected .inner,
  #collectes-list.don-gratuit .block.selected .inner {
    padding: 20px;
  }
  #collectes-list.detail .block.selected .inner:hover,
  #collectes-list.clic-bonus .block.selected .inner:hover,
  #collectes-list.don-gratuit .block.selected .inner:hover {
    padding: 20px !important;
  }
}
#collectes-list {
  margin-bottom: 0;
  padding: 0;
  position: relative;
}
#collectes-list .inner {
  background-color: #ffffff;
  border-top: none;
  border-bottom: 1px dotted #c4c4c4;
}
#collectes-list .nobb .inner {
  border-bottom: none;
}
#collectes-list .content p {
  color: #4b4b4d;
}
#collectes-list.full-page {
  float: right;
  padding: 0;
  margin-bottom: 0;
  width: 620px;
}
#collectes-list-title {
  margin-left: 150px;
}
#collectes-list-menu {
  width: 150px;
}
#collectes-list-menu h3 {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px;
}
#collectes-list-menu ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  width: 135px;
}
#collectes-list-menu li {
  position: relative;
}
#collectes-list-menu a {
  color: #333;
  display: inline-block;
  font-size: 14px;
  margin: 0;
  padding: 3px 5px;
}
#collectes-list-menu li.active td {
  background-color: #fff;
  border: 1px solid #ddd;
}
#collectes-wrapper {
  position: relative;
}
#collectes-wrapper .pagination {
  border-top: 1px solid #c4c4c4;
  margin: 0;
  padding: 15px 5px;
}
#loading-overlay {
  background: #fff;
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
}
.has-photos {
  left: 5px;
  position: absolute;
  top: 5px;
  z-index: 3;
}
.cm-plus {
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #fff;
  color: #000;
  display: none;
  font-size: 12px;
  font-weight: bold;
  left: 9px;
  line-height: 12px;
  padding: 6px 10px;
  position: absolute;
  top: 8px;
  z-index: 3;
  width: auto;
}
.cm-plus.show {
  display: block;
}
#activity,
.activity-presentation {
  margin-bottom: 20px;
}
#activity h3,
.activity-presentation h3 {
  margin-top: 0;
}
#activity div.list,
.activity-presentation div.list {
  margin-bottom: 20px;
  width: auto;
}
#activity div.list a,
.activity-presentation div.list a {
  background: #ffffff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
  box-sizing: border-box;
  display: inline-block;
  padding: 18px 20px;
  margin-bottom: 10px;
  text-decoration: none;
  width: 100%;
}
#activity div.list a img.picture,
.activity-presentation div.list a img.picture {
  border-radius: 25px;
  float: left;
  margin-right: 8px;
}
#activity div.list a span.text,
.activity-presentation div.list a span.text {
  display: block;
  margin-top: -2px;
  padding-left: 58px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  #activity div.list a span.text,
  .activity-presentation div.list a span.text {
    margin-top: -4px;
  }
}
#activity div.list a:hover,
.activity-presentation div.list a:hover {
  box-shadow: none;
  border: 1px solid #ED692C;
  padding: 17px 19px;
}
.activity-presentation div.list a {
  float: left;
  margin-right: 4%;
  width: 48%;
}
.activity-presentation div.list a:nth-child(even) {
  margin-right: 0;
}
@media (max-width: 910px) {
  #activity {
    margin-bottom: 30px;
  }
  #activity h3 {
    margin-bottom: 0;
  }
  #activity div.list-container {
    overflow-y: hidden;
    height: 115px;
    margin: 0 -10px;
  }
  #activity div.list-wrapper {
    margin-bottom: -20px;
    overflow-x: scroll;
    padding-bottom: 20px;
    width: 100%;
  }
  #activity div.list {
    margin: 20px 0;
    width: auto;
  }
  #activity div.list:before,
  #activity div.list:after {
    content: " ";
    display: table;
  }
  #activity div.list:after {
    clear: both;
  }
  #activity div.list a {
    float: left;
    margin: 0 10px 0 0;
    width: 250px;
  }
  #activity div.list a:first-child {
    margin-left: 10px;
  }
  #activity div.list a:last-child {
    margin-right: 10px;
  }
  #activity #more-activity {
    display: none;
  }
}
@media (max-width: 910px) {
  #activity .status a {
    margin-right: 8px;
  }
}
@media (max-width: 668px) {
  .activity-presentation div.list a {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  .activity-presentation div.list a.hm {
    display: none;
  }
}
#content-header {
  color: #141823;
  font-size: 36px;
  line-height: 42px;
  padding: 35px 0 20px;
  text-align: center;
}
#content-header span {
  display: block;
}
#content-header .title {
  font-weight: bold;
  margin: 0;
}
#content-header .subtitle.delivery {
  font-size: 22px;
}
#collecte-header,
.collecte-header-mobile {
  font-family: "Roboto", Arial, sans-serif;
  margin: 42px 0 22px;
}
#collecte-header .title,
.collecte-header-mobile .title {
  color: #000000;
  font-size: 40px;
  font-weight: 500;
  margin: 0;
}
#collecte-header .subtitle,
.collecte-header-mobile .subtitle {
  color: #767676;
  font-size: 18px;
}
#collecte-header .association,
.collecte-header-mobile .association {
  font-size: 14px;
  margin-top: 10px;
  text-align: right;
}
#collecte-header .association .label,
.collecte-header-mobile .association .label {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 10px;
}
#collecte-header .association .name,
.collecte-header-mobile .association .name,
#collecte-header .association .country,
.collecte-header-mobile .association .country {
  color: #767676;
  display: block;
}
#collecte-header .association .country,
.collecte-header-mobile .association .country {
  margin-top: 5px;
}
#collecte-header .association .country img,
.collecte-header-mobile .association .country img {
  margin-right: 4px;
  vertical-align: -3px;
}
#collecte-header .association .name,
.collecte-header-mobile .association .name {
  font-weight: bold;
}
.collecte-header-mobile {
  margin: 16px 0 0;
  text-align: left;
}
.collecte-header-mobile .title {
  display: inline-block;
  font-size: 24px;
  margin-bottom: 13px;
}
.collecte-header-mobile .subtitle {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 25px !important;
}
.collecte-header-mobile .association {
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  text-align: left;
}
.collecte-header-mobile .association .label {
  font-size: 14px;
}
#page-header,
#page-header-2 {
  color: #333333;
  font-size: 18px;
  line-height: 21px;
  margin: 20px 0;
  padding: 0;
  text-align: center;
}
body.responsive #page-header,
body.responsive #page-header-2 {
  margin: 70px 0 45px;
}
body.responsive #page-header img.icon,
body.responsive #page-header-2 img.icon,
body.responsive #page-header svg.icon,
body.responsive #page-header-2 svg.icon {
  display: inline-block;
  margin: 0 auto 20px;
}
body.responsive #page-header img.icon,
body.responsive #page-header-2 img.icon,
body.responsive #page-header svg.icon,
body.responsive #page-header-2 svg.icon {
  max-height: 32px;
}
body.responsive #page-header h1.title,
body.responsive #page-header-2 h1.title,
body.responsive #page-header h2.title,
body.responsive #page-header-2 h2.title {
  color: #000000;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 24px;
  font-weight: 300;
  margin: 0 0 15px;
}
body.responsive #page-header p.subtitle,
body.responsive #page-header-2 p.subtitle {
  color: #767676;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 14px;
  margin: 0;
}
body.responsive .follow-up #page-header,
body.responsive .cookies #page-header,
body.responsive .follow-up #page-header-2,
body.responsive .cookies #page-header-2 {
  margin: 75px 0 15px;
}
body.responsive .follow-up #page-header h1.title,
body.responsive .cookies #page-header h1.title,
body.responsive .follow-up #page-header-2 h1.title,
body.responsive .cookies #page-header-2 h1.title,
body.responsive .follow-up #page-header h2.title,
body.responsive .cookies #page-header h2.title,
body.responsive .follow-up #page-header-2 h2.title,
body.responsive .cookies #page-header-2 h2.title {
  font-size: 28px;
  font-weight: normal;
  margin: 0 0 15px;
  text-align: center;
}
body.responsive .follow-up #page-header h2.title,
body.responsive .cookies #page-header h2.title,
body.responsive .follow-up #page-header-2 h2.title,
body.responsive .cookies #page-header-2 h2.title {
  font-size: 24px;
}
body.responsive .follow-up #page-header-2,
body.responsive .cookies #page-header-2 {
  margin: 50px 0 25px;
}
body.responsive .follow-up #page-header-2 h2.title,
body.responsive .cookies #page-header-2 h2.title {
  line-height: 30px;
}
body.responsive .stats #page-header {
  margin: 70px 0 30px;
}
body.responsive .stats #page-header img.icon,
body.responsive .stats #page-header svg.icon {
  max-height: 44px;
}
@media (max-width: 910px) {
  body.responsive #page-header p.subtitle,
  body.responsive #page-header-2 p.subtitle {
    font-size: 16px;
    margin: 0 auto;
    max-width: 330px;
  }
  body.responsive .follow-up #page-header,
  body.responsive .follow-up #page-header-2 {
    margin: 40px 0 35px;
  }
}
@media (max-width: 668px) {
  body.responsive #page-header h1.title,
  body.responsive #page-header-2 h1.title {
    font-size: 30px;
    line-height: 1.07;
  }
  body.responsive #page-header h2.title,
  body.responsive #page-header-2 h2.title {
    font-size: 24px;
    line-height: 1.07;
  }
}
#infos,
#status {
  color: #767676;
  font-size: 14px;
  margin-bottom: 10px;
  position: relative;
  text-align: left;
}
#infos p,
#status p {
  line-height: 22px;
  margin: 0 0 24px;
}
#infos p.nomb,
#status p.nomb {
  margin: 0;
}
#infos p.warning,
#status p.warning {
  color: #ff5e00;
  font-size: 16px;
  text-align: justify;
}
#infos .strong-3,
#status .strong-3 {
  color: #d8d8d8;
  font-size: 30px;
  font-weight: bold;
}
#infos .success,
#status .success {
  color: #333;
  font-size: 17px;
  font-weight: bold;
}
#infos .small,
#status .small {
  color: #d8d8d8;
  display: block;
  margin-top: -2px;
}
#infos .info,
#status .info {
  color: #d8d8d8;
  font-size: 18px;
  font-weight: bold;
}
#infos .green,
#status .green {
  color: #01AD7F;
}
#infos .failed,
#status .failed {
  color: #000000;
}
#infos .whitespace,
#status .whitespace {
  line-height: 16px;
  margin: 0;
}
#infos .progress,
#status .progress {
  background-color: #ddd;
  border-radius: 4px;
  height: 8px;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  z-index:  1;
}
#infos .progress-bar,
#status .progress-bar {
  background-color: #01A459;
  border-radius: 4px;
  height: 8px;
  width: 0%;
  z-index:  2;
}
#infos .progress-succeeded .progress-bar,
#status .progress-succeeded .progress-bar {
  background-color: #c6c6c6;
}
#infos .infos-mobile,
#status .infos-mobile {
  display: table;
  width: 100%;
}
#infos .infos-mobile .cell,
#status .infos-mobile .cell {
  display: table-cell;
  vertical-align: top;
}
#infos .infos-mobile .cell.left,
#status .infos-mobile .cell.left {
  padding-right: 24px;
}
#infos .infos-mobile .cell.right,
#status .infos-mobile .cell.right {
  min-width: 75px;
}
#infos .infos-mobile span,
#status .infos-mobile span {
  display: block;
  font-size: 14px;
}
#infos .infos-mobile .title,
#status .infos-mobile .title {
  color: #383b3d;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 4px;
}
#infos .infos-mobile .title.collected,
#status .infos-mobile .title.collected {
  color: #04a458;
}
#infos .infos-mobile .infos,
#status .infos-mobile .infos {
  color: #767676;
}
#infos .icons .icon,
#status .icons .icon {
  display: inline-blocK;
  float: left;
  height: 36px;
  margin-right: 5px;
  width: 36px;
}
#infos .icons .clock,
#status .icons .clock {
  padding-top: 4px;
}
#infos .icons .strong-3,
#status .icons .strong-3 {
  color: #000000;
  display: inline-block;
  font-size: 26px;
  padding-top: 1px;
}
#infos a.btn,
#status a.btn {
  border-radius: 5px;
  display: block;
  font-size: 28px;
  font-weight: bold;
  height: auto;
  line-height: 30px;
  margin-top: 21px;
  padding: 21px 0 13px;
  text-align: center;
  width: 100%;
}
#infos a.btn .small,
#status a.btn .small {
  font-size: 18px;
  font-weight: normal;
}
#infos a.btn.btn-succeeded,
#status a.btn.btn-succeeded {
  background-color: #c6c6c6;
  padding: 15px 0;
  cursor: default;
}
#infos .ended-msg,
#status .ended-msg {
  background-color: #fbf8f6;
  border-radius: 4px;
  color: #000000;
  font-size: 14px;
  line-height: 1.57;
  padding: 12px 15px;
}
#infos .ended-msg p,
#status .ended-msg p {
  margin-bottom: 0;
}
#status.active .strong-3 {
  color: #000000;
}
#status.active #collected.strong-3 {
  color: #01A459;
}
#status.active .small,
#status.active .info {
  color: #767676;
}
#status.active .urgent {
  color: #ff0000;
}
@media (min-width: 668px) and (max-width: 910px) {
  #status p {
    margin: 0 0 14px;
  }
}
@media (max-width: 668px) {
  #infos,
  #status {
    font-size: 16px;
  }
  #infos .progress,
  #status .progress {
    margin-bottom: 12px;
  }
  #infos p,
  #status p {
    margin: 0 0 14px;
  }
  #infos #collected.strong-3,
  #status #collected.strong-3 {
    font-size: 26px;
  }
  #infos .strong-3,
  #status .strong-3 {
    font-size: 24px;
  }
  #infos .icons .strong-3,
  #status .icons .strong-3 {
    font-size: 24px;
  }
}
#status.small {
  margin-bottom: 0;
}
#status.small p {
  margin-bottom: 5px;
}
#status.small .strong-3 {
  color: #000000;
  font-size: 22px;
}
@media (max-width: 910px) {
  #status.small .three-cols {
    float: none;
    width: 100%;
  }
}
.buttons,
#buttons-presentation,
.buttons-bar {
  list-style: none;
  padding: 0;
  margin: 38px 0 40px;
}
.buttons li,
#buttons-presentation li,
.buttons-bar li {
  margin-bottom: 21px;
}
.buttons li a,
#buttons-presentation li a,
.buttons-bar li a,
.buttons li span,
#buttons-presentation li span,
.buttons-bar li span,
.buttons li button,
#buttons-presentation li button,
.buttons-bar li button {
  display: block;
}
.buttons li a,
#buttons-presentation li a,
.buttons-bar li a,
.buttons li button,
#buttons-presentation li button,
.buttons-bar li button {
  border-radius: 10px;
  color: #ffffff;
  height: 70px;
  text-decoration: none;
  width: 100%;
}
.buttons li a span.icon,
#buttons-presentation li a span.icon,
.buttons-bar li a span.icon,
.buttons li button span.icon,
#buttons-presentation li button span.icon,
.buttons-bar li button span.icon {
  float: left;
  height: 70px;
  line-height: 70px;
  margin-right: -70px;
  text-align: center;
  width: 70px;
}
.buttons li a span.icon svg,
#buttons-presentation li a span.icon svg,
.buttons-bar li a span.icon svg,
.buttons li button span.icon svg,
#buttons-presentation li button span.icon svg,
.buttons-bar li button span.icon svg {
  height: 12px;
}
.buttons li a span.text,
#buttons-presentation li a span.text,
.buttons-bar li a span.text,
.buttons li button span.text,
#buttons-presentation li button span.text,
.buttons-bar li button span.text {
  text-align: center;
  margin-left: 70px;
}
.buttons li a span.text span.big,
#buttons-presentation li a span.text span.big,
.buttons-bar li a span.text span.big,
.buttons li button span.text span.big,
#buttons-presentation li button span.text span.big,
.buttons-bar li button span.text span.big {
  font-size: 18px;
  font-weight: bold;
  margin: 24px 0 3px;
  text-transform: uppercase;
}
.buttons li a span.text span.small,
#buttons-presentation li a span.text span.small,
.buttons-bar li a span.text span.small,
.buttons li button span.text span.small,
#buttons-presentation li button span.text span.small,
.buttons-bar li button span.text span.small {
  font-size: 12px;
}
.buttons li .freedonation,
#buttons-presentation li .freedonation,
.buttons-bar li .freedonation,
.buttons li .donation,
#buttons-presentation li .donation,
.buttons-bar li .donation {
  background-color: #01A459;
}
.buttons li .donation:hover,
#buttons-presentation li .donation:hover,
.buttons-bar li .donation:hover {
  background-color: #008C4C;
}
.buttons li .donation.btn-clear,
#buttons-presentation li .donation.btn-clear,
.buttons-bar li .donation.btn-clear {
  background-color: #ffffff;
  border: 2px solid #01A459;
  color: #01A459;
}
.buttons li .facebook,
#buttons-presentation li .facebook,
.buttons-bar li .facebook {
  background-color: #4065b5;
}
.buttons li .facebook span.icon,
#buttons-presentation li .facebook span.icon,
.buttons-bar li .facebook span.icon {
  border-right: 1px solid #6585ce;
}
.buttons li .twitter,
#buttons-presentation li .twitter,
.buttons-bar li .twitter {
  background-color: #32b9e8;
}
.buttons li .twitter span.icon,
#buttons-presentation li .twitter span.icon,
.buttons-bar li .twitter span.icon {
  border-right: 1px solid #74deff;
}
.buttons li .btn.btn-clear.share,
#buttons-presentation li .btn.btn-clear.share,
.buttons-bar li .btn.btn-clear.share {
  box-sizing: content-box;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  text-transform: none;
  width: 250px;
}
.buttons li a:active,
#buttons-presentation li a:active,
.buttons-bar li a:active,
.buttons li a:hover,
#buttons-presentation li a:hover,
.buttons-bar li a:hover {
  text-decoration: none !important;
}
.buttons li button:active,
#buttons-presentation li button:active,
.buttons-bar li button:active,
.buttons li button:hover,
#buttons-presentation li button:hover,
.buttons-bar li button:hover {
  text-decoration: none !important;
}
.buttons li .deactivated,
#buttons-presentation li .deactivated,
.buttons-bar li .deactivated {
  background-color: #d8d8d8;
  cursor: default;
  color: #fff;
}
.buttons li .deactivated span.icon,
#buttons-presentation li .deactivated span.icon,
.buttons-bar li .deactivated span.icon {
  border-right: 1px solid #aaaaaa;
}
.buttons li .deactivated:active,
#buttons-presentation li .deactivated:active,
.buttons-bar li .deactivated:active,
.buttons li .deactivated:hover,
#buttons-presentation li .deactivated:hover,
.buttons-bar li .deactivated:hover {
  background-color: #d8d8d8 !important;
}
.buttons li a:active,
.buttons li a:hover {
  background-color: #f25900;
}
#buttons-wrapper {
  padding-top: 17px;
}
/* MODIFS 0319.2 */
@media (max-width: 910px) {
  #three-cols-wrapper:before,
  #three-cols-wrapper:after {
    content: " ";
    display: table;
  }
  #three-cols-wrapper:after {
    clear: both;
  }
}
@media (max-width: 910px) {
  #buttons-wrapper-sticky {
    background: #ffffff;
    border-top: 1px solid #d4d4d4;
    bottom: -200px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    left: 0;
    height: 64px;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 99;
  }
  #buttons-wrapper-sticky ul.buttons {
    margin: 10px 15px;
  }
  #buttons-wrapper-sticky li {
    float: left;
    margin-bottom: 0;
    width: 100%;
  }
  #buttons-wrapper-sticky p {
    line-height: 16px;
  }
  #buttons-wrapper-sticky.bags-enabled {
    height: 152px;
  }
  #buttons-wrapper-sticky.bags-enabled li:first-child {
    margin-bottom: 10px;
  }
}
@media (max-width: 360px) {
  #buttons-wrapper-sticky.bags-enabled {
    height: 166px;
  }
}
#buttons-countdown {
  color: #000000;
  font-size: 12px;
  margin: 10px 0 15px !important;
}
@media (max-width: 910px) {
  #buttons-countdown {
    font-size: 14px;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 668px) {
  #buttons-countdown {
    font-size: 12px;
    margin: 0 !important;
  }
}
.buttons {
  margin: 0 auto 30px;
  max-width: 304px;
}
.buttons li a,
.buttons li button {
  box-sizing: border-box;
  padding: 0 10px;
}
.buttons li a span.text,
.buttons li button span.text {
  display: table;
  margin-left: 0;
  width: 100%;
}
.buttons li a span.text span.big,
.buttons li button span.text span.big {
  display: table-cell;
  font-size: 16px;
  height: 70px;
  text-transform: none;
  vertical-align: middle;
}
.buttons li a span.text span.big.large,
.buttons li button span.text span.big.large {
  display: table-cell;
}
.buttons li a span.text span.big.xsmall,
.buttons li button span.text span.big.xsmall {
  display: none;
}
@media (max-width: 910px) {
  .buttons {
    max-width: none;
    margin-bottom: 14px;
  }
  .buttons li {
    margin-bottom: 7px;
  }
  .buttons li a,
  .buttons li button {
    height: 60px;
    line-height: 60px;
  }
  .buttons li a span.text,
  .buttons li button span.text {
    height: 60px;
    line-height: 60px;
  }
  .buttons li a span.text span.big,
  .buttons li button span.text span.big {
    height: 60px;
    line-height: 60px;
    font-size: 1rem;
    margin: 10px 0 3px;
  }
  .buttons li a.btn-clear span.text,
  .buttons li button.btn-clear span.text {
    height: 60px;
    line-height: 60px;
  }
  .buttons li a.btn-clear span.text span.big,
  .buttons li button.btn-clear span.text span.big {
    height: 60px;
    line-height: 60px;
  }
  .buttons.no-freedonation-pending li {
    margin-bottom: 10px;
  }
}
@media (max-width: 360px) {
  .buttons li:last-child a,
  .buttons li:last-child button {
    height: 74px;
    line-height: 25px;
  }
  .buttons li:last-child a span.text,
  .buttons li:last-child button span.text {
    height: 74px;
    line-height: 25px;
  }
  .buttons li:last-child a span.text span.big,
  .buttons li:last-child button span.text span.big {
    height: 74px;
    line-height: 25px;
    font-size: 1rem;
    margin: 10px 0 3px;
  }
  .buttons li:last-child a span.text span.big.large,
  .buttons li:last-child button span.text span.big.large {
    display: none;
  }
  .buttons li:last-child a span.text span.big.xsmall,
  .buttons li:last-child button span.text span.big.xsmall {
    display: table-cell;
  }
}
#buttons-presentation {
  margin: 0;
}
#buttons-presentation li {
  box-sizing: border-box;
  float: left;
  margin-bottom: 0;
  width: 300px;
}
#buttons-presentation li a,
#buttons-presentation li button {
  box-sizing: border-box;
  height: 60px;
}
#buttons-presentation li a span.text,
#buttons-presentation li button span.text {
  display: table;
  margin: 0;
  text-align: center;
  width: 100%;
}
#buttons-presentation li a span.text span.big,
#buttons-presentation li button span.text span.big {
  display: table-cell;
  font-size: 16px;
  font-weight: bold;
  height: 60px;
  line-height: 22px;
  margin-left: 0;
  padding: 0 5px;
  text-transform: none;
  vertical-align: middle;
  width: 100%;
}
#buttons-presentation li:first-child {
  margin-right: 25px;
}
#buttons-presentation li:first-child a span.text span.big,
#buttons-presentation li:first-child button span.text span.big {
  height: 56px;
}
@media (max-width: 910px) {
  #buttons-presentation li {
    float: none;
    margin: 0;
    width: 100%;
  }
  #buttons-presentation li:first-child {
    margin-bottom: 10px;
  }
}
#collecte-warning {
  font-size: 14px;
}
#collecte-warning a {
  text-decoration: none;
}
#collecte-warning .inner div {
  margin-top: 38px;
}
#collecte-warning .inner div p {
  line-height: 16px;
  margin-bottom: 15px;
}
#collecte-warning-tablet {
  text-align: center;
}
/* --- */
.buttons-bar.share-freedonation {
  margin-bottom: 0;
}
.buttons-bar.share-freedonation li {
  display: inline-block;
  float: none;
}
.buttons-bar.share-freedonation li a {
  color: #fff !important;
}
.buttons-bar.share-freedonation li a span.icon {
  line-height: 44px;
}
.buttons-bar.share-freedonation li a span.icon img {
  margin: 0;
  max-height: 12px !important;
  vertical-align: 0 !important;
}
.buttons-bar.share-freedonation li a span.text {
  padding: 0 10px;
  width: auto;
}
.buttons-bar {
  margin: 30px auto 40px;
}
.buttons-bar li {
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
}
.buttons-bar li a {
  height: 50px;
}
.buttons-bar li a span.icon {
  height: 50px;
  line-height: 50px;
  width: 50px;
}
.buttons-bar li a span.icon img {
  height: 12px;
  vertical-align: 0;
  width: 12px;
}
.buttons-bar li a span.text {
  font-size: 12px;
  font-weight: bold;
  line-height: 50px;
  margin-left: 50px;
  text-transform: uppercase;
  text-align: center;
  width: 115px;
}
@media (max-width: 910px) {
  .buttons-bar {
    margin: 20px 0 24px;
    width: 100%;
  }
  .buttons-bar li {
    width: 100%;
  }
  .buttons-bar li .btn.btn-clear.share {
    box-sizing: border-box;
    width: 100%;
  }
}
body.responsive #freedonation-success {
  margin: 50px 0 0;
}
body.responsive #freedonation-success .inner {
  padding: 40px;
}
body.responsive #freedonation-success .title-wrapper {
  display: table;
}
body.responsive #freedonation-success .title-wrapper .thumbnail {
  display: table-cell;
  float: left;
  width: 140px;
}
body.responsive #freedonation-success .title-wrapper .title {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
}
body.responsive #freedonation-success .title-wrapper .title h1 {
  font-size: 32px;
  line-height: 46px;
  margin: 0;
}
body.responsive #freedonation-success p {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
}
body.responsive #freedonation-success p.donors {
  font-size: 16px;
  text-align: center;
}
body.responsive #freedonation-success p.donors a {
  color: #01a459;
  font-size: 16px;
  font-weight: bold;
}
body.responsive #freedonation-success p.warning {
  text-align: left;
}
body.responsive #freedonation-success span.count {
  background: #f7f7f7;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  padding: 8px 0;
  width: 500px;
}
body.responsive #freedonation-success p.actions {
  margin: 25px 0 0;
}
body.responsive #freedonation-success p.actions .btn {
  box-sizing: border-box;
  height: 38px;
  line-height: 36px;
  font-size: 16px;
  text-transform: none;
  width: 350px;
}
body.responsive #freedonation-success p.actions .btn.btn-clear {
  margin-top: 16px;
}
body.responsive #freedonation-success p.actions a.link {
  display: inline-block;
  font-size: 16px;
  margin-top: 16px;
}
body.responsive #freedonation-success {
  margin: 50px 0 0;
}
body.responsive #freedonation-success .inner {
  padding: 40px 60px;
}
body.responsive #freedonation-success h1 {
  text-align: center;
}
body.responsive #freedonation-success p.actions .btn {
  width: 100%;
}
body.responsive #freedonation-success p.actions .btn img {
  height: 14px;
  margin-right: 5px;
  vertical-align: -1px;
}
body.responsive #freedonation-success p.actions .btn.btn-clear {
  border: 2px solid #aaaaaa;
  color: #333333 !important;
}
body.responsive #freedonation-success p.actions .btn.btn-clear:hover {
  border: 2px solid #777777;
  box-shadow: none;
}
body.responsive #freedonation-success {
  line-height: 24px;
}
body.responsive #freedonation-success h1 {
  text-align: left;
}
body.responsive #freedonation-success a {
  font-size: 14px;
}
body.responsive #freedonation-success p {
  font-size: 16px;
  line-height: 20px;
  text-align: left;
}
body.responsive #freedonation-success ul {
  margin: 0;
  padding: 0 0 0 13px;
}
body.responsive #freedonation-success ul li {
  line-height: 24px;
  text-align: left;
}
body.responsive #freedonation-success .onesignal-customlink-container {
  padding-top: 20px;
  text-align: center;
}
@media (max-width: 910px) {
  body.responsive #freedonation-success h1 {
    font-size: 26px;
    line-height: 36px;
  }
}
@media (max-width: 668px) {
  body.responsive #freedonation-success {
    margin-top: 10px;
  }
  body.responsive #freedonation-success .inner {
    padding: 20px;
  }
  body.responsive #freedonation-success h1 {
    font-size: 26px;
    line-height: 28px;
  }
  body.responsive #freedonation-success span.count {
    width: 100%;
  }
  body.responsive #freedonation-success p.actions .btn {
    height: auto;
    line-height: 100%;
    padding: 10px 15px;
    width: 100%;
  }
}
body.responsive #freedonation-pending {
  margin: 50px 0;
}
body.responsive #freedonation-pending .actions {
  margin-top: 25px;
}
body.responsive #freedonation-pending .actions .btn {
  box-sizing: border-box;
  display: block;
  font-size: 16px;
  height: 38px;
  line-height: 38px;
  margin: 0 auto;
  text-transform: none;
  width: 260px;
}
body.responsive #freedonation-pending .actions .btn:first-child {
  margin-bottom: 15px;
}
body.responsive #collecte-share {
  margin: 50px auto;
  width: 440px;
}
body.responsive #collecte-share .inner {
  padding: 30px;
}
body.responsive #collecte-share h1 {
  font-size: 26px;
  margin-top: 0;
}
body.responsive #collecte-share p.ctars {
  line-height: 22px;
}
body.responsive #collecte-share .progress {
  background-color: #ddd;
  border-radius: 3px;
  height: 6px;
  margin-bottom: 10px;
  width: 100%;
}
body.responsive #collecte-share .progress-bar {
  background-color: #01a459;
  border-radius: 3px;
  height: 6px;
  width: 0%;
}
body.responsive #collecte-share .remaining {
  font-size: 14px;
}
body.responsive #collecte-share .actions {
  margin-top: 25px;
}
body.responsive #collecte-share .actions .row {
  display: table;
  padding-bottom: 10px;
  width: 100%;
}
body.responsive #collecte-share .actions .row.first {
  padding-bottom: 24px;
}
body.responsive #collecte-share .actions .col {
  display: table-cell;
}
body.responsive #collecte-share .actions .col-f {
  width: 100%;
}
body.responsive #collecte-share .actions .col-l {
  padding-right: 10px;
  vertical-align: top;
  width: 50%;
}
body.responsive #collecte-share .actions .col-r {
  padding-left: 10px;
  vertical-align: top;
  width: 50%;
}
body.responsive #collecte-share .actions .btn.btn-clear {
  border: none;
  border-radius: 8px;
  box-sizing: border-box;
  color: #000000 !important;
  font-size: 16px;
  font-weight: bold;
  height: 48px;
  line-height: 48px;
  padding: 0 8px;
  text-align: left;
  text-transform: none;
  width: 100%;
}
body.responsive #collecte-share .actions .btn.btn-clear .wrapper {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0;
}
body.responsive #collecte-share .actions .btn.btn-clear .icon {
  border: none;
  display: flex;
  align-items: center;
  justify-content: left;
  height: 48px;
  margin-left: 0;
  width: 48px;
}
body.responsive #collecte-share .actions .btn.btn-clear img {
  height: 36px;
  vertical-align: 0 !important;
}
body.responsive #collecte-share .actions .btn.btn-clear img.check {
  margin: 0 0 0 5px;
}
body.responsive #collecte-share .actions .btn.btn-clear:hover {
  background-color: #f7f7f7;
  border: none;
  box-shadow: none;
}
body.responsive #collecte-share .actions .share-input-wrapper {
  display: flex;
  position: relative;
  width: 100%;
}
body.responsive #collecte-share .actions .share-input-wrapper div.col-lb {
  flex-grow: 1;
  position: relative;
}
body.responsive #collecte-share .actions .share-input-wrapper div.col-rb {
  display: flex;
  flex-shrink: 0;
}
body.responsive #collecte-share .actions .share-input-wrapper div.gradient {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
  height: 52px;
  position: absolute;
  right: 0;
  top: 2px;
  width: 100px;
}
body.responsive #collecte-share .actions .share-input-wrapper input[type="text"] {
  border: solid 1px #c8c8c8;
  border-right: none;
  border-radius: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  line-height: 56px;
  height: 56px;
  margin-bottom: 0;
  padding: 0 0 0 15px;
  user-select: none;
  pointer-events: none;
  width: 100%;
}
body.responsive #collecte-share .actions .share-input-wrapper button {
  background-color: #ffffff;
  border: solid 1px #c8c8c8;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 14px;
  font-weight: bold;
  height: 56px;
  line-height: 52px;
  padding: 0 25px;
}
body.responsive #collecte-share .actions .share-input-wrapper button img {
  height: 17px;
  vertical-align: -4px;
}
body.responsive #collecte-share .actions .share-input-wrapper button img.icon {
  margin: 0 5px 0 0;
}
body.responsive #collecte-share .actions .share-input-wrapper button img.check {
  margin: 0 0 0 5px;
}
body.responsive #collecte-share.banner .banner {
  margin-bottom: 10px;
}
body.responsive #collecte-share.banner .banner img {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  max-width: 100%;
}
@media (max-width: 440px) {
  body.responsive #collecte-share {
    box-sizing: border-box;
    margin-top: 0;
    width: 100%;
  }
  body.responsive #collecte-share .actions .btn.btn-clear {
    padding: 0 5px;
  }
  body.responsive #collecte-share.banner {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  body.responsive #collecte-share.banner .banner img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
body.responsive.freedonation-confirmation {
  background-color: #f7f7f7 !important;
}
body.responsive.freedonation-confirmation #wrapper {
  background-color: #f7f7f7 !important;
  min-height: auto;
}
body.responsive.freedonation-confirmation #freedonation-confirmation {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
}
body.responsive.freedonation-confirmation #freedonation-confirmation div.message {
  background-color: #f3f9e5;
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 15px;
}
body.responsive.freedonation-confirmation #freedonation-confirmation div.message p {
  font-size: 14px;
  line-height: 21px;
  margin: 0;
}
body.responsive.freedonation-confirmation #freedonation-confirmation div.message p a {
  color: #000000;
  text-decoration: underline;
}
body.responsive.freedonation-confirmation #freedonation-confirmation div.message .icon {
  margin-right: 2px;
  vertical-align: -4px;
}
body.responsive.freedonation-confirmation #freedonation-confirmation p.infos {
  color: #767676;
  font-size: 14px;
  margin: 25px auto 20px;
  text-align: center;
}
body.responsive.freedonation-confirmation #freedonation-confirmation p.infos img {
  height: 16px;
  vertical-align: -4px;
}
body.responsive.freedonation-confirmation #freedonation-confirmation .progress {
  background-color: #ddd;
  border-radius: 3px;
  height: 6px;
  margin-bottom: 10px;
  width: 100%;
}
body.responsive.freedonation-confirmation #freedonation-confirmation .progress-bar {
  background-color: #01a459;
  border-radius: 3px;
  height: 6px;
  width: 0%;
}
body.responsive.freedonation-confirmation #freedonation-confirmation p.donors-count {
  color: #444444;
  font-size: 14px;
  margin: 0 0 20px;
}
body.responsive.freedonation-confirmation #freedonation-confirmation p.donors-count a,
body.responsive.freedonation-confirmation #freedonation-confirmation p.donors-count button {
  background: none;
  border: none;
  color: #444444;
  padding: 0;
  font-size: 14px;
}
body.responsive.freedonation-confirmation #freedonation-confirmation .actions {
  height: 50px;
}
body.responsive.freedonation-confirmation #freedonation-confirmation .actions a {
  box-sizing: border-box;
  font-size: 16px;
  line-height: 50px;
  text-transform: none;
  width: 100%;
}
body.responsive.freedonation-confirmation #freedonation-confirmation .actions a.btn {
  height: auto;
}
body.responsive.freedonation-confirmation #freedonation-confirmation .actions a.btn.btn-clear {
  border-width: 2px;
}
body.responsive.freedonation-confirmation .quote {
  max-width: 330px;
  margin: 0 auto 50px;
  padding: 0 10px;
  text-align: center;
}
body.responsive.freedonation-confirmation .quote cite {
  font-size: 24px;
  font-style: italic;
  font-weight: 300;
}
body.responsive.freedonation-confirmation .quote p {
  font-size: 16px;
}
body.responsive.freedonation-confirmation p.goback {
  font-size: 16px;
  margin: 20px;
}
body.responsive.freedonation-confirmation p.goback a {
  text-decoration: underline;
}
#freedonation-confirmation {
  background-color: #ffffff;
  box-sizing: border-box;
  border-radius: 12px;
  margin: 40px auto;
  max-width: 444px;
  padding: 0;
  width: 100%;
}
#freedonation-confirmation .inner {
  padding: 20px 30px;
}
#freedonation-confirmation h1 {
  font-size: 28px;
  line-height: 36px;
}
#freedonation-confirmation p {
  line-height: 22px;
}
#freedonation-confirmation.banner .banner {
  margin-bottom: 10px;
}
#freedonation-confirmation.banner .banner img {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  max-width: 100%;
}
@media (max-width: 810px) {
  #freedonation-confirmation {
    margin: 10px auto;
  }
  #freedonation-confirmation .inner {
    padding: 10px 20px;
  }
  #freedonation-confirmation.banner {
    margin: 10px auto;
  }
}
@media (max-width: 668px) {
  body.responsive.freedonation-confirmation .quote {
    margin: 40px auto 50px;
  }
  #freedonation-confirmation {
    margin: 10px auto;
  }
  #freedonation-confirmation .inner {
    padding: 10px 20px;
  }
  #freedonation-confirmation.banner {
    margin: 10px auto;
  }
}
@media (max-width: 444px) {
  #freedonation-confirmation.banner {
    margin: 0 auto;
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #freedonation-confirmation.banner .banner img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
  }
}
.donation-btn {
  background: #ff6a00;
  height: 150px;
  margin: 5px 0 20px;
  width: 300px;
}
.donation-btn:hover {
  background-color: #f25900;
  text-decoration: none;
}
.donation-btn:active,
.donation-btn.active {
  position: relative;
  text-decoration: none;
  top: 1px;
}
.donation-btn a {
  height: 150px;
  width: 300px;
}
.donation-btn a {
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
}
.donation-btn table,
.donation-btn table td,
.donation-btn table tr {
  background: none;
  border: none;
  color: #fff;
  margin: 0;
  padding: 0;
}
.donation-btn table.paypal {
  margin: 0 auto;
  width: 100%;
}
.donation-btn table td {
  padding: 25px 0 30px;
}
.donation-btn .big,
.donation-btn .small {
  display: block;
}
.donation-btn .big {
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
}
.donation-btn .small {
  font-size: 14px;
}
#delivery .infos {
  background: #ffffcc;
  padding: 12px 20px;
}
#delivery .photos {
  list-style: none;
  margin: 0;
  padding: 0;
}
#delivery .photos li {
  float: left;
  margin: 0 20px 20px 0;
  position: relative;
}
#delivery .photos li.nmr {
  margin-right: 0;
}
#delivery .photos li,
#delivery .photos a {
  display: block;
  height: 200px;
  width: 200px;
}
#delivery.delivered-photos-published .inner-wrapper {
  margin: 50px 0;
  padding: 5px 20px 20px;
}
#delivery.delivered-photos-published h3 {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 36px;
  font-weight: normal;
  margin: 20px 0 50px;
  text-align: center;
}
#delivery.delivered-photos-published .col-left {
  float: left;
  margin: 0;
  width: 63%;
}
#delivery.delivered-photos-published .col-right {
  background-color: #f9f6f6;
  border-top: none;
  box-sizing: border-box;
  float: right;
  margin: 0;
  padding: 10px 20px;
  width: 35%;
}
#delivery.delivered-photos-published .col-right p:first-child {
  margin-top: 5px;
}
#delivery.delivered-photos-published .photos {
  padding-bottom: 4px;
}
#delivery.delivered-photos-published .photos li {
  box-sizing: border-box;
  margin: 0 5px 5px 0;
}
#delivery.delivered-photos-published .photos li,
#delivery.delivered-photos-published .photos a {
  display: block;
  float: left;
  height: 200px;
  width: 200px;
}
#delivery.delivered-photos-published .photos img {
  max-height: none;
  margin-right: 0;
}
#delivery.delivered-photos-published .photos-desktop {
  display: block;
}
#delivery.delivered-photos-published .photos-mobile {
  display: none;
}
#delivery.delivered-photos-published #show-more-photos {
  box-sizing: border-box;
  display: block;
  height: 28px;
  line-height: 27px;
  margin: 2px 0 18px;
  padding: 0;
  width: 610px;
}
#delivery.delivered-photos-published p.message {
  width: 610px;
}
#delivery.delivered-photos-published p.evo {
  margin-top: 0;
}
@media (max-width: 1036px) {
  #delivery.delivered-photos-published .col-left,
  #delivery.delivered-photos-published .col-right {
    width: 50%;
  }
  #delivery.delivered-photos-published #show-more-photos,
  #delivery.delivered-photos-published p.message {
    width: 405px;
  }
}
@media (max-width: 900px) {
  #delivery.delivered-photos-published .col-left {
    width: 55%;
  }
  #delivery.delivered-photos-published .col-right {
    width: 45%;
  }
}
@media (max-width: 810px) {
  #delivery.delivered-photos-published .col-left {
    width: 60%;
  }
  #delivery.delivered-photos-published .col-right {
    width: 40%;
  }
}
@media (max-width: 745px) {
  #delivery.delivered-photos-published .col-left {
    width: 65%;
  }
  #delivery.delivered-photos-published .col-right {
    width: 35%;
  }
}
@media (max-width: 700px) {
  #delivery.delivered-photos-published .col-left {
    width: 70%;
  }
  #delivery.delivered-photos-published .col-right {
    width: 30%;
  }
}
@media (max-width: 668px) {
  #delivery.delivered-photos-published {
    padding: 20px 10px !important;
  }
  #delivery.delivered-photos-published .col-left,
  #delivery.delivered-photos-published .col-right {
    width: 100%;
  }
  #delivery.delivered-photos-published .photos li,
  #delivery.delivered-photos-published .photos li a {
    height: auto;
    width: 49%;
  }
  #delivery.delivered-photos-published .photos li a,
  #delivery.delivered-photos-published .photos li a a,
  #delivery.delivered-photos-published .photos li img,
  #delivery.delivered-photos-published .photos li a img {
    height: auto;
    width: 100%;
  }
  #delivery.delivered-photos-published .photos li {
    margin: 0 2% 5px 0;
  }
  #delivery.delivered-photos-published .photos li img {
    display: block;
  }
  #delivery.delivered-photos-published .photos li:nth-child(even) {
    margin-right: 0;
  }
  #delivery.delivered-photos-published #show-more-photos {
    width: 100%;
  }
}
#deliveries {
  margin: 0 auto 20px;
}
#deliveries ul.albums {
  list-style: none;
  margin: 0;
  padding: 0;
}
#deliveries ul.albums li {
  float: left;
  margin: 0 18px 30px 0;
}
#deliveries ul.albums li.nmr {
  margin-right: 0;
}
#deliveries ul.albums li,
#deliveries ul.albums a {
  display: block;
  width: 187px;
}
#deliveries ul.albums a.thumb {
  height: 186px;
  margin-bottom: 5px;
}
#deliveries ul.albums .date,
#deliveries ul.albums .association {
  display: block;
  font-size: 12px;
  line-height: 20px;
}
#deliveries ul.albums .association {
  color: #828587;
}
#deliveries p {
  margin: 0;
}
#awa-freedonation-block {
  background-color: #f3f9e5;
  text-align: left;
}
#awa-freedonation-block h2 {
  font-size: 14px;
  text-transform: uppercase;
}
#awa-freedonation-block p {
  font-size: 16px;
}
#awa-freedonation-block ul.errorlist li {
  padding: 0;
}
#awa-freedonation-block input[type="email"] {
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  width: 380px;
}
#awa-freedonation-block button {
  font-size: 14px;
  text-transform: none;
}
#awa-freedonation-block button svg {
  margin-right: 10px;
  vertical-align: -2px;
}
#awa-freedonation-block p.action {
  margin: 6px 0 0;
}
@media (max-width: 668px) {
  #awa-freedonation-block input[type="email"] {
    max-width: 380px;
    width: 100%;
  }
}
#awa-freedonation-pending h1 {
  font-size: 28px;
  line-height: 36px;
}
#awa-freedonation-pending h2 {
  font-size: 16px;
  margin-top: 0;
}
#awa-freedonation-pending p {
  line-height: 22px;
}
#awa-freedonation-pending p.thumbnail {
  margin-top: 0;
}
#awa-freedonation-pending p.thumbnail a {
  display: block;
}
#awa-freedonation-pending p.thumbnail a img {
  width: 380px;
}
#awa-freedonation-pending ul.errorlist li {
  padding: 0;
}
#awa-freedonation-pending p.error-msg {
  color: red;
  font-size: 12px;
  font-weight: bold;
  margin: 14px 0;
  text-align: center;
}
#awa-freedonation-pending p.remaining {
  font-size: 14px;
  line-height: 17px;
}
#awa-freedonation-pending p.countdown {
  font-size: 14px;
  text-align: center;
  margin-top: 28px;
}
#awa-freedonation-pending input[type="email"] {
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  width: 380px;
}
#awa-freedonation-pending button {
  font-size: 14px;
  text-transform: none;
  width: 100%;
}
#awa-freedonation-pending button svg {
  margin-right: 10px;
  vertical-align: -2px;
}
#awa-freedonation-pending p.action {
  margin: 0 0 10px;
}
#awa-freedonation-pending p.action a.btn {
  box-sizing: border-box;
  font-size: 14px;
  text-transform: none;
  width: 100%;
}
#awa-freedonation-pending p.action a.btn.btn-facebook.btn-clear {
  border: 1px solid #4065b5;
  background-color: #ffffff;
  color: #4065b5 !important;
}
#awa-freedonation-pending p.action a.btn.btn-facebook.btn-clear:hover {
  box-shadow: inset 0 0 0 1px #4065b5;
}
#awa-freedonation-pending p.action.share {
  margin-bottom: 0;
}
@media (max-width: 668px) {
  #awa-freedonation-pending p.thumbnail a img {
    height: auto;
    width: 100%;
  }
  #awa-freedonation-pending input[type="email"] {
    width: 100%;
  }
}
#products {
  margin-bottom: 30px;
}
#products h2 {
  border-bottom: 1px solid #e7e7e7;
  font-size: 14px;
  font-weight: bold;
  line-height: 50px;
  padding-left: 20px;
  text-transform: uppercase;
}
#products-description,
#products-description-modal {
  border-top: none;
  padding: 0;
  text-align: justify;
}
#products-description .inner,
#products-description-modal .inner {
  padding: 20px;
}
#products-description .price,
#products-description-modal .price {
  font-size: 18px;
}
#products-description .gallery,
#products-description-modal .gallery {
  float: left;
  text-align: center;
  width: 200px;
}
#products-description .big,
#products-description-modal .big {
  display: none;
}
#products-description .big.selected,
#products-description-modal .big.selected {
  display: inline;
}
#products-description .thumbnails,
#products-description-modal .thumbnails {
  list-style: none;
  margin: 0;
  padding: 0;
}
#products-description .thumbnails li,
#products-description-modal .thumbnails li {
  display: block;
  float: left;
  height: 53px;
  margin: 18px 16px 0 0;
  padding: 0;
  width: 53px;
}
#products-description .thumbnails li:last-child,
#products-description-modal .thumbnails li:last-child {
  margin-right: 0;
}
#products-description .thumbnails img,
#products-description-modal .thumbnails img {
  border: 1px solid transparent;
  display: block;
}
#products-description .thumbnails img.selected,
#products-description-modal .thumbnails img.selected {
  border: 1px solid #ff6a00;
}
#products-description .thumbnails img:hover,
#products-description-modal .thumbnails img:hover {
  cursor: pointer;
}
#products-description h3.title,
#products-description-modal h3.title,
#products-description h3.title-mobile,
#products-description-modal h3.title-mobile {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  margin: 0;
}
#products-description .description,
#products-description-modal .description {
  float: right;
  width: 67%;
}
#products-description .description h3.title,
#products-description-modal .description h3.title {
  margin: 0 0 20px;
  text-align: left;
}
#products-description .description .inner-wrapper,
#products-description-modal .description .inner-wrapper {
  max-height: 418px;
  padding-right: 20px;
  overflow-y: scroll;
}
#products-description .description-mobile,
#products-description-modal .description-mobile {
  margin-top: 10px;
}
#products-description .description-mobile a.btn,
#products-description-modal .description-mobile a.btn {
  font-size: 14px;
  text-transform: none;
}
#products-description p.countries,
#products-description-modal p.countries {
  font-size: 12px;
  font-weight: bold;
}
#products-description p.button,
#products-description-modal p.button {
  margin-top: 25px;
}
#products-description p.button a.btn.btn-large,
#products-description-modal p.button a.btn.btn-large {
  height: auto;
  font-size: 14px;
  line-height: 35px;
  padding: 0 10px;
  text-transform: none;
}
#products-description p.button a.btn.btn-clear,
#products-description-modal p.button a.btn.btn-clear {
  border-width: 2px;
}
#products-description p.button a.btn.btn-clear:hover,
#products-description-modal p.button a.btn.btn-clear:hover {
  box-shadow: none;
}
#products-description-modal {
  padding: 10px 20px 20px;
}
#products-description-modal .big.selected {
  display: block;
  margin: 10px 0 30px;
}
#products-description-modal .gallery {
  float: none;
  margin: 0 auto;
}
#products-description-modal .thumbnails li {
  margin: 0 8px;
}
@media (max-width: 910px) {
  #products {
    margin-bottom: 20px;
  }
  #products-description .description-mobile {
    width: 100%;
  }
  #products-description .big.selected {
    display: block;
    margin: 10px 0 30px;
  }
  #products-description .gallery {
    float: none;
    margin: 0 auto;
    width: 200px;
  }
  #products-description .thumbnails li {
    margin: 0 8px;
  }
}
#associations table {
  width: 100%;
}
#associations th,
#associations td {
  line-height: 30px;
  padding: 0 75px 0 25px;
}
#associations th {
  border-bottom: 1px solid #01AD7F;
  font-weight: bold;
  text-align: left;
}
#associations td {
  border-bottom: 1px solid #dddddd;
}
#associations tr:hover td {
  background: #def7e0;
}
#stats {
  margin-bottom: 40px;
}
#stats .tabs {
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
}
#stats .tabs a {
  color: #767676;
  display: inline-block;
  font-size: 16px;
  margin: 0px 10px;
  padding: 2px;
}
#stats .tabs a.active,
#stats .tabs a:hover {
  color: #ff5e00;
}
#stats .col-left,
#stats .col-right {
  float: left;
  margin: 0;
  width: auto;
}
#stats table.table {
  border: none;
  float: left;
  margin: 0 10px 20px 0;
  width: 334px;
}
#stats table.table.nomr {
  margin-right: 0;
}
#stats table.table th,
#stats table.table td {
  background: #ffffff;
  border: none;
  border-bottom: 1px solid #eeeeee;
  font-size: 16px;
  padding: 16px 0;
  text-align: center;
  width: 50%;
}
#stats table.table th.left,
#stats table.table td.left {
  border-right: 1px solid #eeeeee;
}
#stats table.table th {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}
#stats table.table td {
  color: #767676;
  font-size: 14px;
}
#stats table.table td.left {
  color: #ff5e00;
  font-size: 16px;
}
#stats table.table td.nobb {
  border-bottom: none;
}
#stats p.link {
  text-align: center;
}
#stats p.link a {
  color: #767676;
  font-size: 14px;
}
@media (max-width: 1040px) {
  #stats .col-left,
  #stats .col-right {
    float: none;
    margin: 0 auto;
    width: 570px;
  }
  #stats table.table {
    width: 280px;
  }
  #stats table.table.nomr-tablet {
    margin-right: 0;
  }
}
@media (max-width: 668px) {
  #stats .col-left,
  #stats .col-right {
    float: none;
    margin: 0 auto;
    width: 335px;
  }
  #stats .tabs {
    margin: 0 0 25px;
    text-align: left;
  }
  #stats table.table {
    border: none;
    float: none;
    margin: 0 auto 20px;
    width: 335px;
  }
  #stats table.table.nomr {
    margin-right: auto;
  }
}
#pending-collecte-msg {
  background-color: #fff9bf;
  font-size: 14px;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
#pending-collecte-msg a.btn {
  display: block-inline;
  margin-left: 20px;
  padding: 0 12px;
  text-transform: none;
  width: auto;
}
#pending-collecte-msg.sticky {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
@media (max-width: 668px) {
  #pending-collecte-msg {
    height: auto;
    line-height: 26px;
    padding: 10px;
  }
  #pending-collecte-msg.sticky {
    width: auto;
  }
}
#collecte {
  background-color: #f7f7f7;
}
#collecte .subtitle {
  display: block;
  margin-bottom: 5px;
}
#collecte .delivered {
  background: #ffffcc;
  height: 60px;
  line-height: 60px;
  padding: 10px 10px 10px 20px;
}
#collecte .delivered a {
  display: block;
  float: right;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  width: 240px;
}
#collecte .delivered a img {
  margin-left: 8px;
  vertical-align: -3px;
}
#collecte .delivered p {
  margin: 0;
  padding: 0;
}
#collecte-top {
  background-color: #ffffff;
  margin-bottom: 60px;
}
@media (max-width: 910px) {
  #collecte-top {
    margin-bottom: 20px;
  }
  body.responsive #collecte-top .container {
    padding: 0 15px;
  }
}
@media (max-width: 1024px) {
  #collecte .subtitle {
    margin: 0 auto;
    width: 665px;
  }
}
@media (max-width: 960px) {
  #collecte .subtitle {
    margin: 0 auto;
    width: 563px;
  }
}
@media (max-width: 854px) {
  #collecte .subtitle {
    margin: 0 auto;
    width: 549px;
  }
}
@media (max-width: 800px) {
  #collecte .subtitle {
    margin: 0 auto;
    width: 533px;
  }
}
@media (max-width: 768px) {
  #collecte .subtitle {
    margin: 0 auto;
    width: auto;
  }
}
#collecte-picture {
  margin-bottom: 20px;
  width: 655px;
}
#collecte-picture-tablet,
#collecte-picture-tablet img {
  height: auto;
  width: 100%;
}
#collecte-picture,
#collecte-picture-tablet {
  position: relative;
}
#collecte-picture img,
#collecte-picture-tablet img {
  border-radius: 12px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
}
#collecte-picture span.edit-picture-wrapper,
#collecte-picture-tablet span.edit-picture-wrapper {
  background-color: rgba(255, 255, 255, 0.5);
  bottom: 10px;
  display: inline-block;
  padding: 4px 8px;
  position: absolute;
  right: 20px;
}
#collecte-picture-tablet img {
  border-radius: 0;
}
.photograph-date-container {
  position: relative;
}
.photograph-date-container .photograph-date {
  background: #000;
  bottom: 0;
  color: #ffffff;
  display: inline-block;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 20px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
@media (max-width: 668px) {
  .photograph-date-container .photograph-date {
    font-size: 12px;
  }
}
.franchise-association-info {
  font-size: 14px;
  line-height: 24px;
  width: 100%;
}
.franchise-association-info .row {
  display: table;
  height: 36px;
}
.franchise-association-info .cell {
  display: table-cell;
  height: 36px;
  vertical-align: middle;
}
.franchise-association-info a.thumbnail {
  display: block;
  float: left;
  margin-right: 8px;
}
.franchise-association-info img {
  border-radius: 18px;
  height: 36px;
  width: 36px;
}
.franchise-association-info a.ta {
  color: #000000;
  text-decoration: underline;
}
#collecte-warning-tablet {
  margin-bottom: 20px;
}
@media (max-width: 668px) {
  #collecte-warning.block.mb {
    box-shadow: none !important;
    margin-bottom: 40px;
  }
  #collecte-warning-tablet {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
  }
}
#verification {
  background-color: #f3f9e5;
}
#verification,
#eligible-sterilization {
  font-size: 16px;
  text-align: center;
}
#eligible-sterilization {
  text-align: left;
}
#eligible-sterilization .inner {
  display: table;
}
#eligible-sterilization .inner .col-left,
#eligible-sterilization .inner .col-right {
  display: table-cell;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
#eligible-sterilization .inner .col-left {
  vertical-align: middle;
  width: 75px;
}
@media (max-width: 668px) {
  #eligible-sterilization .inner .col-left {
    padding-right: 15px;
  }
}
#presentation .wrapper {
  height: auto;
  overflow: hidden;
  position: relative;
}
#presentation .wrapper.overflow::after {
  background: linear-gradient(to bottom, #0000, #fff 100%);
  bottom: 0;
  content: '';
  height: 50px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
#presentation button {
  background: none;
  border: none;
  color: #000000;
  margin-bottom: 5px;
  padding: 0;
  text-decoration: underline;
}
#presentation h1,
#presentation h2,
#presentation h3,
#presentation h4,
#presentation h5,
#presentation h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600 !important;
}
#presentation h2 {
  font-size: 22px;
  line-height: 30px;
}
#presentation ul {
  line-height: 26px;
}
#presentation p {
  line-height: 26px;
  margin-top: 0;
}
#presentation p:last-child {
  margin-bottom: 0;
}
#presentation img {
  display: block;
}
#presentation span.deceased-wrapper {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
#presentation span.deceased-wrapper span.deceased {
  background: #ff0000;
  bottom: 57px;
  color: #ffffff;
  display: inline-block;
  left: -47px;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 24px;
  padding: 4px 20px;
  position: absolute;
  text-align: center;
  width: 200px;
  z-index: 8;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#presentation img.photograph-date,
#presentation img.photograph-date-plural {
  display: block;
}
#presentation span.photograph-date-wrapper,
#presentation span.photograph-date-plural-wrapper {
  display: block;
  width: 618px;
}
#presentation span.photograph-date-wrapper span.photograph-date,
#presentation span.photograph-date-plural-wrapper span.photograph-date {
  background: #000;
  color: #ffffff;
  display: inline-block;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-weight: 500;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
#presentation.collecte-ended {
  margin-bottom: 20px;
}
#presentation.typo-11 {
  font-size: 16px !important;
}
@media (max-width: 910px) {
  #presentation {
    border-radius: 0;
    margin-left: -10px;
    margin-right: -10px;
    font-size: 16px;
  }
  #presentation h2 {
    font-size: 18px;
    line-height: 26px;
  }
  #presentation p,
  #presentation ul,
  #presentation li {
    font-size: 16px;
    line-height: 24px;
  }
  #presentation span.photograph-date-wrapper,
  #presentation span.photograph-date-plural-wrapper {
    width: 100%;
  }
  #presentation span.photograph-date-wrapper span.photograph-date {
    font-size: 12px;
  }
  #presentation.type-11 p {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  body.responsive #presentation.block .inner {
    padding: 15px;
  }
}
#gallery-photos {
  margin: 0 auto;
  padding: 20px 0 30px;
}
#gallery-photos ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#gallery-photos ul li {
  float: left;
  margin: 0 11px 0 0;
  position: relative;
}
#gallery-photos ul li a {
  display: block;
  height: 118px;
  width: 118px;
}
#gallery-photos ul li a img {
  border-radius: 10px;
  display: block;
  object-fit: cover;
  max-height: 118px;
  max-width: 118px;
}
@media (max-width: 546px) {
  #gallery-photos ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
  }
  #gallery-photos ul li {
    flex: 1;
    float: none;
    margin: 0;
  }
  #gallery-photos ul li a {
    aspect-ratio: 1/1;
    display: block;
    object-fit: cover;
    height: auto;
    width: 100%;
  }
  #gallery-photos ul li a img {
    display: block;
    object-fit: cover;
    max-width: 100%;
  }
}
#buttons-presentation-wrapper {
  margin-top: 20px;
}
#collected-indicator {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  color: #767676;
  font-size: 14px;
  margin: 20px 0;
  text-align: center;
}
#ablock,
#pub-don-gratuit-droite,
#pub-don-gratuit-footer {
  text-align: center;
}
/*
.awa-don-gratuit-header {
	height: 90px;
	margin: 40px 0 0;
	width: 728px;
}
@media(max-width: @max_tablet) {
	.awa-don-gratuit-header {
		height: 60px;
		margin: 40px 0 0;
		width: 468px;
	}
}

.awa-don-gratuit-droite {
    margin: 20px 0 30px;
    text-align: center;
}
@media(max-width: 1024px) {
	.awa-don-gratuit-droite {
		width: 150px;
	}
}

.awa-don-gratuit-footer {
	height: 90px;
	margin: 20px 0;
	width: 665px;
}
@media(max-width: @max_tablet) {
	.awa-don-gratuit-footer {
		height: 60px;
		margin: 20px 0;
		width: 468px;
	}
}
@media(max-width: @max_mobile) {
	.awa-don-gratuit-footer {
		height: 100px;
		margin: 20px 0;
		width: 320px;
	}
}
*/
#square-guaranty-banner {
  max-width: 444px;
  margin: 0 auto;
  width: 100%;
}
#guaranty {
  background-color: #E0F4EA;
  margin-top: 30px;
  padding: 74px 0 64px;
}
#guaranty h4 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 40px;
}
#guaranty .wrapper {
  display: table;
  width: 100%;
}
#guaranty .wrapper .col {
  display: table-cell;
  vertical-align: top;
  width: 33%;
}
#guaranty .row {
  display: table;
}
#guaranty .row .icon,
#guaranty .row .text {
  display: table-cell;
  vertical-align: top;
}
#guaranty .row .icon {
  width: 44px;
}
#guaranty .row .icon span {
  background-color: #ffffff;
  border-radius: 10px;
  display: block;
  height: 44px;
  line-height: 44px;
  text-align: center;
  width: 44px;
}
#guaranty .row .icon span img {
  max-width: 20px;
  vertical-align: -4px;
}
#guaranty .row .text {
  padding-left: 14px;
}
#guaranty .row .text h5 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 5px;
}
#guaranty .row .text p {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
#guaranty .row .text a {
  color: #000000;
  text-decoration: underline;
}
@media (max-width: 668px) {
  #guaranty {
    padding: 56px 10px 30px;
  }
  #guaranty h4 {
    font-size: 20px;
    margin-bottom: 22px;
  }
  #guaranty .wrapper .col {
    display: block;
    margin-bottom: 30px;
    width: 100%;
  }
}
#square-guaranty-banner #guaranty {
  border-radius: 5px;
  padding: 44px 30px 18px;
  margin-bottom: 7px;
}
#square-guaranty-banner #guaranty .wrapper .col {
  display: block;
  margin-bottom: 30px;
  width: 100%;
}
#validation {
  margin: 40px auto;
}
#validation .inner {
  padding: 30px;
}
#validation h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.11;
}
#validation hr {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 20px 0;
}
#validation .infos {
  color: #c2c2c2;
  font-size: 12px;
  line-height: 1.5;
}
#validation .infos a {
  color: #c2c2c2;
  text-decoration: underline;
}
#validation .infos a:hover {
  color: #7C7C7C;
}
#validation .product,
#validation .collecte,
#validation .method,
#validation .address {
  font-size: 14px;
}
#validation .product .thumbnail {
  display: block;
  float: left;
}
#validation .product .content {
  display: block;
  padding-left: 100px;
}
#validation .product .content span {
  line-height: 20px;
}
#validation .product .content .product-name,
#validation .product .content .total {
  font-weight: bold;
}
#validation .product .content .total,
#validation .product .content .rate {
  color: #b12704;
}
#validation .product .content .supplier {
  color: #767676;
}
#validation .method .logo img {
  height: 17px;
  margin-left: 5px;
  vertical-align: -4px;
}
#validation #is_hidden-3 {
  margin-top: 20px;
}
#validation .cb-wrapper {
  font-size: 14px;
  margin-bottom: 20px;
}
#validation .cb-wrapper label {
  display: block;
}
#validation .cb-wrapper .check {
  top: -3px;
}
#validation p.error-donation,
#validation p.error-cgv {
  color: #ff0000;
  font-size: 14px;
  margin-top: -10px;
}
#validation .actions {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 30px;
}
#validation .actions a.validation,
#validation .actions .total-wrapper,
#validation .actions span.infos {
  float: left;
}
#validation .actions .total-wrapper {
  margin-left: 15px;
}
#validation .actions span.infos {
  float: left;
  display: inline-block;
  margin: 29px 0 0 15px;
}
#validation .total-wrapper {
  display: table;
}
#validation .total-wrapper .total-label,
#validation .total-wrapper .total {
  color: #b12704;
  display: table-row;
}
#validation .total-wrapper .total-label {
  font-size: 14px;
  text-align: center;
}
#validation .total-wrapper .total {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
#validation .btn {
  box-sizing: border-box;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  width: 125px;
}
#validation .btn .lds-css {
  display: none;
  margin-right: 10px;
  vertical-align: -5px;
}
#validation .btn .lds-css.visible {
  display: inline-block;
}
#validation .btn .lds-rolling span,
#validation .btn .lds-rolling span::after {
  border: 4px solid #ffffff;
  border-top-color: transparent;
}
#validation .col-right .btn {
  width: 100%;
}
#validation .recap .clearfix {
  height: 50px;
}
#validation .recap .lines {
  font-size: 14px;
  margin: 0;
}
#validation .recap .lines span.total {
  float: right;
}
#validation .recap .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.11;
}
#validation .recap .total-wrapper {
  float: left;
}
#validation .recap span.infos {
  display: inline-block;
  margin: 29px 0 0 15px;
}
@media (max-width: 1024px) {
  #validation .col-right .recap .total-wrapper,
  #validation .col-right .recap .infos {
    display: block;
    float: none;
    margin: 0;
    width: 100%;
  }
}
@media (max-width: 910px) {
  #validation {
    margin: 20px auto;
  }
  #validation .inner {
    padding: 20px;
  }
  #validation h2 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  #validation h3 {
    margin: 25px 0 5px;
  }
  #validation a.edit {
    margin-left: 0;
  }
  #validation .btn {
    font-size: 16px;
    width: 100%;
  }
  #validation .product,
  #validation .collecte,
  #validation .method,
  #validation .address {
    font-size: 16px;
    line-height: 1.25;
  }
  #validation .actions .total-wrapper,
  #validation .recap .total-wrapper {
    display: block;
    float: none;
    margin-left: 0;
    margin-bottom: 10px;
  }
  #validation .actions .total-wrapper .total-label,
  #validation .recap .total-wrapper .total-label,
  #validation .actions .total-wrapper .total,
  #validation .recap .total-wrapper .total {
    display: block;
    text-align: left;
  }
  #validation .actions .total-wrapper .total-label,
  #validation .recap .total-wrapper .total-label {
    font-size: 16px;
  }
  #validation .actions .total-wrapper .total,
  #validation .recap .total-wrapper .total {
    font-size: 36px;
  }
  #validation .infos {
    font-size: 14px;
  }
  #validation .recap {
    margin-bottom: 20px;
  }
  #validation .recap p:first-child {
    margin-top: 0;
  }
  #validation .recap .lines {
    font-size: 16px;
  }
  #validation .recap .btn {
    margin: 5px 0;
  }
  #validation .recap span.infos {
    margin: 0;
  }
  #validation .actions {
    padding: 20px;
  }
  #validation .actions .btn {
    margin: 20px 0 15px;
  }
  #validation .actions span.infos {
    margin: 0;
  }
}
#donation-confirmation {
  margin: 30px auto !important;
}
#donation-confirmation h1 {
  font-size: 24px;
  margin-top: 0;
  text-align: center;
}
#donation-confirmation h2 {
  font-size: 18px;
  line-height: 1.11;
  margin-top: 0;
}
#donation-confirmation h2.centered {
  text-align: center;
}
#donation-confirmation p {
  font-size: 16px;
  line-height: 24px;
}
#donation-confirmation p.product {
  font-size: 14px;
  margin: 20px 0;
}
#donation-confirmation p:last-child {
  margin-bottom: 0;
}
#donation-confirmation span.thumbnail {
  float: left;
}
#donation-confirmation span.detail {
  display: block;
  margin-top: 12px;
}
#donation-confirmation span.detail span {
  color: #000;
  display: block;
  font-size: 16px;
  line-height: 24px;
}
#donation-confirmation span.detail span.tva {
  display: inline;
}
#donation-confirmation span.detail span.tva,
#donation-confirmation span.detail span.date {
  color: #767676;
  font-size: 12px;
}
#donation-confirmation a.btn {
  font-size: 16px;
  text-transform: none;
}
#donation-confirmation p.receipt-request,
#donation-confirmation p.receipt-requested {
  color: #000000;
  font-size: 16px;
  margin-top: 0;
}
#donation-confirmation p.receipt-request .btn,
#donation-confirmation p.receipt-requested .btn {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  text-transform: none;
}
#donation-confirmation h4.receipt-requested {
  color: #000000;
  font-size: 16px;
  margin: 0 0 10px;
}
#donation-confirmation p.receipt-requested {
  color: #767676;
  font-size: 14px;
  line-height: 1.43;
}
#collecte-request {
  font-size: 14px;
}
#collecte-request ul.beneficiaries {
  list-style: none;
  padding: 0;
}
#collecte-request ul.beneficiaries li {
  margin-bottom: 5px;
  padding: 0;
}
#collecte-request p {
  margin-bottom: 10px;
}
#collecte-request p.file {
  margin: 20px 0;
}
#collecte-request p.short {
  margin: 14px auto 10px;
  width: 310px;
}
#collecte-request .errorlist {
  margin: 0;
}
#collecte-request .errorlist li {
  margin-bottom: 20px;
  padding: 0;
}
#collecte-request input[type="url"] {
  box-sizing: border-box;
  height: 60px;
  line-height: 60px;
  margin: 0;
  width: 100%;
}
#collecte-request a.btn,
#collecte-request input[type="submit"] {
  box-sizing: border-box;
  width: 100%;
}
#products.products-page h2 {
  display: none;
}
#products.products-page .btn.buy {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 50px;
  text-transform: none;
}
#upload-overlay {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 9999;
}
#upload-loading {
  background: #fff;
  left: 50%;
  line-height: 30px;
  margin-top: -60px;
  margin-left: -151px;
  padding: 8px 0;
  position: fixed;
  text-align: center;
  top: 50%;
  width: 300px;
  z-index: 9999;
}
#upload-loading {
  margin-left: -186px;
  width: 370px;
}
#overlay {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
#dialog {
  border-radius: 10px;
  height: 150px;
  left: 50%;
  margin-left: -250px;
  margin-top: -75px;
  padding: 15px;
  position: fixed;
  top: 50%;
  width: 500px;
  z-index: 9999;
}
#dialog .inner {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  background: #fff;
  border-radius: 5px;
  line-height: 18px;
  padding: 20px;
  text-align: center;
}
#dialog.validation-dialog {
  height: 277px;
  margin-top: -150px;
}
#dialog.validation-dialog .inner {
  text-align: left;
}
#facebook-modal-wrapper {
  background-color: rgba(0, 0, 0, 0.75);
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  padding-left: 15px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9998;
}
#facebook-modal {
  background-color: #f4f4f4;
  border-radius: 5px;
  position: relative;
  margin: 90px auto;
  width: 400px;
}
#awa-modal-wrapper {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  left: 0;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9998;
  width: 100%;
}
#awa-modal-close,
#awa-modal-amount-selection-infos-close {
  background: none;
  border: solid 1px #e9e9e9;
  border-radius: 10px;
  box-sizing: border-box;
  float: right;
  height: 40px;
  padding: 0;
  text-decoration: none !important;
  width: 40px;
}
#awa-modal-close span,
#awa-modal-amount-selection-infos-close span {
  cursor: pointer;
  display: block;
  height: 38px;
  text-align: center;
  width: 38px;
}
#awa-modal-close span::before,
#awa-modal-amount-selection-infos-close span::before {
  color: #383b3d;
  content: "\00d7";
  font-size: 32px;
  line-height: 38px;
}
#awa-modal-close.open {
  display: block;
}
#awa-modal-close.alt {
  top: 20px;
}
/*
@media (max-width: @max_mobile) {
	#awa-modal-close {
		display: none !important;
	}
}
*/
@media (max-width: 668px) {
  #awa-modal.centered #awa-modal-close,
  #awa-modal.kccom #awa-modal-close {
    display: block !important;
  }
}
#awa-modal-amount-selection-infos-close {
  top: -48px;
}
#awa-modal-amount-selection-infos-close span::before {
  color: #fff;
}
#awa-modal {
  background-color: #ffffff;
  border-radius: 5px;
  margin: 25px auto;
  position: relative;
  width: 600px;
  z-index: 9999;
}
#awa-modal .footer-actions {
  padding: 10px 24px 0;
  text-align: center;
}
#awa-modal .footer-actions a {
  box-sizing: border-box;
  font-size: 16px;
  text-transform: none;
  width: 100%;
}
@media (max-width: 768px) {
  #awa-modal {
    width: 100%;
  }
}
@media (max-width: 668px) {
  #awa-modal {
    border-radius: 0;
    width: 100%;
  }
}
#awa-modal.centered {
  left: 50%;
  margin-left: -200px;
  position: absolute;
  top: 50%;
}
@media (max-width: 668px) {
  #awa-modal.centered {
    border-radius: 5px;
    left: 0;
    margin: auto 10px;
    width: auto;
  }
}
#awa-modal.end-clicks,
#awa-modal.presentation {
  width: 600px;
}
#awa-modal.share-link {
  width: 500px;
}
@media (max-width: 910px) {
  #awa-modal.end-clicks,
  #awa-modal.presentation {
    width: 500px;
  }
}
@media (max-width: 668px) {
  #awa-modal.end-clicks,
  #awa-modal.share-link {
    width: 100%;
  }
}
#awa-modal.w560 {
  width: 560px;
}
@media (max-width: 910px) {
  #awa-modal.w560 {
    width: 560px;
  }
}
@media (max-width: 668px) {
  #awa-modal.w560 {
    width: 100%;
  }
}
#awa-modal.w400 {
  width: 400px;
}
@media (max-width: 910px) {
  #awa-modal.w400 {
    width: 400px;
  }
}
@media (max-width: 668px) {
  #awa-modal.w400 {
    width: 100%;
  }
}
#awa-modal-loading-overlay {
  background-color: #ffffff;
  border-radius: 5px;
  opacity: 0.85;
  position: absolute;
  text-align: center;
  z-index: 9999;
}
#awa-modal-loading-overlay img {
  display: block;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: relative;
  top: 50%;
}
#awa-modal-amount-selection-infos {
  border-radius: 5px;
  position: absolute;
  z-index: 99;
  width: 600px;
}
#awa-modal-amount-selection-infos .overlay {
  background-color: rgba(0, 0, 0, 0.71);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 600px;
  z-index: 100;
}
#awa-modal-amount-selection-infos .content {
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  bottom: 0;
  padding: 0 20px 20px;
  position: absolute;
  z-index: 101;
}
#awa-modal-amount-selection-infos .content h4 {
  font-size: 16px;
}
#awa-modal-amount-selection-infos .content p {
  font-size: 14px;
}
@media (max-width: 668px) {
  #awa-modal-amount-selection-infos {
    box-sizing: border-box;
    width: 100%;
  }
}
#awa-modal-title {
  background: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 24px 24px 0;
  position: relative;
}
#awa-modal-title .awa-modal-back {
  background: none;
  border: none;
  display: none;
  height: 24px;
  left: 5px;
  margin-top: -12px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 24px;
}
#awa-modal-title .awa-modal-back img {
  display: inline-block;
  height: 24px;
}
#awa-modal-title .inner {
  padding: 0;
}
#awa-modal-title .share .inner {
  padding: 0;
}
#awa-modal-title .subtitle,
#awa-modal-title .icon {
  display: block;
  text-align: center;
}
#awa-modal-title h3,
#awa-modal-title h4,
#awa-modal-title h6 {
  color: #000000;
  font-size: 28px;
  font-weight: 480;
}
#awa-modal-title h6 {
  margin: 0;
  line-height: 37px;
}
#awa-modal-title h6 .btn.btn-clear {
  float: right;
  font-weight: 480;
  height: auto;
  padding: 0 5px;
  margin-right: 20px;
  text-decoration: none;
  text-transform: none;
}
#awa-modal-title .icon {
  margin: 20px 0 10px;
}
#awa-modal-title .title {
  color: #000000;
  font-size: 28px;
  font-weight: 480;
  margin: 0 10px 0 0;
}
#awa-modal-title .title.extraspace {
  display: block;
  margin-bottom: 10px;
}
#awa-modal-title .method .title {
  margin: 0;
}
#awa-modal-title .subtitle {
  color: #767676;
  font-size: 14px;
}
#awa-modal-title .subtitle strong {
  color: #ff5e00;
}
#awa-modal-title .remaining {
  color: #000000;
  display: block;
  font-size: 16px;
}
#awa-modal-title a,
#awa-modal-title a.subtitle {
  color: #2b2cbd;
  text-decoration: underline;
}
#awa-modal-title a.subtitle.nounderline {
  text-decoration: none;
}
#awa-modal-title a.cancel {
  color: #2b2cbd;
  display: block;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}
#awa-modal-title .awa-coordonnees-infos {
  color: #767676;
  font-size: 14px;
  font-family: 'Roboto', 'Arial', sans-serif;
  padding: 0 50px;
  text-align: center;
}
#awa-modal-title .awa-coordonnees-infos p.text-centered {
  margin-bottom: 0;
}
#awa-modal-title .actions {
  padding-top: 20px;
  text-align: center;
}
#awa-modal-title .actions a {
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  text-transform: none;
  width: 60%;
}
#awa-modal-title .all-donators .actions a,
#awa-modal-title .top-donators .actions a,
#awa-modal-title .shares .actions a {
  width: 100%;
}
#awa-modal-title ul.buttons-bar {
  margin: 12px 0 0;
  padding: 0;
}
#awa-modal-title ul.buttons-bar li {
  float: left;
  width: auto;
}
#awa-modal-title ul.buttons-bar li button {
  background: none;
  border: none;
  color: #767676 !important;
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  text-transform: none;
}
#awa-modal-title ul.buttons-bar li button:hover {
  box-shadow: none;
}
#awa-modal-title ul.buttons-bar li button.active {
  background-color: #262626;
  border-radius: 20px;
  color: #fff !important;
}
#awa-modal.no-title-border #awa-modal-title {
  border-bottom: none;
}
#awa-modal.no-content #awa-modal-title {
  border-bottom: none;
  border-radius: 5px;
}
#awa-modal.no-content #awa-modal-title span.title {
  font-size: 28px;
  margin-bottom: 0;
}
#awa-modal.no-content #awa-modal-title span.subtitle {
  display: block;
  font-size: 18px;
  line-height: 1.33;
  padding: 20px;
}
#awa-modal.no-content #awa-modal-title span.action {
  display: block;
  text-align: center;
}
#awa-modal.no-content #awa-modal-title-launch span.title,
#awa-modal.no-content #awa-modal-title-launch-warning span.title {
  font-size: 24px;
}
#awa-modal.no-content #awa-modal-title-launch span.subtitle,
#awa-modal.no-content #awa-modal-title-launch-warning span.subtitle {
  display: block;
  font-size: 14px;
  line-height: 1.43;
  padding: 20px 50px;
}
#awa-modal.no-content #awa-modal-title-launch span.deliveries,
#awa-modal.no-content #awa-modal-title-launch-warning span.deliveries {
  color: #767676;
  display: block;
  font-size: 14px;
  line-height: 1.43;
  padding: 10px 50px;
  text-align: center;
}
#awa-modal.no-content #awa-modal-title-launch span.action a,
#awa-modal.no-content #awa-modal-title-launch-warning span.action a {
  color: #fff;
  font-size: 18px;
  height: 70px;
  line-height: 70px;
  text-decoration: none;
}
#awa-modal-title .end-clicks {
  padding: 14px 100px 0;
}
#awa-modal-title .end-clicks .awa-modal-back {
  margin-top: -5px;
}
#awa-modal-title .end-clicks .title {
  font-size: 36px;
}
#awa-modal-title .end-clicks .subtitle {
  line-height: 1.43;
}
@media (max-width: 910px) {
  #awa-modal-title .end-clicks {
    padding: 14px 50px 0;
  }
  #awa-modal-title .end-clicks .subtitle {
    font-size: 16px;
    line-height: 1.38;
  }
}
@media (max-width: 668px) {
  #awa-modal-title {
    border-radius: 0;
    /*
		.awa-modal-back {
			display: block;
		}
		
		.title.animal,
		.remaining {
			padding: 0 40px;
		}
		*/
  }
  #awa-modal-title .title.animal {
    font-size: 22px;
  }
  #awa-modal-title h3,
  #awa-modal-title h4,
  #awa-modal-title h6 {
    font-size: 22px;
  }
  #awa-modal-title span.title {
    font-size: 22px;
  }
  #awa-modal-title h6 a.btn.btn-clear {
    margin-right: 0px;
  }
  #awa-modal-title .inner {
    padding: 0 20px 0 40px;
  }
  #awa-modal-title .end-clicks {
    padding: 14px 20px 0;
  }
  #awa-modal-title .end-clicks .title {
    font-size: 30px;
  }
  #awa-modal-title .end-clicks .subtitle {
    font-size: 18px;
    line-height: 1.33;
  }
}
#awa-modal-title .all-donators,
#awa-modal-title .top-donators,
#awa-modal-title .shares {
  padding-bottom: 10px;
}
#awa-modal-content {
  box-sizing: border-box;
  height: auto;
}
#awa-modal-content h3.subtitle {
  color: #767676;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  margin: 25px 0;
  text-align: center;
  width: 100%;
}
#awa-modal-content .go-back {
  margin: 14px auto 0;
  text-align: center;
}
#awa-modal-content .go-back a {
  color: #767676;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.43;
  text-decoration: underline;
  text-transform: uppercase;
}
#awa-modal-content .go-back a:hover {
  color: #606060;
}
#awa-modal-content .end-clicks {
  padding: 0 100px 40px;
}
#awa-modal-content .end-clicks ul.share-buttons {
  list-style: none;
  padding: 0;
  margin: 0 0 40px;
}
#awa-modal-content .end-clicks ul.share-buttons li {
  display: block;
  float: left;
  margin-right: 8px;
}
#awa-modal-content .end-clicks ul.share-buttons li a.btn-border {
  padding: 0;
  width: 126px;
}
#awa-modal-content .end-clicks ul.share-buttons li:last-child {
  margin: 0;
}
#awa-modal-content .end-clicks ul.deliveries {
  list-style: none;
  padding: 0;
  margin: 0;
}
#awa-modal-content .end-clicks ul.deliveries li {
  display: block;
  float: left;
  height: 120px;
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  margin-left: 20px;
  width: 120px;
}
#awa-modal-content .end-clicks ul.deliveries li a {
  border-radius: 3px;
  color: #fff;
  display: block;
  height: 120px;
  position: relative;
  width: 120px;
}
#awa-modal-content .end-clicks ul.deliveries li a img.thumbnail {
  border-radius: 3px;
  display: block;
}
#awa-modal-content .end-clicks ul.deliveries li a span.date {
  background-color: rgba(146, 146, 146, 0.75);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 28px;
  left: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  width: 120px;
}
#awa-modal-content .end-clicks ul.deliveries li a:hover {
  text-decoration: none;
}
#awa-modal-content .end-clicks ul.deliveries li a.link {
  background-color: #ff5e00;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  padding: 42px 10px 0;
  text-align: center;
  text-transform: uppercase;
}
#awa-modal-content .end-clicks ul.deliveries li.first {
  margin-left: 0;
}
#awa-modal-content .share-link {
  padding: 30px 0;
}
#awa-modal-content .share-link #share-link-success img {
  height: 18px;
  margin-right: 5px;
  vertical-align: -3px;
}
#awa-modal-content .share-link input[type="text"],
#awa-modal-content .share-link button {
  box-sizing: border-box;
  width: 100%;
}
#awa-modal-content .share-link input[type="text"] {
  height: 70px;
  font-size: 18px;
  line-height: 70px;
}
#awa-modal-content .share-link p {
  margin-bottom: 0;
}
#awa-modal-content .freedonation .inner-wrapper {
  margin: 0 20px 40px;
}
#awa-modal-content .freedonation .progress {
  background-color: #ddd;
  border-radius: 3px;
  height: 6px;
  margin-bottom: 20px;
  width: 100%;
}
#awa-modal-content .freedonation .progress-bar {
  background-color: #01a459;
  border-radius: 3px;
  height: 6px;
  width: 0%;
}
#awa-modal-content .freedonation .btn {
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
  width: 100%;
}
#awa-modal-content .freedonation .btn img {
  margin-right: 5px;
  vertical-align: -2px;
}
#awa-modal-content .freedonation .btn.btn-deactivated {
  background-color: #d8d8d8;
  cursor: default;
  color: #fff;
}
#awa-modal-content .freedonation p {
  font-size: 16px;
  line-height: 22px;
  margin-top: 15px;
}
#awa-modal-content .freedonation p.subscribers,
#awa-modal-content .freedonation p.grey {
  color: #767676;
}
#awa-modal-content .freedonation p.warning {
  font-size: 12px;
}
#awa-modal-content .freedonation-deactivated .inner-wrapper {
  margin: 0 50px 35px;
}
#awa-modal-content .freedonation-deactivated p {
  text-align: center;
}
#awa-modal-content .freedonation-deactivated p.countdown {
  font-size: 24px;
  font-weight: bold;
  margin: 25px 0 30px;
}
#awa-modal-content .freedonation-deactivated a.btn {
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
  width: 100%;
}
#awa-modal-content .freedonation-lastday .inner-wrapper,
#awa-modal-content .freedonation-2daysleft .inner-wrapper,
#awa-modal-content .freedonation-share .inner-wrapper,
#awa-modal-content .freedonation-already-subscribed .inner-wrapper {
  margin: 24px;
}
#awa-modal-content .freedonation-lastday p.infos,
#awa-modal-content .freedonation-2daysleft p.infos,
#awa-modal-content .freedonation-share p.infos,
#awa-modal-content .freedonation-already-subscribed p.infos {
  font-size: 14px;
  text-align: center;
}
#awa-modal-content .freedonation-lastday p.infos img,
#awa-modal-content .freedonation-2daysleft p.infos img,
#awa-modal-content .freedonation-share p.infos img,
#awa-modal-content .freedonation-already-subscribed p.infos img {
  height: 16px;
  vertical-align: -3px;
}
#awa-modal-content .freedonation-lastday .btn.btn-large,
#awa-modal-content .freedonation-2daysleft .btn.btn-large,
#awa-modal-content .freedonation-share .btn.btn-large,
#awa-modal-content .freedonation-already-subscribed .btn.btn-large {
  font-size: 16px;
  font-weight: normal;
  padding: 0 50px;
  text-transform: none;
}
#awa-modal-content .freedonation-lastday a.btn-facebook,
#awa-modal-content .freedonation-2daysleft a.btn-facebook,
#awa-modal-content .freedonation-share a.btn-facebook,
#awa-modal-content .freedonation-already-subscribed a.btn-facebook,
#awa-modal-content .freedonation-lastday a.btn-facebook span,
#awa-modal-content .freedonation-2daysleft a.btn-facebook span,
#awa-modal-content .freedonation-share a.btn-facebook span,
#awa-modal-content .freedonation-already-subscribed a.btn-facebook span {
  display: block;
}
#awa-modal-content .freedonation-lastday a.btn.btn-large.btn-facebook,
#awa-modal-content .freedonation-2daysleft a.btn.btn-large.btn-facebook,
#awa-modal-content .freedonation-share a.btn.btn-large.btn-facebook,
#awa-modal-content .freedonation-already-subscribed a.btn.btn-large.btn-facebook {
  border-radius: 3px;
  color: #ffffff;
  height: 50px;
  font-size: 12px;
  font-weight: bold;
  margin: 0 auto;
  padding: 0;
  text-transform: uppercase;
  width: 165px;
}
#awa-modal-content .freedonation-lastday a.btn.btn-large.btn-facebook span.icon,
#awa-modal-content .freedonation-2daysleft a.btn.btn-large.btn-facebook span.icon,
#awa-modal-content .freedonation-share a.btn.btn-large.btn-facebook span.icon,
#awa-modal-content .freedonation-already-subscribed a.btn.btn-large.btn-facebook span.icon {
  float: left;
  height: 50px;
  line-height: 50px;
  margin-right: -50px;
  text-align: center;
  width: 50px;
}
#awa-modal-content .freedonation-lastday a.btn.btn-large.btn-facebook span.icon svg,
#awa-modal-content .freedonation-2daysleft a.btn.btn-large.btn-facebook span.icon svg,
#awa-modal-content .freedonation-share a.btn.btn-large.btn-facebook span.icon svg,
#awa-modal-content .freedonation-already-subscribed a.btn.btn-large.btn-facebook span.icon svg {
  height: 12px;
}
#awa-modal-content .freedonation-lastday a.btn.btn-large.btn-facebook span.text,
#awa-modal-content .freedonation-2daysleft a.btn.btn-large.btn-facebook span.text,
#awa-modal-content .freedonation-share a.btn.btn-large.btn-facebook span.text,
#awa-modal-content .freedonation-already-subscribed a.btn.btn-large.btn-facebook span.text {
  margin-left: 50px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
#awa-modal-content .freedonation-lastday a.btn-facebook,
#awa-modal-content .freedonation-2daysleft a.btn-facebook,
#awa-modal-content .freedonation-share a.btn-facebook,
#awa-modal-content .freedonation-already-subscribed a.btn-facebook {
  background-color: #4065b5;
}
#awa-modal-content .freedonation-lastday a.btn-facebook span.icon,
#awa-modal-content .freedonation-2daysleft a.btn-facebook span.icon,
#awa-modal-content .freedonation-share a.btn-facebook span.icon,
#awa-modal-content .freedonation-already-subscribed a.btn-facebook span.icon {
  border-right: 1px solid #6585ce;
}
#awa-modal-content .freedonation-lastday a.btn-facebook:active,
#awa-modal-content .freedonation-2daysleft a.btn-facebook:active,
#awa-modal-content .freedonation-share a.btn-facebook:active,
#awa-modal-content .freedonation-already-subscribed a.btn-facebook:active,
#awa-modal-content .freedonation-lastday a.btn-facebook:hover,
#awa-modal-content .freedonation-2daysleft a.btn-facebook:hover,
#awa-modal-content .freedonation-share a.btn-facebook:hover,
#awa-modal-content .freedonation-already-subscribed a.btn-facebook:hover {
  text-decoration: none !important;
}
#awa-modal-content .freedonation-already-subscribed p.text {
  text-align: left;
}
#awa-modal-content .freedonation-already-subscribed a.btn {
  box-sizing: border-box;
  margin: 10px 0 5px;
  width: 100%;
}
#awa-modal-content .freedonation-already-subscribed p.actions a.btn,
#awa-modal-content .freedonation-already-subscribed p.actions a.btn.btn-large.btn-facebook {
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  text-transform: none;
  width: 100%;
}
#awa-modal-content .freedonation-already-subscribed a.modal-close {
  color: #979797;
}
#awa-modal-content .launch-collecte-error .inner-wrapper {
  margin: 35px 50px;
  padding-bottom: 35px;
}
#awa-modal-content .launch-collecte-error .inner-wrapper p {
  text-align: center;
}
#awa-modal-content .amount-selection {
  position: relative;
  /*
		.paypal {
			font-size: 14px;
			line-height: 22px;
			margin: 5px 0 20px;
			text-align: center;
			
			img {
				height: 18px;
				margin-left: 3px;
				vertical-align: -5px;
			}
		}
		*/
}
#awa-modal-content .amount-selection h2 {
  font-size: 16px;
  margin: 0 0 20px;
}
#awa-modal-content .amount-selection h3 {
  font-size: 14px;
  margin-top: 20px;
}
#awa-modal-content .amount-selection hr {
  margin: 30px 0;
}
#awa-modal-content .amount-selection .inner-wrapper {
  margin: 0 20px 40px;
}
#awa-modal-content .amount-selection .price-input,
#awa-modal-content .amount-selection .batch-input {
  border: 1px solid #eee;
  margin: 0 0 15px;
  padding: 15px;
  position: relative;
}
#awa-modal-content .amount-selection .price-input .price .reduction-pct,
#awa-modal-content .amount-selection .batch-input .price .reduction-pct {
  background-color: #fcd0a1;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  left: 0;
  padding: 3px 5px;
  position: absolute;
  top: 0;
}
#awa-modal-content .amount-selection .price-input .price .label,
#awa-modal-content .amount-selection .batch-input .price .label {
  font-size: 18px;
  font-weight: bold;
  vertical-align: 2px;
}
#awa-modal-content .amount-selection .price-input .price .wrapper,
#awa-modal-content .amount-selection .batch-input .price .wrapper {
  display: block;
  padding: 7px 0 0 40px;
}
#awa-modal-content .amount-selection .price-input .price .total-wrapper,
#awa-modal-content .amount-selection .batch-input .price .total-wrapper {
  color: #b12704;
  font-size: 18px;
  font-weight: bold;
  float: right;
  margin-right: 10px;
}
#awa-modal-content .amount-selection .price-input .price .normal-price,
#awa-modal-content .amount-selection .batch-input .price .normal-price {
  bottom: 6px;
  color: #b12704;
  display: block;
  font-size: 12px;
  position: absolute;
  right: 125px;
  text-align: right;
  text-decoration: line-through;
}
#awa-modal-content .amount-selection .price-input .amount,
#awa-modal-content .amount-selection .batch-input .amount {
  float: right;
  width: 100px;
}
#awa-modal-content .amount-selection .price-input .amount a,
#awa-modal-content .amount-selection .batch-input .amount a {
  background-color: #01A459;
  border: none;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  width: 110px;
  float: left;
  font-size: 30px;
  font-weight: bold;
  line-height: 32px;
  width: 30px;
}
#awa-modal-content .amount-selection .price-input .amount a:hover,
#awa-modal-content .amount-selection .batch-input .amount a:hover {
  background-color: #008C4C;
  text-decoration: none !important;
}
#awa-modal-content .amount-selection .price-input .amount a:active,
#awa-modal-content .amount-selection .batch-input .amount a:active,
#awa-modal-content .amount-selection .price-input .amount a.active,
#awa-modal-content .amount-selection .batch-input .amount a.active {
  position: relative;
  text-decoration: none !important;
  top: 1px;
}
#awa-modal-content .amount-selection .price-input .amount a.less,
#awa-modal-content .amount-selection .batch-input .amount a.less {
  margin-right: 4px;
}
#awa-modal-content .amount-selection .price-input .amount a.disabled,
#awa-modal-content .amount-selection .batch-input .amount a.disabled {
  background-color: #f7f7f7;
  color: #000000;
}
#awa-modal-content .amount-selection .price-input .amount input,
#awa-modal-content .amount-selection .batch-input .amount input {
  border: none;
  box-shadow: none;
  float: left;
  margin: 0 4px 0 0;
  text-align: center;
  width: 18px;
}
#awa-modal-content .amount-selection .method-wrapper {
  margin-bottom: 15px;
  width: 100%;
}
#awa-modal-content .amount-selection .method-wrapper label {
  background: #ffffff;
  border: 1px solid #efefef;
  box-sizing: border-box;
  color: #000000;
  cursor: pointer;
  display: block;
  height: 60px;
  float: none;
  font-size: 14px;
  font-family: 'Roboto', 'Arial', sans-serif;
  line-height: 60px;
  padding: 0 20px;
  position: relative;
  margin: 0;
  text-align: left;
}
#awa-modal-content .amount-selection .method-wrapper label input {
  margin-right: 5px;
}
#awa-modal-content .amount-selection .method-wrapper label span.icon {
  display: inline-block;
  text-align: center;
  margin: 0 10px 0 6px;
  width: 24px;
}
#awa-modal-content .amount-selection .method-wrapper label span.icon img {
  vertical-align: -3px;
  width: 24px;
}
#awa-modal-content .amount-selection .method-wrapper label span.icon img.paypal {
  vertical-align: -7px;
  width: 20px;
}
#awa-modal-content .amount-selection .method-wrapper label.active {
  background-color: #f3f9e5;
  color: #000000;
}
#awa-modal-content .amount-selection .method-wrapper label:hover {
  border-color: #02ad80;
  z-index: 5;
}
#awa-modal-content .amount-selection .method-wrapper label.disabled {
  cursor: default;
}
#awa-modal-content .amount-selection .method-wrapper label.disabled .comment {
  color: #999999;
  display: block;
  padding: 7px 0;
  text-align: center;
  width: 100%;
}
#awa-modal-content .amount-selection .method-wrapper label:last-child {
  margin-top: -1px;
  margin-bottom: 10px;
}
#awa-modal-content .amount-selection .user-infos-wrapper {
  margin-bottom: 10px;
}
#awa-modal-content .amount-selection .user-infos-wrapper p {
  margin: 0 0 10px;
}
#awa-modal-content .amount-selection .user-infos-wrapper input[type="text"],
#awa-modal-content .amount-selection .user-infos-wrapper select {
  border: 1px solid #efefef;
  border-radius: 3px;
  box-sizing: border-box;
  color: #333333;
  display: block;
  line-height: 60px;
  height: 60px;
  margin: 0 0 auto;
  padding: 0 25px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}
#awa-modal-content .amount-selection .user-infos-wrapper input[type="text"]::placeholder {
  color: #6A6A6A;
  opacity: 1;
}
#awa-modal-content .amount-selection .user-infos-wrapper input[type="text"].error,
#awa-modal-content .amount-selection .user-infos-wrapper select.error {
  border: 2px solid #ff0000;
}
#awa-modal-content .amount-selection .user-infos-wrapper.ifp input[type="text"] {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
}
#awa-modal-content .amount-selection .stripe-form {
  margin-bottom: 10px;
}
#awa-modal-content .amount-selection .stripe-form .row {
  display: table;
  width: 100%;
}
#awa-modal-content .amount-selection .stripe-form .col {
  display: table-cell;
  width: 100%;
}
#awa-modal-content .amount-selection .stripe-form .col-2 {
  width: 48%;
}
#awa-modal-content .amount-selection .stripe-form .separator {
  display: table-cell;
  width: 4%;
}
#awa-modal-content .amount-selection .stripe-form .input {
  border: 1px solid #efefef;
  border-radius: 3px;
  display: table-cell;
  height: 60px;
  padding: 0 25px;
  vertical-align: middle;
  width: 100%;
}
#awa-modal-content .amount-selection .stripe-form .errors {
  color: #ff0000;
  font-size: 14px;
  margin-top: 10px;
}
#awa-modal-content .amount-selection .summary {
  font-size: 14px;
  margin-bottom: 25px;
}
#awa-modal-content .amount-selection .summary hr {
  margin: 15px 0 10px;
}
#awa-modal-content .amount-selection .summary .row {
  color: #767676;
}
#awa-modal-content .amount-selection .summary .value {
  float: right;
}
#awa-modal-content .amount-selection .ifp-payment-wrapper {
  margin-top: 25px;
}
#awa-modal-content .amount-selection .ifp-payment-wrapper h2 {
  margin-bottom: 8px;
}
#awa-modal-content .amount-selection .ifp-payment-wrapper p {
  font-size: 14px;
}
#awa-modal-content .amount-selection .ifp-payment-wrapper p.info {
  margin-bottom: 20px;
}
#awa-modal-content .amount-selection .ifp-payment-wrapper p.title {
  margin-bottom: 15px;
}
#awa-modal-content .amount-selection .ifp-payment-wrapper p.total-summary {
  margin-bottom: 20px;
}
#awa-modal-content .amount-selection .ifp-payment-wrapper p.total-summary span.wrapper {
  background-color: #cffae6;
  border: 1px solid #01a459;
  border-radius: 8px;
  box-sizing: border-box;
  display: block;
  font-size: 24px;
  font-weight: bold;
  padding: 15px 20px;
  width: 100%;
}
#awa-modal-content .amount-selection .ifp-payment-wrapper p.action {
  margin-bottom: 20px;
}
#awa-modal-content .amount-selection .ifp-payment-wrapper p.action .btn {
  background-color: #faa633;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  height: 42px;
  line-height: 42px;
  padding: 0 35px;
  text-transform: none;
  width: auto;
}
#awa-modal-content .amount-selection .bags-amount,
#awa-modal-content .amount-selection .fees {
  font-size: 14px;
}
#awa-modal-content .amount-selection .hide-donation {
  font-size: 14px;
  margin-bottom: 10px;
}
#awa-modal-content .amount-selection .hide-donation label {
  line-height: 25px;
}
#awa-modal-content .amount-selection .cb-wrapper {
  margin: 20px 0;
}
#awa-modal-content .amount-selection .cb-wrapper label {
  font-size: 14px;
  line-height: 26px;
}
#awa-modal-content .amount-selection .action {
  margin: 0;
}
#awa-modal-content .amount-selection .action a {
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 300;
  text-transform: none;
  width: 100%;
}
#awa-modal-content .amount-selection .action a span.default {
  display: inline;
}
#awa-modal-content .amount-selection .action a span.paypal {
  display: none;
}
#awa-modal-content .amount-selection .action a.paypal {
  background-color: #f6c657;
}
#awa-modal-content .amount-selection .action a.paypal span.default {
  display: none;
}
#awa-modal-content .amount-selection .action a.paypal span.paypal {
  display: inline-block;
  line-height: 50px;
  height: 50px;
}
#awa-modal-content .amount-selection .action a.paypal span.paypal img {
  vertical-align: middle;
}
#awa-modal-content .amount-selection .remaining,
#awa-modal-content .amount-selection .infos {
  font-size: 14px;
  line-height: 16px;
  margin: 10px 0;
}
#awa-modal-content .amount-selection .remaining span {
  font-weight: bold;
}
#awa-modal-content .amount-selection .infos img {
  height: 13px;
}
#awa-modal-content .product,
#awa-modal-content .freedonation-success {
  padding: 20px;
}
#awa-modal-content .freedonation-success {
  text-align: center;
}
#awa-modal-content .collecte-activation .inner-wrapper {
  margin: 0 24px 24px;
}
#awa-modal-content .collecte-activation h4 {
  font-size: 18px;
  line-height: 1.33;
  margin-top: 0;
}
#awa-modal-content .collecte-activation ul {
  margin: 0;
  padding: 0 0 0 20px;
}
#awa-modal-content .collecte-activation li {
  color: #6c6c6c;
  font-size: 14px;
  line-height: 1.43;
}
#awa-modal-content .collecte-activation li:first-child {
  margin-bottom: 20px;
}
#awa-modal-content .collecte-activation p {
  font-size: 14px;
}
#awa-modal-content .collecte-activation p.action {
  margin-top: 26px;
}
#awa-modal-content .collecte-activation a.btn,
#awa-modal-content .collecte-activation button.btn {
  display: block;
  font-size: 16px;
  padding: 0;
  text-transform: none;
  width: 100%;
  touch-action: manipulation;
}
#awa-modal-content .collecte-activation a.btn .lds-css,
#awa-modal-content .collecte-activation button.btn .lds-css {
  display: none;
  margin-right: 10px;
  vertical-align: -5px;
}
#awa-modal-content .collecte-activation a.btn .lds-css.visible,
#awa-modal-content .collecte-activation button.btn .lds-css.visible {
  display: inline-block;
}
#awa-modal-content .collecte-activation a.btn .lds-rolling span,
#awa-modal-content .collecte-activation button.btn .lds-rolling span,
#awa-modal-content .collecte-activation a.btn .lds-rolling span::after,
#awa-modal-content .collecte-activation button.btn .lds-rolling span::after {
  border: 4px solid #ffffff;
  border-top-color: transparent;
}
#awa-modal-content .collecte-activation a.btn {
  font-size: 14px;
}
#awa-modal-content .collecte-activation button.btn.loading {
  opacity: 0.4;
}
#awa-modal-content .collecte-activation button.btn.loading span {
  display: inline;
}
#awa-modal-content .collecte-activation button.btn.loading span.lds-css.orange {
  margin: 0 30px 0 0;
  vertical-align: -1px;
}
#awa-modal-content .collecte-activation .obligatory-post label {
  font-size: 14px;
  line-height: 26px;
}
#awa-modal-content .collecte-activation .obligatory-post p.action {
  margin-top: 14px;
}
#awa-modal-content .collecte-activation .obligatory-post button.btn.btn-deactivated {
  background-color: #d8d8d8;
  cursor: default;
  color: #fff;
}
#awa-modal-content .legal-terms .inner-wrapper {
  margin: 20px 24px 40px;
}
#awa-modal-content .legal-terms h4 {
  font-size: 16px;
  margin: 0 0 20px;
}
#awa-modal-content .legal-terms p {
  font-size: 14px;
  margin: 0 0 20px;
}
#awa-modal-content .association-presentation .inner-wrapper {
  margin: 20px 24px 30px;
}
#awa-modal-content .association-presentation p {
  font-size: 14px;
  margin: 0 0 20px;
}
#awa-modal-content .association-presentation p:last-child {
  margin-bottom: 0;
}
#awa-modal-content .association-presentation .btn {
  box-sizing: border-box;
  font-size: 16px;
  text-transform: none;
  width: 100%;
}
#awa-modal-content .share .inner-wrapper {
  margin: 0px 24px 24px;
}
#awa-modal-content .share .inner-wrapper h3 {
  margin-top: 0;
  font-size: 20px;
}
#awa-modal-content .share #collecte-share {
  width: auto;
}
#awa-modal-content .share #collecte-share .btn.btn-clear {
  padding: 0 8px;
}
#awa-modal-content .contact-association .inner-wrapper {
  margin: 20px 24px 30px;
}
#awa-modal-content .contact-association .address p {
  margin: 0;
}
#awa-modal-content .contact-association p.success {
  margin: 100px 0;
  text-align: center;
}
#awa-modal-content .contact-association .errorlist li {
  padding-left: 0;
}
#awa-modal-content .contact-association button {
  font-size: 16px;
  text-transform: none;
  width: 100%;
}
#awa-modal-content .more-infos-bg {
  background: rgba(0, 0, 0, 0.71);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#awa-modal-content .more-infos {
  left: 0;
  padding: 0 15px;
  position: absolute;
  top: 0;
  width: 100%;
}
#awa-modal-content .more-infos h6 {
  font-size: 16px;
  margin-bottom: 10px;
}
#awa-modal-content .more-infos p {
  font-size: 14px;
}
@media (max-width: 910px) {
  #awa-modal-content .end-clicks {
    padding: 0 50px 40px;
  }
  #awa-modal-content .end-clicks h3 {
    font-size: 20px;
  }
  #awa-modal-content .end-clicks h3.subtitle {
    font-size: 14px;
  }
}
@media (max-width: 668px) {
  #awa-modal-content .end-clicks {
    padding: 0 20px 40px;
  }
  #awa-modal-content .end-clicks ul.share-buttons li a.btn-border {
    width: 91px;
  }
  #awa-modal-content .end-clicks ul.share-buttons li a.btn-border img {
    margin-right: 0;
    vertical-align: -2px;
  }
  #awa-modal-content .end-clicks ul.share-buttons li a.btn-border span.text {
    display: none;
  }
  #awa-modal-content .end-clicks ul.deliveries {
    margin: 0 auto;
    width: 300px;
  }
  #awa-modal-content .end-clicks ul.deliveries li {
    height: 140px;
    margin: 0 0 15px;
    margin-left: 15px;
    width: 140px;
  }
  #awa-modal-content .end-clicks ul.deliveries li a {
    height: 140px;
    width: 140px;
  }
  #awa-modal-content .end-clicks ul.deliveries li a img.thumbnail {
    height: 140px;
    width: 140px;
  }
  #awa-modal-content .end-clicks ul.deliveries li a span.date {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    width: 140px;
  }
  #awa-modal-content .end-clicks ul.deliveries li a.link {
    font-size: 16px;
    padding: 45px 10px 0;
  }
  #awa-modal-content .end-clicks ul.deliveries li:nth-child(6),
  #awa-modal-content .end-clicks ul.deliveries li:nth-child(7),
  #awa-modal-content .end-clicks ul.deliveries li:nth-child(8) {
    display: none;
  }
  #awa-modal-content .amount-selection .inner-wrapper {
    margin: 0 40px 40px;
  }
}
@media (max-width: 320px) {
  #awa-modal-content .end-clicks {
    padding: 0 20px 40px;
  }
  #awa-modal-content .end-clicks ul.share-buttons li a.btn-border {
    width: 79px;
  }
  #awa-modal-content .end-clicks ul.deliveries li {
    height: 122px;
    width: 122px;
  }
  #awa-modal-content .end-clicks ul.deliveries li a {
    height: 122px;
    width: 122px;
  }
  #awa-modal-content .end-clicks ul.deliveries li a img.thumbnail {
    height: 122px;
    width: 122px;
  }
  #awa-modal-content .end-clicks ul.deliveries li a span.date {
    width: 122px;
  }
  #awa-modal-content .end-clicks ul.deliveries li a.link {
    padding: 36px 10px 0;
  }
  #awa-modal-content .amount-selection .inner-wrapper {
    margin: 0 40px 40px;
  }
}
#awa-login-method-form,
#awa-login-form,
#awa-signup1-form,
#awa-signup2-form,
#awa-address-form,
#awa-delivery-address-form,
#awa-deletion-form,
#awa-freedonation-form,
#awa-freedonation-first-time-form,
#awa-presentation-form,
#awa-receipt-request-form {
  padding: 30px 24px 35px;
}
#awa-login-method-form h3,
#awa-login-form h3,
#awa-signup1-form h3,
#awa-signup2-form h3,
#awa-address-form h3,
#awa-delivery-address-form h3,
#awa-deletion-form h3,
#awa-freedonation-form h3,
#awa-freedonation-first-time-form h3,
#awa-presentation-form h3,
#awa-receipt-request-form h3 {
  font-size: 20px;
  text-align: center;
}
#awa-login-method-form input[type="text"],
#awa-login-form input[type="text"],
#awa-signup1-form input[type="text"],
#awa-signup2-form input[type="text"],
#awa-address-form input[type="text"],
#awa-delivery-address-form input[type="text"],
#awa-deletion-form input[type="text"],
#awa-freedonation-form input[type="text"],
#awa-freedonation-first-time-form input[type="text"],
#awa-presentation-form input[type="text"],
#awa-receipt-request-form input[type="text"],
#awa-login-method-form input[type="password"],
#awa-login-form input[type="password"],
#awa-signup1-form input[type="password"],
#awa-signup2-form input[type="password"],
#awa-address-form input[type="password"],
#awa-delivery-address-form input[type="password"],
#awa-deletion-form input[type="password"],
#awa-freedonation-form input[type="password"],
#awa-freedonation-first-time-form input[type="password"],
#awa-presentation-form input[type="password"],
#awa-receipt-request-form input[type="password"],
#awa-login-method-form select,
#awa-login-form select,
#awa-signup1-form select,
#awa-signup2-form select,
#awa-address-form select,
#awa-delivery-address-form select,
#awa-deletion-form select,
#awa-freedonation-form select,
#awa-freedonation-first-time-form select,
#awa-presentation-form select,
#awa-receipt-request-form select {
  border: 1px solid #c8c8c8;
  border-radius: 10px;
  color: #333333;
  height: 56px;
  line-height: 56px;
  margin-bottom: 8px;
  padding: 0 25px;
  width: 446px;
  box-shadow: none;
  -webkit-box-shadow: none;
}
#awa-login-method-form input[type="text"]::placeholder,
#awa-login-form input[type="text"]::placeholder,
#awa-signup1-form input[type="text"]::placeholder,
#awa-signup2-form input[type="text"]::placeholder,
#awa-address-form input[type="text"]::placeholder,
#awa-delivery-address-form input[type="text"]::placeholder,
#awa-deletion-form input[type="text"]::placeholder,
#awa-freedonation-form input[type="text"]::placeholder,
#awa-freedonation-first-time-form input[type="text"]::placeholder,
#awa-presentation-form input[type="text"]::placeholder,
#awa-receipt-request-form input[type="text"]::placeholder,
#awa-login-method-form input[type="password"]::placeholder,
#awa-login-form input[type="password"]::placeholder,
#awa-signup1-form input[type="password"]::placeholder,
#awa-signup2-form input[type="password"]::placeholder,
#awa-address-form input[type="password"]::placeholder,
#awa-delivery-address-form input[type="password"]::placeholder,
#awa-deletion-form input[type="password"]::placeholder,
#awa-freedonation-form input[type="password"]::placeholder,
#awa-freedonation-first-time-form input[type="password"]::placeholder,
#awa-presentation-form input[type="password"]::placeholder,
#awa-receipt-request-form input[type="password"]::placeholder {
  color: #6A6A6A;
}
#awa-login-method-form select,
#awa-login-form select,
#awa-signup1-form select,
#awa-signup2-form select,
#awa-address-form select,
#awa-delivery-address-form select,
#awa-deletion-form select,
#awa-freedonation-form select,
#awa-freedonation-first-time-form select,
#awa-presentation-form select,
#awa-receipt-request-form select {
  width: 300px;
}
#awa-login-method-form input[type="checkbox"],
#awa-login-form input[type="checkbox"],
#awa-signup1-form input[type="checkbox"],
#awa-signup2-form input[type="checkbox"],
#awa-address-form input[type="checkbox"],
#awa-delivery-address-form input[type="checkbox"],
#awa-deletion-form input[type="checkbox"],
#awa-freedonation-form input[type="checkbox"],
#awa-freedonation-first-time-form input[type="checkbox"],
#awa-presentation-form input[type="checkbox"],
#awa-receipt-request-form input[type="checkbox"] {
  vertical-align: -2px;
}
#awa-login-method-form input[type="text"].error,
#awa-login-form input[type="text"].error,
#awa-signup1-form input[type="text"].error,
#awa-signup2-form input[type="text"].error,
#awa-address-form input[type="text"].error,
#awa-delivery-address-form input[type="text"].error,
#awa-deletion-form input[type="text"].error,
#awa-freedonation-form input[type="text"].error,
#awa-freedonation-first-time-form input[type="text"].error,
#awa-presentation-form input[type="text"].error,
#awa-receipt-request-form input[type="text"].error,
#awa-login-method-form input[type="password"].error,
#awa-login-form input[type="password"].error,
#awa-signup1-form input[type="password"].error,
#awa-signup2-form input[type="password"].error,
#awa-address-form input[type="password"].error,
#awa-delivery-address-form input[type="password"].error,
#awa-deletion-form input[type="password"].error,
#awa-freedonation-form input[type="password"].error,
#awa-freedonation-first-time-form input[type="password"].error,
#awa-presentation-form input[type="password"].error,
#awa-receipt-request-form input[type="password"].error,
#awa-login-method-form select.error,
#awa-login-form select.error,
#awa-signup1-form select.error,
#awa-signup2-form select.error,
#awa-address-form select.error,
#awa-delivery-address-form select.error,
#awa-deletion-form select.error,
#awa-freedonation-form select.error,
#awa-freedonation-first-time-form select.error,
#awa-presentation-form select.error,
#awa-receipt-request-form select.error {
  border: 1px solid #cf364a;
}
#awa-login-method-form p.checkbox,
#awa-login-form p.checkbox,
#awa-signup1-form p.checkbox,
#awa-signup2-form p.checkbox,
#awa-address-form p.checkbox,
#awa-delivery-address-form p.checkbox,
#awa-deletion-form p.checkbox,
#awa-freedonation-form p.checkbox,
#awa-freedonation-first-time-form p.checkbox,
#awa-presentation-form p.checkbox,
#awa-receipt-request-form p.checkbox,
#awa-login-method-form div.cb-wrapper,
#awa-login-form div.cb-wrapper,
#awa-signup1-form div.cb-wrapper,
#awa-signup2-form div.cb-wrapper,
#awa-address-form div.cb-wrapper,
#awa-delivery-address-form div.cb-wrapper,
#awa-deletion-form div.cb-wrapper,
#awa-freedonation-form div.cb-wrapper,
#awa-freedonation-first-time-form div.cb-wrapper,
#awa-presentation-form div.cb-wrapper,
#awa-receipt-request-form div.cb-wrapper {
  margin: 5px 0 10px;
}
#awa-login-method-form p.checkbox label,
#awa-login-form p.checkbox label,
#awa-signup1-form p.checkbox label,
#awa-signup2-form p.checkbox label,
#awa-address-form p.checkbox label,
#awa-delivery-address-form p.checkbox label,
#awa-deletion-form p.checkbox label,
#awa-freedonation-form p.checkbox label,
#awa-freedonation-first-time-form p.checkbox label,
#awa-presentation-form p.checkbox label,
#awa-receipt-request-form p.checkbox label,
#awa-login-method-form div.cb-wrapper label,
#awa-login-form div.cb-wrapper label,
#awa-signup1-form div.cb-wrapper label,
#awa-signup2-form div.cb-wrapper label,
#awa-address-form div.cb-wrapper label,
#awa-delivery-address-form div.cb-wrapper label,
#awa-deletion-form div.cb-wrapper label,
#awa-freedonation-form div.cb-wrapper label,
#awa-freedonation-first-time-form div.cb-wrapper label,
#awa-presentation-form div.cb-wrapper label,
#awa-receipt-request-form div.cb-wrapper label {
  font-size: 14px;
}
#awa-login-method-form div.cb-wrapper label,
#awa-login-form div.cb-wrapper label,
#awa-signup1-form div.cb-wrapper label,
#awa-signup2-form div.cb-wrapper label,
#awa-address-form div.cb-wrapper label,
#awa-delivery-address-form div.cb-wrapper label,
#awa-deletion-form div.cb-wrapper label,
#awa-freedonation-form div.cb-wrapper label,
#awa-freedonation-first-time-form div.cb-wrapper label,
#awa-presentation-form div.cb-wrapper label,
#awa-receipt-request-form div.cb-wrapper label {
  display: block;
  padding-left: 30px;
}
#awa-login-method-form .btn,
#awa-login-form .btn,
#awa-signup1-form .btn,
#awa-signup2-form .btn,
#awa-address-form .btn,
#awa-delivery-address-form .btn,
#awa-deletion-form .btn,
#awa-freedonation-form .btn,
#awa-freedonation-first-time-form .btn,
#awa-presentation-form .btn,
#awa-receipt-request-form .btn {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  letter-spacing: 0.25px;
  line-height: 50px;
  text-transform: none;
  width: 100%;
}
#awa-login-method-form .btn-longtext,
#awa-login-form .btn-longtext,
#awa-signup1-form .btn-longtext,
#awa-signup2-form .btn-longtext,
#awa-address-form .btn-longtext,
#awa-delivery-address-form .btn-longtext,
#awa-deletion-form .btn-longtext,
#awa-freedonation-form .btn-longtext,
#awa-freedonation-first-time-form .btn-longtext,
#awa-presentation-form .btn-longtext,
#awa-receipt-request-form .btn-longtext {
  font-size: 16px;
}
#awa-login-method-form .btn-bold,
#awa-login-form .btn-bold,
#awa-signup1-form .btn-bold,
#awa-signup2-form .btn-bold,
#awa-address-form .btn-bold,
#awa-delivery-address-form .btn-bold,
#awa-deletion-form .btn-bold,
#awa-freedonation-form .btn-bold,
#awa-freedonation-first-time-form .btn-bold,
#awa-presentation-form .btn-bold,
#awa-receipt-request-form .btn-bold {
  font-weight: bold;
}
#awa-login-method-form p.input-group,
#awa-login-form p.input-group,
#awa-signup1-form p.input-group,
#awa-signup2-form p.input-group,
#awa-address-form p.input-group,
#awa-delivery-address-form p.input-group,
#awa-deletion-form p.input-group,
#awa-freedonation-form p.input-group,
#awa-freedonation-first-time-form p.input-group,
#awa-presentation-form p.input-group,
#awa-receipt-request-form p.input-group {
  margin: 0;
}
#awa-login-method-form p.input-group.radio-group,
#awa-login-form p.input-group.radio-group,
#awa-signup1-form p.input-group.radio-group,
#awa-signup2-form p.input-group.radio-group,
#awa-address-form p.input-group.radio-group,
#awa-delivery-address-form p.input-group.radio-group,
#awa-deletion-form p.input-group.radio-group,
#awa-freedonation-form p.input-group.radio-group,
#awa-freedonation-first-time-form p.input-group.radio-group,
#awa-presentation-form p.input-group.radio-group,
#awa-receipt-request-form p.input-group.radio-group {
  margin-bottom: 10px;
}
#awa-login-method-form p.input-group.radio-group input,
#awa-login-form p.input-group.radio-group input,
#awa-signup1-form p.input-group.radio-group input,
#awa-signup2-form p.input-group.radio-group input,
#awa-address-form p.input-group.radio-group input,
#awa-delivery-address-form p.input-group.radio-group input,
#awa-deletion-form p.input-group.radio-group input,
#awa-freedonation-form p.input-group.radio-group input,
#awa-freedonation-first-time-form p.input-group.radio-group input,
#awa-presentation-form p.input-group.radio-group input,
#awa-receipt-request-form p.input-group.radio-group input {
  vertical-align: -3px;
}
#awa-login-method-form p.input-group.radio-group label,
#awa-login-form p.input-group.radio-group label,
#awa-signup1-form p.input-group.radio-group label,
#awa-signup2-form p.input-group.radio-group label,
#awa-address-form p.input-group.radio-group label,
#awa-delivery-address-form p.input-group.radio-group label,
#awa-deletion-form p.input-group.radio-group label,
#awa-freedonation-form p.input-group.radio-group label,
#awa-freedonation-first-time-form p.input-group.radio-group label,
#awa-presentation-form p.input-group.radio-group label,
#awa-receipt-request-form p.input-group.radio-group label {
  margin-right: 10px;
}
#awa-login-method-form p.input-group.radio-group label:last-child,
#awa-login-form p.input-group.radio-group label:last-child,
#awa-signup1-form p.input-group.radio-group label:last-child,
#awa-signup2-form p.input-group.radio-group label:last-child,
#awa-address-form p.input-group.radio-group label:last-child,
#awa-delivery-address-form p.input-group.radio-group label:last-child,
#awa-deletion-form p.input-group.radio-group label:last-child,
#awa-freedonation-form p.input-group.radio-group label:last-child,
#awa-freedonation-first-time-form p.input-group.radio-group label:last-child,
#awa-presentation-form p.input-group.radio-group label:last-child,
#awa-receipt-request-form p.input-group.radio-group label:last-child {
  margin-right: 0;
}
#awa-login-method-form .form-actions,
#awa-login-form .form-actions,
#awa-signup1-form .form-actions,
#awa-signup2-form .form-actions,
#awa-address-form .form-actions,
#awa-delivery-address-form .form-actions,
#awa-deletion-form .form-actions,
#awa-freedonation-form .form-actions,
#awa-freedonation-first-time-form .form-actions,
#awa-presentation-form .form-actions,
#awa-receipt-request-form .form-actions {
  margin-top: 10px;
}
#awa-login-method-form .help,
#awa-login-form .help,
#awa-signup1-form .help,
#awa-signup2-form .help,
#awa-address-form .help,
#awa-delivery-address-form .help,
#awa-deletion-form .help,
#awa-freedonation-form .help,
#awa-freedonation-first-time-form .help,
#awa-presentation-form .help,
#awa-receipt-request-form .help {
  font-size: 12px;
  margin: 5px 0 20px;
}
#awa-login-method-form .help a,
#awa-login-form .help a,
#awa-signup1-form .help a,
#awa-signup2-form .help a,
#awa-address-form .help a,
#awa-delivery-address-form .help a,
#awa-deletion-form .help a,
#awa-freedonation-form .help a,
#awa-freedonation-first-time-form .help a,
#awa-presentation-form .help a,
#awa-receipt-request-form .help a {
  text-decoration: underline;
}
#awa-login-method-form .cgu,
#awa-login-form .cgu,
#awa-signup1-form .cgu,
#awa-signup2-form .cgu,
#awa-address-form .cgu,
#awa-delivery-address-form .cgu,
#awa-deletion-form .cgu,
#awa-freedonation-form .cgu,
#awa-freedonation-first-time-form .cgu,
#awa-presentation-form .cgu,
#awa-receipt-request-form .cgu {
  font-size: 14px;
  line-height: 17px;
  margin: 15px 0 0;
  text-align: center;
}
#awa-login-method-form .cgu a,
#awa-login-form .cgu a,
#awa-signup1-form .cgu a,
#awa-signup2-form .cgu a,
#awa-address-form .cgu a,
#awa-delivery-address-form .cgu a,
#awa-deletion-form .cgu a,
#awa-freedonation-form .cgu a,
#awa-freedonation-first-time-form .cgu a,
#awa-presentation-form .cgu a,
#awa-receipt-request-form .cgu a {
  text-decoration: underline;
}
#awa-login-method-form hr,
#awa-login-form hr,
#awa-signup1-form hr,
#awa-signup2-form hr,
#awa-address-form hr,
#awa-delivery-address-form hr,
#awa-deletion-form hr,
#awa-freedonation-form hr,
#awa-freedonation-first-time-form hr,
#awa-presentation-form hr,
#awa-receipt-request-form hr {
  border-top: 2px solid #bababa;
  margin: 20px 0;
}
#awa-login-method-form .infos,
#awa-login-form .infos,
#awa-signup1-form .infos,
#awa-signup2-form .infos,
#awa-address-form .infos,
#awa-delivery-address-form .infos,
#awa-deletion-form .infos,
#awa-freedonation-form .infos,
#awa-freedonation-first-time-form .infos,
#awa-presentation-form .infos,
#awa-receipt-request-form .infos {
  color: #b5b5b5;
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
}
#awa-login-method-form .infos a,
#awa-login-form .infos a,
#awa-signup1-form .infos a,
#awa-signup2-form .infos a,
#awa-address-form .infos a,
#awa-delivery-address-form .infos a,
#awa-deletion-form .infos a,
#awa-freedonation-form .infos a,
#awa-freedonation-first-time-form .infos a,
#awa-presentation-form .infos a,
#awa-receipt-request-form .infos a {
  font-weight: normal;
}
#awa-signup1-form {
  padding-bottom: 20px;
}
#awa-presentation-form {
  padding: 30px 35px 35px;
}
#receipt-request-success {
  padding: 30px 35px 35px;
}
#receipt-request-success h3 {
  font-size: 18px;
  margin-top: 38px;
}
#receipt-request-success p {
  color: #6c6c6c;
  font-size: 14px;
  margin-top: 12px;
}
#receipt-request-success p.close {
  margin-top: 30px;
  text-align: center;
}
#receipt-request-success p.close button {
  background: none;
  border: none;
  font-size: 14px;
  text-decoration: underline;
}
#awa-freedonation-form p.spam-warning {
  background-color: #fff9bf;
  color: #01a459;
  font-size: 14px;
  margin-top: 7px;
  padding: 10px;
}
#awa-freedonation-form p.remaining,
#awa-freedonation-form p.cta {
  font-size: 16px;
}
#awa-freedonation-form p.privacy {
  color: #767676;
  font-size: 12px;
  line-height: normal;
  text-align: justify;
}
#awa-freedonation-form p.privacy a {
  color: #767676;
  text-decoration: underline;
}
#awa-freedonation-first-time-form {
  padding-top: 0;
  padding-bottom: 15px;
}
#awa-freedonation-first-time-form h2 {
  font-size: 16px;
  margin-top: 0;
}
#awa-freedonation-first-time-form p.collecte {
  font-size: 14px;
  margin-top: 25px;
  text-align: center;
}
#awa-receipt-request-form div.cb-wrapper {
  margin-bottom: 20px;
}
#awa-receipt-request-form div.cb-wrapper label {
  padding-top: 5px;
}
#awa-receipt-request-form .row {
  display: table;
  width: 100%;
}
#awa-receipt-request-form .col {
  display: table-cell;
}
#awa-receipt-request-form .col-1 {
  width: 100%;
}
#awa-receipt-request-form .col-2 {
  width: 48%;
}
#awa-receipt-request-form .col-sep {
  width: 4%;
}
#awa-receipt-request-form input[type="text"],
#awa-receipt-request-form select {
  box-sizing: border-box;
  margin-bottom: 20px;
  width: 100%;
}
#awa-receipt-request-form select {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 58px;
}
@media (max-width: 768px) {
  #awa-login-method-form,
  #awa-login-form,
  #awa-signup1-form,
  #awa-signup2-form,
  #awa-address-form,
  #awa-delivery-address-form,
  #awa-deletion-form,
  #awa-presentation-form,
  #awa-receipt-request-form {
    padding: 30px 20px 35px;
    /*
		.btn.btn-facebook {
			span.text {
				width: 235px;
			}
		}
		*/
  }
  #awa-login-method-form input[type="text"],
  #awa-login-form input[type="text"],
  #awa-signup1-form input[type="text"],
  #awa-signup2-form input[type="text"],
  #awa-address-form input[type="text"],
  #awa-delivery-address-form input[type="text"],
  #awa-deletion-form input[type="text"],
  #awa-presentation-form input[type="text"],
  #awa-receipt-request-form input[type="text"],
  #awa-login-method-form input[type="password"],
  #awa-login-form input[type="password"],
  #awa-signup1-form input[type="password"],
  #awa-signup2-form input[type="password"],
  #awa-address-form input[type="password"],
  #awa-delivery-address-form input[type="password"],
  #awa-deletion-form input[type="password"],
  #awa-presentation-form input[type="password"],
  #awa-receipt-request-form input[type="password"],
  #awa-login-method-form select,
  #awa-login-form select,
  #awa-signup1-form select,
  #awa-signup2-form select,
  #awa-address-form select,
  #awa-delivery-address-form select,
  #awa-deletion-form select,
  #awa-presentation-form select,
  #awa-receipt-request-form select {
    box-sizing: border-box;
    padding: 2px 25px;
    width: 100%;
  }
  #awa-signup1-form {
    padding-bottom: 20px;
  }
  #awa-freedonation-form input[type="text"],
  #awa-freedonation-first-time-form input[type="text"] {
    box-sizing: border-box;
    width: 100%;
  }
}
#awa-signup2-form.assoc-signup,
#awa-address-form.assoc-signup {
  padding-top: 10px !important;
}
#awa-signup2-form.assoc-signup p.help,
#awa-address-form.assoc-signup p.help {
  margin: 0 0 12px !important;
}
.awa-modal-inner-footer,
#awa-modal-footer {
  background: #ffffff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 2px solid #eca77e;
  padding: 24px 0;
  text-align: center;
}
.awa-modal-inner-footer .login-method,
#awa-modal-footer .login-method,
.awa-modal-inner-footer .login,
#awa-modal-footer .login,
.awa-modal-inner-footer .signup1,
#awa-modal-footer .signup1 {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 14px;
  text-align: left;
}
.awa-modal-inner-footer .login-method p,
#awa-modal-footer .login-method p,
.awa-modal-inner-footer .login p,
#awa-modal-footer .login p,
.awa-modal-inner-footer .signup1 p,
#awa-modal-footer .signup1 p {
  line-height: 36px;
  margin: 0;
  padding: 0 30px;
}
.awa-modal-inner-footer .login-method .btn.btn-clear,
#awa-modal-footer .login-method .btn.btn-clear,
.awa-modal-inner-footer .login .btn.btn-clear,
#awa-modal-footer .login .btn.btn-clear,
.awa-modal-inner-footer .signup1 .btn.btn-clear,
#awa-modal-footer .signup1 .btn.btn-clear {
  height: auto !important;
  padding: 0 15px !important;
  text-decoration: none;
  text-transform: none;
}
#awa-modal-footer {
  bottom: 0;
  left: 50%;
  position: fixed;
  width: 600px;
}
@media (max-width: 768px) {
  #awa-modal-footer {
    width: 100%;
  }
}
@media (max-width: 668px) {
  .awa-modal-inner-footer .login-method p,
  #awa-modal-footer .login-method p,
  .awa-modal-inner-footer .login p,
  #awa-modal-footer .login p,
  .awa-modal-inner-footer .signup1 p,
  #awa-modal-footer .signup1 p {
    padding: 0;
  }
}
#awa-modal-content-login .awa-modal-inner-footer,
#awa-modal-content-login-method .awa-modal-inner-footer {
  border-top: 2px solid #efefef;
  padding: 20px;
}
#amount-selection-form h3,
#payment-method-form h3 {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 0.95;
  margin: 14px 0 15px;
}
#amount-selection-form p,
#payment-method-form p {
  position: relative;
}
#amount-selection-form div.inner,
#payment-method-form div.inner {
  padding: 1px 20px 20px;
}
#amount-selection-form span.label,
#payment-method-form span.label {
  color: #000000;
  font-size: 14px;
}
#amount-selection-form button.btn,
#payment-method-form button.btn {
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  text-transform: none;
  width: 100%;
}
@media (max-width: 910px) {
  #amount-selection-form,
  #payment-method-form {
    margin-bottom: 20px;
  }
}
@media (max-width: 668px) {
  #amount-selection-form h3,
  #payment-method-form h3 {
    margin: 18px 0 15px;
  }
  #amount-selection-form div.inner,
  #payment-method-form div.inner {
    padding: 1px 20px 20px;
  }
}
#payment-method-form div.inner {
  padding: 20px;
}
#payment-method-form .method-wrapper {
  display: table;
  margin-bottom: 15px;
  width: 100%;
}
#payment-method-form .method-wrapper label {
  background: #ffffff;
  border: 2px solid #efefef;
  border-radius: 5px;
  box-sizing: border-box;
  color: #000000;
  cursor: pointer;
  display: block;
  height: 70px;
  float: none;
  font-size: 16px;
  font-family: 'Roboto', 'Arial', sans-serif;
  line-height: 70px;
  padding: 0 20px;
  margin: 0 0 10px;
  text-align: left;
  width: 100%;
}
#payment-method-form .method-wrapper label img {
  display: inline-block;
  max-height: 19px;
}
#payment-method-form .method-wrapper label .icons {
  float: right;
}
#payment-method-form .method-wrapper label .icons .visa {
  height: 10px;
  margin-right: 5px;
  vertical-align: 0;
}
#payment-method-form .method-wrapper label .icons .mastercard {
  height: 17px;
  margin-right: 5px;
  vertical-align: -4px;
}
#payment-method-form .method-wrapper label .icons .american-express {
  height: 17px;
  vertical-align: -4px;
}
#payment-method-form .method-wrapper label .icons .paypal {
  height: 19px;
  vertical-align: -5px;
}
#payment-method-form .method-wrapper label .name {
  margin-top: 8px;
}
#payment-method-form .method-wrapper label.active {
  background-color: #f3f9e5;
  color: #000000;
}
#payment-method-form .method-wrapper label:hover {
  border-color: #02ad80;
}
#payment-method-form .method-wrapper label.disabled {
  cursor: default;
}
#payment-method-form .method-wrapper label.disabled .comment {
  color: #999999;
  display: block;
  padding: 7px 0;
  text-align: center;
  width: 100%;
}
#payment-method-form .method-wrapper label:last-child {
  margin-bottom: 0;
}
#payment-method-form .actions {
  border-top: 2px solid #ff5e00;
  padding: 20px;
}
@media (max-width: 668px) {
  #payment-method-form .method-wrapper {
    margin-bottom: 20px;
    width: 100%;
  }
}
#donation-choices {
  list-style: none;
  margin: 0;
  padding: 0;
}
#donation-choices li {
  display: block;
  float: left;
  width: 48%;
}
#donation-choices li a {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background-color: #ffffff;
  color: #000000;
  display: block;
  font-size: 14px;
  text-decoration: none;
}
#donation-choices li a span {
  display: block;
  padding: 10px;
}
#donation-choices li a span.title {
  font-size: 18px;
  font-weight: bold;
}
#donation-choices li a span.image {
  display: block;
}
#donation-choices li a span.image img {
  max-width: 100%;
}
#donation-choices li a span.price {
  color: #b12704;
}
#donation-choices li:first-child {
  margin-right: 4%;
}
#donation-choices li.freedonation a span.price {
  background-color: #b12704;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
#delivery-address-choice-form h3 {
  font-size: 16px;
  font-weight: normal;
  margin: 10px auto 25px;
  text-align: center;
  width: 300px;
}
#delivery-address-choice-form .address-wrapper {
  display: table;
  margin-bottom: 15px;
  width: 100%;
}
#delivery-address-choice-form .address-wrapper label {
  background: #ffffff;
  border: 2px solid #efefef;
  border-radius: 5px;
  box-sizing: border-box;
  color: #000000;
  cursor: pointer;
  display: block;
  height: 70px;
  float: none;
  font-size: 16px;
  font-family: 'Roboto', 'Arial', sans-serif;
  line-height: 70px;
  padding: 0 20px 0 80px;
  position: relative;
  margin: 0 0 10px;
  text-align: left;
  width: 100%;
}
#delivery-address-choice-form .address-wrapper label img {
  border-radius: 3px;
  display: inline-block;
  left: 7px;
  position: absolute;
  top: 6px;
}
#delivery-address-choice-form .address-wrapper label .name {
  margin-top: 8px;
}
#delivery-address-choice-form .address-wrapper label.active {
  background-color: #f3f9e5;
  color: #000000;
}
#delivery-address-choice-form .address-wrapper label:hover {
  border-color: #02ad80;
}
#delivery-address-choice-form .address-wrapper label:last-child {
  margin-bottom: 0;
}
@media (max-width: 668px) {
  #delivery-address-choice-form .address-wrapper {
    margin-bottom: 20px;
  }
}
#breadcrumb {
  color: #666666;
  font-size: 14px;
  padding: 0 0 40px;
  text-align: center;
}
#breadcrumb a {
  color: #666666;
  font-size: 12px;
}
#breadcrumb a:hover {
  color: #666666;
  text-decoration: underline;
}
#breadcrumb img {
  margin-right: 5px;
}
#subscribe-form #subscribe-form-success {
  padding: 0;
}
#subscribe-form #subscribe-form-success p {
  margin: 0;
}
#subscribe-form input[type="email"] {
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  color: #333333;
  height: 44px;
  line-height: 44px;
  margin-bottom: 0;
  width: 730px;
}
#subscribe-form input[type="submit"].btn-large {
  height: 60px;
  line-height: 60px;
}
#subscribe-form p {
  margin: 0 0 10px;
  padding: 0;
}
#subscribe-form a {
  color: #808080;
  position: absolute;
  right: 5px;
  top: 5px;
}
@media (max-width: 960px) {
  #subscribe-form input[type="email"] {
    width: 550px;
  }
}
@media (max-width: 854px) {
  #subscribe-form input[type="email"] {
    width: 480px;
  }
}
@media (max-width: 800px) {
  #subscribe-form input[type="email"] {
    width: 400px;
  }
}
@media (max-width: 768px) {
  #subscribe-form input[type="email"] {
    width: 350px;
  }
}
@media (max-width: 625px) {
  #subscribe-form input[type="email"] {
    box-sizing: border-box;
    height: 58px;
    line-height: 58px;
    margin-bottom: 20px;
    width: 100%;
  }
  #subscribe-form input[type="submit"].btn-large {
    height: 60px;
    line-height: 60px;
    width: 100%;
  }
}
#collecte-subscribe-form p {
  font-size: 14px !important;
  margin-bottom: 13px !important;
  margin-top: 30px !important;
}
#collecte-subscribe-form input {
  background-color: #d8d8d8;
  border-color: #999999;
  border-radius: 0;
  padding: 4px 7px;
  margin-bottom: 0;
  margin-right: 20px;
  width: 260px;
}
#collecte-subscribe-form button.btn {
  border: 1px solid #999999;
  height: 32px;
  line-height: 31px;
  vertical-align: -1px;
  width: 120px;
}
#delivery-comments {
  border-top: 1px solid #eeeeee;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.19;
  margin-top: 2px;
  padding-top: 1px;
  text-align: left;
}
#delivery-comments dt,
#delivery-comments dd {
  margin-left: 0;
}
#delivery-comments dd p {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 8px 0 16px !important;
  padding: 0 !important;
}
#delivery-comments .inner {
  padding: 0;
}
#delivery-comments .infos {
  background: transparent;
  font-size: 14px;
  padding: 0;
}
#delivery-comments .infos .name {
  font-weight: bold;
}
#delivery-comments .form {
  margin-bottom: 20px;
}
#delivery-comments .form textarea {
  background: transparent;
  border: 1px solid #979797;
  box-sizing: border-box;
  color: #333333;
  height: 66px;
  font-size: 14px;
  padding: 6px 12px;
  text-align: justify;
  width: 100%;
}
#delivery-comments .form textarea::placeholder {
  color: #d4b8b8;
}
#delivery-comments .form .actions {
  display: none;
  padding-top: 8px;
}
#delivery-comments .form .actions a#cancel-comment {
  color: #000000;
  display: inline-block;
  float: right;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
  margin-right: 35px;
  text-transform: uppercase;
}
#delivery-comments .form .actions input[type="submit"] {
  float: right;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  width: 172px;
}
#delivery-comments .form .actions input[type="submit"].btn-disabled {
  background-color: #b6b6b6;
}
@media (max-width: 668px) {
  #delivery-comments .form {
    margin-bottom: 30px;
  }
  #delivery-comments .form textarea {
    height: auto;
    margin: 0 0 10px;
  }
  #delivery-comments .form .actions {
    text-align: center;
  }
  #delivery-comments .form .actions input[type="submit"] {
    width: 140px;
  }
}
.facebook-connect {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  margin: 0 !important;
  text-align: center;
}
.facebook-connect img {
  margin-right: 5px;
  vertical-align: -5px;
}
.facebook-connect .btn-gray {
  font-weight: normal;
  position: relative;
  right: inherit;
  bottom: inherit;
  padding: 0;
  margin-bottom: 10px;
}
#or {
  position: relative;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
#or::before,
#or::after {
  position: absolute;
  width: 110px;
  height: 1px;
  top: 29px;
  background-color: #c4c4c4;
  content: '';
}
#or::before {
  left: 0;
}
#or::after {
  right: 0;
}
body.responsive #or {
  color: #767676;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 12px;
  height: 48px;
  line-height: 48px;
}
body.responsive #or::before,
body.responsive #or::after {
  top: 24px;
  background-color: #e7e7e7;
}
.grecaptcha-badge {
  display: none !important;
}
.plyr video {
  max-height: 450px;
}
@keyframes lds-rolling {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes lds-rolling {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.lds-css {
  display: inline-block;
  width: 19px !important;
  height: 18px !important;
}
.lds-rolling {
  display: block;
  position: relative;
  width: 18px !important;
  height: 18px !important;
  -webkit-transform: translate(-9px, -9px) scale(1) translate(9px, 9px);
  transform: translate(-9px, -9px) scale(1) translate(9px, 9px);
}
.lds-rolling span {
  display: block;
  left: 9px;
  top: 9px;
  -webkit-animation: lds-rolling 6s linear infinite;
  animation: lds-rolling 6s linear infinite;
}
.lds-rolling span,
.lds-rolling span:after {
  border: 4px solid #ed692c;
  border-top-color: transparent;
  border-radius: 50%;
  height: 18px;
  position: absolute;
  width: 18px;
}
.lds-rolling span:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.lds-css.orange {
  margin: 16px 5px 0 0;
  vertical-align: -3px;
}
.lds-css.orange .lds-rolling span,
.lds-css.orange .lds-rolling span:after {
  border: 4px solid #ffffff;
  border-top-color: transparent;
}
.btn-pending .lds-css {
  margin: 16px 5px 0 0;
  vertical-align: -3px;
}
.btn-pending .lds-rolling span {
  border: 4px solid #fff;
  border-top-color: transparent;
}
#questions,
#ac-questions {
  margin-top: 70px;
}
#questions h2,
#ac-questions h2 {
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 10px;
}
#questions p.infos,
#ac-questions p.infos,
#questions p.user,
#ac-questions p.user,
#questions p.status,
#ac-questions p.status {
  color: #767676;
  font-size: 14px;
  line-height: 1.43;
  margin: 0 0 10px;
}
#questions p.status,
#ac-questions p.status {
  color: #ff5e00;
  font-size: 13px;
}
#questions form,
#ac-questions form {
  margin-top: 30px;
}
#questions form input[type="text"],
#ac-questions form input[type="text"] {
  box-sizing: border-box;
  height: 60px;
  font-size: 14px;
  line-height: 60px;
  padding: 0 26px;
  width: 530px;
}
#questions form input[type="submit"],
#ac-questions form input[type="submit"] {
  font-size: 14px;
  height: 60px;
  line-height: 60px;
  margin-left: 10px;
  width: 119px;
}
#questions form.response-form,
#ac-questions form.response-form {
  margin-left: 50px;
}
#questions form.response-form input[type="text"],
#ac-questions form.response-form input[type="text"] {
  width: 480px;
}
#questions ul,
#ac-questions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#questions ul li,
#ac-questions ul li {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}
#questions ul li:last-child,
#ac-questions ul li:last-child {
  margin-bottom: 0;
}
#questions ul .block .inner,
#ac-questions ul .block .inner {
  padding: 30px;
}
#questions ul .block .content,
#ac-questions ul .block .content {
  margin-left: 61px;
}
#questions ul .block svg,
#ac-questions ul .block svg {
  float: left;
}
#questions ul .block h4,
#ac-questions ul .block h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
#questions ul .block p,
#ac-questions ul .block p {
  margin: 0;
}
#questions ul .block p.date,
#ac-questions ul .block p.date {
  font-size: 12px;
  color: #767676;
}
#questions ul .block p.text,
#ac-questions ul .block p.text {
  font-size: 14px;
  font-style: italic;
  line-height: 1.57;
  margin-top: 12px;
}
#questions ul .block p.likes,
#ac-questions ul .block p.likes {
  font-size: 14px;
}
#questions ul .block p.likes a,
#ac-questions ul .block p.likes a {
  color: #000000;
  text-decoration: none;
}
#questions ul .block p.likes a svg,
#ac-questions ul .block p.likes a svg {
  float: none;
  margin-right: 5px;
  max-height: 12px;
  max-width: 12px;
  vertical-align: -1px;
}
#questions ul .block.response,
#ac-questions ul .block.response {
  background: #ff5e00;
  color: #ffffff;
  margin-left: 50px;
}
#questions ul .block.response p.date,
#ac-questions ul .block.response p.date {
  color: #ffffff;
}
#questions ul .block.response p.likes a,
#ac-questions ul .block.response p.likes a {
  color: #ffffff;
}
@media (max-width: 910px) {
  #questions form input[type="text"] {
    width: 77%;
  }
  #questions form input[type="submit"] {
    margin-left: 2%;
    width: 20%;
  }
}
@media (max-width: 668px) {
  #questions {
    margin-bottom: 40px;
  }
  #questions form {
    margin-bottom: 40px;
  }
  #questions form input[type="text"] {
    width: 100%;
  }
  #questions form input[type="submit"] {
    margin-left: 0;
    width: 100%;
  }
  #questions ul .block .inner {
    padding: 25px 20px 20px;
  }
  #questions ul .block.response {
    margin-left: 0;
  }
}
#ac-questions {
  margin: 0 auto 25px;
}
#ac-questions #page-header {
  margin: 5px auto 25px;
}
#ac-questions #page-header h1 {
  font-size: 28px;
  margin: 0 auto 25px;
}
#ac-questions ul li {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
}
#ac-questions ul .block.response {
  margin-left: 0;
}
#ac-questions .block {
  border: none;
  padding: 0;
}
#ac-questions .block .inner {
  padding: 0;
}
#ac-questions .block .inner .collecte {
  text-align: right;
}
#ac-questions .block .inner .collecte .title {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}
#ac-questions .block .inner .collecte a {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-weight: 500;
}
#ac-questions .block .inner .actions {
  padding: 20px 0 0 62px;
}
#ac-questions .block .inner .response-form textarea {
  box-sizing: border-box;
  height: 120px;
  width: 100%;
}
#ac-questions .block .inner .response-form .btn-gray {
  bottom: 0;
  float: none;
  height: 48px;
  line-height: 48px;
  margin-left: 5px;
  padding: 0 30px;
  position: relative;
  right: 0;
  top: -2px;
  width: auto;
}
#ac-questions .empty-state {
  font-size: 14px;
  font-style: italic;
  padding-top: 50px;
  text-align: center;
}
#associations-search form.form input[type="text"] {
  margin-bottom: 0;
}
#search-loading,
#search-empty {
  padding: 100px 0;
  text-align: center;
}
#search-empty p.empty-state {
  font-size: 14px;
  font-style: italic;
  padding-top: 15px;
}
#search-results {
  padding: 20px 0 40px;
}
#search-results h2 {
  font-weight: 300 !important;
}
#search-results table.table {
  margin-top: 20px;
}
#search-results table.table th,
#search-results table.table td {
  width: 30%;
}
#search-results table.table td {
  font-size: 15px !important;
  vertical-align: top;
}
#search-results table.table th.whitespace,
#search-results table.table td.whitespace {
  width: 5%;
}
@media (max-width: 910px) {
  #search-results table.table th,
  #search-results table.table td {
    width: 100%;
  }
  #search-results table.table td.pb {
    padding-bottom: 15px;
  }
}
#webpush {
  background: repeating-linear-gradient(45deg, #f6ba52, #f6ba52 10px, #ffd180 10px, #ffd180 20px);
  border-bottom: 5px solid #f6ba52;
  padding: 15px 0;
  text-align: center;
  width: 100%;
}
.grpd {
  background: #f7f7f7;
  color: #c2c2c2;
  font-size: 12px;
  line-height: 18px;
  padding: 20px;
  text-align: center;
}
.grpd p:first-child {
  margin-top: 0;
}
.grpd p:last-child {
  margin-bottom: 0;
}
.grpd a {
  color: #c2c2c2;
  font-weight: bold;
}
.grpd a:hover {
  text-decoration: underline;
}
#subscription-poll {
  font-size: 14px;
}
#subscription-poll .block {
  position: relative;
}
#subscription-poll .block #icon-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
}
#subscription-poll .block #icon-close img {
  display: block;
  height: 30px;
  width: 30px;
}
#subscription-poll .inner {
  padding: 30px 60px;
}
#subscription-poll h1 {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 20px;
  margin: 0 auto 40px;
  text-align: center;
  width: 360px;
}
#subscription-poll p {
  margin: 20px 0;
}
#subscription-poll p.action {
  text-align: center;
}
#subscription-poll ul {
  list-style: none;
  margin: 30px 0 40px;
  padding: 0;
}
#subscription-poll ul li {
  margin: 0;
  padding: 0;
}
#subscription-poll ul li label {
  color: #000000;
  float: none;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 12px;
  text-align: left;
  width: 100%;
}
#subscription-poll ul li label input[type="radio"] {
  vertical-align: -2px;
}
@media (max-width: 910px) {
  #subscription-poll .inner {
    padding: 40px;
  }
}
@media (max-width: 668px) {
  #subscription-poll .inner {
    padding: 25px;
  }
}
@media (max-width: 420px) {
  #subscription-poll .inner {
    padding: 50px 25px 25px;
  }
  #subscription-poll h1 {
    width: auto;
  }
}
.facebook-post {
  background-color: #fff;
  border: 1px solid #dddfe2;
  border-radius: 3px;
  color: #1d2129;
  line-height: 1.34;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 20px;
  word-wrap: break-word;
}
.facebook-post .infos {
  padding: 12px 12px 0;
}
.facebook-post .infos .avatar {
  display: inline-block;
  float: left;
  height: 42px;
  margin-right: 8px;
  width: 42px;
}
.facebook-post .infos .avatar img {
  border: 1px solid #dddfe2;
  border-radius: 20px;
  height: 40px;
  width: 40px;
}
.facebook-post .infos .inner-wrapper {
  display: inline-block;
  float: left;
}
.facebook-post .infos .inner-wrapper .name {
  color: #616770;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.38;
  margin-bottom: 2px;
}
.facebook-post .infos .inner-wrapper .name a {
  color: #385898;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.38;
}
.facebook-post .infos .inner-wrapper .timestamp {
  color: #616770;
}
.facebook-post .infos .inner-wrapper .timestamp abbr[title] {
  border: none !important;
}
.facebook-post .infos .inner-wrapper img.public {
  vertical-align: -1px;
}
.facebook-post .text {
  padding: 0 12px;
}
.facebook-post .text p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.38 !important;
  margin: 12px 0 !important;
}
.facebook-post .text p a {
  color: #385898;
}
.facebook-post .text p span._6qdm {
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent;
  display: inline-block;
  text-decoration: none;
  text-shadow: none;
  vertical-align: text-bottom;
}
.facebook-post .picture {
  border-top: 1px solid #dddfe2;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.facebook-post .picture img {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  display: block !important;
  width: 100%;
}
table.article-11 td {
  padding: 10px;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-shadow-customized .tooltipster-box {
  border-radius: 3px;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.25);
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-shadow-customized .tooltipster-content {
  color: #000000;
  font-size: 12px;
  line-height: 16px;
  padding: 10px;
}
@media (max-width: 668px) {
  .tooltipster-sidetip.tooltipster-shadow.tooltipster-shadow-customized .tooltipster-box {
    margin: 0 10px;
  }
  .tooltipster-sidetip.tooltipster-shadow.tooltipster-shadow-customized .tooltipster-content {
    font-size: 14px;
    line-height: 18px;
    padding: 15px;
  }
}
.tooltip-templates {
  display: none;
}
#onesignal-banner {
  background: #FFFCED;
  border: 3px solid #FFEB93;
  padding: 10px 20px;
}
.switch-slider-wrapper {
  color: #767676;
  font-size: 14px;
  margin: 0 0 30px;
}
.switch-slider {
  margin-left: 8px;
  vertical-align: -5px;
}
.switch-slider .switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}
.switch-slider .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-slider .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-slider .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-slider input:checked + .slider {
  background-color: #01a459;
}
.switch-slider input:focus + .slider {
  box-shadow: 0 0 1px #01a459;
}
.switch-slider input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.switch-slider .slider.round {
  border-radius: 17px;
}
.switch-slider .slider.round:before {
  border-radius: 50%;
}
#last-day-warning {
  border-radius: 0.25rem;
  box-sizing: border-box;
  box-shadow: 0 6px 14px #0000001a;
  display: table;
  padding: 2rem;
  width: 100%;
}
#last-day-warning div {
  display: table-cell;
  vertical-align: top;
}
#last-day-warning .content {
  width: 620px;
}
#last-day-warning h4 {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 10px 0;
}
#last-day-warning img {
  margin-right: 15px;
  width: 110px;
}
#last-day-warning .btn-large {
  box-sizing: border-box;
  display: block;
  font-size: 14px;
  text-transform: none;
  width: 100%;
}
@media (max-width: 668px) {
  #last-day-warning {
    border-radius: 0;
    box-shadow: none;
    padding: 0 0 25px 0;
  }
  #last-day-warning div.small-icon {
    float: left;
  }
  #last-day-warning div.small-icon img {
    height: 53px;
    width: auto;
  }
}
#embed-collectes-list {
  background-color: #faf9f5;
  padding: 120px 0;
}
#embed-collectes-list h2 {
  font-size: 40px;
  font-weight: 600;
  margin: 0;
}
/*
#softr-home,
#softr-home-mobile {
	height: 7080px !important;
	width: 100%;
}


@media (max-width: 1200px) {
	#softr-home,
	#softr-home-mobile {
		height: 7080px !important;
	}
}

@media (max-width: 992px) {
	#softr-home,
	#softr-home-mobile {
		height: 7080px !important;
	}
}

@media (max-width: 768px) {
	#softr-home,
	#softr-home-mobile {
		height: 13180px !important;
	}
}

@media (max-width: 640px) {
	#softr-home,
	#softr-home-mobile {
		height: 12800px !important;
	}
}

@media (max-width: 576px) {
	#softr-home,
	#softr-home-mobile {
		height: 12800px !important;
	}
}

@media (max-width: 540px) {
	#softr-home,
	#softr-home-mobile {
		height: 12800px !important;
	}
}

@media (max-width: 480px) {
	#softr-home,
	#softr-home-mobile {
		height: 13000px !important;
	}
}

@media (max-width: 360px) {
	#softr-home,
	#softr-home-mobile {
		height: 13500px !important;
	}
}
*/
