/* COLOR */

body {
    background: #ffffff url('../images/bg_repeat.gif') repeat-x;
}

/* BACKGROUND */

.main {
    background: url(../images/background.jpg) no-repeat top center;
    height: 935px;
    min-width: 1110px;
}


/* POSITION */

.content {
    top: 5px;
    width: 1100px;
    height: 560px;
    margin: 0 auto;
}

.content .box {
    width: 380px;
    left: 591px;
    top: 190px;
    padding: 16px;
}

.content .custom {
    padding: 10px 0 0 0;
    margin-bottom: 10px;
    font-size: 17px;
    color: #000000;
    height: 19px;
}

.content .box-form {
    top: 270px;
    left: 599px;
    width: 440px;
    height: 230px;
    padding: 10px;
}

#componentRegistration input {
    width: 310px;
    margin-right: 0;
}

#componentRegistration_lastname_div label,
#componentRegistration_city_div label,
#componentRegistration_phone_div label
{
    width: 85px;
}

#componentRegistration_city_div input {
    width: 97px;
    margin-right: 15px;
}

#componentRegistration_phone_div input {
    width: 100px;
}

.content #optinDiv {
    text-align: center;
    top: 43px;
    margin-left: -4px;
}

.content .optinCampaignDecline {
    margin-top: 13px;
}

.content .box .text {
    line-height: 20px;
}

.roue {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    position: absolute;
    left: -574px;
    top: -28px;
    width: 546px;
    height: 546px;
}
.roue img {
    position: absolute;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}

.roue .spin_bt,
.roue .spin_bt2 {
    cursor: pointer;
}
.roue .spin_bt,
.roue .spin_bt2,
.roue .iphone6,
.roue .WheelCenter {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.roue .WheelCenter {
    top: 8px;
}
.roue .iphone {
    left: 64px;
}
.roue .Arrow_Winner {
    left: 0;
    right: 0;
    top: -15px;
    margin: 0 auto;
}
.roue .Arrow_Top {
    top: 481px;
    left: 363px;
}
.roue .Kdo {
    top: 140px;
    left: -94px;
}
.roue .bulle {
    top: 279px;
    left: 254px;
}
.roue .txt {
    top: 318px;
    left: 280px;
}
.roue .arrow2 {
    top: 352px;
    left: 291px;
}
.roue .wheel,
.roue .WheelCenter,
.roue .Kdo,
.roue .Arrow_Top,
.roue .Arrow_Winner {
    opacity: 1;
}

.roue .displayed {
    opacity : 1;
    -webkit-animation: bounce .4s linear;
    animation: bounce .4s linear;
}
.roue .displayed.multiBounce {
    -webkit-animation: bounce3 2.8s 3s linear;
    animation: bounce3 2.8s 3s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.roue .removed {
    display: none;
}
.roue .transparency {
    transition: all .3s linear;
    opacity: .5;
}
.roue .turn-arrow {
    transform-origin: 100px 120px;
    -webkit-animation: turnArrow .3s forwards ease-out;
    animation: turnArrow .3s forwards ease-out;
}

.roue img.wheelAnimation1 {
    /*-webkit-animation: AnimWheelAnimation1 10s cubic-bezier(.46,.71,.2,.99);*/
    /*animation: AnimWheelAnimation1 10s cubic-bezier(.46,.71,.2,.99);*/
    /*-webkit-animation: AnimWheelAnimation1 10s cubic-bezier(.45,.24,0,1);*/
    /*animation: AnimWheelAnimation1 10s cubic-bezier(.45,.24,0,1);*/
    -webkit-animation: AnimWheelAnimation1 10s forwards cubic-bezier(.38,0,.24,.91);
    animation: AnimWheelAnimation1 10s forwards cubic-bezier(.38,0,.24,.91);
}
.roue img.wheelAnimation1A {
    -webkit-animation: AnimWheelAnimation1A 5s forwards cubic-bezier(.31,1,.36,.98);
    animation: AnimWheelAnimation1A 5s forwards cubic-bezier(.31,1,.36,.98);
}
.roue img.wheelAnimation2 {
    /*-webkit-animation: AnimWheelAnimation1 10s cubic-bezier(.46,.71,.2,.99);*/
    /*animation: AnimWheelAnimation1 10s cubic-bezier(.46,.71,.2,.99);*/
    /*-webkit-animation: AnimWheelAnimation1 10s cubic-bezier(.45,.24,0,1);*/
    /*animation: AnimWheelAnimation1 10s cubic-bezier(.45,.24,0,1);*/
    -webkit-animation: AnimWheelAnimation2 10s forwards cubic-bezier(.38,0,.24,.91);
    animation: AnimWheelAnimation2 10s forwards cubic-bezier(.38,0,.24,.91);
}
.roue img.wheelAnimation2A {
    -webkit-animation: AnimWheelAnimation2A 5s forwards cubic-bezier(.31,1,.36,.98);
    animation: AnimWheelAnimation2A 5s forwards cubic-bezier(.31,1,.36,.98);
}

/* SMALL BUTTON */

.content #optinDiv {
    width: 462px;
    top: 78px;
}

.content .optinCampaignButtonImg {
    width: 446px;
    float: left;
    margin-top: 10px;
    text-align: left;
}

.content .optinSponsors, .content .optinSponsors a, .content .optinCampaignDecline, .content .optinCampaignDecline a, .address .optinSponsors, .address .optinSponsors a, .address .optinCampaignDecline, .address .optinCampaignDecline a {
    color: #111111;
    font-size: 10px;
}

.content .optinCampaignDecline,
.content .optinSponsors
{
    display: block;
    text-align: justify;
    width: 412px;
    color: #aeaeae;
}

.content .optinSponsors {
    margin-top: -15px;
}

.birthday-legal {
    position: absolute;
    top: 304px;
    left: 104px;
    width: 321px;
    font-size: 11px;
    color: #aeaeae;
}

.birthday-legal a,
#optinDiv .optinCampaignDecline a
{
    color: #aeaeae;
}

#componentRegistration_birthday_div {
    position: absolute;
    top: 255px;
}

.tampon-legal {
    position: absolute;
    top: -59px;
    left: -495px;
    transform: rotate(317deg);
    width: 73px;
}

.button-decline {
    display: block;
    position: absolute;
    top: 514px;
    left: 14px;
    z-index: 10;
    background: url(../images/button_decline_roue.png) no-repeat;
    width: 446px;
    height: 115px;
}

.button-decline img {
    display: block;
}

.optinCampaignDecline {
    display: none !important;
}

.double_consent_partners_text {
    position: absolute;
    top: 645px;
    left: 14px;
    width: 409px;
    z-index: 10;
    text-align: justify;
    font-size: 11px;
}

.double_consent_partners_text a {
    color: #010101;
}

.input_error {
    display: none !important;
}