/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

body{
    /*overflow:hidden;*/
    height:100%;
    /*background-image: url(../img/VM-BG.jpg);*/
    background-position:top;
    background-color: #000;
    background-repeat:repeat-x;
}

html {
    height: 100%;
}


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
h1 {
    background-image:url(../img/MV-Logo.jpg);
    background-position:left;
    background-size:contain;
    background-repeat:no-repeat;
    width:125px;
    height:50px;
    text-indent: -8000px;
}

.top-bar li.name{
    padding-left:15px;
}


.top-bar{
    position: relative;
    z-index: 400;
    margin-bottom: 0px;
}
/*.top-bar section .left li .agrandissement {
        background-image: url(../img/MV-Icon-Agrandissement.png);
        background-repeat: no-repeat;
        background-position: center top;
}*/

.top-bar section .left li a {
    color: #333;
    display: block;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    height: 54px;
    line-height: 80px;
    padding: 0 15px;
    margin-top: 5px;
}

.top-bar section .left li .tdm {
    background-image: url(../img/MV-Icon-TableMatiere.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.top-bar section .left li .numeros {
    background-image: url(../img/MV-Icon-AutresNumeros.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.top-bar section .left li .publicite {
    background-image: url(../img/MV-Icon-Publicite.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.top-bar section .left li .rechercher {
    background-image: url(../img/MV-Icon-Rechercher.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.top-bar section .left li .telecharger {
    background-image: url(../img/MV-Icon-telecharger.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.top-bar section .left li .imprimer {
    background-image: url(../img/MV-Icon-Imprimer.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.top-bar section .left li .partager {
    background-image: url(../img/MV-Icon-Partager.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.top-bar section .left li .aides {
    background-image: url(../img/MV-Icon-Aides.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.top-bar section .left li .langues {
    background-image: url(../img/MV-Icon-Langues.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.top-bar section .left li .fullscreen {
    background-image: url(../img/MV-Icon-Fullscreen.png);
    background-repeat: no-repeat;
    background-position: center top;
    min-width: 40px;
}
.top-bar section .left li .fullscreenOut {
    background-image: url(../img/MV-Icon-FullscreenOut.png);
    background-repeat: no-repeat;
    background-position: center top;
    min-width: 40px;
}

.navBar {
    background-image: url(../img/MV-menu-bavette.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 13px;

    margin-right: auto;
    width: 100%;
    text-align: center;
}

.cursorPointer{
    cursor: pointer;
}

.navBar ul.left {    

    /*width: 100%;    */
    /*margin-left: 388px;*/
}

.top-bar .navBar ul > li{
    height: 29px;
    width:24px;
}

.top-bar section   li .premier {
    background-image: url('../img/MV-Icon-first.png');
    background-repeat: no-repeat;
    background-position: center top;
    height :10px;
}

.top-bar section   li .precedent {
    background-image: url('../img/MV-Icon-prev.png');
    background-repeat: no-repeat;
    background-position: center top;
}

.top-bar section   li .suivant {
    background-image: url('../img/MV-Icon-next.png');
    background-repeat: no-repeat;
    background-position: center top;
}

.top-bar section   li .dernier {
    background-image: url('../img/MV-Icon-last.png');
    background-repeat: no-repeat;
    background-position: center top;
}

#archive-content .cover a{
    display:block;
    width:105px;
    margin:0 auto;
    border:6px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.clickablePage {
    cursor:pointer;
}
#leftTabulation,#rightTabulation {
    z-index: 1;
}

#pageInput {
    width : 100%;
    margin:0px;
    background-color:transparent;
    border: none;
    outline: none;
    padding:0px;
    height: 24px;
    font-size:11px;
    text-align:center;
}


#inputBox {
    display:block;
    margin-left: 10px;
    height: 24px;

}

#listInput {
    width:56px;

}

#listInput:hover   {
    background :transparent;
}

#listInput  li:hover{
    background: transparent;
}

#flipbook-special-container {
    position:absolute;
    top:200px;
    left:0px;
    width:960px;
}

#zoom-lightBox {
    width:100%;
    position:relative;
    height:1500px;
    overflow:auto;
}

#zoom-left-container, #zoom-right-container {
    float:left;
}


.left_part {

    width: 100%;
    overflow:hidden;
}
.right_part {

    white-space:nowrap;
    verticle-align: top;
}

#zoom-wrapper {


    margin:0 auto;
}

.apercu {
    position : absolute;
    width: 100%;
    height:100px;
    background-color : rgba(51,122,175,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80337aaf,endColorstr=#80337aaf);
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    overflow:hidden;
    bottom:25px;
}

.apercu .contenant{
    position: relative;
/*    overflow-x: hidden;
    overflow-y: hidden;*/
/*    white-space: nowrap;
    display:block;*/
}

.apercu .contenant div {
    display: inline-block;
    margin-left: 50px;
    padding-top:14px;
    padding-bottom: 17px;
    cursor : pointer;
    min-width:41px;
    max-width:90px;
    float:left;
}

.apercu .contenant div.selection{
    background-color: #8DB2CE;
    border:4px solid #8DB2CE;
}

.apercu .navigation {
    z-index: 100;
    /*display: none;*/
    position:absolute;
    background-repeat: no-repeat;
    background-position: center  ;
    width : 50px;
    height : 100%;
    /*background-color: red;*/

}

.apercu .navigation.precedant {
    background-image:url(../img/MV-arrow-left.png);

}

.apercu .navigation.suivant {
    right :0px;
    background-image:url(../img/MV-arrow-right.png);

}
.apercu img {

    width:41px;
    height:54px;

}

.zoom-slider{
    float:left;
    margin-top:15px;
    width:200px; 
}


.arrow-left {

    background-image: url(../img/MV-arrow-left.png);
    background-repeat: no-repeat;
    height :100%;
    width : 60px;
    position : absolute;
    background-position:center; 
    cursor: pointer ;
}

.arrow-right {

    background-image: url(../img/MV-arrow-right.png);
    background-repeat: no-repeat;
    height :100%;
    width : 60px;
    position : absolute;
    background-position:center; 
    cursor : pointer;   
}

.wrapper {

    min-height: 100%;
    height: 100%;
    margin-bottom: -29px;

}

.footer {
    position : relative;
    display: table;
    margin: 0 auto;
    width:100%;
    height : 26px;
    background : black;
    padding:0 15px;
    border-top:3px solid #FFF;
    z-index:400;
}
.footer hr {
    margin:0px;
    border-width: 3px 0 0;
}


.footer p {
    color : white;
    float :left;
}

.footer ul {
    float: right;
}

.sidebar{
    top : 0px;
    position : absolute;
    /*width : 220px;*/
    width:0px;
    margin-top: 100px;
    height: 73%;
    background-color: white;
    border : 1px solid black;
    display : block;
    overflow : hidden;
    z-index:9999;
    display:none;
}


.sidebar .head {
    /*background-color: pink;*/
    min-width: 220px;
    width : 100%;
    height: 43px;
    border-bottom: 1px solid black;
    position: absolute;

}

.sidebar .head div {
    position: relative;
    float:left;
    margin-top:8px;
}

.sidebar .head .icon {

    background-repeat: no-repeat;
    width:50px;
    height:50px;
}

.sidebar .head .icon.recherche{

    background-image: url('../img/MV-Icon-Rechercher.png');

}
.sidebar .head .icon.pub{

    background-image: url('../img/MV-Icon-Publicite.png');

}

.sidebar .head  div.title   { 
    margin-top: 10px; 
    font-size:18px;
    width:130px;
    height:19px;
    text-transform:uppercase; 
    /*background : red;*/
}

.sidebar .head .close {
    float :right;    
    background-image: url('../img/MV-Icon-close.png');
    background-repeat: no-repeat;
    width:35px;
    height:50px;
    cursor: pointer;
}

.sidebar .content {
    float : left;
    width :100%;
    height :100%;
    position: relative;
    /*background: pink;*/
    margin-top: 45px;
    clear : left;

}

.rechercheBoite {
    position: relative;
    overflow : hidden;
    height :43px;
    margin-top: 28px;
    float:left;
}

#txtRecherche {
    width :150px;
    margin-left: 15px;
    float : left;
}

.sidebar .cmdRecherche {
    cursor: pointer;
    background-image: url('../img/MV-Icon-Rechercher.png');
    width : 45px;
    height : 28px;
    background-repeat: no-repeat;
    float : left;
}

.page-list {

    /*float:left;*/
    position: relative;
    overflow-y:  scroll ;
    min-height: 50%;
    height :95%;
    width : 100%;
}

.page-list .page {
    margin-top:20px;
    cursor:pointer;
}

.page-list .page .titre {

    font-weight: bold;
}

.page-list .page img {

    width: 120px;
    height: auto;
    border : 3px solid #cccccc;

}


.popup .head {

    width : 100%;
    overflow : hidden;
    border-bottom: 1px solid black;
    padding-bottom: 10px;

}

.popup .icon {

    float:left;
    width : 50px;
    height:25px;
    background-image: url(../img/MV-Icon-AutresNumeros.png);

}

.popup .title {
    text-transform:uppercase;
    margin-top: 3px; 
    font-size:18px;
    float : left;
    height:19px;

} 


.popup .page-list {

    margin-top:10px;

}
.popup  .cover {
    text-align: center;
    float : left;
    width : 150px;
    margin-left: 10px;
    margin-bottom: 20px;
}
.popup .cover img {
    /*width : 150px;*/
}


.popup .content {

    float : left;
    width :100%;
    height :95%;
    position: relative;
    /*background: pink;*/
    /*padding:15px 30px 30px 30px;*/
    clear : left;

}

.popup .date {
    margin-top : 2px; 
    font-weight: bold;

}

.popup .vol {

    color : #7b7b7b;
    font-size:12px;

}
.reveal-modal { 
    z-index :10000;
    height: 66%;
}

.reveal-modal-bg {
    z-index : 9999;
}


.area {

    position : absolute;
    width : 100px;
    height : 100px;

    opacity:0.5;
    filter:alpha(opacity=40); /* For IE8 and earlier */

}


#shareBox   {
    /*    width: 500px;
        margin-left: 0px;  
        left : 40%;
        top : 200px;*/
    height: 75%;
}

#shareContent {

    margin :15px 0;
    text-align: center;

}

.close_box_btn a{
    background: url('../img/MV-Icon-close.png') no-repeat left top;
    display: block;
    width:35px;
    height:50px;
    cursor: pointer;
}

#imprimer{
    height:300px;
}

.printFrom{
    width:240px;
    margin-top:18px;
}

.printFrom input,
.printFrom label,
.printRange input,
.printRange label{
    float:left;
    display:inline-block;
    margin-right:6px;
}

.printFrom input[type="radio"],
.printFrom label,
.printRange input[type="radio"],
.printRange label{
    margin-top:10px;
}

.printFrom input[type="text"]{
    width:50px;
}

.clear{
    clear:both;
}

.printRange{
    /*width:280px;*/
}

.printRange input[type="text"]{
    width:170px;
    margin-bottom:2px;
}

.printRange span{
    font-size:9px;
    display:inline-block;
    float:left;
    margin-left:22px;
}

.submitPrint{
    margin-top:20px;
}

.submitPrint input{
    float:right;
}

#langueBox a.button{
    margin-bottom:15px;
}

.popup .icon.print {

    background-image: url(../img/MV-Icon-Imprimer.png);

}

.popup .icon.share {

    background-image: url(../img/MV-Icon-Partager.png);

}

.popup .icon.langue {

    background-image: url(../img/MV-Icon-Langues.png);

}

.popup .icon.help {

    background-image: url(../img/MV-Icon-Aides.png);

}

.apercu .contenant img{
    box-shadow: #666 2px 4px 4px;
    -webkit-box-shadow: #666 2px 4px 4px;
    -moz-box-shadow: #666 2px 4px 4px;
    behavior: url(/stylesheets/PIE.htc);
}

.helpContent{
    overflow:hidden;
}

.helpLine{
    border-bottom:1px solid #999;
    padding:10px 0;
}

.helpLine.last{
    border-bottom:none;
}

.helpLine .nine{
    font-size:11px;
}

.helpLine .three{
    text-align:center;
}

#helpBox.popup .content{
    overflow-y:auto;
    overflow-x:hidden;
}

#imprimer.popup .content{
    padding-top:15px;
}

#shareContent{
    height:100%;
    overflow-y:hidden;
    overflow-x:hidden;
}

.share_box{
    float: left;
    width: 22%;
    margin-left:3%;
}

.share_table_wrapper{
    float: left;
    width: 75%;
    border-radius: 5px;
    border: 1px solid #999;
    height:100%;
    overflow-y:scroll;
    overflow-x:hidden;
    padding: 15px;
}

.searchOverlay {
    background-color:#FF0;
    position:absolute;
    z-index:500;
    opacity:0.5;
    filter:alpha(opacity=40);
}

.share_table .page_box{
    float:left;
    padding:12px;
    min-width:100px;
}
/*.share_table .page_box img:hover{
    border:2px solid black;
}
.share_table .page_box.selected img:hover{
    border:2px solid blue;
}*/

.share_table .page_selector{
    padding:3px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    behavior: url(/stylesheets/PIE.htc);
}

.share_table .page_selector:hover{
    background-color:#CCC;
}

.share_table .page_selector.selected{
    background-color:#09F;
}

.share_box .mail_form_container{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #999;
    padding: 8px;
    behavior: url(/stylesheets/PIE.htc);
}

.share_box .share_fb_box,
.share_box .share_twit_box{
    padding:4px;
}

.share_box .mail_form_container p{
    font-size:12px;
}

.share_box .mail_form_container label{
    font-size:12px;
}

.share_box .mail_form_container input[type="text"]{
    font-size:12px;
    height:28px;
    padding:4px;
}

.share_box .share_fb_box{
    margin-top:15px;
}

.top-bar section{
    position: absolute;
    width:100%;
    padding:0 120px;
    top:0;
    left:0;
}

.navBar .nav_container{
    width:152px;
    margin:0 auto;
}

.langButton{
    margin-bottom:10px;
    width:100px;
}

#langueBox{
    height:390px;
}

.top-bar ul > li {
    text-align:center;
}

#langContent{
    height: 85%;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 30px;
    text-align: center;
}

