body { 
margin:0px auto; 
background-color:#747464; 
background-image:url(../images/layout_16.gif);
background-position:top center; 
background-repeat:repeat-y; }

#wrapper {
width: 740px;
margin-right: auto;
margin-left: auto;
}



#header {
float: left;
width: 740px;
height: 200px;
background-image: url(../images/header_image.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
cursor: pointer;
}


#headermariage {
float: left;
width: 740px;
height: 168px;
background-image: url(../images/entetemariage.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
cursor: pointer;
}
#headerbougie {
float: left;
width: 740px;
height: 168px;
background-image: url(../images/entetebougie.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
cursor: pointer;
}
#headervase {
float: left;
width: 740px;
height: 168px;
background-image: url(../images/entetevase.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
cursor: pointer;
}
#headerdecor {
float: left;
width: 740px;
height: 168px;
background-image: url(../images/entetedecor.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
cursor: pointer;
}
#headerluminaire {
float: left;
width: 740px;
height: 168px;
background-image: url(../images/enteteluminaire.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
cursor: pointer;
}
#headermagazine {
float: left;
width: 740px;
height: 168px;
background-image: url(../images/entetemagazine.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
cursor: pointer;
}
#headerdesigner {
float: left;
width: 740px;
height: 168px;
background-image: url(../images/entetedecor.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
cursor: pointer;
}
#headermobilier {
float: left;
width: 740px;
height: 168px;
background-image: url(../images/entetemobilier.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
cursor: pointer;
}
#headerdesigners {
float: left;
width: 740px;
height: 168px;
background-image: url(../images/entetedesigners.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
cursor: pointer;
}
#page-wrapper {
float: left;
width: 740px;
}

#headercouronne {
float: left;
width: 740px;
height: 168px;
background-image: url(../images/entetecouronne.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
cursor: pointer;
}
#headernoel {
float: left;
width: 740px;
height: 168px;
background-image: url(../images/entetenoel.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
cursor: pointer;
}
#headerdepechesdecorations {
float: left;
width: 740px;
height: 168px;
background-image: url(../images/depechesdecorations.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
cursor: pointer;
}#menu-wrapper {
	float: left;
	width: 191px;
	padding-left: 10px;
}



#menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#menu li {
	position: relative;
	border-bottom: 1px solid #444444;
	width: 181px;
	margin: 0px;
	padding: 0px;
	line-height: 29px;
	list-style-type: none;
	background-image: url(../images/menu_off.gif);
	}

#menu li a {
	color: #CCCCCC;
	text-decoration: none;
	width: 100%;
	text-indent: 8px;
	display: block;
	padding-bottom: 0px;
	}

#menu li.heading a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #999999;
	letter-spacing: 2px;
	padding-top: 20px;
	}


#menu li:hover, #menu li.over {
	background-image: url(../images/menu_on.gif);
	color: #80FF00;
	}


#menu li.me:hover, #menu li.me.over {
	background-image: url(../images/menu_me.gif);
	color: #FF0000;
	}






#menu li.heading a:hover {
	background-color: transparent;
	color: #FFFFFF;
	}

#menu ul ul {
	position: absolute;
	left: 181px;
	top: 0;
	display: none;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	}

#menu ul ul li {
	display: block;
	border: none;
	background: url(../images/menu_on.gif);
	}

#menu ul ul li a {
	color: #FFFFFF;
	line-height: 24px;
	border-bottom:1px solid #FFFFFF;
	text-decoration: none;
	width: 100%;
	text-indent: 18px;
	display: block;
	padding-bottom: 0px;
	}

#menu ul ul li a:hover {
	background-image: url(../images/menu_off.gif);
	}
li > ul {
	top: auto;
	left: auto;
	}
	
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

#menu li:hover ul, #menu li.over ul { 
	display: block; 
} /* The magic */


#content-wrapper {
float: left;
width: 539px;
}

#subheader {
float: left;
width: 539px;
height: 207px;
background-image: url(../images/subheader_image.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
cursor: pointer;
}

#content {
float: left;
padding: 15px;
width: 509px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 120%;
}

#content a {
color: #f9500b;
}

#content a:hover {
text-decoration: none;
}




#content h1 {
font-family: arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 22px;
color: #f9500b;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 1px dotted #cccccc;
}

#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #2D6AAD;
}




#content .link-wrapper {
float: left;
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px dotted #CCCCCC;
}

#content .thumb {
float: left;
padding: 0px 15px 0px 0px;
border-right: dotted 1px #e5c9c9;
margin-right: 15px;
}

#content .link-content {
float: left;
width: 100%;
line-height: 16px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #343434;
}

#content .link-content a {
color: #f9500b;
font-weight: bold;
}

#content .link-content h2 {
	color: #f9500b;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	line-height: 16px;
	display: inline;
}

#content .link-content a:hover {
text-decoration: none;
}

#content .page-links {
color: #000000;
font-weight: bold;
float: left;
width: 100%;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#content .page-links a {
color: #B15353;
}

#content .page-links a:hover {
color: #000000;
text-decoration: none;
}

<!-- Outgoing Links & Site Map Page -->
#content .outgoinglinks {
color: #000000;
font-weight: bold;
float: left;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}

#content .outgoinglinks a {
font-family: Arial, Helvetica, sans-serif;
color: #f9500b;
font-size: 14px;
font-weight: bold;
line-height:1.6em;
text-decoration:none
}

#content .outgoinglinks a:hover {
color: #000000;
text-decoration: none;
}

#content .outgoinglinks ul {
font-size: 14px;
color: #B15353;
list-style-image: url(../images/listflower.gif);
}

#content .outgoinglinks ul {
font-size: 14px;
color: #B15353;
list-style-image: url(../images/listflower.gif);
}

#content .noflower ul {
font-size: 14px;
color: #B15353;
}
<!-- End Outgoing Links & Site Map Page -->

#right-column {
float: left;
padding-top: 10px;
width: 185px;
margin-left: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
}

#right-column a {
color: #2D6AAD;
}

#right-column a:hover {
text-decoration: none;
}

#right-column .rotm {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 20px;
color: #B15353;
}


