body
{
	margin: 0px;
	padding: 0px;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

ul, ol
{
	margin: 0px;
	padding: 0px;
}
li
{
	list-style: none;
}
a
{
	text-decoration: none;
	color: #ffffff;
}
p, h1, h2, h3, h4
{
	margin: 0px;
	padding: 0px;
}
img
{
	border: 0px;
}

.cloisons
{
	background-color: #356916;
}
.plafonds-suspendus
{
	background-color: #320735;
}
.planchers-sureleves
{
	background-color: #6a0208;
}
.second-oeuvre
{
	background-color: #0d163a;
}

#wrapper
{
	width: 1024px;
	height: 584px;
	margin: 0px auto;
	padding-top: 98px;
	background: #ffffff url(/img/bg.jpg) top left no-repeat;
}
body#cloisons #wrapper
{
	background-image: url(/img/family/bg-01.jpg);
}
body#plafonds-suspendus #wrapper
{
	background-image: url(/img/family/bg-02.jpg);
}
body#planchers-sureleves #wrapper
{
	background-image: url(/img/family/bg-03.jpg);
}
body#second-oeuvre #wrapper
{
	background-image: url(/img/family/bg-04.jpg);
}

#header
{
	width: 1024px;
	height: 50px;
	margin: 0px auto;
}

#telephone
{
	position: absolute;
	margin-left: 817px;
	margin-top: 119px;
	font-family: "trebuchet ms", arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #ffffff;
}
#scrolltext
{
	position: absolute;
	width: 128px;
	height: 12px;
	margin-left: 816px;
	margin-top: 100px;
	padding: 4px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}

#left-column
{
	float: left;
	width: 186px;
	padding-left: 22px;
}
#left-column #logo-omnidec
{
	float: left;
	padding-top: 44px;
}
#left-column #logo-omniservices
{
	float: left;
	padding-left: 94px;
}


#menu
{
	float: left;
	color: #ffffff;
}
#menu li
{
	float: left;
	width: 174px;
	height: 20px;
	margin-right: 8px;
	padding-left: 6px;
	padding-top: 16px;
	font-family: tahoma, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#menu li.menuItem
{
	float: left;
	font-size: 10px;
	background: transparent url(/img/black.png) top left repeat-x;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/black.png', sizingMethod='scale');
}
#menu li ol
{
	position: relative;
	visibility: hidden;
	margin: 0px;
	margin-left: -6px;
	margin-top: -115px;
	padding: 0px;
	width: 180px;
	height: 80px;
	background: transparent url(/img/black.png) top left repeat-x;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/black.png', sizingMethod='scale');
}
#menu li ol li
{
	width: 174px;
	height: 11px;
	padding: 0px;
	padding-left: 6px;
	line-height: 10px;
	font-family: tahoma, arial, sans-serif;
	font-size: 6pt;
	font-weight: bold;
	letter-spacing: 1px;
}
#menu li ol li.first
{
	padding-top: 2px;
}



#family-menu
{
	float: left;
	color: #ffffff;
	width: 376px;
	margin-top: 8px;
}
#family-menu li
{
	float: left;
	display: inline;
	width: 172px;
	height: 162px;
	margin-right: 8px;
	margin-bottom: 8px;
	padding-top: 18px;
	padding-left: 8px;
	background-color: transparent;
}
#family-menu li .transparency
{
	position: absolute;
	width: 180px;
	height: 180px;
	margin-left: -8px;
	margin-top: -18px;
	filter: alpha(opacity=80);
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#family-menu li .content
{
	position: relative;
}

#family-menu li#picture
{
	/*visibility: hidden;*/
	width: 180px;
	height: 180px;
	padding: 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 50%;
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#family-menu li a
{
	font-size: 25px;
	font-weight: bold;
	letter-spacing: -1px;
}

#family-menu #categories
{
	position: absolute;
	width: 170px;
	padding-top: 6px;
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#family-menu #categories li
{
	width: 165px;
	height: auto;
	padding: 0px;
	line-height: 11px;
}
#family-menu #categories li a
{
	font-size: 14px;
}
#family-menu #categories .products
{
	visibility: hidden;
	overflow: hidden;
	height: 0px;
	margin-top: 6px;
	padding-left: 20px;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#family-menu #categories .products li
{
	margin-bottom: 3px;
	line-height: 10px;
}
#family-menu #categories .products li a
{
	font-family: "trebuchet ms", arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0px;
}

#family-menu li.subMenu
{
	width: 180px;
	padding-left: 0px;
	padding-top: 0px;
}
#family-menu li.subMenu ul
{
	width: 180px;
	height: 180px;
}
#family-menu li.subMenu ul li
{
	width: 82px;
	height: 78px;
	padding-top: 8px;
	padding-left: 4px;
}
#family-menu li.subMenu ul li .transparency
{
	position: absolute;
	width: 86px;
	height: 86px;
	margin-left: -4px;
	margin-top: -8px;
	background-color: #0c1d60;
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#family-menu li.subMenu ul li .content
{
	position: relative;
}

#family-menu li.subMenu ul li.right
{
	margin-right: 0px;
}
#family-menu li.subMenu ul li.selected
{
	background-color: transparent;
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#family-menu li.subMenu ul li a
{
	font-size: 13px;
}

#right-content
{
	float: left;
	width: 368px;
	height: 368px;
	margin-top: 8px;
	background-color: #000000;
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#right-content.plan-acces
{
	height: 55px;
}
#right-content #text
{
	float: left;
	width: 360px;
	height: 360px;
	padding-top: 8px;
	padding-left: 8px;
	overflow: hidden;
}
#right-content .content
{
	position: relative;
}

#right-content .content h2,
#right-content-philosophy1 .content h2,
#right-content-bottom .content h2
{
	margin-bottom: 20px;
	line-height: 23px;
	font-size: 26px;
	letter-spacing: -2px;
}

body#home #right-content .content h2
{
	padding-top: 14px;
	padding-bottom: 25px;
}

#right-content .content h2
{

	padding-top: 13px;
}

#right-content-bottom .content h2
{
	margin-bottom: 16px;
}


#right-content-description
{
	float: right;
	width: 180px;
	height: 180px;
}
#right-content-description .content
{
	position: relative;
	width: 180px;
	height: 180px;
	top: 84px;
	left: 6px;
}
#right-content-description .content h2
{
	font-size: 14px;
	line-height: 14px;
	margin: 0px;
}
#right-content-description .content p
{
	margin: 0px;
	padding: 0px;
	padding-top: 8px;
	font-size: 11px;
}
#right-content-description .transparency
{
	position: absolute;
	width: 180px;
	height: 180px;
	background-color: #000000;
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/**** PRODUCT ***********************************************************************/
#right-content-product
{
	position: relative;
	display: none;
	float: left;
	width: 368px;
	height: 368px;
	margin-top: 8px;
	overflow: hidden;
	/*padding-top: 280px;
	background-color: transparent;
	background-repeat: no-repeat;*/
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#right-content-product .content
{
	position: relative;
}

#right-content-product-bottom
{
	float: right;
	width: 440px;
	height: 88px;
}


#product-caption .content
{
	position: relative;
}
#product-caption .transparency
{
	position: absolute;
	width: 368px;
	height: 88px;
	margin-left: -8px;
	margin-top: -8px;
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#product-caption
{
	/*float: left;*/
	visibility: hidden;
	position: absolute;
	margin-top: -88px;
	width: 360px;
	height: 80px;
	padding-top: 8px;
	padding-left: 8px;
	/*z-index: 1000;*/
}
#product-caption h3
{
	font-size: 13px;
}
#product-caption p
{
	padding-top: 3px;
	padding-right: 3px;
	line-height: 14px;
	font-size: 9px;
	font-weight: bold;
}

/**** HOMMES CLEFS 1 **************************************************************/
#right-content-top
{
	float: left;
	width: 368px;
	height: 180px;
	margin-top: 8px;
}

/**** HOMMES CLEFS 2 **************************************************************/
#right-content-bottom
{
	float: left;
	height: 180px;
	width: 368px;
	margin-top: 8px;
	background-repeat: no-repeat;
	background-color: #000000;
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#right-content-bottom a
{
	text-decoration: underline;
}
#right-content-bottom p
{
	/*padding-top: 5px;*/
	font-size: 11px;
}
#right-content-bottom .content
{
	position: relative;
	margin-top: -2px;
}
#right-content-bottom #text
{
	float: left;
	width: 354px;
	height: 172px;
	padding-top: 24px;
	padding-left: 8px;
}

/**** PHILOSOPHY 1 ******************************************************************/
#right-content-philosophy1
{
	float: left;
	height: 325px;
	margin-top: 8px;
	background-color: transparent;
	background-repeat: no-repeat;
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#right-content-philosophy1 p
{
	/*padding-top: 20px;*/
	line-height: 20px;
	font-size: 14px;
}
#right-content-philosophy1 .content
{
	position: relative;
	padding-top: 13px;
}
#right-content-philosophy1 #text1
{
	float: left;
	width: 325px;
	height: 80px;
	padding-top: 8px;
	padding-left: 8px;
}
#right-content-philosophy1 #text1 .transparency
{
	position: absolute;
	width: 368px;
	height: 325px;
	margin-left: -8px;
	margin-top: -8px;
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/**** PHILOSOPHY 2 ******************************************************************/
#right-content-philosophy2
{
	float: left;
	/*height: 325px;*/
	margin-top: 8px;
	background-color: transparent;
	background-repeat: no-repeat;
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#right-content-philosophy2 p
{
	padding-top: 5px;
	font-size: 11px;
}
#right-content-philosophy2 .content
{
	position: relative;
	margin-top: -2px;
}
#right-content-philosophy2 #text2
{
	float: left;
	width: 354px;
	height: 36px;
	padding-top: 8px;
	padding-left: 8px;
}
#right-content-philosophy2 #text2 .transparency
{
	position: absolute;
	width: 368px;
	height: 36px;
	margin-left: -8px;
	margin-top: -8px;
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}


#scroller
{
	float: left;
	width: 340px;
	height: 270px;
	line-height: 14px;
	font-size: 12px;
	overflow: hidden;
}
#right-content-philosophy1 #scroller
{
	height: 218px;
}
#right-content-bottom #scroller
{
	height: 110px;
	font-size: 11px;
}


#scroller p
{
	padding-right: 15px;
}
#scroller ul
{
	padding-left: 14px;
	padding-top: 4px;
	list-style: circle;
}
#scroller li
{
	list-style: circle;
}


#photo-big
{
	position: absolute;
	top: 0px;
	margin-left: 0px;
	/*float: left;*/
	width: 13440px;
	height: 368px;
	margin: 0px;
	padding: 0px;
}
#photo-big li
{
	display: block;
	float: left;
	width: 368px;
	height: 368px;
	margin: 0px;
	padding: 0px;
}

#photo-thumbs
{
	display: none;
	width: 296px;
	height: 39px;
	padding-top: 8px;
	overflow: hidden;
}
#photo-thumbs li
{
	float: left;
	width: 35px;
	height: 35px;
	margin-right: 4px;
	background-color: #000000;
}
#photo-thumbs li.span
{
	width: 296px;
}
#photo-thumbs li a
{
	/*display: block;	
	width: 35px;
	height: 35px;*/
}
#photo-thumbs li a img
{
	width: 35px;
	height: 35px;
}

#photo-nav
{
	display: none;
}
#photo-nav li a
{
	float: left;
	display: block
	width: 39px;
	height: 39px;
	margin-left: 4px;
	background-color: blue;
}
#photo-nav #photo-prev
{

}
#photo-nav #photo-next
{
	
}


#hommes-clefs-list
{
	float: left;
	width: 375px;
	height: 36px;
	margin-top: 8px;
}
#hommes-clefs-container
{
	float: left;
	width: 269px;
	height: 36px;
	overflow: hidden;
}

#hommes-clefs-nav
{
	float: left;
	position: relative;
	width: 1000px;
	height: 36px;
}
#hommes-clefs-nav li
{
	float: left;
	width: 35px;
	height: 35px;
	margin-right: 4px;
	background-color: #000000;
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#hommes-clefs-nav li a
{
	display: block;
	width: 35px;
	height: 35px;
}
#hommes-clefs-list .navArrow
{
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	background-color: #000000;
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#hommes-clefs-list .navArrow img
{
	padding-top: 9px;
	padding-left: 8px;
}
#hommes-clefs-list .navArrow.left
{
	margin-right: 4px;
}
#hommes-clefs-list .navArrow.right
{
	margin-left: 4px;
}

#plan-acces
{
	float: left;
	width: 367px;
	height: 312px;
}

#right-content-address
{
	float: left;
	/*height: 325px;*/
	margin-top: 8px;
	background-color: transparent;
	background-repeat: no-repeat;
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#right-content-address p
{
	padding-top: 5px;
	font-size: 11px;
}
#right-content-address .content
{
	position: relative;
	margin-top: -2px;
}
#right-content-address #text2
{
	float: left;
	width: 354px;
	height: 36px;
	padding-top: 8px;
	padding-left: 8px;
}
#right-content-address #text2 .transparency
{
	position: absolute;
	width: 368px;
	height: 36px;
	margin-left: -8px;
	margin-top: -8px;
	background-color: #000000;
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#right-content-address p
{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	letter-spacing: 0px;
}
#right-content-address p.address1
{
	
}
#right-content-address p.address2 a
{
	float: right;
	margin-top: -10px;
	padding-right: 14px;
	color: #fdc401;
	background: transparent url(/img/arrow_map.gif) right 1px no-repeat;
}

#right-content.nous-contacter span,
#right-content.livre-or-nouveau span
{
	display: block;
	float: left;
	width: 176px;
	height: 24px;
}
#right-content.nous-contacter span.label,
#right-content.livre-or-nouveau span.label
{
	height: 14px;
	padding-top: 5px;
	font-size: 10px;
	font-weight: bold;
}
#right-content.nous-contacter span input,
#right-content.livre-or-nouveau span input
{
	width: 160px;
	font-size: 11px;
}
#right-content.nous-contacter span.memo,
#right-content.livre-or-nouveau span.memo
{
	width: 350px;
	height: 90px;
}
#right-content.nous-contacter span textarea,
#right-content.livre-or-nouveau span textarea
{
	width: 336px;
	height: 80px;
}
#right-content.nous-contacter span a,
#right-content.livre-or-nouveau span a
{
	clear: both;
	padding-right: 13px;
	font-size: 10px;
	font-weight: bold;
	background: transparent url(/img/arrow_send.gif) right 2px no-repeat;
}

a#guestbook-new
{
	float: left;
	margin-top: 8px;
	padding-right: 14px;
	color: #fdc401;
	background: transparent url(/img/arrow_map.gif) right 2px no-repeat;
}

#guestbook-msg
{
	float: left;
	width: 340px;
}
#guestbook-msg p
{
	padding-bottom: 15px;
}
#guestbook-msg h3
{
	padding-bottom: 3px;
	font-size: 11px;
	color: #d1d1d1;
	border-bottom: 1px solid #ffffff;
}