/* COLOR */

body {
    background: #ffffff;
}

/* BACKGROUND */

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

/* POSITION */

.content {
    width: 968px;
    padding-left: 0;
    padding-top: 382px;
}

.content .box {
    width: 355px;
}

.content .custom {
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 14px;
    margin-left: -26px;
    color: #010101;
}

.content .box-form {
    top: 538px;
}

.content #componentSimpleSurvey{
    margin: -219px 0 197px -16px;
}

.content #componentSimpleSurvey_vote_li label {
    font-size: 19px;
    font-weight: bold;
    width: 400px;
    display: none;
    margin-right: 10px;
}
.content #componentSimpleSurvey_vote {
    width: 590px;
}
.content #componentSimpleSurvey_vote li {
    display: inline-block;
    width: 261px;
    height: 70px;
    margin-right: 0;
    position: relative;
}
.content #componentSimpleSurvey_vote li input {
    position: absolute;
    top: 26px;
    left: 18px;
}
.content #componentSimpleSurvey_vote li label {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    text-align: center;
    font-size: 21px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    text-indent: -99999px;
    cursor: pointer
}
.content #componentSimpleSurvey_vote li div {
    height: 17px;
    width: 17px;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 30px;
    left: 15px;
    box-shadow: inset 0 0 0 10px #ffffff;
    transition: all .1s linear;
}

.content #componentSimpleSurvey_vote li input:checked + div {
    background: #FF1E1F;
    box-shadow: inset 0 0 0 4px #ffffff;
}
.content #componentSimpleSurvey_vote li+li input:checked + div {
    background: #313745;
}
.content #componentRegistration {
    margin: 35px 23px 0 -24px;
    float: left;
}

.content #optinDiv {
    top: -87px;
    left: 461px;
    width: 468px;
}

/* CUSTOM */

.panneau-prix {

    position: absolute;
    width: 199px;
    height: 404px;
    top: -291px;
    right: -552px;

}

.sp-95, .sp-98, .gazole {
    width: 230px;
    height: 136px;
    top: 3px;
    left: 9px;
}

.sp-98 {

    height: 111px;

}

.sp-95 div   {

    width: 40px;
    height: 66px;
    background-image: url("../images/pixels.png");
    top: 14px;
    left: 4px;
    display: inline-block;
    vertical-align: top;
}

.sp-98 div   {

    width: 40px;
    height: 66px;
    background-image: url("../images/pixels.png");
    top: 30px;
    left: 4px;
    display: inline-block;
    vertical-align: top;
}

.gazole div   {

    width: 40px;
    height: 66px;
    background-image: url("../images/pixels.png");
    top: 70px;
    left: 4px;
    display: inline-block;
    vertical-align: top;
}


.sp-95 .nb1, .sp-98 .nb1, .gazole .nb1 {
    background-position: 0 -66px
}

.sp-95 .nb2, .sp-98 .nb2, .gazole .nb4 {

    background-position: 0 462px;
}

.sp-95 .nb4, .gazole .nb3, .sp-98 .nb4 {

    background-position: 0 65px;
}

.sp-98 .nb1, .gazole .nb1 {
    background-position: 0 -66px
}

.sp-98 .nb3 {

    background-position: 0 330px;
}

.dot {

}

.panneau-prix .sp-95 img {
    position: absolute;
    top: 64px;
    left: 55px;
}

.panneau-prix .sp-98 img {
    position: absolute;
    top: 79px;
    left: 55px;
}

.panneau-prix .gazole img {
    position: absolute;
    top: 119px;
    left: 55px;
}

.sp-95 .nb2, .sp-98 .nb2, .gazole .nb2 {
     margin-left: 20px
}

.sp-95 .nb3, .sp-98 .nb3, .gazole .nb3 {
    margin-left: 10px
}
.landing #optinDiv .optinCampaignDecline, .landing .optinSponsors {
    margin-top: -11px;
}
.content .optinCampaignButtonImg {
    width: 292px;
    margin-right: 8px;
}

.content #componentSimpleSurvey_vote li input:checked + div {
    background: #FF1E1F;
    box-shadow: inset 0 0 0 4px #ffffff;
}
.content #componentSimpleSurvey_vote li+li input:checked + div {
    background: #313745;
}

.content #componentSimpleSurvey_vote li div {
    height: 17px;
    width: 17px;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 25px;
    left: 14px;
    box-shadow: inset 0 0 0 10px #ffffff;
    transition: all .1s linear;
}

#componentSimpleSurvey_vote li:nth-child(2) div, #componentSimpleSurvey_vote li:nth-child(2) input {
    left: 14px;
}

#blocRadio {
    position: absolute;
    top: -104px;
    left: -15px;
}