/* Home page start*/


@font-face {
    font-family: 'prison-aoe';
    src: url('/~/media/Cotedor/be/Files/Fonts/prison_aoe-eot.eot?#iefix') format('embedded-opentype'), url('/~/media/Cotedor/be/Files/Fonts/prison_aoe-otf.otf') format('opentype'), url('/~/media/Cotedor/be/Files/Fonts/prison_aoe-woff.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Home page start*/
p {
    font-family: Georgia, 'Times New Roman',Times,serif;
    font-style: italic;
    color: #FFFFFF;
}

h2 {
    font-family: 'FuturaStdBold',Arial,sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.home .main-push {
    width: 1320px;
    margin: 0 auto;
    position: relative;
    text-align: right;
}

.home .button.push {
    position: absolute;
    left: 950px;
    bottom: 80px;
}

.home .base-page-content {
    height: 384px;
    margin: auto;
    width: 1320px;
    color: #451D11;
}

    .home .base-page-content h1 {
        font-weight: bold;
        letter-spacing: 0;
        line-height: 1.2em;
        margin-top: -320px;
        padding-bottom: 10px;
        text-align: center;
        text-transform: uppercase;
        font: normal 40px "prison-aoe",'FuturaStdBold', Arial, sans-serif;
    }


    .home .base-page-content h2 {
        font-family: 'FuturaStdBold',Arial,sans-serif;
        padding-left: 312px;
        padding-top: 12px;
        font-size: 36px;
        font-weight: bold;
        letter-spacing: -1px;
        text-transform: uppercase;
    }

    .home .base-page-content p {
        font-family: Georgia,'Times New Roman',Times,serif;
        font-style: italic;
        margin-left: auto;
        margin-right: auto;
        margin-top: 14px;
        text-align: center;
    }


#historie {
    height: 250px;
    margin: auto;
    background: url('/~/media/Cotedor/be/files/images/homepage/Push_Gauche_COCOALIFE_FR') center top no-repeat;
    margin-top: 12px;
    height: 252px;
}

    #historie .hist_cont {
        width: 1280px;
        margin: auto;
    }


        #historie .hist_cont .history h2 {
            font: normal 45px "prison-aoe",'FuturaStdBold', Arial, sans-serif;
            width: 645px;
            padding-bottom: 3px;
            line-height: 41px;
            letter-spacing: 1px;
            font-size: 41px;
            margin-left: 94px;
            padding-top: 32px;
        }

        #historie .hist_cont h3 {
            font: normal 48px "prison-aoe",'FuturaStdBold', Arial, sans-serif;
            line-height: 52px;
            padding-left: 280px;
            padding-top: 25px;
            text-transform: uppercase;
            width: 266px;
            padding-left: 80px;
            text-align: center;
            /* margin-left: -170px; */
            padding-left: 165px;
            padding-top: 17px;
        }

        #historie .hist_cont .history p {
            margin-top: 14px;
            width: 352px;
            font: normal 16px 'FuturaStdBold', Arial, sans-serif;
            padding-top: 109px;
            padding-left: 7px;
            float: left;
            text-align: center;
        }

        #historie .hist_cont #rcc_con p {
            margin-top: 14px;
            padding-left: 277px;
            width: 290px;
            font: normal 27px "prison-aoe",'FuturaStdBold', Arial, sans-serif;
        }

.hist_cont #rcc_con {
    width: 45%;
    float: left;
    margin-left: 4px;
}
/* for rcc*/
.home .ui-tabs .ui-tabs-nav {
    position: absolute;
    margin-top: 200px;
    margin-left: 9px;
}

/**.rcc_contnet h2
{
    width: 250px;
}*/

.rcc_contnet p {
    padding-left: 0 !important;
    width: 260px;
}

#rcc_content1 .ButtonTabUrl p {
    width: 300px !important;
    padding-bottom: 32px;
}

