<img alt= » » height= »1″ src= »https://sg-autorepondeur.com/tauxouverture/form.gif?membreid=6518&amp;listeid=29810&amp;id=31875″ style= »display: none » width= »1″ /> <!–
SG AUTOREPONDEUR FORM
TEMPLATE: Bandeau
–>
<style type= »text/css »>#SG_FORM31875 {
display: block;
background: #e3e0e0;
color: #456;
width: 300px;
margin: 0 auto;
text-align: center;
font-family: sans-serif;
white-space: normal;
border-radius: 5px;
font-size:14px;
}

#SG_FORM31875 #SGF_Header{
text-align: left;
}

#SG_FORM31875 #SGF_Ribbons
{
margin-left: -10px;
text-align: left;
display: flex;
vertical-align: middle;
}

#SG_FORM31875 #SGF_Ribbon_Left
{
margin-top: 20px;
border-right: 10px solid #c24e4e;
border-bottom: 15px solid transparent;
vertical-align: middle;
}

#SG_FORM31875 #SGF_Ribbon_Right
{
height: 0;
margin-top: 10px;
border-top: 28px solid transparent;
border-left: 30px solid #c24e4e;
border-bottom: 28px solid transparent;
vertical-align: middle;
}

/*

#SG_FORM31875 #SGF_Header h1:before{
content:  »;
position: absolute;
display: block;
top: 100%;
right: calc(100% – 10px);
border-right: 10px solid #c24e4e;
border-bottom: 15px solid transparent;
}

*/

#SG_FORM31875 #SGF_Header h1{
display: inline-block;
position: relative;
padding: 5px 20px;
margin: 10px 0 15px -10px;
background: #c24e4e;
font-weight: 100;
color: #FFFFFF;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
height: 47px;
font-size: 1.3em;
}

/*
#SG_FORM31875 #SGF_Header h1:after{
content:  »;
display: block;
position: absolute;
height: 1px;
width: 0;
left: 100%;
top: 0;
border-top: 28px solid transparent;
border-left: 22px solid #c24e4e;
border-bottom: 28px solid transparent;
}
*/

#SG_FORM31875 #SGF_Header h3{
font-size: 0.8em;
display: block;
margin: 5px 5px 0;
padding: 5px 0 0;
}

#SG_FORM31875 #SGF_Body [id^=LBL_]{
display: block;
max-width: 90%;
margin: 0 auto;
width: 220px;
}
#SG_FORM31875 #SGF_Body input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-size: 1em;
}
#SG_FORM31875 #SGF_Body input::-moz-placeholder { /* Firefox 19+ */
font-size: 1em;
}
#SG_FORM31875 #SGF_Body input:-ms-input-placeholder { /* IE 10+ */
font-size: 1em;
}
#SG_FORM31875 #SGF_Body input:-moz-placeholder { /* Firefox 18- */
font-size: 1em;
}
#SG_FORM31875 #SGF_Body input[type=text],
#SG_FORM31875 #SGF_Body input[type=email],
#SG_FORM31875 #SGF_Body input[type=url],
#SG_FORM31875 #SGF_Body input[type=tel],
#SG_FORM31875 #SGF_Body input[type=number],
#SG_FORM31875 #SGF_Body select,
#SG_FORM31875 #SGF_Body textarea {
display: block;
background: white;
width: 220px;
font-size: 1em;
max-height: 50px;
max-width: 220px;
padding: 6px 10px;
margin: 10px auto;
border: 1px solid #CCC;
outline: 0;
position: relative;
border-radius: 0 !important;
}

#SG_FORM31875 #SGF_Body #IN_BIRTH,
#SG_FORM31875 #SGF_Body #IN_MOBILE {
width: 220px;
margin: 0 auto;
}
#SG_FORM31875 #SGF_Body #IN_BIRTH select,
#SG_FORM31875 #SGF_Body #IN_BIRTH input{
display: inline-block !important;
width: 33% !important;
}
#SG_FORM31875 #SGF_Body #IN_BIRTH select:first-child{
border-width: 1px 0 1px 1px;
}
#SG_FORM31875 #SGF_Body #IN_BIRTH select:nth-child(2){
border-width: 1px 0;
}
#SG_FORM31875 #SGF_Body #IN_BIRTH input{
border-width: 1px 1px 1px 0;
}
#SG_FORM31875 #SGF_Body #IN_MOBILE select {
width: 55px !important;
display: inline-block !important;
border-width: 1px 0 1px 1px !important;
padding: 5px 0 5px;
}

