@import "default.css";

/**
 * IDS 
 ****************************/
#top { height: 20px; }
#foot2 { display: none; height: 88px; }
#top div {
	width: 955px;
	margin: 0 auto 0;
	text-align: right;
	height: 24px;
}
#top menu { padding: 0; margin: 0; }
 
#container { 
	width: 955px; width: 100%;
	height: 505px;
	margin: auto;
	background: transparent url(../img/loubensdeco_bkgd1.jpg) repeat-x 0 4px;

}
#container2 { 
	width: 955px; width: 100%;
	height: 505px;
	margin: auto;
	background: transparent url(../img/loubensdeco_bkgd2.jpg) repeat-x 0 4px;

}

#container3 { 
	width: 955px; width: 100%;
	height: 505px;
	margin: auto;
	background: transparent url(../img/loubensdeco_bkgd3.jpg) repeat-x 0 4px;

}
#container4 { 
	width: 955px; width: 100%;
	height: 505px;
	margin: auto;
	background: transparent url(../img/loubensdeco_bkgd4.jpg) repeat-x 0 4px;

}

#container5 { 
	width: 955px; width: 100%;
	height: 505px;
	margin: auto;
	background: transparent url(../img/loubensdeco_bkgd5.jpg) repeat-x 0 4px;

}

#container6 { 
	width: 955px; width: 100%;
	height: 505px;
	margin: auto;
	background: transparent url(../img/loubensdeco_bkgd6.jpg) repeat-x 0 4px;

}
#logo {
	width: 321px; height: 86px;
	text-align: left;
}

#leftrow {
	width: 321px; height: 400px;
	background: #ffffff url(../img/example1.jpg) no-repeat;
}
#leftrow2 {
	width: 321px; height: 400px;
	background: #ffffff url(../img/example3.jpg) no-repeat;
}
#leftrow3 {
	width: 321px; height: 400px;
	background: #ffffff url(../img/example5.jpg) no-repeat;
}
#leftrow4 {
	width: 321px; height: 400px;
	background: #ffffff url(../img/example7.jpg) no-repeat;
}
#leftrow5 {
	width: 321px; height: 400px;
	background: #ffffff url(../img/example9.jpg) no-repeat;
}
#leftrow6 {
	width: 321px; height: 400px;
	background: #ffffff url(../img/example11.jpg) no-repeat;
}

#centerrow {
	width: 328px;
	vertical-align: top;
	background: white;
}

#rightrow {
	width: 306px; height: 400px;
	background: #ffffff url(../img/example2.jpg) no-repeat;
}
#rightrow2 {
	width: 306px; height: 400px;
	background: #ffffff url(../img/example4.jpg) no-repeat;
}
#rightrow3 {
	width: 306px; height: 400px;
	background: #ffffff url(../img/example6.jpg) no-repeat;
}
#rightrow4 {
	width: 306px; height: 400px;
	background: #ffffff url(../img/example8.jpg) no-repeat;
}
#rightrow5 {
	width: 306px; height: 400px;
	background: #ffffff url(../img/example10.jpg) no-repeat;
}
#rightrow6 {
	width: 306px; height: 400px;
	background: #ffffff url(../img/example12.jpg) no-repeat;
}

#foot {
	height: 19px;
}

#textcontainer {
	width: 275px; height: 323px; 
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute *
	position: absolute;
	margin: 0.3em auto;
	padding: 15px;
	padding-right: 30px; */
	text-align: justify;
	z-index: 0;
}

/**
 * GALLERY
 ****************************/

.gallery #container {  }
.gallery #leftrow { background: white;  }
.gallery #rightrow { background: white; vertical-align: top; }

.gallery .gall_images_cnt { position: relative; }
.gallery .gall_images { position: absolute; left: -320px; top: 0; width: 600px; height: 400px; } 

.gallery #textcontainer { float: left; width: 645px;  }
.gallery #textcontainer img { float: left; margin: 0 27px 17px 0; }

.gallery .galleries { padding-top: 45px; }
.gallery .galleries a { display: block; margin-bottom: 15px; margin-left: 60px; }


/**
 * CLASSES 
 ****************************/
.decor { float: left; height: 67px; width: 1px; margin-top: 10px; background: black; }

#top a { margin-left: 10px; }
#top a.demande { margin-left: 38px; }

.menucontainerfill { height: 68px; width: 100%;}

.menucontainer { height: 86px; z-index: 10;  padding-left: 20px; text-align: right;}
.menucontainer .menu { }
.menucontainer .menu a {  margin-left: 27px; }

.menucontainer ul.menu { list-style-type: none; padding: 0; margin: 0; display: inline; }
.menucontainer ul.menu li { display: inline; }

.menucontainer ul.submenu { 
	display: none;
	position: absolute; top: 0; left: 0;
	margin-top: -12px; padding: 5px 0;
	border: 1px solid #f8f8f8; background: white;
		z-index: 1000;
}
.menucontainer ul.submenu li { display: block; margin: 5px 27px 5px 27px; list-style-type: none; 	z-index: 1000; }
.menucontainer ul.submenu a { margin: 0; padding: 0; }


#foot .menu { float: left; width: 400px; text-align: left;}
#foot .menu a { margin-right: 17px; }
#foot .copyrights { float: right;  }
#foot .copyrights a { margin-right: 0px; margin-left: 17; }


/* scrollbar */
.jScrollPaneTrack {
	background: silver url(../img/windows_track.gif) repeat-y;
}
.jScrollPaneDrag {
	background: #5d5850 url(./img/windows_drag_middle.gif) no-repeat 0 50%;
}
.jScrollPaneDragTop {
	background: #5d5850 url(./img/windows_drag_top.gif) no-repeat;
	height: 4px;
}
.jScrollPaneDragBottom {
	background: #5d5850 url(./img/windows_drag_bottom.gif) no-repeat;
	height: 4px;
}
a.jScrollArrowUp {
	height: 27px;
	background: silver url(../img/windows_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
	/* background-position: 0 -20px; */
}
a.jScrollArrowDown {
	height: 55px;
	background: silver url(../img/windows_arrow_down.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
	/* background-position: 0 -20px; */
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/* background-position: 0 -40px; */
}

/* .left */
.jScrollPaneTrack {
	left: 0;
	right: auto;
}
a.jScrollArrowUp {
	left: 0;
	right: auto;
}
a.jScrollArrowDown {
	left: 0;
	right: auto;
}




/**
 * TAGS 
 ****************************/
 
html { background: none; }
body { 
	background: white;
}



h2 { margin: 12px 0 20px 35px ; }

p { margin-bottom: 20px; font-size: 11px; color: #726b6b; }


.winXP { background: white; }