/* CSS Document */

body {
	margin:0pt auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/pattern.jpg);
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, li {
	margin:0; 
	padding:0;
	border:0px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#f9f9f9;
	font-weight:400;
	margin:14px 0 0 10px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	font-weight:bold;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	font-weight:bold;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:16px;
}




/* #####################
		TEMPLATE
   #####################*/
   
   
body {background-image: url('images/bg_gradient_repeat.png'); background-repeat: repeat-x; background-color: #eaeaea}  
#logo_link {display: block; width: 200px; height: 120px;}

a:active {color: #fe9d46; text-decoration:underline; outline:none;}
a:link {color: #fe9d46; text-decoration:underline; outline:none;}
a:visited {color: #fe9d46; text-decoration:underline; outline:none;}
a:hover {color: #fe9d46; text-decoration:underline; outline:none;}

li {background-image: url('images/puce.png'); list-style-type: none; background-repeat: no-repeat; float: left; padding-left: 12px; background-position: 1px 5px; line-height: 18px}
 
#container {width: 911px; margin: auto; }

#header {background-image: url('images/header.png'); background-repeat: no-repeat; height: 300px; }
#btn_ans {position: relative; bottom: 65px; left: 799px;}
#main_title {display: block; width: 660px; position: relative; bottom: 74px; left: 205px; font-family: arial; font-weight: bold; font-size: 25px;}
#fact {font-family: verdana; font-size: 20px; font-weight: bold; color: #fff; position: relative; bottom: 22px; left: 460px;}
#title_header {font-family: verdana; font-size: 20px; font-weight: normal; color: #777; display: block; width: 400px; position: relative; bottom: 10px; left: 460px;}


#btn_more_info {position: relative; left: 710px; bottom: 5px;  }


#middle_content {background-image: url('images/bg_repeat.png'); background-repeat: repeat-y; float: left; padding: 0 9px;}
#columns {width: 894px; margin: auto;}
#left_column {float: left; width: 447px;}
#right_column {float: left; width: 447px;}

.article { padding: 10px; float: left; width: 427px;}
.article img {float: left; padding-right: 6px}
.article h2 {font-weight: bold; font-family: arial; font-size: 17px; color: #6e6e6e}
.article h2.smaller {font-size: 14px;}
.orange_bg {background-color: #ffe9d5}


#bottom {background-image: url('images/bottom_bg.png'); background-repeat: no-repeat; height: 47px; float: left; width: 911px; text-align: center; padding: 24px;}

#footer {float: left; text-align: center; width: 911px; padding: 12px 0 24px 0; font-size: 10px; color: #575757}

#legal {padding: 24px;}
#legal p {margin-bottom: 24px;}