/* CSS Document */
div.page{
    width:855px;
    height:633px;
}
img {
    float:left;
}
div.menu{
    float:left;
}
.mask {
    width:855px;
    height:633px;
    overflow:hidden;
    position:relative;
}
div.mask img{
    position:absolute;
    display:none;
}
#box1{
    position:absolute;left:0;
    width:855px;
    height:633px;
}
#menu .menu img {
    border:0px solid #e23b1f;
    cursor:pointer;
}

body{
    background-image:url(../images/fournaise_16.png);
}
div#site{
    margin:0 auto;
    width:855px;
}

#progress {
    position:absolute;
    z-index:10;
    margin-top:220px;
    margin-left:310px;
    width:232px;height:22px;
    font-size:10px;
    background-image:url(../images/Fournaise_17.png)
	

}
#progress span {
    float:left;
    display:block;
    margin-top:0px;
    margin-left:5px;
}
#progress span div {
    float:left;
    background-color:#5b5b59;
    height:10px;
    margin-top:6px;
}

#progresstitle {
    width:55px;
    padding-top:5px;
    color:#3c3c3c;
}
#visualprogress {
    margin-top:13px;
}
div.content_text {
    margin-left:80px;
    margin-top:75px;
    overflow-y:auto;
    overflow-x: hidden;
}
div.text_container {
    width:544px;
    height:290px;
    background:url(../images/fournaise_13.png) top left no-repeat;
    position:absolute;
    top:170px;
    z-index:100;
    margin-left:230px;
}
div#gallery_control {
    position:absolute;
    top:8px;
    margin-left:780px;
    z-index:100;
    width:67px;
    height:16px;
    hoverflow:hidden;
    text-align:center;
    background-image:url(../images/Fournaise_19.png) ;
    border-width:0;
}
#gcontrol_title{
    margin-top:2px;
    font-size:10px;
    display:block;
    float:left;
    color:#3c3c3c;
}
#gcontrol_title img{
    float:left;
}
span#gcontrol_title {
    display:block;
    float:left;
}
div#gallery_control span{
    float:left;
    margin-left:6px;
}
div#gallery_buttons{
    border:1px dashed red;
}
span#next3, span#prev3 {
    float:left;
    cursor:pointer;
    color:white;
    font-weight:bold;
    margin-top:5px;
    color:gray;
    height:8px;
    background-color:transparent;
    margin-left:3px;
}
span#next3:hover, span#prev3:hover {
    color:red;
    opacity: 1;
}

/*** Ne sont plus utilisés depuis l'apparition des parties v2 (voir plus bas) ***/
/*div#tc_chambres { background-image:url(../images/fournaise_13.png); }*/
/*div#tc_restaurant { background-image:url(../images/fournaise_12.png); }*/

div#tc_presentation { background-image:url(../images/fournaise_15.png); }
div#tc_decouvrir { background-image:url(../images/fournaise_14.png); }

/*** Added by Matt ***/
/*** style generaux ***/
.overflowauto{
    overflow-y:auto;
    overflow-x:hidden;
}
.f-left{
    float:left;
}
.f-right{
    float:right;
}
.no-float{
    clear:both;
}

/*** Styles utilisés pour les parties scrollables ***/
div.text_container_v2{
    width:544px;
    height:290px;
    position:absolute;
    top:170px;
    margin-left:230px;
    border-bottom:1px solid #dddddd;
    z-index:100;
}
div.content_text_v2{
    width:463px;
    height:218px;
    padding-left:80px;
    padding-top:0px;
    border-bottom:0px solid #00ff00;
    border-right:0px solid #00ff00;
}
div#tc_contacts_title { background-image:url(../images/contact_up.png); width:544px; height:63px; }
div#tc_contacts_pix {
    width:544px; height:227px;/*290*/
    background-image:url(../images/contact_pix.png);
    background-repeat:repeat-y;
}
div#tc_chambres_title { background-image:url(../images/chambre_up.png); width:544px; height:63px; }
div#tc_chambres_pix {
    width:544px; height:227px;
    background-image:url(../images/chambre_pix.png);
    background-repeat:repeat-y;
}
div#tc_restaurant_title { background-image:url(../images/restaurant_up.png); width:544px; height:63px; }
div#tc_restaurant_pix {
    width:544px; height:227px;
    background-image:url(../images/restaurant_pix.png);
    background-repeat:repeat-y;
}
.pix_restau_tarif {
    width:388px;
    padding-left:4px;
    padding-top:4px;
    padding-bottom:4px;
    background-image:url(../images/pix_restau.png);
    background-repeat:repeat;
}
.pix_chambre_tarif {
    width:388px;
    padding-left:4px;
    padding-top:4px;
    padding-bottom:4px;
    background-image:url(../images/pix_chambre.png);
    background-repeat:repeat;
}
#pix_contact_adresse {
    width:388px;
    padding-left:4px;
    padding-top:4px;
    padding-bottom:4px;
    background-image:url(../images/pix_contact.png);
    background-repeat:repeat;
}