Recaptcha not showing

Hello

I have installed the module recaptcha in order to replace the image captcha module that was not preventing spam to get sent.

I have made all the correct manipulation, Ihave a site key and secret key.
I configure the module correctly.

But captcha doesn't show on any form...

Actually I have no js erro in the console.No error in reports.

The code of the form shows that the captcha is here. And looking at the CSS it looks fine so I really do not understand why it is not showing up.

Here is my form code :

XXXXXX is replacing sensitive data.

<form action="/XXXXXX" method="post" id="user-login" accept-charset="UTF-8">
<div>

<div class="form-item form-item-name form-type-textfield form-group">

<label class="control-label" for="edit-name">Nom d'utilisateur 
<span class="form-required" title="Ce champ est requis.">*</span>
</label>

<input class="form-control form-text required" title="" data-toggle="tooltip" type="text" id="edit-name" name="name" value="" size="60" maxlength="60" data-original-title="Saisissez votre nom d'utilisateur pour XXXXXX.">

</div>

<div class="form-item form-item-pass form-type-password form-group">

<label class="control-label" for="edit-pass">Mot de passe <span class="form-required" title="Ce champ est requis.">*</span></label>

<input class="form-control form-text required" title="" data-toggle="tooltip" type="password" id="edit-pass" name="pass" size="60" maxlength="128" data-original-title="Saisissez le mot de passe correspondant à votre nom d'utilisateur.">
</div>

<input type="hidden" name="form_build_id" value="XXXXXX">
<input type="hidden" name="form_id" value="XXXXXX">
<div class="captcha"><input type="hidden" name="captcha_sid" value="XXXXXX">
<input type="hidden" name="captcha_token" value="XXXXXX">
<input type="hidden" name="captcha_response" value="Google no captcha">

<div class="g-recaptcha" data-sitekey="XXXXXX" data-theme="light" data-type="image"></div>

<noscript>
  &lt;div style="width: 302px; height: 352px;"&gt;
    &lt;div style="width: 302px; height: 352px; position: relative;"&gt;
      &lt;div style="width: 302px; height: 352px; position: absolute;"&gt;
        &lt;iframe src="https://www.google.com/recaptcha/api/fallback?k=XXXXXX" frameborder="0" scrolling="no" style="width: 302px; height:352px; border-style: none;"&gt;&lt;/iframe&gt;
      &lt;/div&gt;
      &lt;div style="width: 250px; height: 80px; position: absolute; border-style: none; bottom: 21px; left: 25px; margin: 0px; padding: 0px; right: 25px;"&gt;
        &lt;textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 80px; border: 1px solid #c1c1c1; margin: 0px; padding: 0px; resize: none;" value=""&gt;&lt;/textarea&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
</noscript>

</div>

<div class="form-actions form-wrapper form-group" id="edit-actions">
<button type="submit" id="edit-submit" name="op" value="Se connecter" class="btn btn-primary form-submit">Se connecter</button>
</div></div>
</form>

Thanks for your help.