.hostedfield {
  height: 28px;
}

.loaderDiv {
  width: 100%;
}

#loaderP {
  position: relative;
  display: none;
}

label.error{
  color: #f00;
  font-size: 0.8rem;
  font-style: italic;
}

form{
  position: relative;
}

form #loader{
  display: none;
  position: absolute;
  bottom: 24px;
  right: 62px;
}
.login-form #loader{
  position: absolute;
  bottom: 5px;
  right: 50%;
  transform: translate(50%);
}

.bloc-video{
  border: 1px solid #ccc;
  border-radius: 0px;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
}
.align-bloc-flex{
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.lien-bloc-video{
  border: 2px solid #fe2f2f;
  position: absolute;
  width: 3rem;
  left: 0;
}
.lien-bloc-video.first-lien{
  top: 5rem;
}
.lien-bloc-video.second-lien{
  top: 10rem;
}
@media (max-width:767px) {
  .lien-bloc-video{
    display: none;
  }
}

.payement-form{
  color: #595959;
}
.payement-form .paper{
  font-size: 13px;
}

.payement-form label {
    margin-bottom: .4rem;
}

.payement-form .input-group {
    margin-bottom: 17px;
}

.payement-form-header {
	padding: 17px 27px 18px;
}

.payement-form-header h6 {
  font-size: 1.1rem
}

.payement-form-header h6 span {
  font-size: 1.15rem
}

.payement-form .form-control::placeholder {
  color: rgb(153, 153, 153);
  opacity: 0.6;
}

.payement-form .form-control{
  font-size: 15px;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.payement-form label.error{
  font-size: 0.7rem;
  margin-bottom: 0 !important;
  display: block;
}

#cardCvv-div input {
  width: 65px;
}

.garantie p {
   text-align: justify;
}


.sectionCookie th,
.sectionCookie td {
	border-color: black;
	border-width: 1px;
	border-style: solid;
}

#hipay-error-message {
  z-index:100;
	top: -62px;
	padding: 2px;
	bottom: inherit;
	display: none;
}

footer .upper-footer {
  padding-bottom: 15px;
}


/* New Banner Design */

#banner {
  position: relative;
  font-family: 'Roboto', sans-serif;
  max-width: 729px;
  height: 188px;
  background: #FFFFFF;
}
#square {
  position: relative;
  font-family: 'Roboto', sans-serif;
  max-width: 336px;
  height: 280px;
  background-color: #ffffff;
}
.banner-container {
  position: absolute;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  align-content: center;
  padding: 10px;
}
.banner-container h1{
  flex: 2;
  font-size: 1.4rem;
  text-align: center;
  color: #843E3E;
  margin: 10px 0px;
}
.banner-container h2 {
  font-size: 1rem;
  text-align: center;
  font-weight: 400;
  color: #BBBBBB;
  margin-top: 0px;
}
.banner-container h3 {
  font-size: 1.025rem;
  text-align: center;
  font-weight: 400;
  color: #1D1D1D;
  margin: 0px;
}
.banner-container p {
  font-size: 11px;
  text-align: center;
  font-weight: 400;
  color: #A7A7A7;
  margin: 5px;
}
.banner-container figure {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  margin: 10px 20px;
  width: 120px;
  height: 160px;
}
.banner-container figure:hover {
  -webkit-transform: scale(1.1);
      transform: scale(1.1);
}
a.banner-mask-link:hover + .btn {
  background: #843E3E!important;
}
a.btn.button {
  flex: 3;
  background-color: #EE6E40;
  box-sizing: border-box;
  color: #ffffff;
  border-radius: 3px;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: .5rem 2.7rem;
  text-decoration: none;
  text-transform: uppercase;
  margin: 55px 0px;
  font-size: 1.1rem;
}
a.btn.button:hover {
  background: #843E3E!important;
}
a.btn.button i {
  position: relative;
}
a.btn.button.wide {
  margin: 0px 100px;
}
a.btn.button.wide:hover {
  background: #843E3E !important;
}
@media (max-width:640px) {
  .banner-container h1{font-size: 1.1rem;}
  .banner-container h2 {font-size: .925rem;}
  .banner-container h3 {font-size: 1.025rem;}
  .banner-container p {font-size: 10px;}
  a.btn.button {font-size: 13px; padding: 12px;}
  a.btn.button.wide {font-size: 13px; padding: 12px;margin: -10px 60px;}
  }
  @media (max-width:576px) {
    .banner-container h1 {font-size: 1.1rem;}
    .banner-container h2 {font-size: .825rem;}
    .banner-container h3 {font-size: .925rem;}
    .banner-container p {font-size: 10px;}
    a.btn.button {font-size: 13px; padding: 12px;}
    a.btn.button.wide {font-size: 13px; padding: 12px;margin: -10px 40px;}
    .hide {display: none;}
    .banner-container img { -webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;margin: 0px;}
  }
  @media (max-width:400px) {
    .banner-container h1 {font-size: .925rem;}
    .banner-container h2 {font-size: .725rem;}
    .banner-container h3 {font-size: .725rem;}
    .banner-container p {font-size: 9px;}
    a.btn.button {font-size: 13px;padding: 12px;}
    a.btn.button.wide {font-size: 13px; padding: 12px;margin: -10px 40px;}
    .banner-container  img { -webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;margin: 0px;}
  }
/* ************* */