#photonav.fullheight {
    position: absolute;
    bottom: 0;
    top: 0;
}

.photonav .photo {
    clear: both;
    overflow: hidden;
}

.photonav .photo .fixed img {
    display: block;
    border: 0px;
}

.photonav .photo .fixed a {
    display: block;
}

.photonav .photo .fixed {
    overflow: visible;
    background-position: top left;
    float: left;
}

.photonav .photo .liens {
    height: 764px;
    background-image: url(../images/panorama.jpg);
}

.photonav .photo .liens a:focus {
    outline: none;
}


/**********************************/
/*     Gestion des boutons        */
/**********************************/

/**************/
/*  Porte 1   */
/**************/
#porte1 {
    margin-left: 1108px;
    margin-top: 216px;
    width: 167px;
    height: 336px;
}

#porte1:hover {
    background: url("../images/porte1old.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/**************/
/*  Porte 2   */
/**************/
#porte2 {    
    margin-left: 1458px;
    margin-top: -351px;
    width: 152px;
    height: 375px;    
}

#porte2:hover {
    background: url("../images/porte2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/**************/
/*  Porte 3   */
/**************/
#porte3 {    
    margin-left: 1656px;
    margin-top: -390px;
    width: 188px;
    height: 513px;    
}

#porte3:hover {
    background: url("../images/porte3.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/**************/
/*  Porte 4   */
/**************/
#porte4 {    
    margin-left: 2683px;
    margin-top: -527px;
    width: 223px;
    height: 533px;    
}

#porte4:hover {
    background: url("../images/porte4.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/**************/
/*  Porte 5   */
/**************/
#porte5 {    
    margin-left: 2956px;
    margin-top: -525px;
    width: 160px;
    height: 387px;    
}

#porte5:hover {
    background: url("../images/porte5.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/**************/
/*  Porte 6   */
/**************/
#porte6 {    
    margin-left: 3227px;
    margin-top: -379px;
    width: 171px;
    height: 430px;    
}

#porte6:hover {
    background: url("../images/porte6.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/**************/
/*  Porte 7   */
/**************/
#porte7 {    
    margin-left: 3455px;
    margin-top: -449px;
    width: 158px;
    height: 381px;    
}

#porte7:hover {
    background: url("../images/porte7.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/**************/
/*  Porte 8   */
/**************/
#porte8 {    
    margin-left: 3984px;
    margin-top: -434px;
    width: 261px;
    height: 653px;    
}

#porte8:hover {
    background: url("../images/porte8.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/**************/
/*  Porte 9   */
/**************/
#porte9 {    
    margin-left: 4300px;
    margin-top: -660px;
    width: 270px;
    height: 654px;    
}

#porte9:hover {
    background: url("../images/porte9.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/**************/
/*  Porte 10  */
/* NOTE : position provisoire. Le panorama actuel ne contient que 9 cabines. */
/* Ajuster margin-left/margin-top une fois le panorama mis à jour avec la cabine 10. */
/**************/
#porte10 {
    margin-left: 4870px;
    margin-top: -650px;
    width: 130px;
    height: 600px;
}

/**************/
/*  comptoir  */
/**************/
#comptoir {    
    margin-left: 0px;
    margin-top: -413px;
    width: 850px;
    height: 420px;    
}

#comptoir:hover {
    background: url("../images/comptoir.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/**************/
/*  fauteuil  */
/**************/
#fauteuil {    
    margin-left: 1078px;
    margin-top: -255px;
    width: 710px;
    height: 250px;   
}

#fauteuil:hover {
    background: url("../images/fauteuil.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/**************/
/*  jouets    */
/**************/
#jouets {    
    margin-left: 2123px;
    margin-top: -345px;
    width: 545px;
    height: 352px;    
}

#jouets:hover {
    background: url("../images/jouets.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/**************/
/*  miroir    */
/**************/
#miroir {    
    margin-left: 4640px;
    margin-top: -662px;
    width: 360px;
    height: 340px;    
}

#miroir:hover {
    background: url("../images/miroir.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}