/*@mainColor:@mainColor;
@sectionColor:@sectionColor;
@thirdColor:@thirdColor;

@thermometerColor:@thermometerColor;
@thermometerLineColor:@thermometerLineColor;

@background:@background;
@baseUrl:@baseUrl;

@defaultFontType:@defaultFontType;
@defaultFontSize:@defaultFontSize;

@mainFontColor:@mainFontColor;
@sectionFontColor:@sectionFontColor;*/
@font-face {
  font-family: 'Glyphs';
  src: url("/campagne/v2.0.3/css/fonts/glyphicons-halflings-regular.woff2") format('woff2'), url("/campagne/v2.0.3/css/fonts/glyphicons-halflings-regular.woff") format('woff');
}
html,
body {
  height: 100%;
}
textarea {
  resize: vertical;
}
#main {
  padding-bottom: 40px;
}
.message .error {
  font-weight: bold;
  color: red;
  text-align: center;
  padding: 15px;
}
.subtitle {
  color: #000000;
}
.marginBottom {
  margin-bottom: 20px;
}
.width20 {
  width: 20%;
}
.width100 {
  width: 100%;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.w-100 {
  width: 100%;
}
.flash {
  color: #000000;
  background-color: #ffffff;
  font-weight: bold;
}
#pictureImg {
  border: 1px solid #555;
  cursor: pointer;
}
.postBox {
  border-bottom: 1px solid #e2001a;
  padding: 0;
}
.themeSelector {
  cursor: pointer;
}
.teamAdminButton {
  text-decoration: none;
  font-size: 1.625rem;
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
.inputBoxColor:focus {
  border-color: #e2001a !important;
  box-shadow: 0 0 2px #e2001a !important;
}
.progress {
  display: block;
}
.pagination {
  display: inline-block;
}
.challenges-news-manage .pagination {
  display: flex;
  justify-content: flex-end;
}
.challenges-news-manage .pagination > li > a {
  border-radius: 0 !important;
}
.pagination > li {
  display: inline;
}
.pagination .prev {
  margin-right: -4px;
}
.nav > li > a {
  display: block;
}
.navbar {
  padding: 0;
  /*margin-bottom: 20px;*/
}
.searchTeamDiv {
  margin-left: -15px;
}
.form-control {
  border-radius: 0;
}
.input-group-text {
  border-radius: 0;
}
#pageContent {
  overflow: hidden;
}
.participants-view #pageContent,
.teams-view #pageContent {
  overflow: visible;
}
.no-data {
  margin-left: auto;
  margin-right: auto;
  font-size: 1.5rem;
}
.subscriptionPeriodNotStarted {
  font-size: 1.875rem;
  text-align: center;
}
.fa-bars {
  color: #ffffff;
}
.cursor_pointer {
  cursor: pointer;
}
@media (max-width: 992px) {
  .searchTeamDiv {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  #donationBox {
    max-height: 400px;
  }
}
@media (max-width: 768px) {
  #main {
    padding-bottom: 173px;
  }
}
#footer {
  position: relative;
  margin-top: -40px;
  height: 40px;
  clear: both;
}
#footer > div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#footer .lz_footer {
  height: 40px;
  font-size: 0.875rem;
}
#footer .pull-left {
  margin-top: 10px;
  text-align: left;
}
#footer .pull-left a {
  color: #337ab7;
}
#footer .social-networks {
  margin-top: 3px;
}
@media (max-width: 768px) {
  #footer {
    position: relative;
    clear: both;
  }
  #footer .lz_footer {
    height: 205px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  #footer .container-fluid {
    max-width: 1170px;
    text-align: center;
  }
  #footer .container-fluid > div {
    margin-bottom: 10px;
  }
  #footer .container-fluid > div:first-of-type {
    margin-top: 10px;
  }
}
@media (max-width: 992px) {
  .formPictureImg {
    width: 150px;
    margin-bottom: 20px;
  }
  .mobileCropper {
    width: 90%;
    margin-left: 5%;
  }
}
.themeBackground .modal-content {
  background: none !important;
}
.themeBackground .modal-header h4 {
  color: #ffffff;
}
.themeBackground .modal-header {
  background: #e2001a !important;
}
.themeBackground .modal-body {
  background: #FFF !important;
}
.themeBackground .modal-body p {
  color: #000;
}
.themeBackground .modal-body label {
  color: #000;
}
.themeBackground .modal-body #countdown {
  color: #000000;
}
.themeBackground .modal-body button,
.themeBackground .modalContent button {
  background-color: #e2001a;
}
.themeBackground .modal-footer {
  background: #fff !important;
}
.themeBackground #messageModalContent {
  color: #000;
}
#donationModal label {
  font-weight: bold;
}
#cropModal img {
  max-width: 100%;
  /* This rule is very important, please do not ignore this! */
}
.socialButton {
  text-decoration: none;
  font-family: normal;
}
.socialButton img {
  background-color: gray;
  width: 32px;
  height: 32px;
}
.socialNetworkFacebook:hover {
  background-color: #3b5998 !important;
}
.socialNetworkTwitter:hover {
  background-color: #00aced !important;
}
.socialNetworkLinkedIn:hover {
  background-color: #007bb6 !important;
}
.glyphiconlink > span {
  color: #ffffff;
  font-size: 1.875rem;
  width: 30px;
  height: 30px;
  left: 19px;
  top: 15px;
  position: absolute;
}
.glyphiconlink > span.pulsing {
  color: #ffffff;
  font-size: 1.875rem;
  width: 30px;
  height: 30px;
  left: 5px;
  top: 4px;
  position: absolute;
}
.glyphicon {
  font-family: 'Glyphs', sans-serif;
}
.challenges-create .deleteImage,
.challenges-add .deleteImage,
.challenges-edit .deleteImage {
  position: absolute;
  cursor: pointer;
  font-size: 1.25rem;
  color: red;
  top: -10px;
  right: 5px;
}
.img-banner-container {
  padding-top: 20px;
  padding-bottom: 5px;
  margin: 0px 1px 5px 1px;
  border: dotted 1px black;
}
.img-banner img {
  max-width: 100%;
  max-height: 100%;
}
.img-banner-container div {
  padding-left: 5px;
  padding-right: 15px;
}
.banner_large {
  height: 520px;
}
.banner_normal {
  height: 260px;
}
.banner_small {
  height: 173px;
}
@media (max-width: 992px) {
  .banner_large,
  .banner_normal,
  .banner_small {
    height: auto;
  }
}
.themeBackground {
  background-color: #ffffff;
}
@media (max-width: 992px) {
  .themeBackground {
    background-color: #ffffff;
  }
}
.box-nouvelle hr {
  margin: 0;
}
.box-nouvelle {
  border: 1px solid #e2001a;
  border-bottom: none;
}
.box-nouvelle .box-article:last-child {
  border-bottom: none;
}
.box-link {
  display: block;
  text-align: center;
  background: #e2001a;
  font-size: 0.75rem;
  padding: 3px;
  color: #ffffff;
}
.box-link:hover {
  text-decoration: none;
  background-color: #7c000e;
  border-color: #7c000e;
  color: #ffffff;
}
.box-link-top {
  display: block;
  text-align: center;
  background: #e2001a;
  font-size: 0.75rem;
  padding: 3px;
  color: #ffffff;
}
.box-title {
  background: #e2001a;
  text-align: center;
  font-size: 1.5rem;
  font-weight: normal;
  text-transform: uppercase;
  color: #ffffff;
}
.box-article {
  padding: 10px 12px 10px 12px;
  border-bottom: 1px solid #e2001a;
}
.box-article img {
  margin: 0 15px 25px 0;
  float: left;
}
.newsLink {
  float: right;
  margin-top: 6px;
}
.box-nouvelle a {
  color: #000000;
}
.box-nouvelle h3 {
  color: #ffffff;
  text-transform: uppercase;
}
.box-tops {
  border-left: 1px solid #e2001a;
  border-right: 1px solid #e2001a;
}
.box-tops a {
  color: #000000;
}
.box-tops h3 {
  color: #ffffff;
  text-transform: uppercase;
}
.box-tops p {
  font-weight: bold;
}
.box-nouvelle a.newsLink {
  width: auto;
  padding: 1px 5px;
  text-decoration: none;
  border-width: 2px;
  border-style: outset;
}
.campaignNews h5 {
  font-size: 0.875rem;
}
.paging li {
  list-style: none;
  display: inline-block;
  padding: 0 5px;
}
.paging li a {
  color: #ffffff;
  font-size: 1.125rem;
}
.pagination > .page-item.active > a,
.pagination > .page-item.active > .page-link,
.pagination > .page-item.active > a:hover,
.pagination > .page-item.active > .page-link:hover,
.pagination > .page-item.active > a:focus,
.pagination > .page-item.active > .page-link:focus {
  background-color: #e2001a;
  border-color: #e2001a;
  color: #ffffff;
  cursor: pointer;
}
.pagination > li > a,
.pagination > li > span {
  font-size: 0.75rem;
  color: black;
  cursor: pointer;
}
#legend button {
  width: 150px;
}
#legend {
  background: #ffffff;
  padding: 25px;
  background-size: 100% 100%;
  font-size: 0.75rem;
  color: #000000;
}
#legend h2 {
  font-size: 0.938rem;
  font-weight: bold;
  margin: 15px 0;
  padding: 0;
  color: #000000;
}
#legend h3 {
  font-size: 0.75rem;
  font-weight: normal;
  margin: 15px 0;
  padding: 0;
  color: #000000;
}
#legend p {
  margin: 15px 0;
}
#pageContent {
  background: #ffffff;
  padding: 50px;
  color: #000000;
  margin-bottom: 20px;
}
#pageContent h2 {
  font-size: 1.25rem;
  font-weight: bold;
  margin: 15px 0;
  padding: 0;
  color: #000000;
}
#pageContent h3 {
  display: block;
  font-size: 1.25rem;
  padding: 15px 0 13px 0;
  margin: 0;
  width: 100%;
  background: #e2001a;
  text-align: center;
}
#pageContent .box-article p {
  margin: 0;
}
#content .container {
  padding: 0;
}
#pageContent .pageNotFound {
  font-size: 1rem;
  text-align: center;
}
@media (max-width: 992px) {
  #pageContent {
    padding: 15px;
  }
}
h1.section-header {
  background: #e2001a;
  text-align: center;
  font-size: 2.125rem;
  font-weight: normal;
  color: #ffffff;
  margin: 0;
  padding: 20px 15px;
  -moz-box-shadow: 0 15px 30px -15px #000000;
  -webkit-box-shadow: 0 15px 30px -15px #000000;
  -o-box-shadow: 0 15px 30px -15px #000000;
  box-shadow: 0 15px 30px -15px #000000;
}
h1.section-header p {
  margin: 0;
}
h1.section-header > div.selectedActivity,
h1.section-header > div.selectedTeam,
h1.section-header > div.selectedSubscriptionType {
  font-size: 1.125rem;
  margin-top: 10px;
}
.box-title-home-partners > span > p {
  text-transform: none;
  margin: 0;
}
.box-title-home-partners a:hover {
  background-color: #7c000e;
  color: #ffffff;
  text-decoration: none;
}
@media (max-width: 768px) {
  .box-title-home-partners a {
    position: relative;
    top: initial;
    right: initial;
    margin-right: 0;
  }
}
#logoContainer {
  display: table;
  max-height: 135px;
}
#logo {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
}
#logo img {
  max-height: 114px;
  max-width: 100%;
}
.themeBackground .btn-primary:not(:disabled) {
  background-color: #e2001a;
  border-color: #e2001a;
  color: #ffffff;
}
.themeBackground .btn-primary:not(:disabled):hover,
.themeBackground .btn-primary:not(:disabled):active,
.themeBackground .btn-primary:not(:disabled):focus,
.themeBackground .btn-primary:not(:disabled):active:focus {
  background-color: #7c000e;
  border-color: #7c000e;
  color: #ffffff;
}
.themeBackground .btn-primary:not(:disabled):focus,
.themeBackground .btn-primary:not(:disabled):active:focus {
  box-shadow: 0 0 0 0.2rem #e2001a;
}
.themeBackground .btn-primary-backend {
  background-color: #e2001a;
  border-color: #e2001a;
  color: #ffffff;
}
.themeBackground .btn-primary-backend:hover {
  background-color: #7c000e;
  border-color: #7c000e;
  color: #ffffff;
}
@media (max-width: 992px) {
  .btn-primary-hover:hover {
    background-color: #7c000e !important;
    border-color: #7c000e !important;
    color: #ffffff;
  }
}
.box-gauche {
  float: left;
}
.horizontal_thermometer {
  width: 100%;
  font-size: 0.75rem;
}
.horizontal_thermometer.medium {
  margin-top: -4px;
  margin-bottom: 25px;
  font-size: 0.75rem;
}
.challengeBox .horizontal_thermometer.medium {
  margin-bottom: 5px;
}
.horizontal_thermometer.medium.unit {
  margin-top: 20px;
}
.horizontal_thermometer.large {
  margin-bottom: 40px;
}
.horizontal_thermometer.unit.large {
  margin-top: -45px;
}
.horizontal_thermometer.unit.large:only-child {
  margin-top: 0px;
}
.horizontal_thermometer.large .goal {
  font-size: 2em;
}
.homepageThermometerWrapper {
  float: left;
}
.horizontal_thermometer .glass {
  border-radius: 20px;
  overflow: hidden;
  background: #c7c7c7;
}
.horizontal_thermometer.medium .glass {
  border-radius: 19px;
}
.horizontal_thermometer.large .glass {
  border-radius: 19px;
}
.horizontal_thermometer .progress {
  background-color: #e2001a;
  text-align: center;
  z-index: 3;
  margin-bottom: 0;
  height: 0.75rem;
}
.horizontal_thermometer.medium .progress {
  text-align: center;
  height: 1.375rem;
}
.horizontal_thermometer.large .progress {
  text-align: center;
  height: 1.75rem;
}
.horizontal_thermometer .objectiveReachedMessage {
  font-size: 90%;
  position: relative;
  bottom: 3px;
  font-weight: bold;
  display: none;
  color: #ffffff;
}
.horizontal_thermometer.medium .objectiveReachedMessage {
  font-size: 1.25rem;
}
.horizontal_thermometer.large .objectiveReachedMessage {
  font-size: 2em;
}
.memberBox:hover .horizontal_thermometer .progress {
  background-color: #e2001a;
}
/*.memberBox:hover .horizontal_thermometer .objectiveReachedMessage { color:@mainFontColor !important; }*/
.horizontal_thermometer .goal-received {
  float: left;
}
.horizontal_thermometer .goal-objective {
  float: right;
}
.horizontal_thermometer.medium .goal-received {
  float: left;
}
.horizontal_thermometer.medium .goal-objective {
  float: right;
}
.horizontal_thermometer.large {
  margin-top: -6px;
}
.horizontal_thermometer.large .goal-received {
  float: left;
}
.horizontal_thermometer.large .goal-objective {
  float: right;
}
@media (max-width: 992px) {
  .horizontal_thermometer .goal-received {
    float: left;
    font-size: 1.1em;
  }
  .horizontal_thermometer .goal-objective {
    float: right;
    font-size: 1.1em;
  }
  .horizontal_thermometer.medium .goal-received {
    float: left;
  }
  .horizontal_thermometer.medium .goal-objective {
    float: right;
  }
  .horizontal_thermometer.large .goal-received {
    float: left;
    font-size: 0.9em;
  }
  .horizontal_thermometer.large .goal-objective {
    float: right;
    font-size: 0.9em;
  }
}
@media (max-width: 768px) {
  .horizontal_thermometer.large .goal-received {
    float: left;
    font-size: 0.7em;
  }
  .horizontal_thermometer.large .goal-objective {
    float: right;
    font-size: 0.7em;
  }
  .horizontal_thermometer.large {
    margin-bottom: 0;
  }
  .horizontal_thermometer.unit.large {
    margin-top: 0;
  }
}
@media (max-width: 992px) {
  #topMenuLink:hover {
    background-color: #7c000e !important;
    border-color: #7c000e !important;
    color: #ffffff;
  }
}
.vert {
  height: 345px;
}
.vert .simply-scroll-clip {
  height: 345px;
}
.donation {
  border-bottom: 1px solid #e2001a;
  margin-bottom: 5px;
  min-height: 55px;
}
.mainDonationButton {
  white-space: normal;
  height: 68px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem !important;
}
.glyphicon-refresh-animate {
  -animation: spin .7s infinite linear;
  -webkit-animation: spin .7s infinite linear;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.subscriberRowInfo {
  display: flex;
  height: 51px;
}
.subscriberHeader {
  background-color: #e2001a;
}
.subscriberRow {
  background-color: #fff;
  color: #000;
  border-bottom: 1px solid #e2001a;
}
.popover-body {
  text-align: center;
  padding: 5px;
  background-color: #e2001a;
  color: #ffffff;
}
.popover {
  width: 70px;
  z-index: 9;
  border-radius: 0;
}
#subscriptionButtons a {
  height: 54px;
  display: flex;
  width: 100%;
  white-space: normal;
  text-decoration: none;
}
.subscriptionButton,
.donationPageButton {
  font-size: 0.75rem;
  padding: 10px;
  margin-bottom: 20px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  width: 100%;
}
#pageContent img,
#pageContent iframe {
  max-width: 100%;
}
#homePageContent img,
#homePageContent iframe {
  max-width: 100%;
}
.teamListColumnText {
  align-self: center;
  color: #ffffff;
  font-size: 1.125rem;
}
.daysRemainingToSubscrib {
  font-size: 1.125rem;
  margin-top: 25px;
  text-align: center;
  width: 160px;
  float: left;
  color: #000000;
}
.lastDayRemainingToSubscrib {
  font-size: 1.125rem;
  margin-top: 40px;
  text-align: center;
  width: 160px;
  float: left;
  color: #000000;
}
.daysRemainingToDonate {
  font-size: 1.125rem;
  margin-top: 25px;
  text-align: center;
  width: 160px;
  float: left;
  color: #000000;
}
.pulse {
  -webkit-animation: pulse 3s linear infinite;
  animation: pulse 3s linear infinite;
}
.altPulse {
  -webkit-animation: altPulse 3s linear infinite;
  animation: altPulse 3s linear infinite;
}
@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes altPulse {
  0% {
    transform: scale(1.1, 1.1);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1.1, 1.1);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}
