/* ------------------------------------------------------------------------------- */
/*  Media Queries
/* ------------------------------------------------------------------------------- */
@media only screen and (min-width: 1275px)and (max-width: 1281px) {
     .project-carousel li {
            height:226px;
            margin-right:15px;
            width:216px;
}
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1280px) {
    #evimmo-action-lot.container{
        padding:0 !important;
        width:100% !important;
    }
    .container{
        padding-left: 3% !important;
        padding-right: 3% !important;
    }
    .container.carou{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .infosbottom.container{
        width:100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .padnav .container{
        padding: 0 !important;
        margin: auto;
    }
    .rideau-content{
        top:60%;
    }
    .project-carousel li {
            height:226px;
            margin-right:15px;
            width:216px;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 769px) and (max-width: 1280px) {
       #carte-anim .mobile{
           display:block;
       }
       #carte-anim {
            margin-left: 0px !important;
            margin-top: -15px;
        }
       .carte-container-bg{
           display:none;
       }
    .tooltip {
        display:none !important;
    }

    #evimmo-home{
        padding: 0;
    }
    #evimmo-photoloc-rideau-anim .rideau-content.anim {
        width: 100%;
        height: 100%;
        padding: 45px 0px;
        float:left;
        background-image: none;
        top: 0px;
        margin-top:120px;
        left: 0;
        margin-left: 0;
        text-align: left;
        border-radius:0
    }
    #evimmo-photoloc-rideau-anim .rideau-content p {
        width: 74%;
    }
    #evimmo-photoloc-rideau-anim .rideau-content .closebut {
        height: 30px;
        text-align: center !important;
        width: 30px;
        line-height: 28px;
        background-color: #c2443d;
        position: absolute;
        top: 50px;
        right: 15px;
        z-index: 999999;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
    }

    .carte-container .one-half.column-last{
        width:45%;
        padding-left: 4%;
    }
    .carte-container{
        padding-bottom:60px;
    }
    .minimap,.plansitu{
        height:75% !important;
        width: 97% !important;
        left:-120%;
    }
    .infodiv{
        width: 89.6% !important;
        left:-120%;
    }

    .plansitu img, .infodiv img {
        padding-top: 66px;
    }
    .enlarge{
        display:none;
    }
    .project-carousel li {
        width: 226px;
        height: 226px;
        margin-right: 15px;
    }
    .project-feed > div {
        margin-bottom: 14px;
    }
    .project-description .one-fourth {
        width: 31.9%;
    }
    .project-description .three-fourth {
        width: 64%;
    }
    .tp-caption {
        margin-left:140px;
    }
}
/* AJUSTEMENTS TRANSITION RESIZE ECRAN*/
@media all and (min-width: 768px) and (max-width: 1023px)  {
     #carte-anim .mobile{
           display:block;
       }
       .carte-container-bg{
           display:none;
       }
    #navigation{
        display:none;
    }
    .addbut{
        display:block;
    }
    .zone-affaires {
        width:100% !important;
    }
    #carte-anim{
        margin-left:0 !important;
        margin: -15px auto 0 auto;
    }
    .page-lot #evimmo-detail-lot-player-toolbar .palette-control {
        bottom: 70px;
    }
     .addbut {
        top:-88px;
        border-radius:0px;
        right:12px;
    }
    .addbut span {
        border-radius:0px;
        padding:14.5px 8px 15.5px;
      }
    #evimmo-connected{
            margin-right:100px;
          }
    .logo-promoteur{
        margin-left: -3.5%;
    }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px) {
    .addbut {
        top:-88px;
        border-radius:0px;
        right:12px;
    }
    .addbut span {
        border-radius:0px;
        padding:14.5px 8px 15.5px;
      }
    #evimmo-connected{
            margin-right:100px;
          }
    .logo-promoteur{
        margin-left: -3.5%;
    }
    /* Supprimer car déplace les zones de la maquette
    .viewport canvas{
        height:100% !important;
    }*/
        #evimmo-detail-lot-info .collapse-but:after {
            background-color: #4D4D45;
            border-bottom-right-radius: 2px;
            border-top-right-radius: 2px;
            color: #FFFFFF;
            content: "";
            float: left;
            font-family: fontAwesome;
            font-size: 18px;
            height: 70px;
            line-height: 70px;
            opacity: 1;
            text-align: center;
            width: 60px;
        }
        #evimmo-navigation{
            display:none;
        }
        .logo.one-fourth{
            margin:0 !important;
        }
        #krpanoSWFObject {
