/*

Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://uniformjs.com/

*/

/* General settings */

div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
  background-image: url("/R/E/Adhesion00/assets/img/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}
div.selector,
div.checker,
div.button,
div.radio,
div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */

}
div.selector:focus,
div.checker:focus,
div.button:focus,
div.radio:focus,
div.uploader:focus {
  outline: 0;
}
div.selector,
div.selector *,
div.radio,
div.radio *,
div.checker,
div.checker *,
div.uploader,
div.uploader *,
div.button,
div.button * {
  margin: 0;
  padding: 0;
}
.highContrastDetect {
  background: url("/R/E/Adhesion00/assets/img/bg-input.png") repeat-x 0 0;
  width: 0px;
  height: 0px;
}
/* Input & Textarea */

input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  padding: 3px;
  background: url("/R/E/Adhesion00/assets/img/bg-input.png") repeat-x 0 0;
  outline: 0;
}
input.uniform-input.active,
select.uniform-multiselect.active,
textarea.uniform.active {
  background: url("/R/E/Adhesion00/assets/img/bg-input-focus.png") repeat-x 0 0;
}
/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */

div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none;
}
/* Select */

div.selector {
  background-position: 0 -130px;
  line-height: 26px;
  height: 26px;
  padding: 0 0 0 10px;
  position: relative;
  overflow: hidden;
}
div.selector span {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  background-position: right 0;
  height: 26px;
  line-height: 26px;
  padding-right: 25px;
  cursor: pointer;
  width: 100%;
}
div.selector.fixedWidth {
  width: 190px;
}
div.selector.fixedWidth span {
  width: 155px;
}
div.selector select {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  height: 22px;
  top: 2px;
  left: 0px;
  width: 100%;
}
div.selector.active {
  background-position: 0 -156px;
}
div.selector.active span {
  background-position: right -26px;
}
div.selector.hover,
div.selector.focus {
  background-position: 0 -182px;
}
div.selector.hover span,
div.selector.focus span {
  background-position: right -52px;
}
div.selector.hover.active,
div.selector.focus.active {
  background-position: 0 -208px;
}
div.selector.hover.active span,
div.selector.focus.active span {
  background-position: right -78px;
}
div.selector.disabled,
div.selector.disabled.active {
  background-position: 0 -234px;
}
div.selector.disabled span,
div.selector.disabled.active span {
  background-position: right -104px;
}
/* Checkbox */

div.checker {
  position: relative;
}
div.checker,
div.checker span,
div.checker input {
  width: 19px;
  height: 19px;
}
div.checker span {
  /* display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -260px; */
  background: none !important;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: 5%;
  opacity: 1;
  color: #c7c7c7;
  position: relative;
}
.toolbox div.checker span {
  color: #555;
}
div.checker span:before {
  content: "\f00c";
}
div.checker span.checked {
  /* background-position: -76px -260px; */
  color: #000;
  opacity: 1;
}
.toolbox div.checker span.checked {
  /* background-position: -76px -260px; */
  color: #fff;
}
div.checker input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
div.checker.active span {
  background-position: -19px -260px;
}
div.checker.active span.checked {
  background-position: -95px -260px;
}
div.checker.hover span,
div.checker.focus span {
  background-position: -38px -260px;
}
div.checker.hover span.checked,
div.checker.focus span.checked {
  background-position: -114px -260px;
}
div.checker.hover.active span,
div.checker.focus.active span {
  background-position: -57px -260px;
}
div.checker.hover.active span.checked,
div.checker.focus.active span.checked {
  background-position: -133px -260px;
}
div.checker.disabled,
div.checker.disabled.active {
  background-position: -152px -260px;
}
div.checker.disabled span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}
/* Radio */

div.radio {
  position: relative;
}
div.radio,
div.radio span,
div.radio input {
  width: 18px;
  height: 18px;
}
div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 -279px;
}
div.radio span.checked {
  background-position: -72px -279px;
}
div.radio input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
}
div.radio.active span {
  background-position: -18px -18px -279px;
}
div.radio.active span.checked {
  background-position: -90px -279px;
}
div.radio.hover span,
div.radio.focus span {
  background-position: -36px -36px -279px;
}
div.radio.hover span.checked,
div.radio.focus span.checked {
  background-position: -108px -279px;
}
div.radio.hover.active span,
div.radio.focus.active span {
  background-position: -54px -279px;
}
div.radio.hover.active span.checked,
div.radio.focus.active span.checked {
  background-position: -126px -279px;
}
div.radio.disabled span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}
div.radio.disabled span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}
/* Uploader */

div.uploader {
  background-position: 0 -297px;
  height: 28px;
  width: 190px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
div.uploader span.action {
  background-position: right -409px;
  height: 28px;
  line-height: 28px;
  width: 82px;
  text-align: center;
  float: left;
  display: inline;
  overflow: hidden;
  cursor: pointer;
}
div.uploader span.filename {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  cursor: default;
  height: 24px;
  margin: 2px 0 2px 2px;
  line-height: 24px;
  width: 85px;
  padding: 0 10px;
}
div.uploader input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  cursor: default;
  width: 100%;
  height: 100%;
}
div.uploader.active span.action {
  background-position: right -465px;
}
div.uploader.hover,
div.uploader.focus {
  background-position: 0 -353px;
}
div.uploader.hover span.action,
div.uploader.focus span.action {
  background-position: right -437px;
}
div.uploader.hover.active span.action,
div.uploader.focus.active span.action {
  background-position: right -493px;
}
div.uploader.disabled,
div.uploader.disabled.active {
  background-position: 0 -325px;
}
div.uploader.disabled span.action,
div.uploader.disabled.active span.action {
  background-position: right -381px;
}
/* Buttons */