#btnMenuMobile{
    display:none;
}

#archive-content.ui-widget-content{
    border:none;
}

#archive-content .ui-widget-header{
    background:none;
    border:none;
    border-bottom:1px solid #aaa;
}

#archive-content .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

#archive-content .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

#mobileModal .twelve{
    margin-top:20px;
}

#zoom-viewport{
    min-width:400px;
    min-height:269px;
}

#flipbook .page-wrapper,
#flipbook .page-wrapper img{
    min-width:200px;
    min-height:269px;
}

#mobiledropdown .row {
    min-width:1024px;
}

/*  dropdown menu when windows is too small to show the menu on one line  */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape){

    html,
    body{
        overflow:hidden;
    }

    #btnMenuMobile{
        display:block;
        position:absolute;
        top:0;
        left:0;
        z-index:999;
    }

    #btnMenuMobile a{
        display:block;
    }

    #btnMenuMobile a img{
        display:block;
        border:none;;
    }

    #topNav.top-bar {
        height:37px;
        background-position:left -25px;
        display:none;
        position:absolute;
        top:0;
        z-index:999;
    }

    #topNav ul > li.toggle-topbar a:not(.button){
        line-height:40px;
    }

    #topNav li.name{
        padding-left:0;
    }

    #topNav h1{
        background-image:url(../img/MV-Logo_ipad.jpg);
        height:27px;
        width:70px;
    }

    #topNav h1 a{
        height:27px;
    }

    #topNav section#mobiledropdown{
        padding:0 0 0 70px;
        height:33px;
    }

    #topNav section#mobiledropdown div.row{
        width:100%;
        background-color:#FFF;
        min-width:100%;
        height:100%;
    }

    #topNav section#mobiledropdown .row .twelve.menuBar{
        height:100%;
        width:65% !important;
        display:inline-block;
        float:left;
    }

    #topNav section#mobiledropdown .row .menuBar ul li{
        width:11%;
        height:100%;
    }

    #topNav section#mobiledropdown .row .menuBar ul li a{
        height:95%;
        margin-top:3px;
        background-position: top !important;
    }

    #topNav section#mobiledropdown .row .menuBar ul li:hover{
        background:none;
    }

    #topNav section#mobiledropdown .row .menuBar ul li a:hover{
        background-color:none;
    }

    #topNav section#mobiledropdown li{
        text-align:center;
        display:inline-block;
        float:left;
    }

    #topNav section#mobiledropdown li a:hover{
        background-color:#F5F5F5;
    }

    .wrapper #topNav section#mobiledropdown div.twelve.navBar{
        background-image:none;
        display:inline-block;
        float:left;
        width:35% !important;
        margin-top:3px;
        padding:0;
    }

    #topNav section#mobiledropdown .navBar .nav_container{
        width:100%;
    }

    #topNav section#mobiledropdown .navBar ul{
        float:left;
    }

    #topNav section#mobiledropdown .navBar ul li{
        display:inline-block;
        float:left;
        width:18%;
    }

    #topNav section#mobiledropdown .navBar ul li:hover{
        background:none;
    }

    #topNav section#mobiledropdown .navBar ul li a{
        height:20px;
        margin-top:8px;
    }

    #topNav section#mobiledropdown .navBar ul li.listInput{
        width:28%;
    }

    #topNav section#mobiledropdown .navBar ul li #inputBox{
        margin-top:2px;
        margin-left:0;
    }

    #topNav ul li.name{
        background:none;
    }

    #topNav ul > li.toggle-topbar{
        width:290px;
        height:37px;
        padding-left:0;
    }

    #topNav ul > li.toggle-topbar:hover{
        background:none;
    }

    #topNav ul > li.toggle-topbar a{
        font-size:20px;
        border:none;
        border-color:none;
        position:relative;
        top:0;
        right:0;
        width:100%;
        height:100%;
    }

    #topNav ul > li.toggle-topbar a:hover{
        color:#333;
        background:#F5F5F5;
    }

    #topNav section#mobiledropdown .zoomContainer{
        float:none !important;
        margin-left: 0 !important;
        display:none;
    }

    #topNav section#mobiledropdown .zoomContainer div{
        position:relative !important;
    }

    #magHolder{
        position:relative !important;
        /*margin-left:15px !important;*/
        /*margin-top:40px !important;*/
    }

    #apercu{
        display:none;
    }

    #zoom-viewport{
        left:0;
    }

    /*	#zoom-viewport,
            #flipbook{
                    width:710px !important;
                    height:495px !important;
                    position:relative !important;
            }*/

    #magHolder #zoom-viewport {
        margin-left: 0;
    }

    #flipbook{
        -webkit-transform:none !important;
    }

    /*	#flipbook .page-wrapper,
            #flipbook .page-wrapper .page{
                    width:355px !important;
                    height:495px !important;
            }*/

    footer.footer{
        display:none;
        position:absolute;
        bottom:0;
        z-index:999;
    }

    .share_table_wrapper{
        width:65%;
    }

    .share_box {
        width: 32%;
    }

    .reveal-modal{
        top:50px !important;
    }

    .reveal-modal.medium,
    .reveal-modal.xlarge{
        width:650px;
        margin-left:-30%;
        height:85% !important;
    }

    #mobileModal.reveal-modal.medium{
        widows:65%;
        height:350px !important;
    }

    #flipbook .zoomer{
        display:none !important;
    }

    .searchOverlay{
        z-index:99999;
    }
}