#contentTab-2 .ButtonTabUrl p {
    width: 240px !important;
    padding-bottom: 10px;
    padding-left: 320px !important;
    line-height: 24px;
    font: normal 27px "prison-aoe",'FuturaStdBold', Arial, sans-serif;
    margin-top: 0px;
}

#tabs div .rccbgimage {
    margin-left: -272px;
    margin-top: -30px;
    position: absolute;
}

#tabs #contentTab-1 .rccbgimage {
    margin-left: -271px;
}

#tabs #contentTab-2 .rccbgimage {
    margin-left: -272px;
}

#tabs #rcc_content3 H2 {
    width: 250px;
    padding-bottom: 0px;
    font: normal 46px "prison-aoe",'FuturaStdBold', Arial, sans-serif;
    line-height: 40px;
    margin-left: 300px;
}

#tabs #rcc_content3 p {
    width: 250px;
    padding-bottom: 97px;
    font: normal 27px "prison-aoe",'FuturaStdBold', Arial, sans-serif;
    margin-top: 5px;
    line-height: 26px;
}

#tabs #rcc_content2 { /*
margin-left: 125px;
  margin-top: -12px;
  text-align: right; */
    width: 480px;
}

    #tabs #rcc_content2 H2 {
        width: 247px;
        font: normal 54px "prison-aoe",'FuturaStdBold', Arial, sans-serif;
        line-height: 47px;
        margin-top: -18px;
    }

    #tabs #rcc_content2 p {
        width: 255px !important;
        font: normal 35px "prison-aoe",'FuturaStdBold', Arial, sans-serif !important;
        line-height: 27px!important;
        margin-top: -7px!important;
        text-transform: none;
        margin-left: -10px;
    }

    #tabs #rcc_content2 a {
        margin-left: -px;
        font-family: "prison-aoe",'FuturaStdBold', Arial, sans-serif;
        text-transform: uppercase;
        font-style: normal;
        font-size: 21px;
    }

#tabs .rcc_contnet {
    height: 185px;
    margin-left: 125px;
    margin-top: -7px;
    position: relative;
    height: 0px \9;
}

#tabs #rcc_content3 {
    height: 185px;
    margin-left: 110px;
    margin-top: -7px;
    position: absolute;
}

    #tabs #rcc_content3 a.button {
        position: absolute;
        top: 211px;
        left: 384px!important;
        width: auto!important;
    }


#tabs #rcc_content1 {
    margin-top: 0px !important;
}

#tabs #contentTab-2 #rcc_content1 {
    width: 594px;
}

    #tabs #contentTab-2 #rcc_content1 h2 {
        margin-top: -20px;
        font: normal 48px "prison-aoe",'FuturaStdBold', Arial, sans-serif;
        padding-left: 15px;
    }

.home #content .ui-tabs .ui-tabs-nav li.ui-state-default A {
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/common/navi.png");
    background-position: 5px 11px;
    height: 19px;
    text-indent: -999px;
    width: 0;
    background-repeat: no-repeat;
    cursor: pointer;
}

.home #content .ui-tabs .ui-tabs-nav li {
    margin-right: 7px !important;
}

    .home #content .ui-tabs .ui-tabs-nav li.ui-state-active A {
        background-position: -20px 11px;
    }

.home #content .rcc_contnet img {
    padding-top: 5px;
}

#tabs #contentTab-1 .rcc_contnet a.button, #tabs #contentTab-1 .rcc_contnet a.button, #tabs #contentTab-2 .rcc_contnet a.button {
    font-family: "prison-aoe",'FuturaStdBold', Arial, sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-size: 21px;
}

#tabs #contentTab-1 .rcc_contnet a.button, #tabs #contentTab-1 .rcc_contnet a.button {
    margin-top: -20px;
}