@-webkit-keyframes altPulse {
  0% {
    -webkit-transform: scale(1.1, 1.1);
  }
  50% {
    -webkit-transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1.1, 1.1);
  }
}
.fireworksCanvas {
  position: absolute;
  height: 100%;
  width: 90%;
  left: 5%;
  top: 3px;
  z-index: 1;
}
#mainFireworksCanvas {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
}
#alternateFireworksCanvas {
  position: absolute;
  width: 100%;
  height: 122%;
}
canvas {
  pointer-events: none;
}
.middleSizedImage {
  z-index: 2;
  min-height: 304px;
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  .middleSizedImage {
    min-height: 0;
  }
}
.invert {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}
.action-button {
  margin: 10px 20px 0px;
}
#lz_header,
#footer {
  font-family: inherit;
}
.lz_modal_heading,
.backend_lz__button,
.backend_lz_form_button {
  background-color: #e2001a;
  border-color: #e2001a;
  color: #ffffff;
}
.backend_lz__button:hover,
.backend_lz_form_button:hover {
  background-color: #7c000e;
  border-color: #7c000e;
  color: #ffffff;
}
.themeBackground .positive:active,
.themeBackground .positive:focus,
.themeBackground .negative:active,
.themeBackground .negative:focus {
  background-color: #7c000e !important;
  border-color: #7c000e !important;
}
.backend_lz__modal {
  font-family: Arial;
}
@media (min-width: 992px) {
  .subscriptionPictureBox {
    margin-left: 40px;
    width: 178px;
  }
}
@media (min-width: 1200px) {
  .subscriptionPictureBox {
    margin-left: 0;
  }
  .logizone_btn {
    max-width: 1140px;
  }
}
.picturePlaceholder {
  width: 100%;
  font-size: 0.875rem;
  align-items: center;
  justify-content: center;
  display: flex;
  font-weight: bold;
  text-align: center;
}
.close {
  color: #ffffff;
  opacity: 1;
}
.modifyParticipant {
  width: 100%;
  padding: 6px 6px;
  white-space: normal;
}
.modifyTeam {
  padding: 6px 0;
  white-space: normal;
}
@media (min-width: 1200px) {
  .participantImage,
  .teamImage {
    max-height: 109px;
  }
}
.newsTitle {
  font-weight: bold;
  font-size: 1.125rem !important;
}
.newsDate {
  font-weight: bold;
}
#widgetBox,
#widgetBox a {
  font-size: 0.75rem;
}
#widgetBox {
  float: right;
  width: 33%;
}
.widgetBox {
  padding-right: 15px;
  padding-left: 15px;
  min-height: 184px;
}
@media (max-width: 992px) {
  #widgetBox {
    float: none;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 184px;
  }
}
@media (max-width: 768px) {
  .widgetBox {
    padding-left: 15px;
  }
}
.challenges-view .thermometerBox {
  float: left;
  width: 70%;
  padding-right: 10px;
}
@media (max-width: 768px) {
  .challenges-view .thermometerBox {
    float: left;
    width: 100%;
    padding-right: 0px;
  }
  .challenges-view .action-buttons {
    float: none;
    width: 100%;
  }
  .challenges-view .action-buttons div {
    float: none;
  }
}
/* ---
WIDGETS
--- */
.box-bottom {
  margin-bottom: 20px;
  color: #ffffff;
}
#list {
  font-size: 0.75rem;
}
.cvForm,
.cvForm button,
.cvForm input,
.cvForm textarea {
  font-size: 0.75rem;
}
.cvForm .input-group-text {
  font-size: 0.75rem !important;
}
.cvForm select {
  font-size: 0.75rem;
}
.cvModal,
.cvModal button,
.cvView a,
#scroller,
.cvButton {
  font-size: 0.75rem;
}
#socialButtons {
  font-size: 0.75rem;
}
.actionButtons {
  line-height: 12px;
}
a.memberBox {
  margin-bottom: 15px;
  display: block;
  border: 1px solid gray;
  padding: 10px;
  background-color: #fff;
  color: #000 !important;
  text-decoration: none;
  font-size: 0.75rem;
}
a.memberBox .horizontal_thermometer.unit {
  margin-top: 5px;
}
a.memberBox .horizontal_thermometer.unit .thermometer-indicator {
  display: none;
}
.memberBox a {
  color: #000;
}
.memberBox:hover a {
  background-color: #e2001a;
  color: #ffffff;
}
a.memberBox:hover {
  background-color: #e2001a;
  color: #ffffff !important;
}
@media (max-width: 1200px) {
  .memberBox {
    height: 210px;
  }
  .memberBoxMain {
    height: 148px;
    position: relative;
  }
}
@media (max-width: 992px) {
  .memberBox {
    height: 184px;
  }
  .memberBoxMain {
    height: 122px;
    position: relative;
  }
}
@media (max-width: 768px) {
  .memberBox {
    height: 332px;
  }
  .memberBoxMain {
    height: 255px;
    position: relative;
    overflow: hidden;
  }
}
@media (max-width: 480px) {
  .memberBox {
    height: 210px;
  }
  .memberBoxMain {
    height: 150px;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .memberBox {
    height: 170px;
  }
  .memberBox[data-thermometer-unit="1"] {
    height: 195px;
  }
  .challengeBox {
    height: 180px;
  }
  .challengeBox.memberBox[data-thermometer-unit="1"] {
    height: 215px;
  }
  .memberBoxMain {
    height: 112px;
    position: relative;
  }
}
#contactMembersButton a {
  font-size: 0.75rem;
}
#joinTeamUnloggedButton {
  font-size: 0.75rem;
}
.childTopMenu {
  text-align: left;
}
.participantActivity {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 0;
  padding-right: 4px;
}
span.fa-exclamation-triangle {
  font-size: 2.25rem;
}
.mainColorBorder {
  border: 2px solid #e2001a;
}
.fitText {
  visibility: hidden;
}
.AllChallenges {
  width: 100%;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 15px 0;
  white-space: normal;
}
.AllChallenges:active,
.AllChallenges:focus {
  background-color: #e2001a;
}
.challengeHeader {
  background-color: #e2001a;
  height: 45px;
  color: #ffffff;
  font-size: 1rem;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.challengeInfo {
  font-weight: bold;
}
.challengeInfo .challengeDate {
  color: #e2001a;
}
.memberBox:hover .challengeDate {
  color: #000;
}
.ChallengeLeftBox {
  color: #ffffff;
  padding-right: 0;
  height: 320px;
}
.ChallengeLeftBoxBackground {
  background-color: #e2001a;
  padding: 10px 40px;
  height: 320px;
}
.ChallengeLeftBoxTitle {
  font-size: 2.25rem;
  margin: 40px 0 20px 0;
  line-height: 40px;
  font-weight: bold;
}
.ChallengeLeftBoxDetail {
  font-size: 1.25rem;
  font-weight: bold;
}
.ChallengeRightBox {
  padding-left: 0;
  height: 320px;
}
.ChallengeRightBox img {
  height: 320px;
  width: 100%;
}
.ChallengeRightBox .carousel-inner .item img {
  height: 320px;
}
.ChallengeRightBox .carousel-inner .carousel-item img {
  border-radius: 0 !important;
}
#challenge_header_social_networks {
  position: absolute;
  right: 10px;
  bottom: 30px;
}
@media (max-width: 1200px) {
  .ChallengeLeftBoxTitle {
    font-size: 1.875rem;
    margin: 15px 0 15px 0;
  }
  .ChallengeLeftBoxBackground {
    height: 264px;
  }
  .ChallengeRightBox img {
    height: 264px;
  }
  .ChallengeRightBox,
  .ChallengeLeftBox {
    height: 264px;
  }
  .ChallengeRightBox .carousel-inner .item img {
    height: 264px;
  }
}
@media (max-width: 992px) {
  .ChallengeLeftBoxBackground {
    height: 264px;
    padding: 10px 20px;
  }
  .ChallengeLeftBoxTitle {
    font-size: 1.625rem;
    margin: 10px 0 10px 0;
    line-height: 30px;
  }
  .ChallengeRightBox img {
    height: 264px;
  }
  .ChallengeRightBox,
  .ChallengeLeftBox {
    height: 264px;
  }
  .ChallengeLeftBoxDetail {
    font-size: 1.125rem;
  }
  .ChallengeRightBox .carousel-inner .item img {
    height: 264px;
  }
}
@media (max-width: 768px) {
  #challenge_header_social_networks {
    right: 25px;
  }
}
.carousel .carousel-control-prev,
.carousel .carousel-control-next {
  width: 15%;
  font-size: 1.875rem;
}
.donatorListName {
  color: #000000;
}
.challengeSocialButton {
  padding: 0;
  border: 0;
}
.gotoJdel {
  margin: 0 0 20px 0;
  padding: 20px;
}
.danger-color {
  color: #ff0000;
}
/*----------------------------------------------------------------------------*/
/* FRONT - PROFILE LIST                                                       */
/*----------------------------------------------------------------------------*/
.participants-profilelist .cvView .challenge-edit,
.participants-profilelist .cvView .challenge-copy,
.participants-profilelist .cvView .challenge-complete {
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
}
/*----------------------------------------------------------------------------*/
/* BACKEND - ÉDITEZ VOS PAGES                                                 */
/*----------------------------------------------------------------------------*/
.pages-edit .themeBackground {
  font-family: Arial;
  color: #ffffff;
  font-size: 0.75rem;
  padding-top: 200px;
  padding-bottom: 1px;
  min-height: calc(100vh - 50px);
}
.pages-edit #content {
  padding: 0;
}
.pages-edit #pagePartnerTitle {
  position: relative;
}
.pages-edit #pageContent,
.pages-edit #pagePartnerContent {
  background: #ffffff;
  padding: 50px;
  color: #000000;
  margin-bottom: 20px;
}
.pages-edit #pageContentBanner {
  padding: 0;
  margin-bottom: 20px;
}
.pages-edit #pageContentTextTitle {
  font-size: 0.875rem;
  font-weight: 700;
}
#pagePartnerTitle > #AllParticipantsButton {
  border: 1px solid #ffffff;
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 15px;
  text-transform: none;
  line-height: 36px;
}
#pagePartnerContent > #pagePartnerTitle > #AllParticipantsButton {
  top: 0px;
}
.pages-edit #AllParticipantsButton:hover {
  border: 1px solid #ffffff;
}
.pages-edit .page-url input {
  width: 100%;
}
.pages-edit .page-partners #pagePartnerContent {
  padding-top: 0;
}
.pages-edit #subscriptionButton div {
  text-align: center;
}
.pages-edit #subscriptionButton a {
  display: flex;
  margin-bottom: 20px;
  justify-content: center;
  padding: 10px;
  width: 100%;
  white-space: normal;
  background-color: #e2001a;
  border-color: #e2001a;
  color: #ffffff;
}
.pages-edit .image-picker .image-picker-limit,
.pages-edit .image-picker .image-picker-item-add,
.pages-edit .image-picker .image-picker-row-add,
.pages-edit .image-picker .image-picker-title:not(.cke_editable_inline),
.pages-edit #pageContentTextTitle {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
}
div.message {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  position: relative;
  padding: 0.875rem 1.5rem;
  transition: opacity 1000ms ease-out 0s;
  background-color: #DCE47E;
  border-color: #DCE47E;
  color: #626262;
  margin-bottom: 20px;
  text-align: center;
}
div.message.error {
  background-color: #C3232D;
  border-color: #C3232D;
  color: #FFF;
}
.thermometer-indicator {
  width: 70px;
  margin-left: -35px;
}
.thermometer-indicator-arrow {
  position: absolute;
  width: 1rem;
  height: 0.5rem;
  left: 27px;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid gray;
}
.thermometer-indicator-arrow:after {
  content: '';
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid white;
  margin-left: -8px;
  margin-top: 1px;
  position: absolute;
}
.thermometer-indicator-percentage-border {
  background-color: white;
  position: absolute;
  width: 100%;
  margin-top: 0.5rem;
  border: 1px solid gray;
}
.thermometer-indicator-percentage {
  text-align: center;
  padding: 5px;
  margin: 2px;
  background-color: #e2001a;
  color: #ffffff;
}
#team_subscription_list .col-team-name > div {
  max-width: 100%;
}
#team_subscription_list .col-team-name > div > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}
/* ------------------ */
/*    image-picker    */
/* ------------------ */
.image-picker-header {
  display: flex;
  font-weight: 700;
  min-height: 25px;
}
.image-picker-header .image-picker-title {
  flex: 95% 1 0;
  width: 94%;
}
.image-picker-header .image-picker-title.cke_editable_inline {
  border: 1px dotted silver;
}
.image-picker-limit {
  flex: 5% 0 0;
  height: 100%;
  text-align: right;
}
.image-picker-body {
  border: 1px dotted silver;
  position: relative;
  padding: 10px 10px 10px 10px;
  height: 122px;
  margin-top: 10px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: stretch;
  align-content: flex-start;
  gap: 10px;
}
.image-picker-row:not(:first-child) {
  margin-top: 10px;
}
.image-picker-row-delete {
  position: absolute;
  color: black;
  top: 0;
  right: 0;
  margin: -9px -9px 0 0;
  cursor: pointer;
}
.image-picker-row-delete:hover {
  color: red;
}
.image-picker-row-add {
  margin-top: 10px;
  text-align: center;
  padding: 15px;
  border: 1px dotted silver;
}
.image-picker-row-add:hover {
  border-color: black;
  color: black;
}
.image-picker-item {
  border: 1px dotted silver;
  cursor: pointer;
  position: relative;
  text-align: center;
  flex: 100% 1 1;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.image-picker-item-add {
  flex: 100px 0 0;
}
.image-picker-item-add:hover {
  border-color: #000;
  color: #000;
  cursor: pointer;
}
.image-picker-item-edit,
.image-picker-item-delete {
  position: absolute;
  color: black;
  top: 0;
}
.image-picker-item-edit:hover,
.image-picker-item-delete:hover {
  color: red;
}
.image-picker-item-edit {
  right: 15px;
  margin: -5px 0 0 0;
}
.image-picker-item-delete {
  right: 0;
  margin: -5px -5px 0 0;
}
.image-picker-item-img {
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 480px) {
  #cookie_consent_content {
    max-width: 720px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  #cookie_consent_content {
    max-width: 960px;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  #cookie_consent_content {
    max-width: 1140px;
    margin: 0 auto;
  }
}
/* ---
DEFAULT CSS
--- */
.defaultBackground {
  background-color: #d3d3d3;
}
.theme-default {
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 0.75rem;
  min-height: 100%;
  padding-top: 50px;
  margin-top: -22px;
}
.theme-default a:not(.btn-primary):not(.memberBox):hover {
  color: #e2001a;
}
.theme-default #pageContent a {
  width: 100%;
}
.theme-default #pageContent .cke a {
  width: auto;
}
.theme-default #pageContent hr {
  border-color: #e2001a;
}
.theme-default #homePageContent {
  padding-left: 15px;
}
.theme-default #pageContent .pagination a {
  width: auto;
}
.btn {
  border-radius: 0;
}
#mobileButton {
  margin-right: 15px;
}
.theme-default .navbar-toggler {
  border-radius: 0;
}
@media (max-width: 992px) {
  .theme-default {
    padding-bottom: 0;
  }
}
/* ---
CONTAINER
--- */
.theme-default .container {
  overflow: hidden;
}
@media (max-width: 768px) {
  .theme-default .container {
    margin: 0;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .theme-default .container {
    overflow: visible;
  }
  .navbar-header {
    width: 22%;
  }
}
/* ---
BANNER
--- */
.theme-default #Banner a {
  width: 10%;
}
.theme-default #Banner img {
  width: 100%;
}
/* ---
FEATURED
--- */
.theme-default #featured a {
  display: table;
  text-align: center;
  height: 100px;
  background: #002f46;
  margin: 20px 0;
  font-size: 1.125rem;
  color: #ffffff;
  width: 100%;
}
.theme-default #featured span {
  display: table-cell;
  vertical-align: middle;
}
.theme-default #featured a:hover {
  text-decoration: none;
  background-color: #0073ac;
  border-color: #7c000e;
  color: #ffffff;
}
/* ---
PAGE
--- */
@media (max-width: 992px) {
  .theme-default #featured {
    padding: 10px 0 10px 0;
  }
  .theme-default #featured a {
    height: 50px;
    margin: 10px 0;
  }
}
/* ---
MENU
--- */
/* Mobile Version */
@media (max-width: 992px) {
  .theme-default .navbar-header {
    position: relative;
  }
  .theme-default .navbar-toggler {
    background: #e2001a;
    position: relative;
    right: 0;
    bottom: 0;
  }
  .theme-default .navbar-toggler .icon-bar {
    background-color: #ffffff;
  }
  .theme-default #navbar {
    background: #e2001a;
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 20px;
    border: 1px solid transparent;
    border-color: #7c000e;
  }
  .theme-default #navbar ul,
  .theme-default #navbar li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .theme-default .navbar-nav li {
    border-top: 1px solid transparent;
    border-color: #7c000e;
  }
  .theme-default .navbar-nav > li:first-child {
    border-top: none;
  }
  .theme-default .navbar-nav a {
    color: #ffffff;
    padding: 10px;
    display: block;
  }
  .theme-default .nav a:hover,
  .theme-default .nav a:focus {
    background: none;
    text-decoration: none;
  }
  .theme-default .nav a:active {
    background-color: #7c000e;
  }
  .theme-default #navbar a.active,
  .theme-default #navbar a:hover,
  .theme-default #navbar a:active {
    background-color: #7c000e;
    border-color: #7c000e;
    color: #ffffff;
  }
  .theme-default .nav ul a {
    padding-left: 40px;
  }
}
/* Desktop Version */
@media (min-width: 992px) {
  #navbar {
    width: 100%;
    float: right;
  }
  .theme-default-navbar {
    background: #ffffff;
    margin: 0 0 1px 0;
    display: block;
  }
  .theme-default .navbar-nav {
    float: right;
    margin-right: -15px;
    text-align: right;
    font-size: 0;
  }
  .theme-default .navbar .navbar-nav > li {
    padding: 0;
    margin: 0;
    position: relative;
    float: none;
    display: inline-block;
  }
  .theme-default .navbar .navbar-nav > li:first-child {
    background: none;
  }
  .theme-default .navbar .navbar-nav > li > a {
    font-size: 1.125rem;
    line-height: 134px;
    padding: 0 20px;
    margin: 0;
    color: #000000;
  }
  .theme-default .navbar .navbar-nav > li > a:hover {
    background: linear-gradient(#e2001a 10%, rgba(0, 0, 0, 0) 0%);
  }
  .theme-default .navbar .navbar-nav > li > a.active {
    background: linear-gradient(#e2001a 10%, rgba(0, 0, 0, 0) 0%);
  }
  .theme-default .navbar .navbar-nav > li > ul {
    display: none;
    background: #ffffff;
    position: absolute;
    top: 133px;
    left: 0;
    z-index: 999;
    list-style: none;
    border: 1px solid grey;
    border-top: none;
  }
  .theme-default .navbar .navbar-nav > li:hover > ul {
    display: block;
    padding-left: 0;
  }
  .theme-default .navbar .navbar-nav > li > ul > li > a {
    font-size: 1.125rem;
    white-space: nowrap;
    color: #000000;
  }
  .theme-default .navbar .navbar-nav > li > ul > li {
    padding: 5px 10px;
  }
  .theme-default .navbar .navbar-nav > li > ul > li:hover {
    background: #e2001a;
    text-decoration: none;
  }
  .theme-default .navbar .navbar-nav > li > ul > li:hover > a {
    text-decoration: none;
    color: #ffffff;
  }
}
@media (max-width: 992px) {
  .theme-default #logoContainer {
    padding-left: 15px;
  }
  .theme-default .container {
    display: block !important;
  }
  .theme-default .thirdColorBackground,
  .theme-default .navbar-nav a.thirdColorBackground {
    background: #002f46;
    color: #fff;
  }
}
.topMenuBar {
  background-color: #000000;
  width: 2px;
  height: 58px;
  top: 38px;
}
/* ------------
PARTNERS
-------------- */
.theme-default .partnersBox a {
  text-decoration: none;
}
.theme-default .partnersBox .logo-cell-separator {
  display: none;
}
/*--------------------------
 SUBSCRIPTION ACTIVITY LIST
------------------------- */
.theme-default .subscriptionActivityList .subscriberHeader {
  margin: 0;
}
.theme-default .subscriptionActivityList .subscriberRow {
  margin: 0;
}
.theme-default .subscriptionActivityList #list {
  margin-bottom: 20px;
}
.theme-default .subscriptionActivityList table {
  width: 100%;
}
.theme-default .subscriptionActivityList td {
  padding: 10px;
}
.theme-default .subscriptionActivityList td button {
  width: 100%;
}
.theme-default .subscriptionActivityList td:last-of-type {
  width: 150px;
}
.theme-default .subscriptionActivityList .ChallengeLeftBox {
  margin-bottom: 20px;
}
.theme-default .subscriptionActivityList .ChallengeRightBox {
  margin-bottom: 20px;
}
/*------------------------
 SUBSCRIPTION TYPE SELECTION
------------------------- */
.theme-default .subscriptionTypeSelection .ChallengeLeftBox {
  margin-bottom: 20px;
}
.theme-default .subscriptionTypeSelection .ChallengeRightBox {
  margin-bottom: 20px;
}
/*------------------------
 SUBSCRIPTION INDIVIDUAL
------------------------- */
.theme-default .subscriptionIndividual .ChallengeLeftBox {
  margin-bottom: 20px;
}
.theme-default .subscriptionIndividual .ChallengeRightBox {
  margin-bottom: 20px;
}
/*------------------------
 SUBSCRIPTION CREATE TEAM
------------------------- */
.theme-default .subscriptionCreateTeam .ChallengeLeftBox {
  margin-bottom: 20px;
}
.theme-default .subscriptionCreateTeam .ChallengeRightBox {
  margin-bottom: 20px;
}
/*------------------------
 SUBSCRIPTION TEAM LIST
------------------------- */
.theme-default .subscriptionTeamList .ChallengeLeftBox {
  margin-bottom: 20px;
}
.theme-default .subscriptionTeamList .ChallengeRightBox {
  margin-bottom: 20px;
}
.theme-default #bottomPagination a {
  width: auto;
}
/*------------------------
 PARTICIPANT INDEX
------------------------- */
.theme-default .participantIndex .ChallengeLeftBox {
  margin-bottom: 20px;
}
.theme-default .participantIndex .ChallengeRightBox {
  margin-bottom: 20px;
}
.theme-default .participantIndex #bottomPagination a {
  width: auto;
}
/*------------------------
 PARTICIPANT VIEW
------------------------- */
.theme-default .participantView .ChallengeLeftBox {
  margin-bottom: 20px;
}
.theme-default .participantView .ChallengeRightBox {
  margin-bottom: 20px;
}
/*------------------------
 PARTICIPANT VIEW
------------------------- */
.theme-default .participantJoinTeam .ChallengeLeftBox {
  margin-bottom: 20px;
}
.theme-default .participantJoinTeam .ChallengeRightBox {
  margin-bottom: 20px;
}
/*--------------------------
 CHALLENGE VIEW
------------------------- */
.theme-default .challengeView #homeFireworksCanvas {
  position: absolute;
  width: 100%;
  height: 300px;
  top: -269px;
  z-index: 1;
}
.theme-default .challengeView .box-nouvelle {
  border: 1px solid #e2001a;
}
.theme-default .challengeView .donationBox {
  border: 1px solid #e2001a;
  padding: 5px;
}
/*--------------------------
 CHALLENGE CREATE
------------------------- */
.theme-default #pageContent .challengeCreate .challengeDescription a {
  width: auto;
}
/*--------------------------
 CHALLENGE EDIT
------------------------- */
.theme-default #pageContent .challengeEdit .challengeDescription a {
  width: auto;
}
/*--------------------------
 CHALLENGE NEWS
------------------------- */
.theme-default .challengeNews a {
  width: auto;
}
.theme-default .challengeNews .table-responsive {
  overflow: hidden;
}
.theme-default .challengeNews table {
  background-color: #fff;
}
.theme-default .challengeNews .edit {
  width: 50px;
}
.theme-default .challengeNews .delete {
  width: 50px;
}
.theme-default .challengeNews .addNewsButton {
  width: 100%;
}
.theme-default .challengeNews .modalBody button {
  background-color: #fff;
}
.theme-default .challengeNews hr {
  border-color: #e2001a;
}
.theme-default .challengeNews #bottomPagination a {
  width: auto;
}
/*------------------------
 TEAM INDEX
------------------------- */
.theme-default .teamIndex .ChallengeLeftBox {
  margin-bottom: 20px;
}
.theme-default .teamIndex .ChallengeRightBox {
  margin-bottom: 20px;
}
.theme-default .teamIndex #bottomPagination a {
  width: auto;
}
/*------------------------
 TEAM CREATE
------------------------- */
.theme-default .teamCreate .ChallengeLeftBox {
  margin-bottom: 20px;
}
.theme-default .teamCreate .ChallengeRightBox {
  margin-bottom: 20px;
}
/*------------------------
 TEAM VIEW
------------------------- */
.theme-default .teamView .ChallengeLeftBox {
  margin-bottom: 20px;
}
.theme-default .teamView .ChallengeRightBox {
  margin-bottom: 20px;
}
/*------------------------
 TEAM DONATION LIST
------------------------- */
.theme-default .teamDonationList .ChallengeLeftBox {
  margin-bottom: 20px;
}
.theme-default .teamDonationList .ChallengeRightBox {
  margin-bottom: 20px;
}
/*------------------------
 TEAM ADMIN VIEW
------------------------- */
.theme-default .teamAdminView .ChallengeLeftBox {
  margin-bottom: 20px;
}
.theme-default .teamAdminView .ChallengeRightBox {
  margin-bottom: 20px;
}
/*------------------------
 TEAM ADMIN EDIT
------------------------- */
.theme-default .teamAdminEdit .ChallengeLeftBox {
  margin-bottom: 20px;
}
.theme-default .teamAdminEdit .ChallengeRightBox {
  margin-bottom: 20px;
}