div.button {
  background-position: 0 -641px;
  height: 30px;
  cursor: pointer;
  position: relative;
  /* Keep buttons barely visible so they can get focus */

}
div.button a,
div.button button,
div.button input {
  opacity: 0.01;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
div.button span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 22px;
  text-align: center;
  background-position: right -521px;
  height: 22px;
  margin-left: 13px;
  padding: 8px 15px 0 2px;
}
div.button.active {
  background-position: 0 -671px;
}
div.button.active span {
  background-position: right -551px;
  cursor: default;
}
div.button.hover,
div.button.focus {
  background-position: 0 -701px;
}
div.button.hover span,
div.button.focus span {
  background-position: right -581px;
}
div.button.disabled,
div.button.disabled.active {
  background-position: 0 -731px;
}
div.button.disabled span,
div.button.disabled.active span {
  background-position: right -611px;
  cursor: default;
}
/* INPUT & TEXTAREA */

input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  font-size: 12px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #777;
  border-top: solid 1px #aaaaaa;
  border-left: solid 1px #aaaaaa;
  border-bottom: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
input.uniform-input.hover,
input.uniform-input.focus,
select.uniform-multiselect.hover,
select.uniform-multiselect.focus,
textarea.uniform.hover,
textarea.uniform.focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  border-color: #999;
}
/* PRESENTATION */

/* Buttons */