/*            margin:-60px 0 -60px 0;*/
            height: 100%;
         }
        .jcarousel-next, .jcarousel-prev {
            height: 30px;
            line-height: 30px;
            right: 0;
            width: 30px;
            }
        .project-nav {
        height: 30px;
        line-height: 30px;
        margin-left: -35px;
        width: 70px !important;
        }
         #player3d {
            min-height: 0 !important;
        }
         #back-to-top{
            display:none !important;
         }
        .page-index #evimmo-contain {
            clear: both;
            min-height: 150px;
            padding: 45px 0 0 0;
        }
        #carte-anim .mobile{
           display:block;
       }
       .carte-container-bg{
           display:none;
       }
        #evimmo-photoloc-rideau .rideau-content, #evimmo-photoloc-rideau-anim .rideau-content{
        height: 280px !important;
        width: 280px !important;
        left: 50% !important;
        margin: -140px 0 0 -140px !important;
        position: absolute;
        text-align: center;
        top: 50% !important;
        background-image: url("../img/loader.gif") !important;
        padding: 0;
    }
    #evimmo-photoloc-rideau, #evimmo-photoloc-rideau-anim {
        background-color: rgba(63, 61, 61, 0.7);
        z-index: 9999;
    }
    .mobile{
        display:block;
    }
    .desktop{
        display:none;
    }
    input[type="text"], textarea, input[type="password"] {
        width: 97%; 
    }
    #carte-anim{
        margin-top: -15px;
    }

    .padnav a span.arka-icon{
        display:block;
    }
    .padnav .lien{
        display:none;
    }
    .padnav #padnav-contact{
        border:none !important;
    }
     .padnav #padnav-home{
        border-left:none !important;
    }
    #evimmo-home .main,#evimmo-home .sidebar{
        width:100% !important;
    }
    .sidebar{
        border-top:1px solid #e4e4e4;
        padding-top: 15px;
        margin-top: 15px;
    }
    .subfooter{
        display:none;
    }
    .tooltip {
        display:none !important;
    }
    embed{
        margin:0 !important;
    }
    #bottom-nav{
        display:none
    }
    #evimmo-home{
        padding: 0;
    }
    .plansitubut,.gmapbut,.infobut{
        display:none !important;
    }
    .ipad{
        display:block;
    }
    .zone-affaires {
        width:100% !important;
    }
    .tp-caption {
        margin-left:140px;
    }
 
    .carte-container .one-half.column-last{
        width:100%;
        padding-left: 0;
    }
    .carte-container{
        padding-bottom:30px;
    }
    .minimap,.plansitu,.infodiv{
        width:95%;
        padding: 0;
        left:-140%;
        height:75% !important;
    }
    .plansitu img{
        padding-top:70px;
    }
    .enlarge{
        display:none;
    }
    #carte-anim{
        margin-left: 0 !important;
    }
    .project-carousel li {
        width: 226px;
        height: 226px;
        margin-right: 15px;
    }
    .project-feed > div {
        margin-bottom: 14px;
    }
    .project-description .one-fourth {
        width: 31.9%;
    }
    .project-description .three-fourth {
        width: 64%;
    }
    .main,.sidebar{
        width: 100%;
    }
    .contactUs{
        display: none;
    }
    .slogan{
        display:none;
    }
    .addbut{
        display: block;
    }

    .inline-border:before, .inline-border:after {
        width: 10%;
    }
    .tparrows{
        display: none !important;
    }
    .one-half       { width: 100%; }
    .one-third      { width: 100%; }
    .two-third      { width: 64%; }
    .one-fourth     { width: 49%; }
    .three-fourth   { width: 100%; }
    .one-fifth      { width: 31.8%; }
    .two-fifth      { width: 36.8%; }
    .three-fifth    { width: 55.2%; }
    .four-fifth     { width: 73.6%; }
    .one-sixth      { width: 15%; }
    .five-sixth     { width: 75%; }

    .one-fourth:nth-child(2n+2) {
        margin-right: 0;
    }
    .one-fifth:nth-child(3n+3) { margin-right: 0; }

    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .three-fifth,
    .four-fifth,
    .one-sixth,
    .five-sixth {
        margin-bottom: 30px;
    }
    #navigation {
        display: none;
    }
    .selectnav {
        display: block;
        margin-left: -30px;
        margin-right: -30px;
        width: 500px;
    }
    .logo.one-fourth{
        width:80%;
    }
    #evimmo-navigation{
        width:67%;
    }
    .breadcrumb {
        margin-top: -60px;
    }
    .page-lot #evimmo-detail-lot-player-toolbar .palette-control {
        bottom: 70px;
    }
    #evimmo-photoloc-rideau .rideau-content p, #evimmo-photoloc-rideau-anim .rideau-content p{
        display:none !important;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container.infosbottom{
        display:none;
    }
    #evimmo-detail-lot-info{
        width:200px;
    }
    .page-lot #evimmo-detail-lot-info {
    left: -200px;
    margin-top: 0;
}
    .breadcrumb {
        margin-top: -60px;
    }
    .padnav span{
        display: none;
    }
    .padnav i.mr10{
        margin:0 !important;
    }
    .plansitubut,.gmapbut{
        display:none !important;
    }
    .page-contact .main,.page-contact .sidebar{
        width:100% !important;
    }
    .logo.one-fourth{
        width:80%;
    }
    .page-lot #evimmo-detail-lot-player-toolbar .palette-control {
        bottom: 70px;
    }
    .rideau-content p{
        display: none;
    }
    #evimmo-photoloc-rideau .rideau-content .closebut, #evimmo-photoloc-rideau-anim .rideau-content .closebut {
        right: 10px;
        top: 10px;
    }   
    #evimmo-photoloc-rideau .rideau-content h3, #evimmo-photoloc-rideau-anim .rideau-content h3 {
        margin: 50px 0 0;
    }
    #evimmo-photoloc-rideau .rideau-content, #evimmo-photoloc-rideau-anim .rideau-content {
        height: 280px;
        width: 280px;
        left: 50%;
        margin: -140px 0 0 -140px;
        position: absolute;
        text-align: center;
        top: 50%;
    }
    .project-carousel li {
    height: 226px;
    margin-right: 15px;
    width: 231px;
}
}

