@font-face
{
    font-family:'scadabold';
    src:url(scada/scada-bold-webfont.eot);
    src:url(scada/scada-bold-webfont.eot?#iefix) format("embedded-opentype)","url(scada/scada-bold-webfont.woff") format("woff)","url(scada/scada-bold-webfont.ttf") format("truetype)","url(scada/scada-bold-webfont.svg#scadabold") format("svg");
    font-weight:400;
    font-style:normal
}

@font-face
{
    font-family:'scadaregular';
    src:url(scada/scada-regular-webfont.eot);
    src:url(scada/scada-regular-webfont.eot?#iefix) format("embedded-opentype)","url(scada/scada-regular-webfont.woff") format("woff)","url(scada/scada-regular-webfont.ttf") format("truetype)","url(scada/scada-regular-webfont.svg#scadaregular") format("svg");
    font-weight:400;
    font-style:normal
}

*,html,body
{
    margin:0;
    padding:0;
    font-weight:400;
    list-style:none;
    border:0;
    border-image:0;
    margin:0;
    padding:0
}

html
{
    -webkit-text-size-adjust:none
}

body
{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-touch-callout:none;
    font-family:scadaregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:32px;
    margin:0;
    padding:0
}

#plan
{
    overflow:hidden
}

#loading1
{
    position:absolute;
    top:75px;
    height:733px;
    left:50%;
    width:1380px;
    margin-left:-690px;
    cursor:pointer;
    border:3px solid #e97600;
    box-shadow:2px 2px 3px rgba(0,0,0,0.8);
    overflow:hidden
}

#loading2
{
    position:absolute;
    top:75px;
    height:504px;
    left:50%;
    width:1380px;
    margin-left:-690px;
    cursor:pointer;
    border:3px solid #e97600;
    box-shadow:2px 2px 3px rgba(0,0,0,0.8);
    overflow:hidden
}

#points
{
    position:absolute;
    top:0;
    left:0;
    cursor:pointer
}

#masque,#loader
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    opacity:.5;
    filter:alpha(opacity=50);
    z-index:999;
    overflow:hidden;
    vertical-align:middle;
    text-align:center
}

#loader span
{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:100%;
    height:100%
}

#infos
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    z-index:999;
    overflow:hidden
}

.point
{
    position:absolute
}

.point_title
{
    color:#fff;
    background:#e97600;
    box-shadow:2px 2px 5px rgba(0,0,0,0.8);
    width:360px;
    height:41px;
    font-size:32px;
    display:table-cell;
    position:absolute;
    vertical-align:middle;
    padding:0;
    z-index:998
}

#macite
{
    position:absolute;
    z-index:900;
    top:931px;
    left:0;
    height:149px;
    width:1920px;
    overflow:hidden
}

#macite hr
{
    position:absolute;
    left:0;
    bottom:75px;
    height:28px;
    width:1920px;
    background:#e97600
}

#macite em
{
    background:url(medias/1920/footer01.png) no-repeat 50% 50%;
    width:455px;
    height:58px;
    display:block;
    position:absolute;
    top:0;
    left:197px;
    text-indent:-9999px
}

#macite strong
{
    background:url(medias/1920/footer02.png) no-repeat 50% 50%;
    width:148px;
    height:149px;
    display:block;
    position:absolute;
    top:0;
    left:1598px;
    text-indent:-9999px
}

#menu
{
    position:absolute;
    top:0;
    left:0
}

#menu button
{
    position:absolute;
    top:30px;
    left:40px;
    height:80px;
    width:203px;
    background:url(medias/1920/bt_menu01.png) no-repeat 0 0;
    border:0;
    text-indent:-9999px;
    cursor:pointer
}

#menu li
{
    display:none;
    color:#e97600;
    font-size:24px;
    list-style-position:inside;
    list-style-type:circle;
    cursor:pointer
}

#menu.hover li.select
{
    list-style-type:disc
}

#menu.hover
{
    width:420px;
    border:2px solid #e97600;
    box-shadow:2px 2px 3px rgba(0,0,0,0.8);
    padding-top:130px;
    padding-left:40px;
    left:-2px;
    top:-2px;
    background:rgba(255,255,255,0.9);
    z-index:1000
}

#menu.hover button
{
    background-image:url(medias/1920/bt_menu03.png)
}

#menu.hover li
{
    display:list-item
}

#media
{
    position:absolute;
    top:0;
    left:0;
    vertical-align:top;
    width:auto;
    height:auto;
}

#media video
{
    position:absolute;
    top:0!important;
    left:0!important;
    width:auto;
    height:auto
}

#media .jp-full-screen
{
    position:absolute;
    top:0!important;
    left:0!important;
    width:auto;
    height:auto
}

#media_command
{
    position:absolute;
    zoom:1;
    top:50px;
    left:765px;
    width:390px;
    height:82px;
    background:url(medias/1920/player_fond.png) no-repeat 50% 50%;
    z-index:2000;
}

#close
{
    width:48px;
    height:45px;
    position:absolute;
    zoom:1;
    top:17px;
    left:313px;
    background:url(medias/1920/player_close.png) no-repeat 50% 50%;
    text-indent:-9999px;
    cursor:pointer
}

#pause
{
    width:80px;
    height:79px;
    position:absolute;
    zoom:1;
    top:0;
    left:-20px;
    text-indent:-9999px;
    cursor:pointer
}

#pause.paused
{
    background:url(medias/1920/player_pause.png) no-repeat 50% 50%
}

#pause.played
{
    background:url(medias/1920/player_play.png) no-repeat 50% 50%
}

#mute
{
    width:50px;
    height:50px;
    position:absolute;
    zoom:1;
    top:10px;
    left:70px;
    text-indent:-9999px;
    cursor:pointer
}

#mute.muted
{
    background:url(medias/1920/player_sound_off.png) no-repeat 50% 50%
}

#mute.unmuted
{
    background:url(medias/1920/player_sound_on.png) no-repeat 50% 50%
}

#volume
{
    width:140px;
    height:28px;
    position:absolute;
    zoom:1;
    top:23px;
    left:120px;
    z-index:9999
}

.slider
{
    width:140px
}

.slider > .dragger
{
    width:30px;
    height:32px;
    position:absolute;
    zoom:1;
    cursor:pointer;
    background:url(medias/1920/player_volume.png) no-repeat 50% 50%
}