/* Ajout du spin dans le formulaire de Ninja
 On a ajouté <div class="rv_loader" style="display: none"></div> dans un champ html */
.rv_loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Affichage d'un crochet lorsque que le paiement est réussi'*/
.paiement_reussi::before{   
    font-size: 63px;
    line-height: 0.50;
    color: white;
}

.paiement_reussi{
    margin-right: 70px;
}

#succes_paypal h3{
    margin-bottom: 0px;
}

/* Pour afficher une fenêtre modale lors d'un appel avec Ajax
   Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../Img/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal{
    display: block;
}