/* 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
   #####################*/

h1 {font-size: 23px; line-height: 1.2; color: #fff; text-align: right; margin-bottom: 30px}

body {background: url(images/bg_body.png) repeat-x}

#container {width: 936px; margin: auto}

#header {min-height: 89px; background: url(images/bg_header.jpg) no-repeat #fff; float: left; padding-right: 20px; width: 894px;  }
#header_left {float: left; width: 321px}
#header_right {float: left; margin-left: 40px; width: 531px; margin-top: 10px }

#header p {font-size: 15px; margin-bottom: 15px;}

#columns {float: left; background: url(images/bg_cols.png) repeat-x #00326a; width: 913px; box-shadow: 0px 0px 15px #555; padding-bottom: 8px; border-left: 1px solid #000}

#left_column {float: left; width: 280px; padding-top: 15px}
#left_column ul {margin: 12px}
#left_column h2 {font-weight: bold; text-transform: uppercase; font-size: 15px; color: #fff; margin: 15px 0 4px 10px; }
#left_column li {background: url(images/puce1.gif) no-repeat 0 2px; padding-left: 12px; font-size: 15px; color: #fff; margin-bottom: 4px}
#left_column table {color: #fff; font-size: 11px; font-weight: bold; margin-left: 2px}
#left_column td {padding-right: 9px; padding-top: 8px; padding-bottom: 8px;}
.pad {padding-left: 9px}
.lb {background: #245b9a}
.db {background: #173c65}


#contactez_nous {margin: 12px}
#contactez_nous a {color: #b0d5ff; font-size: 12px}

#coordonnees {font-size: 9px; color: #fff; background: #002855; padding: 8px 20px; line-height: 1.2}

#skyblue_stripe {background: #cfdbe8; color: #173c67; padding: 15px; font-size: 21px; font-weight: bold}
#skyblue_stripe span {font-size: 16px}

#adsense {text-align: center; margin: 20px 0}
 
#right_column {float: left; width: 626px; background-color: #fff}
#menu {float: left; height: 43px; background: url(images/btn_menu_top.jpg); width: 626px}
#menu a {background: url(images/btn_menu_top.jpg); display: block; width: 124px; height: 33px; padding-top: 10px; float: left; font-size: 12px; text-align: center; text-decoration: none; color: #595959}

#main_content {padding: 0 15px 15px 15px}
.emphasis {text-transform: uppercase; font-weight: bold; margin-top: 10px}

#right_column p {font-size: 12px; margin-bottom: 13px; line-height: 1.5}

#right_column p a, #right_column li a {color: #276BB7}
#right_column ul {margin-bottom: 20px;}
#right_column li {background: url(images/puce2.gif) no-repeat 0 2px; padding-left: 10px; font-size: 12px; margin: 0 0 4px 2px}


#right_column h2 {font-size: 19px; color: #276bb7; margin-bottom: 10px}
#right_column h3 {font-size: 12px; margin-bottom: 4px}

#bottom_content {float: left; margin-top: 15px}
#bottom_content li {color: #276bb7; font-size: 13px; font-weight: bold}


#articles {float: left; width: 936px }
.article {float: left; width: 441px; background-color: #aff; margin: 12px}

#kw_para_container {float: left; width: 876px; padding: 12px 30px}
#kw_para_container p {text-align: center; font-size: 11px; color: #7b7b7b; }

#footer {float: left; width: 884px; text-align: center; padding: 10px 20px 10px 10px; color: #003F86; font-size: 12px}
#footer_text {float: left; text-align: left; width: 626px; line-height: 22px; margin-top: 10px}
#footer_text a {color: #003F86}
#footer_img {float: right; width: 170px;}
#footer_img img {float: right; margin-right: 12px}
#footer_slogan {float: left; width: 170px; text-align: left; margin-top: 6px}
#footer_slogan a {color: #003F86; text-decoration: none}

/*
 APROPOS.PHP
*/

#btn_contact {display: block; padding: 4px 8px; background: #002855; color: #fff; width: 230px; text-decoration: none; text-align: center; margin-bottom: 15px}
