/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
  font-family: arial;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* #####################
		TEMPLATE
   #####################*/

body {background: url(images/bg_repeat.png)}

#logo {float: left}
#about {float: right; margin-right: 50px; margin-top: 20px}
h1 { font-size: 29px; color: #fff; display: block; float: left; width: 450px; margin-top: 60px; margin-left: 16px}
h2 {color: #60a432; font-size: 13px; text-transform: uppercase; margin-bottom: 16px}
h3 {color: #fff; text-transform: uppercase; font-size: 14px }

#container {margin: auto; width: 1020px;}

#content_header {background: url(images/bg_top.png) no-repeat; height: 143px; margin: auto; width: 970px; padding: 50px 0 0 50px; float: left}
#content_container {background: url(images/bg_mid.png) repeat-y;  margin: auto; width: 1020px; float: left}
#content_container p {color: #fff; font-family: arial; font-size: 12px; margin-bottom: 12px; line-height: 1.3; width: 440px }
#content_container a {color: #438518;}
#emphasis {font-weight: bold; font-size: 14px; font-style: italic}

#content_bottom {background: url(images/bg_bottom.png) no-repeat; height: 75px; margin: auto; width: 1020px; float: left}

#columns {float: left; margin-left: 50px; width: 930px; background-color: #0e0e0e; border-left: 1px solid #60a432; border-bottom: 1px solid #000}

#left_column {float: left; width: 584px; border-top: 1px solid #000; padding: 20px}
#floating_guy {float: right; background: url(images/guy.png) no-repeat; width: 106px; height: 234px}
#list_under_floating_guy {background-color: #000; border: 1px solid #262626; color: #fff; width: 270px; float: right; margin: -24px -22px 12px 12px; font-size: 12px; padding: 12px}
#list_under_floating_guy ul {padding: 12px 0; float: left; width: 270px}
#list_under_floating_guy li {float: left; width: 125px; background: url(images/puce_petite.png) no-repeat; padding-left: 10px; background-position: 0 2px }
#list_under_floating_guy a {text-transform: uppercase; color: #438518; font-weight: bold; }

#articles p {width: 267px}
#articles {width: 584px; float: left}
#article_left {margin-right: 36px}
#article_left {width: 267px; float: left}
#article_right {width: 281px; float: left}
#articles a {color: #60a432}

#interested {float: right; margin-top: -60px; margin-right: -28px}

#right_column {float: left; width: 304px; margin-top: -74px; border: 1px solid #262626; background-color: #121212}
#right_column ul {margin: 24px 0 24px 16px}
#right_column li {font-size: 14px; color: #fff; background: url(images/puce_big.png) no-repeat; padding-left: 16px; margin-bottom: 16px; font-weight: bold}

.footer {color: #626262; font-size: 12px; text-align: center; padding: 16px; float: right; width: 270px}
.footer a {color: #626262}