* {
    margin: 0;
}

html, body {
    height: 100%;
}

.background {
    min-height:825px;
    min-width:1300px;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    background-image:url('../img/background.png');
    background-size:100% 100%;
}

#pusher {
    float:left;
    height:50%;
    margin-bottom:-350px;
}

#title {
    background-image:url('../img/title.png');
    width:480px;
    height:111px;
    margin:20px auto 0 auto;
    clear:both;
    position:relative;
}

#welcome {
    margin:50px auto 0 auto;
    position:relative;
    width:578px;
    height:281px;
}

#text_accueil {
    width:841px;
    height:318px;
    background-image:url('../img/text_accueil.png');
    margin:auto;
}

.clickable {
    cursor:pointer;
}

.welcome_choice {
    height:291px;
    margin-left:57px;
    margin-right:39px;
    position:relative;
    width:191px;
    background-repeat:no-repeat;
}

.welcome_choice:hover {
    background-position:0 -292px;
}

.page {
    width:100%;
    height:100%;
}

#main_frame {
    display:none;
}

#choice_profil2 {
    float:left;
    background-image:url('../img/choice2.png');
}

#choice_profil1 {
    float:right;
    background-image:url('../img/choice1.png');
}

#wrapper {
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto -731px;
}

#footer, #push {
    height: 731px;
}

#footer {
    width: 1300px;
    height:731px;
    margin-left:auto;
    margin-right:auto;
}

.data_container {
    width:176px;
    height:176px;
    position: absolute;
    background-image:url('../img/bulles_questions.png');
}

.profil {
    width:70px;
    margin-left:20px;
    height:100px;
    background-repeat:no-repeat;
    background-position:0 10px;
    margin-left:28px;
    width:64px;
}

#profil1 {
    background-image:url('../img/profil1.png');
}

#profil2 {
    background-image:url('../img/profil2.png');   
}

.character_picture {
    position: absolute;
    height: 100%;
    width: 100%;
}

.logo {
    position:absolute;
    top:0;
    margin-left:10px;
    width:109px;
    height:252px;
    background-image:url('../img/logo.png');
    z-index:30;
}

.link {
    position:absolute;
    height:13px;
}

#link-top {
    width:376px;
    margin-left:-125px;
    margin-top:287px;
}

#link-bottom {
    margin-left:-33px;
    width:197px;
    margin-top:305px;
}

#display_all
{
    position:absolute;
    top:0;
    right:10px;
    width:108px;
    height:27px;
    background-image:url('../img/display_all.png');
    z-index:30;
}

#data_info {
    position:absolute;
    left:52px;
    bottom:70px;
    width:183px;
    height:72px;
    margin-top:10px;
    margin-left:10px;
}

.data_container_big {
    position:absolute;
    left:-21px;
    top:-21px;
    width:250px;
    height:250px;
    display:none;
}

#choix_profil {
    width:236px;
    height:120px;
    bottom:50px;
    right:0;
    position:absolute;
    background-image:url('../img/choix_profil.png');
    background-position:0 100px;
    background-repeat:no-repeat;
}

#bulle_bonus {
    position:absolute;
    bottom:164px;
    right:336px;
    width:56px;
    height:56px;
    background-image:url('../img/bulle_bonus.png');
}

#bulle_bonus_big {
    position: absolute;
    top:-6.5px;
    left:-6.5px;
    width:69px;
    height:69px;
    background-image:url('../img/bulle_bonus_big.png');
}

#video_link {
    display:none;
}

#profil-picture {
    position:absolute;
    top:0;
    left:0;
    background-image:url('../img/profil_layer.png');
    width:1300px;
    height:731px;
}

#pointilles-picture {
    top:0;
    left:0;
    width:1300px;
    height:731px;
    z-index:-1;
    background-image:url('../img/pointilles.png')
}