#litPrevious {
    background-image: url("/~/media/Cotedor/be/files/images/homepage/carousel-nav-sprite-img.png");
    background-repeat: no-repeat;
    display: block;
    left: 22px;
    padding-bottom: 31px;
    padding-right: 11px;
    text-indent: -9999px;
    width: 35px;
    z-index: 100;
    background-position: 10px 2px;
    position: relative;
    margin: 125px auto auto -620px;
}

#linkNext {
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/homepage/carousel-nav-sprite-img.png");
    background-repeat: no-repeat;
    background-position: -40px 2px;
    display: block;
    width: 35px;
    z-index: 100;
    text-indent: -9999px;
    height: 34px;
    margin-left: 566px;
    margin-top: -112px;
    margin-top: 0px \9;
    position: relative;
}

.hist_cont .history {
    width: 580px;
    float: left;
    height: 250px!important;
}

#products {
    height: 222px;
    margin: auto;
    width: 100%;
    background-repeat: no-repeat;
}

.home .DivContainer {
    background: url('/~/media/Cotedor/be/files/images/homepage/chocolat_cote_dor_Facebook.ashx') center top no-repeat;
    margin: auto;
    height: 222px;
}

    .home .DivContainer .container {
        width: 980px;
        margin: auto;
        height: 222px;
    }


.home .readMoreBlock {
    width: 620px;
    height: 222px;
    float: right;
    margin-right: 150px;
    margin-top: 0px;
}

    .home .readMoreBlock .readMoreImg {
        /*  width: 155px;
    height: 172px;
    float: left;
    margin: 25px 0;
    padding-left: 20px;*/
    }

.home #les-product .readMoreImg {
    /* left: -155px;
    position: relative;*/
}

.home .readMoreBlock .readMoreContent {
    /*width: 276px;*/
    float: left;
    display: inline;
    height: 130px;
    margin: 20px 0;
    font: normal 33px "prison-aoe",'FuturaStdBold', Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

    .home .readMoreBlock .readMoreContent h3 {
        /*  font: normal 20px 'FuturaStdBold' ,Arial,sans-serif;
    text-transform: uppercase;*/
        width: 580px;
        line-height: 45px;
        font-weight: normal;
    }

    .home .readMoreBlock .readMoreContent p {
        color: #F3EEB2;
        font-size: 14px;
        /*  margin: 2px 0 15px;*/
    }

    .home .readMoreBlock .readMoreContent a {
        margin-left: 0px;
        font-family: "prison-aoe",'FuturaStdBold', Arial, sans-serif;
        text-transform: uppercase;
        font-style: normal;
        font-size: 21px;
    }


.home .home-ban {
    text-align: center;
}

    .home .home-ban #profile1 {
        margin-left: 0px;
        margin-right: 0px;
        font-family: "prison-aoe",'FuturaStdBold', Arial, sans-serif;
        text-transform: uppercase;
        font-style: normal;
        font-size: 23px;
    }

    .home .home-ban #profile2 {
        margin-left: 80px;
    }

    .home .home-ban p {
        font-size: 50px;
        line-height: 45px;
        margin-top: 0;
        font-style: normal;
        font-family: "prison-aoe",'FuturaStdBold', Arial, sans-serif;
        color: #451D11;
    }

    .home .home-ban .annonce-first {
        font-size: 66px;
        padding-bottom: 35px;
    }

    .home .home-ban .annonce-big {
        color: #9F1230;
        font-size: 125px;
        padding-bottom: 50px;
        letter-spacing: 8px;
    }

    .home .home-ban .annonce-small {
        font-size: 32px;
        padding-left: 330px;
    }

        .home .home-ban .annonce-small #profile1 {
            margin-left: 93px;
        }

.hist_cont .history .button {
    font-family: "prison-aoe",'FuturaStdBold', Arial, sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-size: 21px;
    margin-left: 426px;
    margin-top: 171px;
}

#notre-histoire .button {
    margin-left: 105px;
    margin-top: 105px;
}

