/* 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: #929292;
}
/*! 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;
}
body.no-header,
body.simple-header {
  height: auto;
}
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: #000;
  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: #000;
  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;
}
.goback {
  color: #929292;
  font-size: 14px;
  margin: 30px 0;
  text-align: center;
}
.goback a {
  color: #929292;
}
.goback a:hover {
  text-decoration: underline;
}
a.save {
  color: #ff5f00;
}
.btn {
  background-color: #ff5e00;
  border: none;
  border-radius: 5px;
  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: #f25900;
  text-decoration: none !important;
}
.btn:active,
.btn.active {
  position: relative;
  text-decoration: none !important;
  top: 1px;
}
body.responsive .btn {
  border-radius: 3px;
  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;
}
@media (max-width: 668px) {
  .btn-large {
    padding: 0 20px;
  }
}
.btn-alt {
  background-color: #ff5e00;
  border: none;
  border-radius: 5px;
  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: #f25900;
  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-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: #ff5e00;
}
.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;
}
.btn-ttn {
  text-transform: none !important;
}
body.responsive .btn.btn-icon,
body.responsive .btn.btn-facebook {
  background-color: #ff5e00;
}
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: #929292;
  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 #ff5e00;
  color: #ff5e00 !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 #ff5e00;
}
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 #ff5e00;
  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: #ff5e00;
}
.btn-empty {
  border-radius: 3px;
  border: 1px solid #ff5e00;
  color: #ff5e00;
  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;
}
.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: #929292;
  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-red {
  color: #ff0000;
}
.typo-orange {
  color: #ff5e00;
}
.typo-grey {
  color: #929292;
}
.typo-green {
  color: #00d64f;
}
.typo-green-darker {
  color: #02AD80;
}
.typo-bold {
  font-weight: bold;
}
.typo-warning {
  color: #ff0000;
  font-size: 20px;
  font-weight: bold;
}
.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: #929292;
}
.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: #f00;
  margin-bottom: 5px;
  padding: 8px 0 20px 0;
}
.required-field label:after {
  content: ' *';
}
.required-fields {
  color: #929292;
  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="password"],
body.responsive .form select,
body.responsive .form textarea {
  border: 2px solid #efefef;
  border-radius: 3px;
  box-sizing: border-box;
  color: #929292;
  float: none;
  line-height: 60px;
  height: 60px;
  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: 100%;
  }
}
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 #ff5e00;
  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: #ff5e00;
}
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-signup label.checkbox {
  margin-left: 152px;
}
.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;
}
.form p.floating-label {
  position: relative;
}
.form p.floating-label input::placeholder,
.form p.floating-label textarea::placeholder {
  color: transparent;
}
.form p.floating-label label {
  color: #929292;
  float: none;
  font-size: 14px;
  position: absolute;
  pointer-events: none;
  left: 27px;
  top: 12px;
  width: auto;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.form p.floating-label label.focused {
  font-size: 10px;
  font-weight: bold;
  top: -3px;
}
.form p.floating-label input[type="text"],
.form p.floating-label input[type="email"],
.form p.floating-label input[type="password"],
.form p.floating-label textarea {
  color: #000000;
}
.form p.floating-label input[type="text"],
.form p.floating-label input[type="email"],
.form p.floating-label input[type="password"] {
  padding: 10px 25px 0 !important;
}
.form p.floating-label textarea {
  padding: 25px 25px 0 !important;
}
@media (max-width: 668px) {
  .form p.floating-label label {
    top: 17px;
  }
}
.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 img#quizz-image {
  margin: 0;
  max-height: 180px;
  max-width: 100%;
  width: auto;
}
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 #clic-page-panel-quizz {
  padding: 0 80px 0 !important;
  position: relative;
}
body.responsive .alert.info #clic-page-panel-quizz p.typo-orange {
  color: #ff5e00;
  font-size: 18px;
  line-height: 22px;
}
body.responsive .alert.info #clic-page-panel-quizz a.open-don-gratuit-settings {
  right: 0;
  top: -25px;
}
body.responsive .alert.info .quizz-solution p:first-child {
  margin-top: 20px !important;
}
body.responsive .alert.info .subscribe {
  margin: -20px auto 60px;
}
body.responsive .alert.info #explanations {
  margin: 20px auto 0;
  max-width: 600px;
}
body.responsive .alert.info #explanations h5.question {
  font-size: 16px;
  line-height: 22px;
  margin: 15px 0 10px;
  text-align: left;
}
body.responsive .alert.info #explanations h5.question a.active {
  color: #000;
  font-weight: bold;
}
body.responsive .alert.info #explanations p {
  font-size: 16px;
  line-height: 22px;
  text-align: justify;
}
body.responsive .alert.info #explanations p.close {
  text-align: center;
}
@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;
  }
  body.responsive .alert.info #clic-page-panel-quizz {
    padding: 25px 0 0 !important;
  }
  body.responsive .alert.info #clic-page-panel-quizz a.open-don-gratuit-settings {
    right: -10px;
    top: -20px;
  }
  body.responsive .alert.info .quizz-solution .answer {
    font-size: 18px !important;
  }
}
.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%;
}
.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;
}
body.responsive .container-540 {
  max-width: 540px;
  padding: 0;
}
.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: 3px;
  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 {
  color: #929292;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  margin-bottom: 20px;
}
.block.product .title,
.block.association .title,
.block.garanties .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 {
  display: block;
}
.block.product .text p,
.block.association .text p,
.block.garanties .text p {
  margin: 0;
}
.block.product a,
.block.association a,
.block.garanties a {
  font-size: 14px;
}
.block.product .country img,
.block.association .country img,
.block.garanties .country img {
  vertical-align: -3px;
}
.block.garanties h4 {
  color: #000000;
  display: list-item;
  list-style: disc;
  list-style-position: inside;
}
@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;
}
.nomb {
  margin-bottom: 0;
}
#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%;
  }
}
#header {
  background: #fff;
  border-bottom: 3px solid #ff5e00;
  height: 100px;
  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%;
}
#logo {
  left: 10px;
  position: absolute;
  top: 5px;
  z-index: 9999;
}
@media (min-width: 668px) and (max-width: 910px) {
  #logo {
    top: 27px;
  }
}
#user-menu,
#user-menu-tablet {
  font-size: 13px;
  position: absolute;
  right: 10px;
  top: 3px;
  z-index: 9999;
}
#user-menu a.toggle,
#user-menu-tablet a.toggle {
  color: #222;
  display: block;
  padding: 5px 12px;
  text-align: center;
  text-decoration: none;
  width: 110px;
}
#user-menu ul,
#user-menu-tablet ul {
  padding: 0;
  margin: 0;
}
#user-menu ul li,
#user-menu-tablet ul li {
  list-style: none;
  text-align: right;
}
#user-menu ul li a,
#user-menu-tablet ul li a {
  display: block;
  line-height: 24px;
  position: relative;
  text-decoration: none;
}
#user-menu ul li a:hover span,
#user-menu-tablet ul li a:hover span {
  text-decoration: underline;
}
#user-menu ul li a img,
#user-menu-tablet ul li a img {
  vertical-align: -7px;
}
#user-menu ul li a.single span.text.ml,
#user-menu-tablet ul li a.single span.text.ml {
  margin-left: 5px;
}
#user-menu ul li a.single span.text.mr,
#user-menu-tablet ul li a.single span.text.mr {
  margin-right: 5px;
}
#user-menu ul li a.single svg,
#user-menu-tablet ul li a.single svg {
  max-height: 18px;
  max-width: 18px;
  vertical-align: -5px;
}
#user-menu #toggle-user-menu-dropdown,
#user-menu-tablet #toggle-user-menu-dropdown {
  width: 250px;
}
#user-menu ul.dropdown,
#user-menu-tablet ul.dropdown {
  background: #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.12);
  position: absolute;
  right: 0;
  top: 35px;
  z-index: 9999;
}
#user-menu ul.dropdown:before,
#user-menu-tablet ul.dropdown:before {
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 90px;
  top: -10px;
  width: 0;
}
#user-menu ul.dropdown li,
#user-menu-tablet ul.dropdown li {
  border-bottom: 1px solid #eeeeee;
  text-align: left;
  text-decoration: none !important;
}
#user-menu ul.dropdown li a,
#user-menu-tablet ul.dropdown li a {
  color: #929292;
  display: block;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  text-decoration: none !important;
  width: 200px;
}
#user-menu ul.dropdown li a .icon,
#user-menu-tablet ul.dropdown li a .icon {
  display: inline-block;
  margin: 0 12px 0 25px;
  text-align: center;
  width: 25px;
}
#user-menu ul.dropdown li a .icon svg,
#user-menu-tablet ul.dropdown li a .icon svg {
  height: 18px;
  vertical-align: -4px;
}
#user-menu ul.dropdown li a .text,
#user-menu-tablet ul.dropdown li a .text {
  text-decoration: none !important;
}
#user-menu ul.dropdown li a:hover,
#user-menu-tablet ul.dropdown li a:hover {
  background-color: #ff5e00;
  color: #fff;
  text-decoration: none !important;
}
#user-menu ul.dropdown li a:hover svg path.rf,
#user-menu-tablet ul.dropdown li a:hover svg path.rf,
#user-menu ul.dropdown li a:hover svg g.rf,
#user-menu-tablet ul.dropdown li a:hover svg g.rf {
  fill: #ffffff;
}
#user-menu ul.dropdown li a:hover svg path.rs,
#user-menu-tablet ul.dropdown li a:hover svg path.rs,
#user-menu ul.dropdown li a:hover svg g.rs,
#user-menu-tablet ul.dropdown li a:hover svg g.rs {
  stroke: #ffffff;
}
#user-menu ul.dropdown li:last-child,
#user-menu-tablet ul.dropdown li:last-child {
  border-bottom: none;
}
#user-menu ul li a.btn-connexion {
  margin-top: 7px;
}
@media (max-width: 910px) {
  a.btn-connexion {
    margin-top: 24px !important;
  }
}
#user-menu-tablet {
  background: #ffffff;
  border-top: 1px solid #929292;
  border-bottom: 1px solid #929292;
  left: 0;
  position: fixed;
  top: 100px;
  width: 100%;
  z-index: 9999px;
}
#user-menu-tablet ul.dropdown {
  background: #fff;
  box-shadow: none;
  position: relative;
  left: 0;
  top: 0;
}
#user-menu-tablet ul.dropdown li a {
  height: 55px;
  font-size: 16px;
  line-height: 55px;
  text-align: center;
  text-decoration: none !important;
  width: 100%;
}
#user-menu-tablet ul.dropdown li a .inner {
  display: inline-block;
  text-align: left;
  width: 190px;
}
#user-menu-tablet ul.dropdown li a .inner .icon img {
  height: 22px;
  vertical-align: -4px;
}
#user-menu-tablet ul.dropdown li a:hover {
  text-decoration: none !important;
}
#user-menu-tablet ul.dropdown li a:hover span {
  text-decoration: none !important;
}
#user-menu-tablet ul.dropdown:before {
  border-color: transparent transparent #929292 transparent;
  right: 22px;
  top: -11px;
}
#user-menu-tablet ul.dropdown:after {
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 22px;
  top: -10px;
  width: 0;
}
#toggle-user-menu-tablet svg {
  height: 19px;
  vertical-align: -5px;
}
#toggle-user-menu-tablet svg path,
#toggle-user-menu-tablet svg g {
  fill: #2b2cbd;
  stroke: #2b2cbd;
}
#toggle-user-menu-tablet.open {
  background: #2b2cbd;
}
#toggle-user-menu-tablet.open svg path,
#toggle-user-menu-tablet.open svg g {
  fill: #ffffff;
  stroke: #ffffff;
}
#whitespace-header {
  height: 103px;
  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: 52px;
}
@media (max-width: 668px) {
  body #whitespace-header {
    height: 51px !important;
  }
}
#header-mobile {
  background-color: #fff;
  border-bottom: 3px solid #ff5e00;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
#header-mobile .main {
  height: 48px;
}
#logo-mobile {
  display: inline-block;
  margin: 4px 0 0 10px;
}
#logo-mobile img {
  height: 40px;
}
#navigation-mobile {
  overflow-y: auto;
}
#navigation-mobile ul.clicks {
  list-style: none;
  padding: 0;
  margin: 10px auto 30px;
  width: 250px;
}
#navigation-mobile ul.clicks li a {
  display: inline-block;
  float: left;
  height: 50px;
  line-height: 50px;
  margin: 10px 0;
  text-align: center;
}
#navigation-mobile ul.clicks li a.icon {
  position: relative;
  width: 50px;
}
#navigation-mobile ul.clicks li a.icon img.icone {
  vertical-align: middle;
}
#navigation-mobile ul.clicks li a.icon img.clicked {
  right: -14px;
  position: absolute;
  height: 28px;
  width: 28px;
  top: -4px;
}
#navigation-mobile ul.clicks li a.text {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  width: 200px;
}
#navigation-mobile ul.clicks li a.text:hover {
  color: #ff5e00;
  text-decoration: none;
}
#navigation-mobile ul.users {
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#navigation-mobile ul.users li {
  border-bottom: 1px solid #eeeeee;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none !important;
}
#navigation-mobile ul.users li a {
  color: #929292;
  display: block;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 18px;
  height: 90px;
  line-height: 90px;
  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:hover {
  background-color: #ff5e00;
  color: #fff;
  text-decoration: none !important;
}
#navigation-mobile ul.users li a:hover svg path.rf,
#navigation-mobile ul.users li a:hover svg g.rf {
  fill: #ffffff;
}
#navigation-mobile ul.users li a:hover svg path.rs,
#navigation-mobile ul.users li a:hover svg g.rs {
  stroke: #ffffff;
}
#navigation-mobile ul.users li a.connexion {
  color: #2b2cbd;
}
#navigation-mobile ul.users li a.connexion:hover {
  background-color: #2b2cbd;
  color: #fff;
}
#navigation-mobile ul.users li:last-child {
  border-bottom: none;
}
body.simple-header #header-mobile {
  position: relative;
  text-align: center;
}
.hamburger {
  float: right;
  margin: 16px 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: #ff5e00;
  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: 400px;
}
#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;
  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:first-child {
  margin-right: 23px;
}
#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;
}
#subscription-banner .col-left {
  float: left;
  margin: 0;
  width: 58.33333333%;
}
#subscription-banner .col-right {
  float: left;
  margin: 0;
  width: 41.66666667%;
}
#subscription-banner h3 {
  color: #fff;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
  margin: 0 0 15px;
}
#subscription-banner p {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
}
#subscription-banner p.loading,
#subscription-banner p.success {
  color: #fff;
  text-align: center;
}
#subscription-banner img {
  display: inline-block;
  margin-right: 5px;
}
#subscription-banner img.icon {
  vertical-align: -4px;
}
#subscription-banner form {
  margin-top: 5px;
  text-align: right;
}
#subscription-banner 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;
}
#subscription-banner input[type="email"]::placeholder {
  color: #fff;
}
#subscription-banner 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;
  }
  #subscription-banner .col-left,
  #subscription-banner .col-right {
    width: 50%;
  }
  #subscription-banner input[type="email"] {
    margin-right: 5px;
    width: 125px;
  }
  #subscription-banner input[type="submit"] {
    margin-right: 5px;
  }
}
@media (max-width: 854px) {
  #subscription-banner {
    padding: 50px 0;
  }
  #subscription-banner .col-left,
  #subscription-banner .col-right {
    width: 50%;
  }
  #subscription-banner input[type="email"] {
    margin-right: 5px;
    width: 100px;
  }
  #subscription-banner input[type="submit"] {
    margin-right: 5px;
  }
}
@media (max-width: 768px) {
  #subscription-banner .col-left,
  #subscription-banner .col-right {
    text-align: center;
    width: 100%;
  }
  #subscription-banner form {
    margin-top: 20px;
    text-align: center;
  }
}
@media (max-width: 450px) {
  #subscription-banner {
    padding: 50px 20px;
  }
  #subscription-banner .col-left,
  #subscription-banner .col-right {
    text-align: left;
    width: 100%;
  }
  #subscription-banner form {
    margin-top: 30px;
    text-align: center;
  }
  #subscription-banner input[type="email"],
  #subscription-banner input[type="submit"] {
    display: inline-block;
    width: 100%;
  }
  #subscription-banner input[type="email"] {
    box-sizing: border-box;
    height: 100%;
    padding: 21px 25px;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
#footer {
  background: #fff;
  font-size: 14px;
  padding: 0 0 40px;
  position: relative;
}
#footer ul {
  margin: 8px 0;
}
#footer a {
  color: #000;
  line-height: 20px;
}
#footer strong {
  display: block;
  line-height: 20px;
  margin-bottom: 15px;
}
#footer .row-menus {
  border-bottom: 1px solid #dddddd;
  padding: 40px 0 25px;
}
#footer .row-language {
  padding: 30px 0 0;
}
#footer .row-facebook {
  display: none;
}
#footer .row-links {
  padding: 5px 0 0;
}
#footer .row-links a,
#footer .row-links span.separator {
  display: inline !important;
  font-size: 14px;
  margin: 0 5px;
}
#footer .row-links div.android {
  float: right;
  margin-top: -7px;
}
#footer .row-links div.android a {
  display: inline-block;
}
#footer .row-links div.android img {
  height: 36px;
}
#footer .col-3 {
  float: left;
  width: 25%;
}
.lang-form-wrapper {
  width: 125px;
}
.set-lang-list {
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  display: inline-block;
  height: 32px;
  list-style: none;
  margin: 0 !important;
  overflow: hidden;
  padding: 0;
  transition: all 0.3s ease;
  width: 125px;
}
.set-lang-list li {
  border: solid 1px rgba(0, 0, 0, 0.1);
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.set-lang-list li a {
  background: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 10px;
}
.set-lang-list li a svg.flag {
  max-height: 12px;
  max-width: 16px;
  margin-right: 4px;
}
.set-lang-list li a svg.arrow {
  float: right;
  margin-top: 8px;
  max-height: 6px;
  max-width: 12px;
}
.set-lang-list li a:hover {
  background: #f5f5f5;
  text-decoration: none;
}
.set-lang-list li:first-child {
  border: none;
}
.set-lang-list.open {
  height: 65px;
}
.lang-form-wrapper.settings {
  width: auto;
}
.lang-form-wrapper.settings .set-lang-list {
  float: none;
}
#lang-form-whitespace {
  height: 40px;
}
#fb-footer-wrapper a,
#fb-footer-wrapper-mobile a {
  display: inline-block;
}
#fb-footer-wrapper a:hover,
#fb-footer-wrapper-mobile a:hover {
  text-decoration: none;
}
#fb-footer-wrapper a.icon,
#fb-footer-wrapper-mobile a.icon {
  margin-right: 16px;
  vertical-align: -4px;
}
#fb-footer-wrapper a.icon img,
#fb-footer-wrapper-mobile a.icon img {
  height: 22px;
}
#fb-footer-wrapper a.fb-ratings,
#fb-footer-wrapper-mobile a.fb-ratings {
  display: inline-block;
  color: #558dff;
  font-size: 16px;
  line-height: 20px;
  margin: 10px 0 20px;
}
#fb-footer-wrapper a.fb-ratings img,
#fb-footer-wrapper-mobile a.fb-ratings img {
  height: 14px;
  vertical-align: -1px;
}
#fb-footer-wrapper span.note,
#fb-footer-wrapper-mobile span.note {
  display: inline-block;
  font-weight: bold;
  margin-right: 5px;
}
#fb-footer-wrapper span.fb-total,
#fb-footer-wrapper-mobile span.fb-total {
  color: #929292;
  font-size: 12px;
  vertical-align: 1px;
}
#fb-footer-wrapper {
  float: right;
}
#fb-footer-wrapper-mobile {
  display: none;
}
#fb-footer-wrapper-mobile a.icon {
  margin-right: 16px;
  vertical-align: -3px;
}
#fb-footer-wrapper-mobile a.icon img {
  height: 36px;
}
#fb-footer-wrapper-mobile a.fb-ratings {
  display: inline-block;
  margin: 0;
}
#fb-footer-wrapper-mobile a.fb-ratings span.top,
#fb-footer-wrapper-mobile a.fb-ratings span.fb-total {
  display: block;
}
@media (max-width: 668px) {
  #footer .row-menus,
  #footer .row-language,
  #footer .row-facebook,
  #footer .row-links {
    padding-left: 20px;
    padding-right: 20px;
  }
  #footer .row-menus {
    padding-bottom: 0;
  }
  #footer .row-facebook {
    display: block;
    padding-bottom: 25px;
    padding-top: 25px;
  }
  #footer .row-facebook div.android-mobile {
    float: right;
    display: block;
    margin-top: 2px;
  }
  #footer .row-facebook div.android-mobile img {
    height: 36px;
  }
  #footer .row-links div.android {
    display: none;
  }
  #footer .col-3 {
    margin-bottom: 20px;
    width: 100%;
  }
  #fb-footer-wrapper {
    display: none;
  }
  #fb-footer-wrapper-mobile {
    display: block;
  }
}
#quizz {
  margin: 10px 0 0;
}
#quizz .answers {
  color: #333;
  margin: 40px auto 0;
  text-align: center;
  width: 100%;
}
#quizz .answers a {
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  box-sizing: border-box;
  color: #141823;
  display: block;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 18px;
  font-weight: bold;
  float: left;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
  width: 46%;
}
#quizz .answers a.first-row {
  margin-bottom: 20px;
}
#quizz .answers a:hover {
  border: 1px solid #ED692C;
}
#quizz .answers div.separator {
  float: left;
  width: 8%;
}
@media (max-width: 668px) {
  #quizz .answers a {
    margin-bottom: 20px;
    width: 100%;
  }
  #quizz .answers div.separator {
    display: none;
  }
  #quizz .answers a:last-child {
    margin-bottom: 0;
  }
}
#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;
}
#loading-quizz .quizz-validation {
  background-color: #dddddd;
  border-radius: 4px;
  height: 8px;
  margin: 25px auto 0;
  width: 80%;
}
#loading-quizz .quizz-validation-progress {
  background-color: #ff5e00;
  border-radius: 4px;
  height: 8px;
  width: 0%;
}
#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: #929292;
  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: #929292;
    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;
}
#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: #929292;
  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: #02AD80;
  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: #02AD80 !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,
#collectes-list.clic-bonus .block .content .quizz,
#collectes-list.don-gratuit .block .content .quizz,
#collectes-list.detail .block .content .quizz {
  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,
#collectes-list.clic-bonus .block .content .quizz,
#collectes-list.don-gratuit .block .content .quizz {
  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,
#collectes-list.clic-bonus .block .content .quizz img,
#collectes-list.don-gratuit .block .content .quizz 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 50px;
  text-align: center;
}
#collecte-header .title,
.collecte-header-mobile .title {
  font-weight: 300;
  font-size: 40px;
  margin: 0;
}
#collecte-header .subtitle,
.collecte-header-mobile .subtitle {
  color: #929292;
  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: #929292;
  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: 25px 0 10px;
}
.collecte-header-mobile .title {
  display: inline-block;
  font-size: 24px;
  margin-bottom: 20px;
}
.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: #929292;
  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: #929292;
  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: #ff5e00;
  font-size: 30px;
  font-weight: bold;
}
#infos .success,
#status .success {
  color: #333;
  font-size: 17px;
  font-weight: bold;
}
#infos .small,
#status .small {
  display: block;
  margin-top: -2px;
}
#infos .info,
#status .info {
  color: #333;
  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: #ff5e00;
  border-radius: 4px;
  height: 8px;
  width: 0%;
  z-index:  2;
}
#infos .progress-succeeded .progress-bar,
#status .progress-succeeded .progress-bar {
  background-color: #c6c6c6;
}
#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;
}
@media (min-width: 668px) and (max-width: 910px) {
  #status p.two-cols {
    float: left;
    margin: 0 0 25px;
    width: 50%;
  }
  #status p.three-cols {
    float: left;
    margin: 0 0 25px;
    width: 33%;
  }
}
@media (max-width: 668px) {
  #infos,
  #status {
    font-size: 16px;
  }
  #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-bar {
  list-style: none;
  padding: 0;
  margin: 38px 0 40px;
}
#buttons li,
.buttons-bar li {
  margin-bottom: 20px;
}
#buttons li a,
.buttons-bar li a,
#buttons li span,
.buttons-bar li span {
  display: block;
}
#buttons li a,
.buttons-bar li a {
  border-radius: 3px;
  color: #ffffff;
  height: 70px;
  width: 100%;
}
#buttons li a span.icon,
.buttons-bar li a span.icon {
  float: left;
  height: 70px;
  line-height: 70px;
  margin-right: -70px;
  text-align: center;
  width: 70px;
}
#buttons li a span.icon svg,
.buttons-bar li a span.icon svg {
  height: 12px;
}
#buttons li a span.text,
.buttons-bar li a span.text {
  text-align: center;
  margin-left: 70px;
}
#buttons li a span.text span.big,
.buttons-bar li a 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-bar li a span.text span.small {
  font-size: 12px;
}
#buttons li a.freedonation,
.buttons-bar li a.freedonation,
#buttons li a.donation,
.buttons-bar li a.donation {
  background-color: #fe5e00;
}
#buttons li a.freedonation span.icon,
.buttons-bar li a.freedonation span.icon,
#buttons li a.donation span.icon,
.buttons-bar li a.donation span.icon {
  border-right: 1px solid #ff7b27;
}
#buttons li a.donation.btn-clear,
.buttons-bar li a.donation.btn-clear {
  background-color: #ffffff;
  border: 1px solid #ff5e00;
  color: #ff5e00;
}
#buttons li a.facebook,
.buttons-bar li a.facebook {
  background-color: #4065b5;
}
#buttons li a.facebook span.icon,
.buttons-bar li a.facebook span.icon {
  border-right: 1px solid #6585ce;
}
#buttons li a.twitter,
.buttons-bar li a.twitter {
  background-color: #32b9e8;
}
#buttons li a.twitter span.icon,
.buttons-bar li a.twitter span.icon {
  border-right: 1px solid #74deff;
}
#buttons li a:active,
.buttons-bar li a:active,
#buttons li a:hover,
.buttons-bar li a:hover {
  text-decoration: none !important;
}
#buttons li a.deactivated,
.buttons-bar li a.deactivated {
  background-color: #929292;
  cursor: default;
}
#buttons li a.deactivated span.icon,
.buttons-bar li a.deactivated span.icon {
  border-right: 1px solid #aaaaaa;
}
#buttons li a.deactivated:active,
.buttons-bar li a.deactivated:active,
#buttons li a.deactivated:hover,
.buttons-bar li a.deactivated:hover {
  background-color: #929292 !important;
}
#buttons li a:active,
#buttons li a:hover {
  background-color: #f25900;
}
#buttons-wrapper {
  max-height: 70px;
  padding-top: 17px;
}
#buttons-wrapper.fixed {
  box-sizing: border-box;
  max-width: 510px;
  right: 0;
  padding: 15px 0;
  position: fixed;
  top: 103px;
  width: 510px;
  z-index: 999;
}
#buttons-wrapper.fixed ul#buttons {
  box-sizing: border-box;
  float: left;
  margin: 0 auto;
  max-width: 250px;
  width: 100%;
}
#buttons-wrapper.fixed ul#buttons li {
  float: left;
  margin: 0;
  text-align: right;
  width: 250px;
}
#buttons-wrapper.fixed ul#buttons li a {
  display: inline-block;
  height: 50px;
  max-width: 250px;
}
#buttons-wrapper.fixed ul#buttons li a span.text span.big {
  height: 50px;
}
#buttons-wrapper.fixed ul#buttons li:first-child {
  margin-right: 10px;
}
#buttons-bar-fixed.fixed {
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
  box-sizing: border-box;
  left: 0;
  padding: 15px 0;
  position: fixed;
  top: 103px;
  width: 100%;
  z-index: 999;
}
#buttons-bar-fixed.fixed ul.buttons-bar {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1044px;
  padding: 0 10px;
  width: 100%;
}
#buttons-bar-fixed.fixed ul.buttons-bar li:first-child {
  margin-left: 260px;
}
#buttons-bar-fixed.fixed .buttons-bar li.facebook-share-count {
  display: none !important;
}
/* 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 {
    background: #ffffff;
    border-top: 1px solid #d4d4d4;
    bottom: 0;
    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 li:first-child {
    margin-bottom: 10px;
  }
  #buttons-wrapper p {
    line-height: 16px;
  }
}
#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 {
  box-sizing: border-box;
  padding: 0 10px;
}
#buttons li a span.text {
  display: table;
  margin-left: 0;
  width: 100%;
}
#buttons li a span.text span.big {
  display: table-cell;
  font-size: 16px;
  height: 70px;
  text-transform: none;
  vertical-align: middle;
}
@media (max-width: 910px) {
  #buttons {
    margin: 10px 15px;
    max-width: none;
  }
  #buttons li a {
    height: 44px;
    line-height: 44px;
  }
  #buttons li a span.text {
    height: 44px;
    line-height: 44px;
  }
  #buttons li a span.text span.big {
    height: 44px;
    line-height: 44px;
    font-size: 1rem;
    margin: 10px 0 3px;
  }
  #buttons.no-freedonation-pending {
    margin: 10px 15px 0;
  }
  #buttons.no-freedonation-pending li {
    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;
}
.buttons-bar li.facebook-share-count {
  font-size: 14px;
  font-weight: bold;
  line-height: 52px;
  padding-left: 20px;
  width: auto;
}
.buttons-bar li.facebook-share-count span {
  display: inline !important;
}
@media (max-width: 910px) {
  .buttons-bar {
    width: 350px;
  }
  .buttons-bar li:last-child {
    margin-right: 0;
  }
}
@media (max-width: 668px) {
  .buttons-bar {
    margin: 30px 0 40px;
    width: 300px;
  }
  .buttons-bar li a span.icon {
    width: 40px;
  }
  .buttons-bar li a span.text {
    font-weight: 700;
    margin-left: 40px;
    width: 100px;
  }
}
body.responsive #freedonation-confirmation,
body.responsive #collecte-share {
  margin: 50px 0 0;
}
body.responsive #freedonation-confirmation .inner,
body.responsive #collecte-share .inner {
  padding: 40px;
}
body.responsive #freedonation-confirmation .title-wrapper,
body.responsive #collecte-share .title-wrapper {
  display: table;
}
body.responsive #freedonation-confirmation .title-wrapper .thumbnail,
body.responsive #collecte-share .title-wrapper .thumbnail {
  display: table-cell;
  float: left;
  width: 140px;
}
body.responsive #freedonation-confirmation .title-wrapper .thumbnail img,
body.responsive #collecte-share .title-wrapper .thumbnail img {
  border-radius: 70px;
}
body.responsive #freedonation-confirmation .title-wrapper .title,
body.responsive #collecte-share .title-wrapper .title {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
}
body.responsive #freedonation-confirmation .title-wrapper .title h1,
body.responsive #collecte-share .title-wrapper .title h1 {
  font-size: 32px;
  line-height: 46px;
  margin: 0;
}
body.responsive #freedonation-confirmation p,
body.responsive #collecte-share p {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
}
body.responsive #freedonation-confirmation p.warning,
body.responsive #collecte-share p.warning {
  text-align: left;
}
body.responsive #freedonation-confirmation span.count,
body.responsive #collecte-share span.count {
  background: #f7f7f7;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  padding: 8px 0;
  width: 500px;
}
body.responsive #freedonation-confirmation p.actions,
body.responsive #collecte-share p.actions {
  margin: 25px 0 0;
}
body.responsive #freedonation-confirmation p.actions .btn,
body.responsive #collecte-share p.actions .btn {
  box-sizing: border-box;
  height: 38px;
  line-height: 36px;
  font-size: 16px;
  text-transform: none;
  width: 350px;
}
body.responsive #freedonation-confirmation p.actions .btn.btn-clear,
body.responsive #collecte-share p.actions .btn.btn-clear {
  margin-top: 16px;
}
body.responsive #freedonation-confirmation p.actions a.link,
body.responsive #collecte-share p.actions a.link {
  display: inline-block;
  font-size: 16px;
  margin-top: 16px;
}
body.responsive #freedonation-confirmation {
  margin-bottom: 0;
}
body.responsive #freedonation-confirmation .current-rate {
  border-bottom: 1px dotted #000000;
  position: relative;
}
body.responsive #freedonation-confirmation .current-rate:hover {
  cursor: pointer;
}
body.responsive #freedonation-confirmation .payment-methods {
  font-size: 14px;
  margin-bottom: 0;
}
body.responsive #freedonation-confirmation .payment-methods img {
  height: 18px;
  vertical-align: -4px;
}
body.responsive #collecte-share {
  margin: 50px 0 0;
}
body.responsive #collecte-share .inner {
  padding: 40px 60px;
}
body.responsive #collecte-share h1 {
  text-align: center;
}
body.responsive #collecte-share p.actions .btn {
  width: 100%;
}
body.responsive #collecte-share p.actions .btn img {
  height: 14px;
  margin-right: 5px;
  vertical-align: -1px;
}
body.responsive #collecte-share p.actions .btn.btn-clear {
  border: 2px solid #aaaaaa;
  color: #333333 !important;
}
body.responsive #collecte-share p.actions .btn.btn-clear:hover {
  border: 2px solid #777777;
  box-shadow: none;
}
@media (max-width: 910px) {
  body.responsive #freedonation-confirmation h1,
  body.responsive #collecte-share h1 {
    font-size: 26px;
    line-height: 36px;
  }
  body.responsive #freedonation-confirmation .title-wrapper .title h1 {
    font-size: 26px;
    line-height: 36px;
  }
}
@media (max-width: 668px) {
  body.responsive #freedonation-confirmation,
  body.responsive #collecte-share {
    margin-top: 10px;
  }
  body.responsive #freedonation-confirmation .inner,
  body.responsive #collecte-share .inner {
    padding: 20px;
  }
  body.responsive #freedonation-confirmation h1,
  body.responsive #collecte-share h1 {
    font-size: 26px;
    line-height: 28px;
  }
  body.responsive #freedonation-confirmation span.count,
  body.responsive #collecte-share span.count {
    width: 100%;
  }
  body.responsive #freedonation-confirmation p.actions .btn,
  body.responsive #collecte-share p.actions .btn {
    height: auto;
    line-height: 100%;
    padding: 10px 15px;
    width: 100%;
  }
  body.responsive #freedonation-confirmation .title-wrapper .thumbnail {
    display: block;
    text-align: center;
    width: 100%;
  }
  body.responsive #freedonation-confirmation .title-wrapper .thumbnail img {
    border-radius: 50px;
    margin: 0 auto 12px;
  }
  body.responsive #freedonation-confirmation .title-wrapper .title {
    display: block;
    padding-left: 10px;
    text-align: center;
    width: 100%;
  }
  body.responsive #freedonation-confirmation .title-wrapper .title h1 {
    font-size: 22px;
    line-height: 30px;
  }
  body.responsive #freedonation-confirmation p.warning {
    font-size: 16px;
    line-height: 24px;
  }
}
body.responsive #collecte-share h1 {
  font-size: 26px;
  line-height: 36px;
}
.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;
  margin-bottom: 20px;
  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;
}
#products {
  margin-bottom: 30px;
}
#products h2 {
  font-size: 28px;
  font-weight: normal;
  margin: 45px 0 20px;
}
#products-description,
#products-description-modal {
  border-top: none;
  padding: 20px;
  text-align: justify;
}
#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: 24px;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-weight: 300;
  text-align: center;
  margin: 0;
}
#products-description .description,
#products-description-modal .description {
  float: right;
  width: 75%;
}
#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 p.countries,
#products-description-modal p.countries {
  font-size: 12px;
  font-weight: bold;
}
#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: 40px;
  }
  #products-description .description {
    width: 68%;
  }
}
@media (max-width: 850px) {
  #products-description .description {
    width: 60%;
  }
}
@media (max-width: 668px) {
  #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: #929292;
  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: #929292;
  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: #929292;
  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;
  }
}
#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: 668px) {
  #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;
}
#collecte-picture-wrapper,
#collecte-picture-tablet-wrapper {
  background-color: #000;
  height: 430px;
  margin-bottom: 20px;
  text-align: center;
  white-space: nowrap;
  width: 665px;
}
#collecte-picture-wrapper .helper,
#collecte-picture-tablet-wrapper .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#collecte-picture-wrapper img,
#collecte-picture-tablet-wrapper img {
  max-height: 430px;
  max-width: 665px;
  vertical-align: middle;
}
#collecte-picture-tablet,
#collecte-picture-tablet img {
  height: auto;
  width: 100%;
}
#collecte-picture-tablet-wrapper {
  height: auto;
  margin-bottom: 0;
  width: 100%;
}
#collecte-picture-tablet-wrapper img {
  height: auto;
  max-width: 100%;
}
#photograph-date {
  position: relative;
}
#photograph-date .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 .photograph-date {
    font-size: 12px;
  }
}
#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;
  font-size: 16px;
  text-align: center;
}
#verification .inner {
  padding: 20px 40px;
}
#verification p {
  line-height: 28px;
  margin: 0;
}
#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 p {
  line-height: 26px;
  margin-top: 0;
}
#presentation p:last-child {
  margin-bottom: 0;
}
#presentation img {
  display: block;
  margin: 0 auto;
}
#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;
  margin: 0 auto;
  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 .btn.btn-large {
  margin: 20px auto;
  text-transform: none;
}
#presentation.typo-11 {
  font-size: 18px !important;
}
@media (min-width: 668px) and (max-width: 910px) {
  #presentation {
    margin-bottom: 20px;
  }
}
@media (max-width: 668px) {
  #presentation {
    margin-left: -10px;
    margin-right: -10px;
    font-size: 16px;
  }
  #presentation h2 {
    font-size: 18px;
    line-height: 26px;
  }
  #presentation p {
    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;
  }
}
#collected-indicator {
  color: #141823;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  color: #929292;
  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;
	}
}
*/
#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 .edit {
  margin-left: 5px;
}
#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 .total,
#validation .product .quantity {
  color: #ff5e00;
  font-weight: bold;
}
#validation .collecte .thumbnail {
  display: block;
  float: left;
}
#validation .collecte .address {
  display: block;
  padding-left: 100px;
}
#validation .collecte .address.custom {
  padding-left: 0;
}
#validation .method .logo img {
  height: 17px;
  margin-left: 5px;
  vertical-align: -4px;
}
#validation #cgv-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: #ff5e00;
  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 .main-action {
  display: table;
}
#validation .main-action .cell {
  display: table-cell;
  vertical-align: middle;
}
#validation .main-action .btn-wrapper.cb {
  width: 125px;
}
#validation .main-action .btn-wrapper.paypal {
  width: 240px;
}
#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: 50px auto !important;
}
#donation-confirmation h1 {
  font-size: 18px;
  line-height: 1.11;
  margin-top: 0;
}
#donation-confirmation p {
  font-size: 14px;
  margin: 20px 0;
}
#donation-confirmation p:last-child {
  margin-bottom: 0;
}
#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.5);
  bottom: 0;
  left: 0;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9998;
  width: 100%;
}
#awa-modal-close {
  position: absolute;
  right: 0;
  text-decoration: none !important;
  top: 0;
}
#awa-modal-close span {
  cursor: pointer;
  display: block;
  height: 48px;
  text-align: center;
  width: 48px;
}
#awa-modal-close span::before {
  color: #ff5e00;
  content: "\00d7";
  font-size: 32px;
  line-height: 48px;
}
#awa-modal-close.open {
  display: block;
}
@media (max-width: 668px) {
  #awa-modal-close {
    display: none !important;
  }
}
#awa-modal {
  background-color: #ffffff;
  border-radius: 5px;
  margin: 25px auto;
  width: 400px;
  z-index: 9999;
}
@media (max-width: 768px) {
  #awa-modal {
    width: 100%;
  }
}
@media (max-width: 668px) {
  #awa-modal {
    border-radius: 0;
    margin: 0 auto !important;
    width: 100%;
  }
}
#awa-modal.end-clicks {
  width: 600px;
}
#awa-modal.share-link {
  width: 500px;
}
@media (max-width: 910px) {
  #awa-modal.end-clicks {
    width: 500px;
  }
}
@media (max-width: 668px) {
  #awa-modal.end-clicks,
  #awa-modal.share-link {
    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-title {
  background: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 2px solid #efefef;
  padding: 26px 0;
  position: relative;
}
#awa-modal-title .awa-modal-back {
  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 .title,
#awa-modal-title .remaining,
#awa-modal-title .subtitle,
#awa-modal-title .icon {
  display: block;
  text-align: center;
}
#awa-modal-title .icon {
  margin: 20px 0 10px;
}
#awa-modal-title .title {
  font-size: 24px;
  font-weight: 300;
  margin: 0 0 8px;
}
#awa-modal-title .title.animal {
  font-size: 30px;
}
#awa-modal-title .method .title {
  margin: 0;
}
#awa-modal-title .subtitle,
#awa-modal-title .remaining {
  color: #929292;
  font-size: 14px;
}
#awa-modal-title .subtitle strong,
#awa-modal-title .remaining strong {
  color: #ff5e00;
}
#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 .title.animal,
#awa-modal-title .remaining {
  padding: 0 50px;
}
#awa-modal-title .awa-coordonnees-infos {
  color: #929292;
  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.no-content #awa-modal-title {
  border-bottom: none;
  border-radius: 5px;
}
#awa-modal.no-content #awa-modal-title span.title {
  font-size: 30px;
  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: #929292;
  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-title .awa-modal-back {
    display: block;
  }
  #awa-modal-title .title.animal,
  #awa-modal-title .remaining {
    padding: 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-content {
  box-sizing: border-box;
  height: auto;
}
#awa-modal-content h3.subtitle {
  color: #929292;
  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: #929292;
  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 50px;
}
#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 .amount-selection ul.total-choices {
  list-style: none;
  margin: 0;
  padding: 30px 50px 20px;
}
#awa-modal-content .amount-selection ul.total-choices li {
  margin: 0 0 10px;
  padding: 0;
}
#awa-modal-content .amount-selection ul.total-choices li a {
  background: #ffffff;
  border: 2px solid #efefef;
  border-radius: 5px;
  color: #ff5e00;
  cursor: pointer;
  display: block;
  height: 66px;
  font-size: 20px;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-weight: bold;
  line-height: 66px;
  margin: 0 0 10px;
  padding: 0 20px;
}
#awa-modal-content .amount-selection ul.total-choices li a span.quantity {
  color: #000000;
  float: right;
  font-size: 16px;
  font-weight: normal;
}
#awa-modal-content .amount-selection ul.total-choices li a:hover {
  border-color: #02ad80;
  text-decoration: none;
}
#awa-modal-content .amount-selection ul.total-choices li a.selected {
  background-color: #f3f9e5;
  border-color: #f3f9e5;
  color: #5e7f08;
}
#awa-modal-content .amount-selection ul.total-choices li a.selected span.quantity {
  color: #5e7f08;
}
#awa-modal-content .amount-selection ul.total-choices li a.freedonation {
  border: 2px solid #53A518;
  color: #53A518;
  text-transform: uppercase;
}
#awa-modal-content .amount-selection ul.total-choices li a.freedonation span.quantity {
  color: #53A518;
  text-transform: none;
}
#awa-modal-content .amount-selection ul.total-choices li a.freedonation:hover {
  border-color: #02ad80;
  text-decoration: none;
}
#awa-modal-content .amount-selection ul.total-choices li a.freedonation.deactivated {
  border: 2px solid #efefef;
  color: #e6e6e6;
  cursor: default;
}
#awa-modal-content .amount-selection ul.total-choices li a.freedonation.deactivated span.quantity {
  color: #e6e6e6;
}
#awa-modal-content .amount-selection ul.total-choices li a.freedonation.deactivated span.availability-wrapper {
  color: #ff5e00;
  font-size: 16px;
  text-transform: none;
}
#awa-modal-content .amount-selection ul.total-choices li a.freedonation.deactivated:hover {
  border: 2px solid #efefef;
}
#awa-modal-content .amount-selection ul.total-choices li:last-child {
  margin: 0;
}
#awa-modal-content .amount-selection .infos {
  color: #c2c2c2;
  font-size: 14px;
  line-height: 1.14;
  padding: 0 50px 30px;
  text-align: center;
}
#awa-modal-content .amount-selection .infos p {
  margin: 0;
}
#awa-modal-content .amount-selection .infos p a {
  color: #c2c2c2;
  text-decoration: underline;
}
#awa-modal-content .product {
  padding: 20px;
}
@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 ul.total-choices {
    list-style: none;
    margin: 0;
    padding: 30px 40px 50px;
  }
}
@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-login-method-form,
#awa-login-form,
#awa-signup1-form,
#awa-signup2-form,
#awa-address-form,
#awa-delivery-address-form,
#awa-deletion-form {
  padding: 30px 50px 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 {
  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-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-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 {
  border: 2px solid #efefef;
  border-radius: 3px;
  color: #929292;
  line-height: 60px;
  height: 60px;
  margin-bottom: 8px;
  padding: 0 25px;
  width: 246px;
  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-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 {
  color: #c2c2c2;
}
#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 {
  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"] {
  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-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-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 {
  border: 2px solid #ff0000;
}
#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-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 {
  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-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 {
  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 {
  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 {
  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 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 {
  margin: 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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  font-weight: normal;
}
#awa-signup1-form {
  padding-bottom: 20px;
}
@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 {
    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-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-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 {
    box-sizing: border-box;
    padding: 2px 25px;
    width: 100%;
  }
  #awa-signup1-form {
    padding-bottom: 20px;
  }
}
#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: 400px;
}
@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%;
  }
}
#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: #929292;
  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: #000;
  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: #929292;
  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: #929292;
  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: #929292;
}
#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;
}
#recevoir-notre-aide {
  margin-top: 60px;
}
#recevoir-notre-aide h1 {
  font-size: 21px;
}
.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;
}