@media only screen 
and (max-device-width : 1024px) 
and (orientation : portrait){

    html,
    body{
        overflow:hidden;
    }

    #btnMenuMobile{
        display:block;
        position:absolute;
        top:0;
        left:0;
        z-index:999;
    }

    #btnMenuMobile a{
        display:block;
    }

    #btnMenuMobile a img{
        display:block;
        border:none;;
    }

    #topNav.top-bar {
        height:37px;
        background-position:left -25px;
        display:none;
        position:absolute;
        top:0;
        z-index:999;
    }

    #topNav ul > li.toggle-topbar a:not(.button){
        line-height:40px;
    }

    #topNav li.name{
        padding-left:0;
    }

    #topNav h1{
        background-image:url(../img/MV-Logo_ipad.jpg);
        height:27px;
        width:70px;
    }

    #topNav h1 a{
        height:27px;
    }

    #topNav section#mobiledropdown{
        padding:0 0 0 70px;
        height:33px;
    }

    #topNav section#mobiledropdown div.row{
        width:100%;
        background-color:#FFF;
        min-width:100%;
        height:100%;
    }

    #topNav section#mobiledropdown .row .twelve.menuBar{
        height:100%;
        width:65% !important;
        display:inline-block;
        float:left;
    }

    #topNav section#mobiledropdown .row .menuBar ul li{
        width:11%;
        height:100%;
    }

    #topNav section#mobiledropdown .row .menuBar ul li a{
        height:95%;
        margin-top:3px;
        background-position: top !important;
    }

    #topNav section#mobiledropdown .row .menuBar ul li:hover{
        background:none;
    }

    #topNav section#mobiledropdown .row .menuBar ul li a:hover{
        background-color:none;
    }

    #topNav section#mobiledropdown li{
        text-align:center;
        display:inline-block;
        float:left;
    }

    #topNav section#mobiledropdown li a:hover{
        background-color:#F5F5F5;
    }

    .wrapper #topNav section#mobiledropdown div.twelve.navBar{
        background-image:none;
        display:inline-block;
        float:left;
        width:35% !important;
        margin-top:3px;
        padding:0;
    }

    #topNav section#mobiledropdown .navBar .nav_container{
        width:100%;
    }

    #topNav section#mobiledropdown .navBar ul{
        float:left;
    }

    #topNav section#mobiledropdown .navBar ul li{
        display:inline-block;
        float:left;
        width:18%;
    }

    #topNav section#mobiledropdown .navBar ul li:hover{
        background:none;
    }

    #topNav section#mobiledropdown .navBar ul li a{
        height:20px;
        margin-top:8px;
    }

    #topNav section#mobiledropdown .navBar ul li.listInput{
        width:28%;
    }

    #topNav section#mobiledropdown .navBar ul li #inputBox{
        margin-top:2px;
        margin-left:0;
    }

    #topNav ul li.name{
        background:none;
    }

    #topNav ul > li.toggle-topbar{
        width:290px;
        height:37px;
        padding-left:0;
    }

    #topNav ul > li.toggle-topbar:hover{
        background:none;
    }

    #topNav ul > li.toggle-topbar a{
        font-size:20px;
        border:none;
        border-color:none;
        position:relative;
        top:0;
        right:0;
        width:100%;
        height:100%;
    }

    #topNav ul > li.toggle-topbar a:hover{
        color:#333;
        background:#F5F5F5;
    }

    #topNav section#mobiledropdown .zoomContainer{
        float:none !important;
        margin-left: 0 !important;
    }

    #topNav section#mobiledropdown .zoomContainer div{
        position:relative !important;
    }

    #magHolder{
