Code

​<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
    #mc_embed_signup form { display: block; position: relative; text-align: left; padding: 0; } #mc_embed_signup .mc-field-group { width: 99.5% !important; /* Restreint la taille des champs de saisie à 100% */ padding-bottom: 0; min-height: 30px; } /* Fond du formulaire */ #mc_embed_signup { background: #2CA1DB; /* Couleur de fond du formulaire */ clear: left; padding: 20px; /* Espacement entre contenu et bords du formulaire */ max-width: 100%; /* Restreint la largeur à 100% de la barre latérale */ } /* Encart texte requis */ .indicates-required { display: none; /* Cache l'encart texte requis */ } /* Titres des champs de saisie */ #mc_embed_signup .mc-field-group label { display: none; /* Cache les titres des champs de saisie */ } /* Champs de saisie et texte */ #mc_embed_signup .mc-field-group input { font-family: 'Open sans', sans-serif; /* Police du texte des champs de saisie */ font-size: 14px; /* Taille de la police du texte des champs de saisie */ font-weight: 600; /* Epaisseur du texte des champs de saisie */ text-transform: uppercase; /* Texte en majuscules | normal = par défaut */ letter-spacing: 2px; /* Espacement des caractères du texte */ color: #46606d; /* Couleur du texte */ background-color: #ffffff; /* Couleur de fond du champ de saisie */ display: block; width: 100%; /* Largeur du champ de saisie */ padding: 15px 0; /* Espace autour du texte dans le champ de saisie | 15px = au-dessus et en-dessous; 0 = à gauche et à droite */ margin: 15px 0; /* Espace autour du champ de saisie | 15px = au-dessus et en-dessous; 0 = à gauche et à droite */ text-align: center; /* Alignement du texte */ text-indent: 0; border: none; /* Supprime la bordure autour du champ de saisie */ } /* Bouton valider */ #mc_embed_signup .button { background-color: #ffffff; /* Couleur de fond du bouton valider */ font-family: 'Open sans', sans-serif; /* Police du bouton valider */ font-size: 14px; /* Taille de la police du bouton valider */ font-weight: 600; /* Epaisseur de la police du bouton valider */ text-transform: uppercase; /* Texte en majuscules | normal = par défaut */ letter-spacing: 2px; /* Espacement des caractères du texte */color: #464646; ​ /* Couleur du texte */ border: none; /* Supprime la bordure autour du bouton valider */ border-radius: 0; /* Supprime l'arrondi du bouton valider */ height: 47px; /* Hauteur du bouton valider */ width: 100%; /* Largeur du bouton valider */ margin: 0 0 6px; padding: 0; text-align: center; /* Alignement du texte */ text-decoration: none; } /* Bouton valider quand survolé par la souris */ #mc_embed_signup .button:hover { background-color: #46606D; /* Fond du bouton valider quand survolé par la souris */ color: #ffffff; /* Couleur du texte du bouton valider quand survolé par la souris */ }
</style>
<div id="mc_embed_signup">
<form action="//weebly.us12.list-manage.com/subscribe/post?u=25a81ce66b6c0572b330e2f42&amp;id=aa943b624a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
    <label for="mce-FNAME">Prénom  <span class="asterisk">*</span>
</label>
    <input type="text" placeholder="Prénom" name="FNAME" class="required" id="mce-FNAME">
</div>
<div class="mc-field-group">
    <label for="mce-EMAIL">Adresse e-mail  <span class="asterisk">*</span>
</label>
    <input type="email" placeholder="Mail" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
    <div id="mce-responses" class="clear">
        <div class="response" id="mce-error-response" style="display:none"></div>
        <div class="response" id="mce-success-response" style="display:none"></div>
    </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_25a81ce66b6c0572b330e2f42_aa943b624a" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="S'abonner" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->

    

Formulaire minimaliste


Aperçu

Abonnez - vous à la newsletter !

* indicates required

Code

​<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
 /* Fond du formulaire */ #mc_embed_signup { background: #259ca7 ​; /* Couleur de fond du formulaire */ border: 2px solid #259ca7; /* Bordure du formulaire | Epaisseur = 2px ; style = solid ; couleur = #f5eddc */ clear: left; padding: 20px; /* Espacement entre contenu et bords du formulaire */ max-width: 100%; /* Restreint la largeur du formulaire à 100% de la barre latérale */ }
/* Titre du formulaire */ #mc_embed_signup h2 { font-family: 'Merriweather', serif; /* Police du titre */ font-weight: 300; /* Epaisseur de la police du titre */ font-size: 14px; /* Taille de la police du titre */ text-align: center; /* Alignement de la police du titre */ text-transform: uppercase; /* Texte en majuscules | normal = par défaut */ letter-spacing: 2px; /* Espacement des caractères du titre */ color: #46606d; /* Couleur du titre */ padding: 0; margin: 0 0 16px; }
/* Encart texte requis */ .indicates-required { display: none; /* Cache l'encart texte requis */ }
/* Titres des champs de saisie */ #mc_embed_signup .mc-field-group label { display: none; /* Cache les titres des champs de saisie */ }
/* Champs de saisie et texte */ #mc_embed_signup .mc-field-group input { font-family: 'Open sans', sans-serif; /* Police du texte des champs de saisie */ font-size: 13px; /* Taille de la police du texte des champs de saisie */ font-weight: 400; /* Epaisseur du texte des champs de saisie */ letter-spacing: 1px; /* Espacement des caractères du texte */ color: #46606d; /* Couleur du texte */ background-color: #ffffff; /* Couleur de fond du champ de saisie */ display: block; width: 100%; /* Largeur du champ de saisie */ padding: 8px 0; /* Espace autour du texte dans le champ de saisie | 8px = au-dessus et en-dessous; 0 = à gauche et à droite */ margin: 10px 0; /* Espace autour du champ de saisie | 10px = au-dessus et en-dessous; 0 = à gauche et à droite */ text-align: center; /* Alignement du texte */ text-indent: 0;
border: 2px solid #259ca7​ ; /* Bordure du champ de saisie | Epaisseur = 2px ; style = solid ; couleur = #f5eddc */
</style>
<div id="mc_embed_signup">
<form action="//weebly.us12.list-manage.com/subscribe/post?u=25a81ce66b6c0572b330e2f42&amp;id=aa943b624a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
    <h2>Abonnez - vous à la newsletter !</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
    <label for="mce-FNAME">Prénom  <span class="asterisk">*</span>
</label>
    <input type="text" value="Prénom" name="FNAME" class="required" id="mce-FNAME">
</div>
<div class="mc-field-group">
    <label for="mce-EMAIL">Adresse e-mail  <span class="asterisk">*</span>
</label>
    <input type="email" placeholder="Mail" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
    <div id="mce-responses" class="clear">
        <div class="response" id="mce-error-response" style="display:none"></div>
        <div class="response" id="mce-success-response" style="display:none"></div>
    </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_25a81ce66b6c0572b330e2f42_aa943b624a" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="S'inscrire" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->

    
--Bing-- --Shreaholic-- --GetSocial-- --Notifications-- -GAnalytics- -- AdThis Code -- -- AdThis Favoris -- -- SumoMe -- -- GetSite Control -- -- User Report -- -- AdThis -- --Pinterest-- --Smile--