.hist_cont #rcc_con > div {
    float: none;
    width: auto;
    position: relative;
}

#linkNext {
    position: absolute;
    left: 65px;
    top: 80px\9;
    margin-top: 0px !important\9;
}

#litPrevious {
    position: absolute;
    left: 22px;
}

/* CUSTOM HP MAIN PUSH FOR JEU 14.10.2015 */
.home.fr .base-page-content h1 {
    font-size: 65px;
    margin-top: -350px;
}

.home.fr .base-page-content h2 {
    margin-top: -15px;
}

.home.fr .base-page-content h2 {
    font-family: prison-aoe;
    color: #451D11;
    margin-left: 22.5%;
    font-size: 50px;
    font-weight: 100 !important;
}

.homepage-red-title {
    color: #b31b2a;
}

.home.fr .home-et {
    font-family: prison-aoe;
    color: #451D11;
    margin-left: 50%;
    font-size: 35px;
    margin-top: 80px;
}

.home.fr .je-participe-button {
    margin-left: 45%;
    margin-top: 40px;
    font-family: "prison-aoe",'FuturaStdBold', Arial, sans-serif;
    font-size: 20px;
    color: #471A0B;
    font-style: normal !important;
}

    .home.fr .je-participe-button span {
        font-size: 30px;
        padding: 7px 17px 19px 19px;
    }

.decouvrez-button {
    margin-left: 40% !important;
    margin-top: 20% !important;
}

.jeu-rcc {
    font-family: prison-aoe, FuturaStdBold, Arial, sans-serif!important;
    color: #471A0B!important;
    width: 450px !important;
    line-height: 1 !important;
    margin-left: -6px!important;
}

.jeu-date {
    color: #471A0B!important;
    text-align: center!important;
    margin-left: 75px!important;
    margin-top: -5px!important;
    text-transform: uppercase!important;
    font-size: 25px!important;
}

.jeu-et {
    margin-top: -80px!important;
    margin-left: 80px!important;
    color: #471A0B!important;
    font-size: 33px!important;
}

.jeu-conditions {
    font-family: 'FuturaStdBook', arial !important;
    color: black;
    font-size: 13px !important;
    font-weight: bold !important;
    margin-top: -78px !important;
    width: 100%!important;
    margin-left: 28px !important;
}

.jeu-button {
    margin-top: -135px !important;
    margin-left: 455px !important;
    width: 68px !important;
    left: 4px \9;
    position: absolute \9;
    top: 311px \9;
}

_:-ms-lang(x), .jeu-button {
    left: 4px;
    position: absolute;
    top: 311px;
}

/*End of CUSTOM HP MAIN PUSH FOR JEU */
.brut-new {
    font-family: prison-aoe, FuturaStdBold, Arial, sans-serif!important;
    color: #471A0B!important;
    width: 450px !important;
    line-height: 1 !important;
    margin-left: 36px!important;
    font-size: 38px!important;
}

.brut-text {
    color: rgb(185, 0, 0);
    font-size: 90px;
    line-height: 51px;
}

#rcc_content3 {
    width: 915px !important;
}

    #rcc_content3 .button {
        margin-top: -53px!important;
    }

        #rcc_content3 .button span {
            font-size: 26px;
            padding-bottom: 14px;
        }

    #rcc_content3 .brut-content {
        font-size: 30px;
    }

#tabs #contentTab-1 .rcc_contnet a.button {
    margin-top: 155px;
    left: 0;
    position: absolute;
}

#rcc_content2 .button span {
    font-size: 26px;
    width: 149px;
    padding-bottom: 15px;
}

#contentTab-2 .rcc_contnet a.button {
    font-size: 22px!important;
    /*     padding-left: 306px; */
    margin-top: 0px;
}
/* #contentTab-2 .rcc_contnet a.button span{
	padding-top:0;
} */

