body {line-height:1.24;}

.content-landing {
    background-image:url('/assets/enquete-shopping/choco_violet/img/bgd.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position:top center;
    width: 100%;
    position: relative;
    overflow:hidden;
}
.top-responsive {display:none;}
.main.row{}
/******* left content********/
.left-content {margin-top:180px;text-align:left;}
.left-content .bloc-title{padding:0 20px 69px 20px;}
.left-content img.logo{width:60%;position:absolute;top:-150px;right:20%;}
.left-content img{width:80%;margin-top:110px;}
.left-content video {width:95%;margin-top:10px;}

/******* FORM Personnalisation********/
.v2.form-content {padding-right:10px;margin:80px 0 75px 0;padding: 20px 10px 5px 20px;background: none;}
.form-content .title-step {color:#513b79;line-height:1.2em}
.v2.form-content .title-step span{color:#f89000; margin-top:1em;font-size:1.4em;font-weight:bold;}
.form-content #email label {display:none;}

.infos_text {
    font-size: 0.60rem;
    margin: 0 0.65rem 0.65rem 0;
    text-align: justify;
}

#form_accueil_v2 .form-control, 
#form_accueil_v2 .custom-select,
.form_elem .bloc-radio{
    border:none;
    /*    border-bottom:1px solid #52b7a2;*/
    border-radius:0;
    background-color: #d3cedd;
    border-radius:10px;
}
#form_accueil_v2 label{font-size:.8em; margin-left:.5em;}
/*.form_elem .bloc-radio{
    border:none;
    padding-left:0
}*/

/******* button*******/
#create_customer.btn-big {padding-right:10px;}
#form_accueil_v2 button[type="submit"] {
    font-family: 'Montserrat', arial, helvetica, sans-serif;font-weight:300;
    color:#fff;
    font-weight:bold;
    background-color: #f89000;
    border-radius:15px;
}

@media screen and (max-width:990px) {
    .content-landing {
        background-image:url('/assets/enquete-shopping/choco_violet/img/bgd-responsive.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position:top center;
        width: 100%;
        position: relative;
        overflow:hidden;
    }
    .left-content {margin-top:40px;}
    .left-content .bloc-title{padding:20px;margin-top:10px;text-align: center;}
    .v2.form-content{ margin-top:80px;background-color: #fff; }
    .left-content img {margin-top:0px;}
    .left-content img.logo {position:static;width:80%;}
    .img-absolute.chocolate {bottom: -170px!important;}
}
@media screen and (max-width:600px) {
    .left-content {margin-top:25px;text-align:center;}
    .left-content img.logo{top:-110px;right:20%;}
    .v2.form-content {margin-top: 50px;}
    .img-absolute.chocolate {bottom: -80px!important;}
}

/********----------animation----------********/
.img-absolute{position:absolute;}
.img-absolute.chocolate {
    z-index: 0;
    width: 100%;
    right: 10px;
    bottom:-130px;
}
.anim-chocolate {
    animation:animChocolate 0.5s ease-in-out;
    -webkit-animation:animChocolate 0.5s ease-in-out;
    -moz-animation:animChocolate 0.5s ease-in-out;
}

@keyframes animChocolate {
    0% {
        transform:translateX(0em) translateY(10em) scale(1);
        opacity:0;
    }
    100% {
        transform:translateX(0em) translateY(0) scale(1);
        opacity:1;
    }
}
@-webkit-keyframes animChocolate {
    0% {
        -webkit-transform:translateX(0em) translateY(10em) scale(1);
        -webkit-opacity:0;
    }
    100% {
        -webkit-transform:translateX(0em) translateY(0) scale(1);
        -webkit-opacity:1;
    }
}
@-moz-keyframes animChocolate {
    0% {
        -moz-transform:translateX(0em) translateY(10em) scale(1);
        -moz-opacity:0;
    }
    100% {
        -moz-transform:translateX(0em) translateY(0) scale(1);
        -moz-opacity:1;
    }
}