@charset "utf-8";
/* CSS Document */


#trine2 {
    background: #000000 url('../../img/trine2/main-bg.jpg') no-repeat;
    min-height: 1024px;
    background-position: center 100px;
    min-width: 960px;
    max-width: 1602px;
    margin: 0 auto;
}

#partUp {
    width: 940px;
    margin: 20px auto 0 auto;
    text-align: center;
    position: relative;
    -webkit-transform:translate3d(0,0,0);
}

#intro_text {
    display: inline-block;
}

#videos_visuals {
    bottom: -50px;
    position: absolute;
    right: 0;
}

#book {
    position: relative;
    background: transparent url('../../img/trine2/book.png') top center no-repeat;
    min-width: 960px;
    max-width: 1020px;
    height: 465px;
    margin: 70px auto 0 auto;
}

#book > div {
    display: inline-block;
    width: 420px;
    margin-left: 60px;
    margin-top: 100px;
    min-height: 300px;
    text-align: center;
    float: left;
}

#book > div:first-child {
    margin-top: 60px;
}

/*swipe carousel*/

#slider {
    margin: 0 auto;
    width: 346px;
}

#position {
    display: inline-block;
    margin: 30px auto 0 auto;
}

#position li {
    cursor: pointer;
    background: url('../../img/trine2/carousel-puce.png') top center no-repeat;
    float: left;
    height: 16px;
    margin-right: 15px;
    width: 16px;
}

#position li.bullet_on {
    background: url('../../img/trine2/carousel-puce_on.png') top center no-repeat;
}

.swipe {
    overflow: hidden;
    position: relative;
    visibility: hidden;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
}
.swipe-wrap > div {
    float: left;
    position: relative;
    width: 100%;
}
/**/


/*caracter change*/
#partDown {
    min-width: 960px;
    max-width: 1602px;
    min-height: 788px;
    margin: -180px auto 0 auto;
    background: #000000 url('../../img/trine2/cara-bg.jpg') center top no-repeat;
}

#PD_inner {
    min-width: 960px;
    max-width: 1050px;
    margin: 0 auto;
    padding-top: 120px;
}

#PD_inner > div {
    height: 474px;
    vertical-align: top;
    display: inline-block;
    margin-top: 120px;
}

#charactChange {
    width: 514px;
    height: 474px;
    position: relative;
    z-index: 2;
}

#charactChange img {
    display: block;
    position: absolute;
}

#caraInfoPlaceHolder {
    width: 374px;
    margin-left: 65px;
    position: relative;
    z-index: 1;
}

#caraInfoPlaceHolder > img {
    display: block;
}

#caraInfoPlaceHolder div {
    width: 364px;
    margin: 30px auto 0 auto;
    display: none;
}

#caraInfoPlaceHolder div:first-child {
    
}

#char1 {
    height: 562px;
    left: 105px;
    top: -140px;
    z-index: 1;
}

#char2 {
    height: 280px;
    left: -26px;
    top: 105px;
    z-index: 2;
    cursor: pointer;
}

#char3 {
    height: 280px;
    left: 425px;
    top: 105px;
    z-index: 2;
    cursor: pointer;
}

#clickHere_1, #clickHere_2 {
    position: absolute;
    top: 80px;
    z-index: 1;
}

#clickHere_1 {
    left: 36px;
}

#clickHere_2 {
    left: 485px;
}

#cara_bottom_links {
    text-align: center;
}


/**/

#gamePad {
    width: 940px;
    margin: 90px auto 150px auto;
}

#gamePad > a, #gamePad > img {
    display: block;
    text-align: center;
}

#wii_u_video_block {
    width: 814px;
    height: 344px;
    margin: 0 auto;
}


@media screen and (max-width: 970px) {

    #book > div:first-child {
        margin-top: 40px;
    }
}