/*        position:relative !important;
        margin-left:15px !important;
        margin-top:200px !important;*/
    }

    #apercu{
        display:none;
    }

    #zoom-viewport{
        left:0;
    }

/*    #zoom-viewport,
    #flipbook{
        width:710px !important;
        height:495px !important;
        position:relative !important;
    }*/

    #flipbook{
        -webkit-transform:none !important;
    }

/*    #flipbook .page-wrapper,
    #flipbook .page-wrapper .page{
        width:355px !important;
        height:495px !important;
    }*/

    footer.footer{
        display:none;
        position:absolute;
        bottom:0;
        z-index:999;
    }

    #magHolder .sidebar{
        height:800px;
        top:-130px;
        left:-20px;
    }


    .share_table_wrapper{
        width:65%;
    }

    .share_box {
        width: 32%;
    }

    .reveal-modal{
        top:50px !important;
    }

    .reveal-modal.medium,
    .reveal-modal.xlarge{
        width:85%;
        margin-left:-40%;
        height:85% !important;
    }

    #mobileModal.reveal-modal.medium{
        widows:65%;
        height:350px !important;
    }

    #flipbook .zoomer{
        display:none !important;
    }

    .searchOverlay{
        z-index:99999;
    }
}


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

/*    .wrapper{
        min-height:600px;
        min-width:800px;
    }*/

    #topNav ul > li.toggle-topbar{
        display:none;
    }

    #topNav.top-bar ul li.name{
        background:#fff;
    }

    #topNav section#mobiledropdown .row{
        min-width:768px;
        overflow:hidden;
    }

    #topNav section#mobiledropdown .row .twelve{
        width:570px;
        float:left;
    }

    #topNav section#mobiledropdown li{
        display:inline-block;
        float:left;
    }

    #topNav section#mobiledropdown .row .menuBar ul li:hover{
        background:none;
    }

    #topNav section#mobiledropdown .row .menuBar ul li a:hover{
        background-color:none;
    }

    #topNav section#mobiledropdown .row .menuBar li a{
        text-indent: 304px;
        overflow: hidden;
        width: 40px;
        height: 54px;
        background-position: center !important;
    }

    #topNav section#mobiledropdown .row .menuBar .zoom-slider{
        width:100px;
    }

    #topNav section#mobiledropdown .twelve.navBar{
        width: 180px;
        display: inline-block;
        float: left;
        background: none;
        margin-top:18px;
        padding:0;
    }

    #topNav section#mobiledropdown .twelve.navBar ul li:hover{
        background:none;
    }

    #topNav section#mobiledropdown .twelve.navBar ul li a:hover{
        background-color:none;
    }

    #zoom-viewport{
        min-width:400px;
        min-height:269px;
    }

    #flipbook .page-wrapper,
    #flipbook .page-wrapper img{
        min-width:200px;
        min-height:269px;
    }

}

@media only screen 
and (max-height : 800px){

/*    .wrapper{
        min-height:600px;
        min-width:800px;
    }*/
}