#rcc_content1 .button span {
    font-size: 26px;
    padding-bottom: 14px;
}
/* custom styles for mozzila */
@-moz-document url-prefix() {
    .jeu-button;

{
    left: 4px;
    position: absolute;
    top: 311px;
}

#rcc_content3 .button span {
    padding-bottom: 15px;
}
/* #contentTab-1 .button{
	margin-top:-130px !important;
} */
#contentTab-2 .button {
    left: -24px !important;
    margin-top: 36px!important;
    position: absolute!important;
    width: 34%!important;
    margin-left: 26px;
    padding-right: 25px;
}

#rcc_content3 .brut-content {
    margin-top: 15px;
}

#rcc_content3 .button {
    left: 365px;
    position: absolute;
    margin-top: -53px !important;
}

#rcc_content2 .button {
    margin-top: 0px !important;
    padding-right: 50px;
}

#rcc_content1 .button {
    margin-top: 37px !important;
}

#tabs #rcc_content2 p {
    font-size: 27px!important;
}

#rcc_content2 .button span {
    padding-left: 17px !important;
}

#rcc_content2 .button span {
    padding-left: 25px !important;
}

}

_:-ms-lang(x), #rcc_content3 .button {
    left: 365px;
    position: absolute;
}

/*Style for brut-main-push begin*/
.main-brut-push {
    height: 327px;
    text-align: center;
    margin-left: 120px;
    margin-top: 8px;
    position: relative;
}

    .main-brut-push .brut-new {
        font-size: 51px !important;
        margin-top: 0;
        position: relative;
        height: 310px;
    }

        .main-brut-push .brut-new .brut-text {
            font-size: 120px;
            line-height: 69px;
        }

        .main-brut-push .brut-new .brut-content {
            position: absolute;
            bottom: 0px;
            right: 57px;
        }

.home .base-page-content h2 {
    letter-spacing: 1px;
}

.main-brut-push a {
    position: absolute;
    bottom: 15px;
    right: 230px;
    font-size: 26px;
    font-family: "prison-aoe",'FuturaStdBold', Arial, sans-serif;
    text-transform: uppercase;
    font-style: normal;
}

    .main-brut-push a span {
        padding-top: 2px;
        font-size: 26px;
    }
    /*Style for brut-main-push end*/


    /* Home page End*/

    .main-brut-push a span {
        padding-top: 2px;
        font-size: 26px;
    }
/*Style for brut-main-push end*/

/* carusel*/

a.button span {
    font: normal 23px "prison-aoe",'FuturaStdBold', Arial, sans-serif;
}

#rcc_content5 h2 span {
    font: normal 32px "prison-aoe",'FuturaStdBold', Arial, sans-serif;
    letter-spacing: 1px;
    padding-right: 60px;
}

#rcc_content5 a.button {
    margin-top: 155px;
    left: 0;
    position: absolute;
    padding-left: 200px;
    top: 45px\9;
}



.home #nouveau-film {
    position: relative;
    top: 10px;
    left: 112px;
    width: 366px;
    height: 0px\9;
}

    .home #nouveau-film h2 {
        font: normal 44px "prison-aoe",'FuturaStdBold', Arial, sans-serif;
        line-height: 38px;
        width: 320px;
    }

    .home #nouveau-film .button {
        margin-top: 15px;
    }


.main-push .button {
    background-size: 46px;
    padding-right: 46px;
}


    .main-push .button span {
        background-size: 677px;
        padding-right: 17px;
        font-size: 30px;
        padding-left: 22px;
        padding-top: 0px;
    }

.main-push a.button:hover {
     background-size: 46px;
    padding-right: 46px;
}

    .main-push a.button:hover span {
         background-size: 677px;
        padding-right: 17px;
        font-size: 30px;
        padding-left: 22px;
        padding-top: 0px;
    }





/* ------IE9 hack only------*/
@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
    .home #nouveau-film .button {
        margin-top: 130px;
    }
}
/* Home page End*/