/* 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, Helvetica, sans-serif;
}
body {
	line-height: 1;
}
div {
	position:relative;
}
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_main.jpg) repeat-x center top #948a7b}

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

#header {height: 103px; background: url(images/header.png); width: 860px; margin: 0 auto 12px auto}
#header_link {float: left; width: 300px; height: 100px; display: block}

#adresse {float: right; width: 500px; text-align: right; color: #fff; margin: 12px 20px; font-size: 17px;}
#adresse a {font-size: 10px; color: #dc933e}
.numbers {font-size: 12px; float: right; width: 160px; text-align: center; color: #f7c860; line-height: 1.5; text-transform: uppercase; font-weight: bold;}
.numbers span {color: #fff; font-size: 21px; } 

#columns_top {background: url(images/bg_container_top.png); height: 26px; float: left; width: 866px}
#columns_btns {width: 826px; float: left; margin-bottom: 20px }

#columns_btns img.marginated {margin-left: 15px}

#columns {float: left; background: url(images/bg_container_mid.png); min-height: 500px; padding: 0 30px; width: 806px; }
#columns_bot {background: url(images/bg_container_bot.png); height: 26px; float: left; width: 866px; margin-bottom: 20px}

#left_column {float: left; width: 165px; background: #fff; border: 1px solid #8c8c8c; padding: 15px; margin-right: 15px }
#nos_agents {margin-bottom: 15px;}
#left_column h3 {color: #e97900; font-size: 14px; margin-bottom: 8px}
#left_column li {font-size: 12px; color: #1770ae; line-height: 16px}
#left_column ul {margin-bottom: 20px; position: relative; z-index: 999}
#coconut_girl {margin-top: -50px; position: relative; z-index: 1}

#right_column {float: left; width: 562px; background: #fff; border: 1px solid #8c8c8c; padding: 15px  }

#right_column p {font-size: 12px; margin-bottom: 12px; line-height: 15px; color: #1770ae}
#right_column h2 {color: #e97900; font-size: 18px; margin-bottom: 6px}

#main_btns {text-align: center; margin: 35px 0}

#articles {float: left; width: 538px; padding: 12px;  background: #e7e7e7 }
#articles h3 {color: #1873b0; font-size: 12px; margin: 12px 0}
#articles p {color: #7b7b7b; }
#articles a {color: #e97900}
.article {float: left; width: 250px; }

#keywords {font-size: 12px; width: 100%; float: left; margin: 12px 0; text-align: center; line-height: 14px}

#footer {float: left; width: 786px; text-align: center; background:  #524b41; padding: 10px 20px 10px 60px; color: #fff; font-size: 12px}
#footer_text {float: left; text-align: left; width: 550px; line-height: 22px; margin-top: 10px}
#footer_text a {color: #fff}
#footer_img {float: right; width: 170px;}
#footer_img img {float: left; margin-right: 12px}
#footer_slogan {float: left; width: 170px; text-align: left; margin-top: 6px}
#footer_slogan a {color: #ddd; text-decoration: none}

#facebooktwitter {width: 69px; position: fixed; top: 200px; left: 0}
#facebooktwitter  img {float: left}

#legal h2 {margin-bottom: 20px }
#legal h3 {margin-bottom: 5px}
#legal p {margin-bottom: 12px;}