div.button span {
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
div.button.hover span,
div.button.focus span {
  color: #555;
}
div.button.disabled span,
div.button.disabled.active span {
  color: #bbb;
}
/* Select */

div.selector {
  font-size: 12px;
}
div.selector span {
  color: #666;
  text-shadow: 0 1px 0 white;
}
div.selector select {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
}
div.selector.disabled span,
div.selector.disabled.active span {
  color: #bbb;
}
/* Checker */

div.checker {
  margin-top: 7px;
  margin-right: 5px;
}
/* Radio */

div.radio {
  margin-right: 3px;
}
/* Uploader */

div.uploader span.action {
  text-shadow: white 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}
div.uploader span.filename {
  color: #777;
  border-right: solid 1px #bbbbbb;
  font-size: 11px;
}
div.uploader.disabled span.action,
div.uploader.disabled.active span.action {
  color: #aaa;
}
div.uploader.disabled span.filename,
div.uploader.disabled.active span.filename {
  border-color: #ddd;
  color: #aaa;
}
input.uniform-input,
input.uniform-input:focus {
  background-color: #fff;
}
/*============================================
=            MAIN MODULE ADHESION            =
============================================*/

.membershipsRemaining {
  background-color: #F8F5D2;
  border: 1px solid #D3D871;
  color: #635C56;
  padding: 7px;
  margin: 15px 0px;
  font-size: 13px;
  border-radius: 5px;
  text-align: center;
}
.adhesion-wrapper {
  margin-bottom: 0;
  position: relative;
}
.adhesion-infos .passType {
  font-size: 15px;
  font-weight: bold;
}
.adhesion-wrapper.row-fluid {
  margin-bottom: 25px;
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
}
.allMembers-wrapper.horizontal {
  border-bottom: 1px solid #ddd;
}
.allMembers-wrapper.horizontal.no-border {
  border-bottom: none;
}
.extension_Adhesion .titleWrapper .titleModule {
  background-color: grey;
  display: block;
  padding: 5px 10px;
  margin-top: -23px !important;
  text-align: center;
}
.extension_Adhesion .titleWrapper {
  text-align: center;
  display: table;
  margin-left: auto !important;
  margin-right: auto !important;
}
.extension_Adhesion .allMembers-wrapper .adhesion-wrapper .titleModule {
  display: table;
  margin-top: -49px;
  background-color: grey;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 5px 10px;
}
.extension_Adhesion .allMembers-wrapper .titleModule.family {
  background-color: #808080;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 5px 10px;
  text-align: center;
  display: table;
  margin-bottom: -15px;
  z-index: 1;
  position: relative;
}
.adhesion-wrapper span {
  display: block;
}
.user-picture {
  border: 1px solid #ddd;
  height: 120px;
  width: 100px !important;
  margin-bottom: 10px !important;
  text-align: center;
  position: relative;
  display: table;
}
.user-picture i,
.userFound-picture i {
  font-size: 100px !important;
  color: grey;
  display: table-cell;
  vertical-align: middle;
  padding-top: 10px;
  opacity: 0.5;
}
.user-infos {
  padding-bottom: 30px !important;
}
.allMembers-wrapper.horizontal.row-fluid {
  margin-bottom: 20px;
}
.modifUser-wrapper .generalInfos .inline,
.createUser-wrapper .generalInfos .inline,
.modifUser-wrapper .detailInfos .inline,
.createUser-wrapper .detailInfos .inline {
  display: inline;
}
.modifUser-wrapper .generalInfos label .required,
.createUser-wrapper .generalInfos label .required,
.modifUser-wrapper .detailInfos label .required,
.createUser-wrapper .detailInfos label .required {
  color: #bd0000;
  margin-left: 5px;
  font-size: 20px;
  vertical-align: middle;
  display: inline;
}
.modifUser-wrapper .instructions,
.createUser-wrapper .instructions {
  font-style: italic;
  font-size: 11px;
  text-align: left;
  float: right;
  padding-left: 9px 0 0 9px;
}
.modifUser-wrapper .for-required,
.createUser-wrapper .for-required {
  clear: both;
  display: block;
  text-align: left;
}
.modifUser-wrapper .for-required .required,
.createUser-wrapper .for-required .required {
  clear: both;
  color: red;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  width: 20px;
}
.modifUser-wrapper .for-required .title,
.createUser-wrapper .for-required .title {
  color: #bd0000;
  display: inline;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 5px;
}
.img-famille img {
  display: none;
  margin: auto;
  width: 100%;
}
/*TODO: Contenir la couleur du bouton dans le css du site*/

.allMembers-wrapper.horizontal .bottom-button,
.allMembers-wrapper.vertical.verticalHorizontal .bottom-button,
.bottom-button.add-user {
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  background-color: #EA700D;
  color: white;
  font-weight: bold;
  border-radius: 5px !important;
  text-align: center;
  line-height: 35px;
  width: 180px !important;
  height: 35px;
}
.adhesion-infos.fixHeight {
  height: 100px;
}
.adhesion-infos.only.right {
  border-right: 1px solid #ddd;
}
.adhesion-infos.only {
  height: 160px;
}
.adhesion-infos.right span:nth-child(1) {
  padding-top: 19px;
}
.bottom-button.add-user {
  background-color: #57BD42 !important;
  float: right !important;
  position: relative !important;
  margin-top: 20px;
}
.adhesionUserName {
  font-weight: bold;
  font-size: 15px;
}
.adhesionAdress {
  height: 61px;
}
.datepicker.datepicker-dropdown.dropdown-menu {
  padding: 15px;
}
.allMembers-wrapper .modalButton:hover {
  outline: 1px solid #FFF;
  background-color: transparent !important;
  transition: 0.1s all;
}
.allMembers-wrapper .modalButton {
  background: transparent linear-gradient(to bottom, #DA0000 0%, #DA0000 0%, #6A0404 100%) repeat scroll 0% 0%;
  text-align: center;
  clear: both;
  display: inline-block;
  padding: 1px 20px;
  margin-top: 15px;
  cursor: pointer;
  max-width: 157px;
  /*transition:0.1s all;   */

}
.allMembers-wrapper .modalButton span {
  display: block;
}
/*=========================================
=            loading icon move            =
=========================================*/

/* Loading composant */

.loading-component {
  background-color: #FFF;
  opacity: 0.8;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 20;
  top: 0px;
  left: 0px;
  display: none;
}
.loading-component .loading-inner {
  border: 2px solid rgba(0, 0, 0, 0.5);
  border-top-color: rgba(0, 0, 0, 0.08);
  border-left-color: rgba(0, 0, 0, 0.08);
  background-color: transparent;
  border-radius: 150px !important;
  vertical-align: middle;
  -webkit-animation: loading 1s infinite linear;
  -moz-animation: loading 1s infinite linear;
  -ms-animation: loading 1s infinite linear;
  -o-animation: loading 1s infinite linear;
  animation: loading 1s infinite linear;
  width: 100px;
  height: 100px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes loading {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes loading {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes loading {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*================================================
=            VERTICAL ADHESION MODULE            =
================================================*/

.col-md-6.extension_Adhesion .allMembers-wrapper .adhesion-infos.left,
.col-md-7.extension_Adhesion .allMembers-wrapper .adhesion-infos.left,
.col-md-8.extension_Adhesion .allMembers-wrapper .adhesion-infos.left,
.col-md-9.extension_Adhesion .allMembers-wrapper .adhesion-infos.left,
.col-md-10.extension_Adhesion .allMembers-wrapper .adhesion-infos.left,
.col-md-11.extension_Adhesion .allMembers-wrapper .adhesion-infos.left,
.col-md-6.extension_Adhesion .allMembers-wrapper .adhesion-infos.right,
.col-md-7.extension_Adhesion .allMembers-wrapper .adhesion-infos.right,
.col-md-8.extension_Adhesion .allMembers-wrapper .adhesion-infos.right,
.col-md-9.extension_Adhesion .allMembers-wrapper .adhesion-infos.right,
.col-md-10.extension_Adhesion .allMembers-wrapper .adhesion-infos.right,
.col-md-11.extension_Adhesion .allMembers-wrapper .adhesion-infos.right {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.col-md-6.extension_Adhesion .allMembers-wrapper .nextAdh:nth-child(even),
.col-md-7.extension_Adhesion .allMembers-wrapper .nextAdh:nth-child(even),
.col-md-8.extension_Adhesion .allMembers-wrapper .nextAdh:nth-child(even),
.col-md-9.extension_Adhesion .allMembers-wrapper .nextAdh:nth-child(even),
.col-md-10.extension_Adhesion .allMembers-wrapper .nextAdh:nth-child(even),
.col-md-11.extension_Adhesion .allMembers-wrapper .nextAdh:nth-child(even) {
  margin-left: 5px;
}
.col-md-9.extension_Adhesion .nextAdh {
  width: 47% !important;
  padding: 25px 15px !important;
}
.col-md-8.extension_Adhesion .nextAdh {
  width: 44% !important;
}
.col-md-8.extension_Adhesion .allAdhWrapper.col-md-12 .nextAdh {
  width: 48% !important;
}
.col-md-8.extension_Adhesion .nextAdh:nth-child(even) {
  margin-left: 10px !important;
}
.newUser-wrapper.visible {
  box-shadow: 0 0 1px #fff;
  margin-bottom: 15px;
  padding: 30px 20px 10px !important;
}
.newUser-wrapper .user-picture {
  display: none;
}
.newUser-wrapper .user-picture.visible {
  display: table;
}
.allMembers-wrapper.vertical .adhesion-wrapper.associes {
  position: relative;
  padding-bottom: 50px !important;
}
.allMembers-wrapper.vertical .bottom-button.create.only {
  bottom: 30px !important;
  position: absolute;
}
.allMembers-wrapper.vertical .bottom-button.create.only.noAdh {
  position: relative !important;
  display: block;
}
.allMembers-wrapper.vertical .adhesion-wrapper.associes,
.allMembers-wrapper.vertical .adhesion-wrapper {
  border: 1px solid #ddd;
  padding: 30px !important;
  margin-bottom: 15px;
  padding-bottom: 89px !important;
}
.allMembers-wrapper.vertical .adhesion-wrapper.associes.noAdh,
.allMembers-wrapper.vertical .adhesion-wrapper.porteur.noAdh {
  /*box-shadow: 0px 0px 12px rgb(221, 221, 221);*/
  border: 1px solid #ddd;
  padding: 30px !important;
  margin-bottom: 15px;
  padding-bottom: 10px !important;
}
.allMembers-wrapper.vertical .adhesion-infos.left.only {
  height: 140px !important;
}
.allMembers-wrapper.vertical .adhCode {
  height: 40px;
}
.allMembers-wrapper.vertical .adhesion-infos.left .bottom-button,
.allMembers-wrapper.vertical .adhesion-infos.left.fixHeight .bottom-button.renew,
.allMembers-wrapper.vertical .adhesion-infos.left.only .bottom-button.create {
  margin-top: 40px;
}
.allMembers-wrapper.vertical .adhesion-infos.left .bottom-button.create {
  margin-top: 41px;
}
.allMembers-wrapper.vertical .adhesion-infos.left.no-pass .bottom-button.create.noAdh {
  margin-top: 92px;
}
.allMembers-wrapper.vertical .adhesion-infos.left.no-pass.col-md-6 {
  margin-top: 15px;
  /*width: 45% !important;*/

}
.allMembers-wrapper.vertical .adhesion-infos.right.col-md-6 {
  margin-left: 0px !important;
}
.allMembers-wrapper.vertical .adhLibelle {
  font-weight: bold;
  font-size: 14px;
}
.allMembers-wrapper.vertical span.passType {
  visibility: hidden;
}
.allMembers-wrapper.vertical .user-infos .memberEmail,
.allMembers-wrapper.vertical .user-infos .userEmail {
  height: 40px;
}
.allMembers-wrapper.vertical .adhesion-wrapper .bottom-button {
  cursor: pointer;
  background-color: #EA700D;
  color: white;
  font-weight: bold;
  border-radius: 5px !important;
  text-align: center;
  line-height: 33px;
  width: 180px !important;
  height: 35px;
  border: 1px solid #EA700D;
  opacity: 1;
}
.allMembers-wrapper.vertical .adhesion-wrapper .bottom-button.modif:hover,
.allMembers-wrapper.vertical .adhesion-wrapper .bottom-button.create:hover {
  opacity: 0.8;
}
.allMembers-wrapper.vertical .adhesion-wrapper.row-fluid .fixHeight {
  height: auto;
}
.allMembers-wrapper.vertical .adhesion-wrapper.row-fluid {
  height: auto;
}
.allMembers-wrapper.vertical .adhesion-wrapper.porteur.row-fluid.hiddenBlock {
  display: none;
}
/*==================================================
=            HORIZONTAL ADHESION MODULE            =
==================================================*/

.allMembers-wrapper.horizontal.row-fluid {
  padding-bottom: 15px;
}
.allMembers-wrapper.horizontal.full.row-fluid .bottom-button {
  position: relative;
  margin-top: 40px;
  display: block;
  clear: both;
  bottom: 0;
}
.allMembers-wrapper.horizontal.full.row-fluid .adhesion-wrapper .user-infos {
  padding-bottom: 35px !important;
  padding-left: 10px !important;
}
.allMembers-wrapper.horizontal .adhesion-wrapper .adhesion-infos-wrapper.row-fluid {
  margin-bottom: 25px;
  margin-left: 20px;
}
.allMembers-wrapper.horizontal .adhesion-wrapper {
  box-shadow: 0px 0px 16px #dddddd;
  padding: 15px !important;
  margin-bottom: 15px;
}
.allMembers-wrapper.horizontal .adhesion-wrapper.associes {
  float: right;
}
.allMembers-wrapper.horizontal .user-infos.only {
  padding-bottom: 30px !important;
}
.allMembers-wrapper.horizontal .user-infos.only .bottom-button {
  position: relative;
  display: block;
  bottom: 0px;
  margin-top: 40px;
}
.allMembers-wrapper.horizontal .adhesion-infos.left {
  padding-left: 7px !important;
}
.allMembers-wrapper.horizontal .adhesion-infos.left .bottom-button.create {
  margin-top: 60px;
}
/*-----  End of MAIN MODULE ADHESION  ------*/

/*===============================
    =            Spinner            =
    ===============================*/

.spinner {
  margin: 30px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  display: none;
  font-size: 10px;
}
.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
/*-----  End of SPINNER  ------*/

.fileupload-holder,
.fileupload-input {
  cursor: pointer;
}
.extension_Adhesion .manageMembership-wrapper {
  margin-bottom: 0px !important;
}
/*===============================================
=          SUBMODULE (search, create ..)        =
===============================================*/

.bottom-button.manageApply,
.bottom-button.modifApply,
.button-search.searchUserbutton,
.button-link.linkAdhesionbutton,
.button-create.createUserbutton,
.button-search.userFoundbutton,
.button-search.linkUserbutton,
.button-search.showNextbutton {
  margin-right: 15px !important;
}
.bottom-button:hover,
.button-search:hover,
.button-link:hover,
.button-create:hover,
.button-addMember:hover {
  opacity: 0.8;
}
.createUser-wrapper input,
.searchUser-wrapper input,
.linkAdhesion-wrapper input {
  margin-bottom: 15px;
}
.linkAdhesion-wrapper .opaque,
.linkUser-wrapper .opaque,
.showNext-wrapper .opaque {
  background-color: gray;
  display: block;
  margin: -10px;
  opacity: 0.5;
  position: absolute;
  z-index: 100;
  width: 100%;
}
.linkAdhesion-wrapper .opaque {
  height: 100%;
}
.linkUser-wrapper .opaque {
  height: 100%;
}
.showNext-wrapper .opaque {
  height: 65px;
  width: 543px;
}
.fileupload-holder img {
  width: 130px;
  height: auto;
}
.createMembers-wrapper .cancel {
  display: block;
  margin-left: 0;
  height: 25px;
  line-height: 22px;
  background-color: #BD120E !important;
}
.createMembers-wrapper .cancel span {
  display: inline-block;
  vertical-align: middle;
}
.createUser-wrapper label {
  text-align: left;
}
i.fa-calendar {
  display: inline-block;
  color: grey;
  padding: 8.5px;
  margin-left: -28px;
}
.manageMembership-wrapper .manageMembership-subWrapper {
  width: 75%;
}
.user-picture i {
  padding-top: 0px !important;
}
.user-picture {
  height: 100px;
  width: 100px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.user-picture img.userImg {
  height: 100px;
  width: auto;
}
.generalInfos label.required,
.detailInfos label.required {
  position: relative;
}
.generalInfos input.required,
.generalInfos div.required,
.detailInfos input.required {
  border: 1px solid red !important;
}
.generalInfos label.required:after,
.detailInfos label.required:after {
  content: "Champ obligatoire";
  position: absolute;
  bottom: -13px;
  left: 0px;
  color: red;
  font-size: 10px;
}
.generalInfos .errorMessage {
  background-color: red;
}
.radio-wrapper .radio input[type="radio"] {
  cursor: pointer;
  margin-left: -8px !important;
}
.modifUser-wrapper label {
  margin-bottom: 0px;
  margin-top: 5px;
}
.modifUser-wrapper input.fileupload-input {
  height: 130px !important;
}
.modifUser-wrapper form select {
  height: 28px;
  width: 150px;
  color: black;
}
.porteur .modifUser-wrapper .generalInfos {
  padding-right: 5px !important;
}
.porteur .modifUser-wrapper .detailInfos .radio-wrapper {
  display: none;
}
.wrapper-abo {
  width: 100%;
}
.abo-histo {
  width: 100%;
}
.wrap-num {
  display: flex !important;
  justify-content: space-between;
}
.wrap-num p.pass-num {
  margin-right: 10px;
}
.wrap-num-histo {
  display: flex !important;
  justify-content: space-between;
}
.wrap-num-histo p.pass-num {
  margin-right: 10px;
}
.wrap-start {
  display: flex !important;
  justify-content: space-between;
}
.wrap-start p.pass-date {
  margin-right: 10px;
}
.wrap-start-histo {
  display: flex !important;
  justify-content: space-between;
}
.wrap-start-histo p.pass-date {
  margin-right: 10px;
}
.wrap-achat {
  display: flex !important;
  justify-content: space-between;
}
.wrap-achat p.pass-date {
  margin-right: 10px;
}
.wrap-achat-histo {
  display: flex !important;
  justify-content: space-between;
}
.wrap-achat-histo p.pass-date {
  margin-right: 10px;
}
.wrap-end {
  display: flex !important;
  justify-content: space-between;
}
.wrap-end p.pass-validity {
  margin-right: 10px;
}
.wrap-end-histo {
  display: flex !important;
  justify-content: space-between;
}
.wrap-end-histo p.pass-validity {
  margin-right: 10px;
}
/*==========================================
	=            Create user/member            =
	==========================================*/

.createMembers-wrapper {
  display: none;
  margin: auto;
  text-align: center;
}
.createMembers-wrapper span {
  display: block;
}
/*TODO: Contenir la couleur du bouton dans le css du site*/

.createMembers-wrapper .button-addMember {
  margin: 0px 0px 10px 370px;
  height: 45px;
  cursor: pointer;
  width: 170px;
  background-color: #57BD42;
  color: white;
  border-radius: 5px;
  font-weight: bold;
  display: table;
}
.createMembers-wrapper .cancel {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 25px;
  line-height: 22px;
  background-color: #BD120E !important;
}
.createMembers-wrapper .button-addMember span {
  display: table-cell;
  vertical-align: middle;
}
.createMembers-wrapper .cancel span {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.createUser-wrapper {
  display: none;
  clear: both;
  text-align: center;
}
.createUser-wrapper form {
  margin-top: 25px;
}
.createUser-wrapper form input {
  height: 30px;
}
.createUser-wrapper form select {
  height: 30px;
  width: 150px;
  margin-bottom: 15px;
  color: black;
}
.createUser-wrapper label.imageGuid {
  display: inline-block;
  margin-bottom: 15px;
  text-align: left;
  width: 150px;
  clear: both;
}
.createUser-wrapper .fileupload-holder {
  width: 150px !important;
  text-align: center;
}
.createUser-wrapper .fileupload-holder .textImg span {
  font-size: 15px;
  width: 90px;
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
  display: block !important;
}
.createUser-wrapper .fileupload-holder i {
  margin-top: 12px;
}
.createUser-wrapper .fileupload-icon,
.createUser-wrapper .fileupload-holder,
.createUser-wrapper .fileupload-holder img,
.createUser-wrapper .fileupload-input {
  width: 150px;
  min-height: 150px;
  clear: both;
  display: block;
  padding: 0px !important;
}
.createUser-wrapper .fileupload-holder img {
  border-radius: 3px;
  width: 148px;
}
@media (max-width: 991px) {
  .createUser-wrapper .fileupload-icon,
  .createUser-wrapper .fileupload-holder,
  .createUser-wrapper .fileupload-holder img,
  .createUser-wrapper .fileupload-input {
    display: inline-block;
  }
  .radio-wrapper,
  .diffAddress-wrapper {
    text-align: center !important;
  }
}
/*TODO: Contenir la couleur du bouton dans le css du site*/

.createUserbutton.button-cancel,
.searchUserbutton.button-cancel,
.linkAdhesionbutton.button-cancel,
.userFoundbutton.button-cancel,
.linkUserbutton.button-cancel,
.bottom-button.manageCancel,
.bottom-button.modifCancel {
  background-color: #BD120E !important;
}
/*TODO: Contenir la couleur du bouton dans le css du site*/

.createUserbutton.button-create,
.searchUserbutton.button-search,
.linkAdhesionbutton.button-link,
.userFoundbutton.button-search,
.linkUserbutton.button-search,
.bottom-button.manageApply,
.bottom-button.modifApply {
  background-color: #57BD42 !important;
}
.createUserbutton:hover,
.searchUserbutton:hover,
.linkAdhesionbutton:hover {
  opacity: 0.8;
}
.diffAddress-wrapper {
  display: none;
  text-align: left;
}
.createUserbutton,
.searchUserbutton,
.linkAdhesionbutton,
.userFoundbutton,
.linkUserbutton,
.bottom-button.manageCancel,
.bottom-button.manageApply,
.bottom-button.modifCancel,
.bottom-button.modifApply {
  line-height: 30px;
  color: white;
  border-radius: 5px;
  cursor: pointer;
  display: inline-table;
  height: 30px;
  width: 130px;
}
.extension_Adhesion label,
.extension_Adhesion form input {
  display: block;
  width: 100%;
}
.radio-wrapper label {
  width: 200px !important;
  text-align: left !important;
  float: right;
  margin-top: 5px;
}
.radio-wrapper {
  text-align: left;
  margin-bottom: 21px;
}
/*========================================
	=            Datepicker_color            =
	========================================*/

/*TODO: Contenir la couleur du bouton dans le css du site*/

.datepicker table tr td.active.active,
.datepicker table tr td.active,
.datepicker .active,
.datepicker table tr td span.active,
.datepicker table tr td.active .datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.active:hover {
  background-color: #EA700D !important;
  background-color: #006DCC !important;
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: #FFF;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25) !important;
  opacity: 1;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td span.active:hover {
  opacity: 0.8;
}
/*==============================================
	=            Search membership Bloc            =
	==============================================*/

.searchUser-wrapper,
.userFound-wrapper,
.linkUser-wrapper {
  text-align: center;
  display: none;
}
.searchUserbutton {
  margin-top: 20px;
}
.searchUser-wrapper span,
.userFound-wrapper span.title,
.linkUser-wrapper span.title {
  margin-bottom: 30px;
  display: block;
}
.searchUser-wrapper input {
  width: 50%;
  height: 25px !important;
}
.searchUser-wrapper label {
  display: inline-block;
  text-align: left;
  width: auto;
}
.searchUser-wrapper .searchError {
  display: none;
  color: red;
  font-weight: bold;
}
.searchUser-wrapper label .alert {
  display: none;
  position: absolute;
}
.searchUser-wrapper div div {
  width: 100%;
  text-align: left;
}
.searchUser-wrapper label:hover .alert {
  display: block;
  z-index: 50;
}
/*==============================================
	=            Link membership Bloc            =
	==============================================*/

.linkAdhesion-wrapper {
  clear: both;
  border: 1px solid #b00101;
  text-align: center;
  padding: 10px;
  margin-bottom: 15px;
  /*display: none;*/

}
.linkAdhesionbutton {
  margin-top: 20px;
}
.linkAdhesion-wrapper span {
  margin-bottom: 30px;
  display: block;
}
.linkAdhesion-wrapper input {
  width: 50%;
  height: 25px !important;
}
.linkAdhesion-wrapper label {
  display: inline-block;
  text-align: left;
}
.linkAdhesion-wrapper .searchError {
  display: none;
  color: red;
  font-weight: bold;
}
.linkAdhesion-wrapper label .alert {
  display: none;
  position: absolute;
}
.linkAdhesion-wrapper label:hover .alert {
  display: block;
}
.showNext-wrapper {
  clear: both;
  border: 1px solid #b00101;
  padding: 10px;
  /*display: none;*/

}
.showNext-wrapper label {
  display: inline-block;
  text-align: left;
  width: 50%;
  height: 40px;
  /*en urgence*/

}
/*=======================================
	=            Userfound block            =
	=======================================*/

.userFound-wrapper .userFound-picture {
  border: 1px solid #ddd;
  height: 100px;
  width: 100px !important;
  position: relative;
  display: table;
}
.userFound-wrapper .userFound-name {
  font-weight: bold;
}
.userFound-wrapper .userFound-infos {
  display: inline-block;
  text-align: left !important;
  position: absolute;
  top: 1px;
  left: 135px;
}
.userFound-wrapper .userFound-infos span {
  display: block;
}
.userFound-wrapper .userFoundInfos-wrapper {
  position: relative;
  width: 400px;
  display: block;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
/*=======================================
	=            Userlink block            =
	=======================================*/

.linkUser-wrapper {
  clear: both;
  border: 1px solid #b00101;
  text-align: center;
  padding: 10px;
  margin-bottom: 15px;
  /*display: none;*/

}
.linkUser-wrapper .linkUser-picture {
  border: 1px solid #ddd;
  height: 100px;
  width: 100px !important;
  position: relative;
  display: table;
}
.linkUser-wrapper .linkUser-name {
  font-weight: bold;
}
.linkUser-wrapper .linkUser-infos {
  display: inline-block;
  text-align: left !important;
  position: absolute;
  top: 1px;
  left: 135px;
}
.linkUser-wrapper .linkUser-infos span {
  display: block;
}
.linkUser-wrapper .linkUserInfos-wrapper {
  position: relative;
  width: 400px;
  display: block;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.linkUser-wrapper label {
  display: inline-block;
  text-align: left;
}
/*===================================
	=            FILE upload            =
	===================================*/

.fileupload .progress {
  min-width: 200px;
  margin-bottom: 0;
}
.fileupload td {
  text-align: center;
  vertical-align: middle;
}
.fileupload.single td.delete .checker {
  display: none;
}
.fileupload-icon {
  border-radius: 4px !important;
  border: 1px solid #e5e5e5;
  text-align: center;
  color: #AAA;
  padding: 10px;
  width: 150px;
}
.fileupload-icon span {
  display: block;
}
.fileupload-holder .fileupload-icon i {
  font-size: 50px;
  color: #CCC;
}
.fileupload-holder form {
  margin-top: 20px;
}
.fileupload-holder {
  position: relative;
  display: inline-block;
}
.fileupload-holder .fileupload-input {
  cursor: pointer;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
/*=========================================
	=            Manage membership            =
	=========================================*/

.manageMembership-wrapper {
  display: none;
  text-align: center;
  margin-bottom: 45px !important;
}
.manageMembership-wrapper .bottom-button.manageCancel,
.manageMembership-wrapper .bottom-button.manageApply {
  display: inline-block !important;
  margin-left: auto;
  margin-top: 15px;
  margin-right: auto;
}
.manageMembership-wrapper .manageMembership-subWrapper {
  width: 75%;
  margin-left: auto;
  margin-top: 15px;
  margin-right: auto;
}
.manageMembership-wrapper .manageMembership-subWrapper label {
  width: 90%;
  padding-left: 10px;
}
.manageMembership-wrapper .manageMembership-subWrapper .manageHeader {
  font-weight: bold;
  position: relative;
  height: 30px;
  border-bottom: 1px solid #ddd;
  margin-top: 50px;
}
.manageMembership-wrapper .manageMembership-subWrapper .adhProduct {
  margin-top: 20px;
  text-align: left;
  display: block;
}
.manageMembership-wrapper .manageMembership-subWrapper .manageProducts {
  float: left;
  display: block;
  line-height: 30px;
}
.manageMembership-wrapper .manageMembership-subWrapper .manageAv {
  line-height: 30px;
  float: right;
  display: block;
}
.manageMembership-wrapper .manageMembership-subWrapper .checker {
  margin-top: -4px;
  margin-left: -40px;
  border: 1px solid #ddd;
}
.manageMembership-wrapper .manageMembership-subWrapper .validNumber {
  float: right;
  font-weight: bold;
}
.manageMembership-wrapper .manageMembership-subWrapper .validNumber.red {
  color: red;
}
.manageMembership-wrapper .manageMembership-subWrapper .validNumber.green {
  color: green;
}
/*-----  End of SUBMODULE (search, create ..)  ------*/

/*TODO: wrap this in container comment*/

/*.nextAdh.fist{
	margin-bottom: 60px !important;
}
.nextAdh,.firstAdh{
	
	border:2px dashed #F7C8AF;
	margin-bottom: 10px !important;
	padding: 25px 10px 25px !important;
}
.user-infos{
	margin-bottom: 10px !important;
	padding:12px !important;
}

.nextAdhWrapper{
	margin-left: 0px !important;
	
}
.nextAdh.even{
	margin-left: 0 !important;
}*/

.col-md-12.extension_Adhesion .allAdhWrapper .nextAdh:nth-child(odd) {
  margin-left: 0px !important;
  clear: left;
}
.col-md-12.extension_Adhesion .allAdhWrapper .nextAdh:nth-child(even) {
  margin-left: 15px !important;
  display: inline-block;
}
.nextAdh {
  border: 2px dashed #F7C8AF;
  margin-bottom: 10px !important;
  padding: 25px 10px 25px !important;
}
/** Module Coupon Adhesion ***/

#tooltipHelper {
  display: none;
  position: absolute;
  right: 0%;
  top: 90%;
  width: 400px;
  z-index: 1000000;
  background: aliceblue;
  padding: 20px;
}
#tooltipLaunch:hover {
  cursor: pointer;
}
#tooltipLaunch:hover + #tooltipHelper {
  display: inline-flex;
}
#couponPromo label {
  width: inherit;
}
/*==================================
=        Webcam Adh�sion           =
==================================*/

.displayWebcam {
  margin-top: 15px;
}
#canvasWebcam,
#videoWebcam {
  background: #ccc;
  border: 1px solid;
  display: block;
  margin-top: 1%;
  width: 260px;
}
.editUserPicture {
  margin-top: 15px;
}
/*==================================
=            RESPONSIVE            =
==================================*/

@media (max-width: 768px) {
  .allAdhWrapper .nextAdh:nth-child(2n) {
    margin-left: 0px !important;
  }
  .allMembers-wrapper .user-picture,
  .allMembers-wrapper .bottom-button,
  .allMembers-wrapper .user-infos {
    position: relative !important;
  }
  .allMembers-wrapper .adhesion-infos.left,
  .allMembers-wrapper .user-infos,
  .allMembers-wrapper .adhesion-infos.right {
    height: 100% !important;
    position: relative;
  }
  .allMembers-wrapper .bottom-button,
  .allMembers-wrapper .user-infos,
  .allMembers-wrapper .adhesionUserName,
  .allMembers-wrapper .user-picture {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto !important;
    display: block;
  }
  .allMembers-wrapper .user-picture {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .allMembers-wrapper .adhesion-wrapper {
    display: inline-block !important;
  }
  .allMembers-wrapper .adhesion-infos.left {
    float: left;
    display: inline-block !important;
    width: 50% !important;
  }
  .allMembers-wrapper .adhesion-infos.right {
    display: inline-block !important;
    float: right !important;
    width: 50% !important;
  }
  .allMembers-wrapper .bottom-button.renew,
  .allMembers-wrapper .bottom-button.create {
    float: left;
  }
  .allMembers-wrapper .adhesion-infos.no-pass {
    width: 100% !important;
    float: none !important;
  }
  .allMembers-wrapper .adhesion-infos.no-pass .bottom-button {
    float: none;
  }
  /* Vertical */
  
  .allMembers-wrapper .memberEmail {
    height: auto !important;
  }
  .allMembers-wrapper .nextAdh.odd.first,
  .allMembers-wrapper .nextAdh.even.first,
  .allMembers-wrapper .nextAdh.even.others,
  .allMembers-wrapper .nextAdh.odd.others {
    padding: 10px !important;
  }
  .allMembers-wrapper .nextAdh.first {
    margin-bottom: 10px !important;
  }
  .allMembers-wrapper.vertical .bottom-button.create.only {
    bottom: 0px !important;
  }
  .allMembers-wrapper.vertical .adhesion-wrapper.associes,
  .allMembers-wrapper.vertical .adhesion-wrapper {
    padding-bottom: 20px !important;
  }
  .manageMembership-subWrapper label {
    width: 80% !important;
  }
}
@media (min-width: 768px) and (max-width: 980px) {
  .allAdhWrapper .nextAdh:nth-child(2n) {
    margin-left: 0px !important;
    display: inline-block !important;
  }
  .allMembers-wrapper.horizontal .bottom-button,
  .allMembers-wrapper.vertical.verticalHorizontal .bottom-button {
    width: 140px !important;
  }
  .adhesion-infos.left.no-pass.col-md-6 {
    width: 45% !important;
  }
  .allMembers-wrapper.vertical .adhesion-infos.left.no-pass .bottom-button.create.noAdh {
    margin-top: 88px;
  }
  .nextAdh.col-md-6.first {
    margin-left: 10px !important;
    margin-bottom: 25px !important;
  }
  .nextAdh.col-md-6.others {
    width: 46% !important;
    margin-left: 21px !important;
    margin-bottom: 25px !important;
  }
  .allMembers-wrapper.vertical .row-fluid .col-md-3 {
    width: 20% !important;
  }
  .allMembers-wrapper.vertical .firstAdh.col-md-6 {
    width: 46%;
  }
  .allMembers-wrapper.vertical .userFirstName,
  .allMembers-wrapper.vertical .userLastName {
    display: block;
  }
  .allMembers-wrapper.vertical .adhesion-infos.left .bottom-button.create {
    margin-top: 61px;
  }
}
@media (min-width: 980px) {
  .userFirstName,
  .userLastName,
  .userAge {
    display: inline-block !important;
  }
  .userFirstName,
  .userLastName {
    padding-right: 5px;
  }
  .nextAdh.col-md-6 {
    width: 49% !important;
  }
  .col-md-8.extension_Adhesion .nextAdh {
    width: 44% !important;
  }
  .col-md-8.extension_Adhesion .allAdhWrapper.col-md-12 .nextAdh {
    width: 48% !important;
  }
  .col-md-8.extension_Adhesion .nextAdh:nth-child(even) {
    margin-left: 10px !important;
  }
}
@media (max-width: 980px) {
  .nextAdh {
    float: left !important;
  }
  .allAdhWrapper {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 400px) {
  .adhesion-wrapper.associes.row-fluid {
    padding: 10px !important;
  }
}
/*-----  End of RESPONSIVE  ------*/

div.row_lastname,
div.row_firstname,
div.row_birthday,
div.row_postalcode,
div.row_mail {
  display: flex;
}
label.passlabel {
  display: inline-block;
  text-align: left;
  width: auto;
}
div.row_lastname div,
div.row_firstname div,
div.row_birthday div,
div.row_postalcode div,
div.row_mail div {
  width: 20%;
}
input.lastname,
input.firstname,
input.birthday,
input.postalcode,
input.mail {
  width: 80%;
}
#modalcropper {
  z-index: 9999;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #5F5F5F;
  opacity: 0.95;
  display: none;
}
#previewcropper {
  z-index: 10000;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
  border: 4px solid #A5A2A2;
  border-radius: 4px;
  float: left;
  font-size: 0px;
  line-height: 0px;
}
#previewcropper .buttonscropper {
  width: 36px;
  position: absolute;
  bottom: 0px;
  right: -44px;
}
#previewcropper .buttonscropper .okcropper {
  border: 4px solid #F5F5F5;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  line-height: 0px;
  font-size: 0px;
  box-sizing: content-box;
  background-image: url('/R/E/Adhesion00/assets/img/cropperok.png');
  background-repeat: no-repeat;
}
#previewcropper .buttonscropper .okcropper:hover {
  background-image: url('/R/E/Adhesion00/assets/img/cropperokgreen.png');
}
#previewcropper .buttonscropper .cancelcropper {
  margin-bottom: 4px;
  border: 4px solid #F5F5F5;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  line-height: 0px;
  font-size: 0px;
  box-sizing: content-box;
  background-image: url('/R/E/Adhesion00/assets/img/croppercancel.png');
  background-repeat: no-repeat;
}
#previewcropper .buttonscropper .cancelcropper:hover {
  background-image: url('/R/E/Adhesion00/assets/img/croppercancelred.png');
}