/* 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;
}
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-color: #fff}
#container {width: 100%; margin: auto;}

#header 
{
	width: 100%;
	min-height:500px;
	background-color: #1e5c8d; 
	float:left;
	background-image: url(images/red.jpg);
}
#header_Content
{	
	margin:auto;
	margin-top: 0px;
	width: 860px;
	min-height:500px;
}
#logo
{	
	float: left;
	width: 170px;
	margin-left: 30px;
	background-repeat:no-repeat;
	position: relative;
	z-index: 10;
}
#logo img
{	
	margin-top: 20px;
}
h1
{
	font-family: Arial;
	font-size: 17px;
	color: #fcfcfc;
	font-style: italic;
	margin-top: 38px;
	float: right;
	margin-right: 40px;
	font-weight: lighter;
}

#banniere_content
{	
	float:left;
	width: 846px;
	border: solid 7px white;
	margin-top: -80px;
	min-height: 290px;
	background-color: white;
	display:block;
	position: relative;
	z-index: 1;
}
#banniere_content img
{	
	float: left;
	margin-top:2px;
	margin-left: 2px;
	
}
#courriel
{	
	float:right;
	width: 159px;
	height: 126px;
	background-color: #868686;
	margin-top:2px;
	margin-right: 2px;
	text-align: center;
}
#courriel img
{	
	display:block;
	margin: 12px 50px 0px 50px;
}
span.courriel
{
	font-family: Arial;
	font-size: 20px;
	color: #424242;
}
#adresse
{	
	float:right;
	width: 221px;
	height: 162px;
	background-color: #aa0814;
	margin-top:-162px;
	margin-right: 2px;

}
span.adr
{
	margin:auto;
	text-align:center;
	margin-left: 40px;
	font-family: Arial;
	font-size: 18px;
	color: #ffffff;
	
}
span.tel
{
	margin-left: 40px;
	font-family: Arial;
	font-size: 24px;
	color: #ffffff;
	font-weight:bold;
}

#columns 
{
	float: left; 
	width: 100%;
	background-image: url(images/gris.jpg);
	background-repeat:repeat-x;
	min-height: 200px;
	margin-top: -1px;

}
#columns_content 
{
	margin:auto; 
	width: 820px;
	background-color: #ffffff;
	margin-top: -85px;
	padding: 20px 20px 0px 20px;
	overflow: hidden;
}
#left_column 
{
	float: left; 
	width: 230px; 
	background-color: #ffffff;
	min-height: 100px;
}
#left_column h2, #middle_column h2, #right_column h2, #articles_content h2
{
	margin-top: 15px;
	color: #aa0814;
	font-size: 16px;
	font-family: Arial;
	text-align: left;
}

#right_column 
{
	float: right; 
	width: 260px; 
	background-color: #ffffff;
	min-height: 100px;
}
#middle_column
{
	float: left;
	width: 230px; 
	margin-left: 60px;
	background-color: #ffffff;
	min-height: 100px;	
}
p
{
	font-size: 13px;
	font-family: Arial;
	color:#474747;
	text-align: left;
	margin-top: 15px;
	line-height: 18px;
}
#partie_bas
{
	border: solid 1px #b2b2b2;
	min-height: 200px;
	float: left;
	width: 100%;
}

#articles 
{
	margin-top: 30px;
	float: left; 
	width: 100%;
	
}
#articles_content
{
	margin:auto;
	width: 800px;
	border-top: solid 1px #b2b2b2;
	padding: 20px;
	overflow:hidden;
	padding-right: 0px;
	
}
#articles_content img
{
	float: left;
	padding-right: 40px;
	margin-top: -10px;
	
}
#articles_content h2
{
	margin-top: 30px;
}
#articles_content p
{
	margin-top: 5px;
	font-size: 12px;
	color: #525252;
	font-style: italix;
	font-family: Arial;
	font-weight: normal;
}
.article {float: left; width: 456px; background-color: #aff; margin: 12px}


#footer_box{width:100%; float:left; background:#7e8a94; padding-bottom:35px; margin-top:15px;}

	

a
{
	text-decoration: none;
	color: #586c6a;
}
#articles_content  a
{
	text-decoration: underline;
	color: #586c6a;
}
#legal_box
{
	width: 100%;
	float: left;
	background-image: url(images/gris.jpg);
	background-repeat:repeat-x;
}
#legal
{
	width: 860px;
	margin:auto;
	width: 820px;
	background-color: #ffffff;
	margin-top: -85px;
	padding: 20px 20px 20px 20px;
	overflow: hidden;
}
#legal h3
{
	padding-top: 15px;
}
img#tel-icon{float:none; margin-bottom:10px; margin-left:40px;}

#footer {margin: auto; width: 860px; text-align: center;  padding: 10px 20px 10px 60px; color: #fff; font-size: 12px}
#footer_text {float: left; text-align: left; width: 650px; 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; font-size: 11px}
#footer_slogan a {color: #ddd; text-decoration: none}
#ads{float:left; width:100%; margin-top:25px; text-align:center; background-color:#FFF;}