
    #page {width:1024px;height:748px;margin-left:auto;margin-right:auto;position:relative;border:1px solid #333;overflow:hidden}
    #bandeauHaut{position:absolute;width:1024px;height:110px;background:url("../img/bandeau_cramif.png") top no-repeat;z-index:9997}
    #accueil {background:#57a4a7;width:1024px;height:748px;}

    #IconesNav {position:absolute;margin-top:50px;width:628px;margin-left:220px;top:0;z-index:2}
    #logoEscavie {width:205px;margin-left:50px}
    
    #logoCramifEntete,#logoEscavieEntete{cursor:pointer;position: absolute;left: 20px;top: 10px;}
    
    #appart3D {  background: #fff url("../img/logo-appart-3d.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 247px;
    top: 170px;
    width: 628px;
    margin-top:30px} 
    #appart3D DIV{color:black;padding:20px 45px 10px 300px; line-height: 20px;text-align: justify;}
    
    #introTexte{color:white;text-align: justify;line-height: 20px;margin-top:10px}
    #introTexte H2,H1{margin-bottom:10px}
    #appart3D P {margin:10px}
    #appart3D h2 {font-size:18pt;margin:8px 0px 15px 10px;font-weight:bold}

    #liensBas{position:absolute;bottom:0px;width:100%;height:35px;background:#ccc;width:100%;z-index:1000}
    #liensBas P{padding:4px 0 0 220px;display:block}
    #vague {position:absolute;bottom:0px;width:100%;height:109px;z-index:1001}
    
    #appartementGlobal,#scenarios,#appartementPiece{position:absolute;top:0}
    
    #scenarios{display:none;position:absolute;bottom:0;z-index:999;background:url("../img/fond-scenario.png");width:1024px;height:748px}

    #scenarios #bu1{position:absolute;top:115px;left:0px;text-align: center;cursor:pointer}
    #scenarios #bu2{position:absolute;bottom:75px;left:0;text-align: center;cursor:pointer}    
    #scenarios #bu3{position:absolute;bottom:315px;left:700px;text-align: center;cursor:pointer}
    #scenarios #bu4{position:absolute;bottom:120px;left:750px;text-align: center;cursor:pointer}
    
    #scenarios #bu1 .conteneur {left: 40px;position: absolute;top: 65px;width: 230px;}
    #scenarios #bu2 .conteneur {left: 50px;position: absolute;top: 65px;width: 220px;}
    #scenarios #bu3 .conteneur {left: 40px;position: absolute;top: 60px;width: 230px;}
    #scenarios #bu4 .conteneur {left: 40px;position: absolute;top: 50px;width: 165px;}
    
    .conteneur H2{font-size:20pt;color:white;font-weight:normal;padding-bottom:5px;margin-bottom:5px}
    
    .conteneur SPAN,#rappelScenario SPAN{font-size:12pt;color:white;line-height: 22px;}
    
    #scenarios #bu1 .conteneur IMG{ cursor: pointer;position: absolute;right: 0;top: 140px;}
    #scenarios #bu2 .conteneur IMG{top: 135px;cursor: pointer;position: absolute;right: 0;}
    #scenarios #bu3 .conteneur IMG{left: 0;position: absolute;top: 140px;cursor:pointer}
    #scenarios #bu4 .conteneur IMG{cursor: pointer;left: 20px;position: absolute;top: 90px;}
    
    #wait{display:none;position:absolute;top:0;left:0;z-index:80}
    #wait SPAN{position:absolute;left:35%;top:35%;text-align:center;font-size:22pt;color:white}

    .bulles SPAN{position:absolute;z-index:3;color:white;font-size:14pt;font-weight:normal;text-align:center;width:120px;
    -webkit-text-shadow: 1px 1px 0 #333;
    -moz-text-shadow: 1px 1px 0 #333;
    text-shadow: 1px 1px 0 #333;}

    #navigation,.bulles,#rappel,#bulleRappel,#btnQuiSommesNous,.imgRappel{display:none}
 
    #rappel{width:200px; position:absolute;bottom:0;z-index:100}
    #bulleRappel{position:absolute;bottom:230px;left:5px} 
    #bulleRappel SPAN{width:118px;position:absolute;left:25px;top:40px;color:white;font-size:11pt}
    #btnEnSavoirPlus{position:absolute;left:30px;bottom:30px;cursor:pointer}
    #btnFermerRappel{position:absolute;left:130px;top:7px;cursor:pointer}
    #btnQuiSommesNous{position:absolute;bottom:12px;left:15px;z-index:995;cursor:pointer}
    
    .ui-dialog{z-index:9999}

    #onglets{ display:none; background: url("../img/ongletAppartement3D.png") no-repeat scroll right center;height: 110px;position: absolute;right: 0;top: 0;width: 100%;} 
    #QuiSommesNousContenu{left: 235px;position: absolute;top: 20px;cursor:pointer}
    #Appartement3DContenu{ left: 600px;position: absolute;top: 20px;cursor:pointer}
    
    #navigation,#navigationRetour{position:absolute;right:0;top:130px}
    #trait {width:10px;height:88px;background:#CCC;position:absolute;right:0}
    #navHaut{width:100%;background: url('../img/navi_fond.png') repeat;position:absolute;right:0;color:black;font-size:15pt;height:44px;margin-right:10px}
    #navHaut DIV{padding:10px}
    #navHaut IMG{position:absolute;left: 0;margin-left: -25px;top: 0;}
    #navBas{position:absolute;top:44px;right:10px}
    #btnRetour,#btnRetourQuiSommesNous{position:absolute;top:3px;left:0;cursor:pointer}
    
    #texteQuiSommesNous{display:none;}
    
    .pastilles{width:35px;height:35px}
    
    #img3D{
      position: relative;
      top: -20px;
    }
    
    #rappelScenario {
      display:none;
      text-align: center;    
      bottom: 57px;
      height: 120px;
      left: 0;
      position: absolute;
      width: 256px;
      background: url('../img/fondScenarioGenerique.png');
      line-height:21px
    }
    #spanRappelScenario{padding: 17px 15px 15px 10px;}

.ulrien {margin:8px;margin-left:20px;clear:both}
.ulrien li {padding-bottom:0.4em;clear:both}


/* modifie le look du player video */
.jp-video-360p {
    width: 634px;
}
.jp-video .jp-interface {
    border: 0;
    height: 25px;
}

.jp-controls-holder {
    top: -24px;
}
.jp-audio, .jp-audio-stream, .jp-video {border: 0}
.jp-interface {
    background-color: #f7eee7;
}
.jp-play {
    height: 26px;
    margin-top: 8px;
}
.jp-stop {
    margin-top: 7px;
}
.jp-current-time, .jp-duration {
    color: white;
}
#tabs-2{
    padding: 0 3px;
}
#tabs-3{padding: 0}