/* CSS styles for all website content */

.visible {
    display: inline;
}


/* ------------------------------------------------------- */
/* content | VISITE FANTOME */

#siteContent.visiteFantome {
    width: 100%;
    height: 500px;
    /*background-color: rgba(255, 0, 255, 0.5);*/
    /*display: none;*/
    opacity: 0;
    position: absolute;
    top: 25px;
    left: 0;
}

#visiteFantome_header {
    width: 221px;
    height: 91px;
    position: relative;
    top: 25px;
    background-color: rgb(255,0,0);
    background-image: url('../../imgs/content/ACT_logo_vFantome.jpg');
}
#visiteFantome_textContent {
    width: 100%;
    position: relative;
    top: 50px;
    /*background-color: rgba(0,0,0,0.5);*/
}

/* ------------------------------------------------------- */
/* content | VISITE MYSTERE */

#siteContent.visiteMystere {
    width: 100%;
    height: 500px;
    /*background-color: rgba(255, 0, 255, 0.5);*/
   /* display: none;*/
    opacity:  0;
    position: absolute;
    left: 0;
    top: 25px;
}

#visiteMystere_header {
    width: 250px;
    height: 75px;
    position: relative;
    top: 25px;
    background-color: rgb(255,0,0);
}
#visiteMystere_textContent {
    width: 100%;
    position: relative;
    top: 50px;
    /*background-color: rgba(0,0,0,0.5);*/
}

/* ------------------------------------------------------- */
/* content | HEURES DE DEPART */

#siteContent.heuresDepart {
    width: 100%;
    height: 500px;
    /*background-color: rgba(255, 0, 255, 0.5);*/
   /* display: none;*/
    opacity:  0;
    position: absolute;
    left: 0;
    top: 25px;
}

#heuresDepart_header {
    width: 250px;
    height: 75px;
    position: relative;
    top: 25px;
    background-color: rgb(255,0,0);
}
#heuresDepart_textContent {
    width: 100%;
    position: relative;
    top: 50px;
    /*background-color: rgba(0,0,0,0.5);*/
}

/* ------------------------------------------------------- */
/* content | POINTS DE RENCONTRES */

#siteContent.pointRencontre {
    width: 100%;
    height: 500px;
    /*background-color: rgba(255, 0, 255, 0.5);*/
   /* display: none;*/
    opacity:  0;
    position: absolute;
    left: 0;
    top: 25px;
}

#pointRencontre_header {
    width: 250px;
    height: 75px;
    position: relative;
    top: 25px;
    background-color: rgb(255,0,0);
}
#pointRencontre_textContent {
    width: 100%;
    position: relative;
    top: 50px;
    /*background-color: rgba(0,0,0,0.5);*/
}

/* ------------------------------------------------------- */
/* content | TARIFS */

#siteContent.tarifs {
    width: 100%;
    height: 500px;
    /*background-color: rgba(255, 0, 255, 0.5);*/
   /* display: none;*/
    opacity:  0;
    position: absolute;
    left: 0;
    top: 25px;
}

#tarifs_header {
    width: 250px;
    height: 75px;
    position: relative;
    top: 25px;
    background-color: rgb(255,0,0);
}
#tarifs_textContent {
    width: 100%;
    position: relative;
    top: 50px;
    /*background-color: rgba(0,0,0,0.5);*/
}

/* ------------------------------------------------------- */
/* content |RESERVATIONS */

#siteContent.reservations {
    width: 100%;
    height: 500px;
    /*background-color: rgba(255, 0, 255, 0.5);*/
   /* display: none;*/
    opacity:  0;
    position: absolute;
    left: 0;
    top: 25px;
}

#reservations_header {
    width: 250px;
    height: 75px;
    position: relative;
    top: 25px;
    background-color: rgb(255,0,0);
}
#reservations_textContent {
    width: 100%;
    position: relative;
    top: 50px;
    /*background-color: rgba(0,0,0,0.5);*/
}

/* ------------------------------------------------------- */
/* content | TEMOIGNAGES */

#siteContent.temoignage {
    width: 100%;
    height: 500px;
    opacity:  1;
    position: absolute;
    left: 0;
    top: 25px;
}
#temoignage_header {
    width: 247px;
    height: 33px;
    position: relative;
    top: 25px;
    background-image: url('../../imgs/content/TEM_logoHeader.jpg');
}

#temoignage_textContent, #liens_textContent {
    position: relative;
    top: 70px;
}
#liens_textContent {
    height: 60%;
    width: 450px;
}

#tem_navContainer {
    position: absolute;
    top: 460px;
    left: 140px;
    width: 235px;
}

#tem_navPrevious {
    width: 114px;
    height: 31px;
    background-image: url('../../imgs/content/tem_navPrevious.jpg');    
    display: block;
    float: left;
}
#tem_navNext {
    width: 114px;
    height: 31px;
    background-image: url('../../imgs/content/tem_navNext.jpg');
    display: block;
    float: right;
}

#fx_rope {
    background-image: url('../../imgs/rope.png');
    width: 114px;
    height: 354px;
    pointer-events:none;
    position: absolute;
    top: -150px;
    right: 140px;
}

/* -------------------------------------------------------- */

#liens_header {
    width: 132px;
    height: 25px;
    background-image: url('../../imgs/content/link_header.jpg');
    position: relative;
    top: 25px;
}