body #wrap{background-attachment:fixed;background-position:center top 0px;background-color:#fff}
.cl-switch input[type="checkbox"]:checked + .switcher::before {
  background-color: #4c4594;
}
.don .mondon.prelev, .don .mondon.cb {
  padding-top: 35px;
}
body .intro{margin-bottom:0;margin-top:0;display:none}
#header{background-position:right center;background-repeat:no-repeat}
body #header .hlogo a{display:block;background-size:100%;background-repeat:no-repeat;max-width:1024px;margin-top:0}
body #header .hlogo{position:absolute;top:30px;margin-top:-15px;display:block}
#header .nav .text-center.select.epingle{background-color:#4c4594 }
#header .nav a:hover,#header .nav a.select{border:solid 3px #4c4594 }
#header .nav{margin-top:130px}
.pop{background:#dfddf8}
.don .montant.oneshot{background:#4c4594 none repeat scroll 0 0}
.don .reel{background:#4c4594 none repeat scroll 0 0}
.affect .radio input[type="radio"]:checked ~ .circle{border:solid 3px #4c4594}
.don .radio input[type="radio"]:checked ~ .circle{border:solid 3px #4c4594}
.affect .radio input[type="radio"]:checked ~ .check{background:#4c4594}
.don .radio input[type="radio"]:checked ~ .check{background:#4c4594}
.coord .comment-field{display:block}
.don img.confiance{top:0px !important;width:100px !important}
#logo img{background: transparent}
@media screen and (min-width:768px) {
.don .montant,.don .mondon,.coord .fond,#header .nav{box-shadow:0 0 14px #888;-moz-box-shadow:0 0 14px #888;-webkit-box-shadow:0 0 14px #888}
}
.cl-switch input[type="checkbox"]:checked ~ .label {
  color: #4c4594 !important;
}
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.button.carte.nfpay_cb_action {
  margin-top: 2.5rem;
}
@media screen and (min-width:768px) and (max-width:991.99px) {
body #wrap{background-position:center top 0}
#header{background-size:auto 110px}
#logo img{max-height: 105px}
}
@media screen and (max-width:767px) {
#header{height:115px;background:#fff}
#logo img{max-height:100%}
/*body #wrap{background-image:none;background-color:#222}*/
body #header .hlogo{position:relative;margin-top:0;display:block}
body #header .hlogo a{display:block;height:80px;max-width:240px;width:95%;background-size:100%;background-repeat:no-repeat;margin:auto}
body .don .montant.oneshot{margin-top:0}
body #header .hlogo a{margin-right:auto;margin-left:auto}
body #header .hlogo{top:0}
}
@media screen and (max-width:449px) {
body #header .identification{width:100%;float:none}
body #header .identification a{padding:6px 8px}
body #wrap .container{padding-left:0;padding-right:0}
}
@media screen and (max-width:449px) {
.list-choix-montant {
  grid-template-columns: 31% 31% 31%;
  }
}
@media screen and (min-width:449px) and (max-width:768px) {
  .list-choix-montant {
  grid-template-columns: 32.3% 32.3% 32.3%;
  }
}
@media screen and (min-width:449px) and (max-width:768px) {
  .list-choix-montant {
  grid-template-columns: 32.3% 32.3% 32.3%;
  }
}
@media screen and (min-width:768px) and (max-width:1140px) {
   .list-choix-montant {
  grid-template-columns: 31% 31% 31%;
  }
}
@media screen and (min-width:1140px) and (max-width:1424px) {
   .list-choix-montant {
  grid-template-columns: 31.5% 31.5% 31.5%;
  }
}
@media screen and (min-width:1140px) and (max-width:1424px) {
   .list-choix-montant {
  grid-template-columns: 31.5% 31.5% 31.5%;
  }
}
@media screen and (min-width:1424px) and (max-width:1920px){
.list-choix-montant {
  grid-template-columns: 32% 32% 32%;
  }
}
@media screen and (min-width:1920px){
  .list-choix-montant {
	grid-template-columns: 32.1% 32.2% 32.2%;
  }
}
.don .mondon .duree.select {
  color: #4c4594;}
.don .radio input[type="radio"]:checked ~ .txtMontant {
  background-color: #4c4594;}

.don .mondon .amountOneshotSection .radio label, .don .mondon .amountPrelSection .radio label {
  border: 2px solid #4c4594;
  color: #4c4594;
}
.don .cb .img img {
  max-width: 45%;
}
.don .mondon.cb .img {
  text-align: left;
  padding-left: 0px !important;
}