/* reset */
* {
    margin:         0;
    padding:        0;
    border:         0;
}

body {
    background:     #7A4C0C url(/image/struct/body_bg.png) repeat-x top;
}

#page {
    margin:         0 auto;
    width:          955px;
}

#header {
	width:			100%;
	position:		relative;
}
#header_top img,
#header_bottom img {
	float:			left;
}

#header #bt_album {
	position:		absolute;
	top:			140px;
	right:			10px;
	z-index:		100;
}
#header #logo {
	position:		absolute;
	top:			72px;
	left:			27px;
}
#header #slideshow {
	height:			329px;
}
#header #nav {
	position:		absolute;
	width:			834px;
	top:			0;
	right:			0;
	z-index:        100;
}
#header #nav,
#header #nav a {
    font-weight:    bold;
    color:          white;
}
#header #nav>li {
    position:       relative;
    float:          left;
    height:         30px;
	width:			139px;
}
#header #nav>li>a {
	position:       absolute;
    left:           0;
    top:            0;
	z-index:        200;
}
#header #nav>li>ul {
    display:        none;
    position:       absolute;
    left:           0;
    top:            0;
	padding-top:	30px;
	padding-bottom:	5px;
    z-index:        100;
    min-width:      100%;
	/*background:		url(/image/nav/nav_bg.png) repeat;*/
}
#header #nav>li.red>ul {
	background:		#A43025;
}
#header #nav>li.yellow>ul {
	background:		#BD860D;
}
#header #nav>li.green>ul {
	background:		#9EB40B;
}
#header #nav>li>ul>li {
    font-size:      .9em;
    padding:        2px 3px;
}
#nav_inner {
	width:			164px;
	padding:		0 5px 70px 5px;
	border-left:	1px solid #EBEBEB;
	border-right:	1px solid #EBEBEB;
}
#nav_inner h1 {
	padding:		5px 0 20px 0;
	color:			#9B5E00;
	text-align:		center;
	font-size:		1.5em;
	font-weight:	normal;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
}
#nav_inner li {
	padding: 		.2em 0 .2em 1.5em;
	margin-bottom:	.6em;
    background:     url(/image/nav/nav_inner_li_bg.png) no-repeat left top;
}
#nav_inner li.active,
#nav_inner li:hover {
	background:     #72231C url(/image/nav/nav_inner_li_bg_on.png) no-repeat left top;
}
#nav_inner li a:hover {
	text-decoration:	none;
}
#nav_inner li.active a,
#nav_inner li:hover a {
    color:          white;
}
#nav_inner_bottom {
	margin-bottom:	2em;
	width:			176px;
	background:     url(/image/nav/nav_inner_bottom_bg.png) no-repeat top left;
	font-size:		.8em;
}
#nav_inner_bottom a {
	display:		block;
	margin:			0 4px .6em 4px;
}
#nav_inner_bottom img {
	vertical-align:	text-bottom;
	margin-right:	.2em;
}
#main {
	background:		white;
    min-height:     400px;    
}
#c1,
#c2,
#c2_page,
#c3 {
	float:			left;
}
#c1 {
	margin-left:	27px;
	width:			176px;
}
#c2 {
	margin-left:	20px;
	width:			537px;
}
#c2_page {
	margin-left:	20px;
	width:			707px;

}
#c3 {
	margin-left:	20px;
	width:			175px;
	color:			#286c29;
}
#c3 img{
	margin:			0;
	padding-bottom: 10px;
}
#c3 h2 {
	background:		white url(/image/struct/c3_h2_bg.png) no-repeat left;
	padding-left:	30px;
	height:			44px;
	line-height:	44px;
	font-size:		1.5em;
	color:			#286C29;
	font-weight:	normal;
	margin:			1.2em 0 .8em 0;
}
#c3 p,
#c3 ul {
	margin-bottom:	1em;
	font-size:		.9em;
}
#c3 p {
	padding:		0 2em;
}
#c3 ul {
	padding:		0 1em;
}
#c3 li {
	background:		url(/image/struct/c3_li_bg.png) no-repeat top left;
	padding-left:	1.5em;
	margin-bottom:	.5em;
}
#rails {
	color:			#DF8919;
	font-weight:	bold;
	font-size:		.9em;
	margin-top:		.5em;
}
#rails a {
	color:			#003322;
}

#footer {
    position:       relative;
	background:		#DF8919;
}
#footer_content {
	padding:		.3em 2em;
	margin-right:	3em;
	background:		#72221B;
	color:          white;
	font-size:      .8em;
}
#footer a {
    color:          white;
}
#footer ul li {
    display:        inline;
}
#footer ul li:before {
    content:        " |  ";
}
#footer ul li:first-child:before {
    content:        "";
}
#footer a#footer_cyberl {
    position:       absolute;
    right:          5em;
    top:            .3em;
}

/* ---- home specific ---- */
body.home {
    background:     #7A4C0C url(/image/struct/home/body_bg.png) repeat-x top;
}
.home #header #bt_album {
	top:			272px;
	left:			14px;
}
.home #header #logo {
	top:			365px;
	left:			770px;
}
.home #main {
    min-height:     0;
}
#baseline {
	width:			100%;
	background:		#BADCA9 url(/image/struct/baseline_bg.png) repeat-x top;
	min-height:		188px;
	color:			#9B5E00;
}
#baseline>div {
	float:			left;
}
#baseline div.box {
	margin:			35px 0 1em 50px;
	width:			295px;
	background:		url(/image/struct/baseline_box_bg.png) no-repeat bottom;
	font-size:		.9em;
}
#baseline div.content {
	margin:			10px;
	padding:		55px 10px 0 60px;
}
#baseline div.content li {
	margin-bottom:	.8em;
}
#baseline_c1 div.content {
	background:		url(/image/struct/baseline_box_1_bg.png) no-repeat top left;
}
#baseline_c2 div.content {
	background:		url(/image/struct/baseline_box_2_bg.png) no-repeat top left;
}
#baseline_c3 {
	margin:			150px 0 0 75px;
}
#baseline div#baseline_voeux{
    background:		url(/image/struct/baseline_voeux.png) no-repeat top left;
    height:115px;
    margin-top:-110px;
    margin-bottom:0;
}
#baseline div#baseline_voeux div.content{
    margin: 50px 10px 0 100px;
    padding:0;
}
#baseline_c3 a {
	display:		block;
	margin-bottom:	.6em;
	font-size:		.8em;
}
#baseline_c3 img {
	vertical-align:	text-bottom;
	margin-right:	.2em;
}