/* IPAD LANDSCAPE ONLY */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
       .padnav #padnav-contact{
        border:none !important;
    }
     .padnav #padnav-home{
        border-left:none !important;
    }
           #evimmo-detail-lot-info .collapse-but:after {
            background-color: #4D4D45;
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px;
            color: #FFFFFF;
            content: "";
            float: left;
            font-family: fontAwesome;
            font-size: 18px;
            height: 70px;
            line-height: 70px;
            opacity: 1;
            text-align: center;
            width: 60px;
        }
    #carte-anim .mobile{
        display:block;
    }
    .carte-container-bg{
        display:none;
    }
    .palette-control {    
        top: 95%;
    }
    .page-etage .padnavbut{
        margin-bottom: 100px !important;
    }
    .page-visite .padnavbut, .page-localisation .padnavbut{
        margin-bottom: 30px !important;
    }
    .page-lot #evimmo-detail-lot-player-toolbar .palette-control {
        bottom: 70px;
    }
    .menubut, .gmapbut, .plansitubut,.padnavbut {
        height: 45px;
        line-height: 44px;
    }
    .plansitu,.gmap-spots,.infodiv{
        margin-top:15px !important;
    }
    .content-palette{
        width:200px;
    }
    .subfooter{
    display:none;
}
}
/* IPAD PORTRAIT ONLY */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
    #evimmo-photoloc-rideau .rideau-content p, #evimmo-photoloc-rideau-anim .rideau-content p{
        display:none !important;
    }
   .project-carousel li {
    width: 231px;
}
.subfooter{
    display:none;
}
 .page-index #body-wrapper{
        width:100% !important;
        margin: 0 auto;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #evimmo-connected{
        display:none;
    }
    .addbut {
        top:-88px;
        border-radius:0px;
        right:-2px;
    }
    .addbut span {
        border-radius:0px;
        padding:14.5px 7px 15.5px;
      }
    .logobar{
        display:none;
    }
    .page-index #body-wrapper{
        width:100% !important;
        margin: 0 auto;
    }
     #evimmo-detail-lot-info{
        width:200px;
    }
    .page-lot #evimmo-detail-lot-info {
    left: -200px;
    margin-top: 0;
    }
    .phone{
        display:block;
    }
    .page-index .habillageReady.phone{
        text-align: center;
    }
    .page-index .one-half.habillageReady.homy{
    display:none;
    }
    .page-index #evimmo-contain p {
    width: 100%;
    }
    .page-index .sep90{
        display:none;
    }
    .addbut span:after{
        display:none;
    }
    .rideau-content p{
        display: none;
    }
    #evimmo-photoloc-rideau .rideau-content .closebut, #evimmo-photoloc-rideau-anim .rideau-content .closebut {
        right: 10px;
        top: 10px;
    }   
    #evimmo-photoloc-rideau .rideau-content h3, #evimmo-photoloc-rideau-anim .rideau-content h3 {
        margin: 50px 0 0;
    }
   #evimmo-photoloc-rideau-anim .rideau-content{
        height: 280px !important;
        width: 280px !important;
        left: 50% !important;
        margin: -140px 0 0 -140px !important;
        position: absolute;
        text-align: center;
        top: 50% !important;
    }
     #evimmo-photoloc-rideau .rideau-content, #evimmo-photoloc-rideau-anim .rideau-content{
        height: 280px !important;
        width: 280px !important;
        left: 50% !important;
        margin: -140px 0 0 -140px !important;
        position: absolute;
        text-align: center;
        top: 50% !important;
         background-image: url("../img/loader.gif") !important;
         padding: 0;
    }

    .plansitu,.minimap,.infodiv{
        display:none !important;
    }
    .padnav .lien{
        display: none;
    }
    .padnav i.mr10{
        margin:0 !important;
    }
    .one-half       { width: 100%; }
    .one-third      { width: 100%; }
    .two-third      { width: 100%; }
    .one-fourth     { width: 100%; }
    .three-fourth   { width: 100%; }
    .one-fifth      { width: 100%; }
    .two-fifth      { width: 100%; }
    .three-fifth    { width: 100%; }
    .four-fifth     { width: 100%; }
    .one-sixth      { width: 100%; }
    .five-sixth     { width: 100%; }

    .project-carousel li {
        width: 280px;
        height: 280px;
    }
    .selectnav {
        margin-left: -25px;
        margin-right: -25px;
        width: 330px;
    }
    .container.infosbottom{
        display:none;
    }
    html.page-visite,html.page-etage,html.page-localisation,html.page-lot{
        overflow: visible !important;
    }
    .footer {
        height: 270px;
    }
    textarea,input[type="text"] {
    min-width: 96%;
    max-width: 96%;
}
}
@media only screen and (max-width: 320px) {

    .project-carousel li {
        height: 280px;
        width: 300px;
    }
    html.page-visite,html.page-etage,html.page-localisation,html.page-lot{
        overflow-y: visible !important;
    }
    .addnav li {
        line-height: 40px;
    }
    .container.infosbottom{
        display:none;
    }
    .footer {
        height: 270px;
    }

}
/*
IPHONE LANDSCAPE*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { 
    #pano,#evimmo-maquette-ctn{
        height:320px !important;
    }
    body{
        min-height: 100%;
    }
    /*
    * Commenter par Thomas le 27/12/2013 sur demande de Ludovic car il semblait compliqué
    * pour l'utilisateur de rretrouvé le menu de navigation.
    */
    .padnav,.menubut{
        display:none !important;
        visibility: hidden !important;
        opacity:0;
        -moz-opacity:0;
    }
 #player3d,.arka-player{
        min-height:100% !important;
        height: 350px !important;
        clear: both;
  
        }
        #evimmo-detail-lot-player{
            height: 320px !important;
        }
  .palette-miniloading {
    top: 32%;  
    } 
   html.page-visite,html.page-etage,html.page-localisation,html.page-lot{
    overflow-y: auto !important;
}
 .addbut {
        top:-88px;
        border-radius:0px;
        right:8px;
    }
    .addbut span {
        border-radius:0px;
        padding:14.5px 7px 15.5px;
      }
   .project-carousel li {
        height:226px;
        margin-right:15px;
        width:215px;
      }
    #evimmo-connected {
        display:none;
    }
    .phone{
        display:block;
    }
    .page-index .habillageReady.phone{
        text-align: center;
    }
    .page-index .one-half.habillageReady.homy{
    display:none;
    }
    .page-index #evimmo-contain p {
    width: 100%;
    }
    .page-index .sep90{
        display:none;
    }

}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
   
      #player3d, #evimmo-detail-lot-player{
         min-height:100% !important;
        height: 435px !important;
        clear: both;
}
html.page-visite,html.page-etage,html.page-localisation,html.page-lot{
    overflow-y: auto !important;
}
.palette-miniloading {
    top: 38%;  
    } 
}