découvrez votre année 2018


#SG_FORM40091 {
display: block;
background: #F2F2F2;
color: #456;
width: 300px;
margin: 0 auto;
text-align: center;
font-family: sans-serif;
white-space: normal;
border-radius: 5px;
font-size:14px;
}

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

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

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

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

/*

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

*/

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

/*
#SG_FORM40091 #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 #895d9e;
border-bottom: 28px solid transparent;
}
*/

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

#SG_FORM40091 #SGF_Body [id^=LBL_]{
display: block;
max-width: 90%;
margin: 0 auto;
width: 220px;
}
#SG_FORM40091 #SGF_Body input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-size: 1em;
}
#SG_FORM40091 #SGF_Body input::-moz-placeholder { /* Firefox 19+ */
font-size: 1em;
}
#SG_FORM40091 #SGF_Body input:-ms-input-placeholder { /* IE 10+ */
font-size: 1em;
}
#SG_FORM40091 #SGF_Body input:-moz-placeholder { /* Firefox 18- */
font-size: 1em;
}
#SG_FORM40091 #SGF_Body input[type=text],
#SG_FORM40091 #SGF_Body input[type=email],
#SG_FORM40091 #SGF_Body input[type=url],
#SG_FORM40091 #SGF_Body input[type=tel],
#SG_FORM40091 #SGF_Body input[type=number],
#SG_FORM40091 #SGF_Body select,
#SG_FORM40091 #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_FORM40091 #SGF_Body #IN_BIRTH,
#SG_FORM40091 #SGF_Body #IN_MOBILE {
width: 220px;
margin: 0 auto;
}
#SG_FORM40091 #SGF_Body #IN_BIRTH select,
#SG_FORM40091 #SGF_Body #IN_BIRTH input{
display: inline-block !important;
width: 33% !important;
}
#SG_FORM40091 #SGF_Body #IN_BIRTH select:first-child{
border-width: 1px 0 1px 1px;
}
#SG_FORM40091 #SGF_Body #IN_BIRTH select:nth-child(2){
border-width: 1px 0;
}
#SG_FORM40091 #SGF_Body #IN_BIRTH input{
border-width: 1px 1px 1px 0;
}
#SG_FORM40091 #SGF_Body #IN_MOBILE select {
width: 55px !important;
display: inline-block !important;
border-width: 1px 0 1px 1px !important;
padding: 5px 0 5px;
}

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

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

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

#SG_FORM40091 #SGF_Body input[type=checkbox]:focus + label,
#SG_FORM40091 #SGF_Body input[type=radio]:focus + label{
text-decoration: underline;
}
#SG_FORM40091 #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_FORM40091 #SGF_Body input[type=radio]:checked + label:before{
content: ’25CF’;
}

#SG_FORM40091 #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_FORM40091 #SGF_Body input[type=checkbox]:checked + label:before {
content: ‘2713’;
}
#SG_FORM40091 #SGF_Footer{
font-size: 0.75em;
font-weight: 100;
color: grey;
margin-top: 15px;
}

#SG_FORM40091 #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: #966834;
color: white;
font-size: 0.95em;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
font-weight: bold;
}

Découvrez votre année 2018 dans toute sa splendeur!

Votre sous-titre ici.

12345678910111213141516171819202122232425262728293031JanvierFévrierMarsAvrilMaiJuinJuilletAoutSeptembreOctobreNovembreDécembre

© 2018 Sarahel Voyance et Médium Pure