#SG_FORM31875 #SGF_Body #IN_MOBILE input[name=mobile] {
width: calc(100% – 80px) !important;
display: inline-block !important;
border-width: 1px 1px 1px 0 !important;
}

#SG_FORM31875 #SGF_Body input[type=checkbox],
#SG_FORM31875 #SGF_Body input[type=radio]{
position: absolute;
left: -100em;
}
#SG_FORM31875 #SGF_Body input[type=checkbox] + label,
#SG_FORM31875 #SGF_Body input[type=radio] + label{
display: block;
text-align: left;
padding-left: 30px;
margin: 5px 0;
cursor: pointer;
}

#SG_FORM31875 #SGF_Body label.lbl_civilite {
display: inline-block !important;
padding: 10px 15px 0 !important;
}

#SG_FORM31875 #SGF_Body input[type=checkbox]:focus + label,
#SG_FORM31875 #SGF_Body input[type=radio]:focus + label{
text-decoration: underline;
}
#SG_FORM31875 #SGF_Body input[type=radio] + label:before{
content:  »;
display: inline-block;
box-shadow: 0 0 5px;
height: 15px;
width: 15px;
text-align: center;
border-radius: 50%;
margin-right: 10px;
line-height: 15px;
font-size: 1em;
vertical-align: middle;
}
#SG_FORM31875 #SGF_Body input[type=radio]:checked + label:before{
content: ‘\25CF’;
}

#SG_FORM31875 #SGF_Body input[type=checkbox] + label:before{
content:  »;
display: inline-block;
box-shadow: 0 0 5px;
height: 15px;
width: 15px;
border-radius: 3px;
margin-right: 10px;
line-height: 16px;
font-size: 1.2em;
vertical-align: middle;
}
#SG_FORM31875 #SGF_Body input[type=checkbox]:checked + label:before {
content: ‘\2713’;
}
#SG_FORM31875 #SGF_Footer{
font-size: 0.75em;
font-weight: 100;
color: grey;
margin-top: 15px;
}

#SG_FORM31875 #SGF_Body input[type=submit] {
display: block;
width: 90%;
margin : auto;
margin-top: 10px;
padding: 10px 0;
-webkit-appearance: none;
border: none;
border-radius: 5px 5px 5px 5px;
background: #458236;
color: white;
font-size: 0.95em;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
font-weight: bold;
}
</style>
<section id= »SG_FORM31875″ style= »width: 261px; »>
<section id= »SGF_Header »>
<div id= »SGF_Ribbons »>
<div id= »SGF_Ribbon_Left » style= »border-right-color: rgb(78, 81, 194); »>&nbsp;</div>

<h1 style= »background: rgb(78, 81, 194) none repeat scroll 0% 0%; »><span style= »color:#FFFF00; »><span style= »font-size: 14px; »><em><span style= »font-family: calibri; »>Inscrivez vous &agrave; la newsletter et recevez toutes les infos chez vous!</span></em></span></span></h1>

<div id= »SGF_Ribbon_Right » style= »border-left-color: rgb(78, 81, 194); »>&nbsp;</div>
</div>

<h3>Votre sous-titre ici.</h3>
</section>

<form action= »//sg-autorepondeur.com/inscriptionabonne.php » id= »SGF_Body » method= »post »><input name= »email » placeholder= »Votre adresse email » required= » » type= »email » /> <input name= »listeid » type= »hidden » value= »29810″ /> <input name= »membreid » type= »hidden » value= »6518″ /> <input name= »id_formulaire » type= »hidden » value= »31875″ /> <input name= »submit » style= »background: rgb(61, 194, 31) none repeat scroll 0% 0%; » type= »submit » value= »Inscription » />
<section id= »SGF_Footer »>vos informations restent confidentielles, aucun spam ne sera envoy&eacute;.Vous pouvez vous d&eacute;sinscrire &agrave; tout moment</section>
</form>
</section>