/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img { behavior: url("../script/iepngfix.htc"); }

img { border: 0; }
img.left { float: left; }
img.right { float: right; }

/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #fff; color: #333; }

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }

p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

#browser-message { position: absolute; top: 0; left: 0; width: 99%; background: #ffea00; color: #000; padding: 4px; text-align: center; font-size: 12px; font-family: arial; }

/* PRINT */
@media print {
	body, #main, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
}

/*=============================================================================
*
*============================================================================*/
html {
   padding: 0;
   margin: 0;
   overflow-y: scroll;
}

/*=============================================================================
*
*============================================================================*/
body {
   padding: 0;
   margin: 0;
   background-color: #ebeef5;
   background-image: url("../img/background/body-background.png");
   background-position: top center;
   background-repeat: repeat-x;
}

/*=============================================================================
*
*============================================================================*/
div#header {
	width: 960px;
   height: 160px;
   background-image: url("../img/background/header-background.png");
   background-position: top center;
   background-repeat: no-repeat;
   margin: auto;
   line-height: 1px;
   font-size: 0px;
}

div#header div#logo {
   width: 149px;
   height: 104px;
   float: left;
   margin: 4px 0 0 20px;
}

div#header  div#logo a img {
   border: none;
}

div#header h1 {
   position: absolute;
   color: #031045;
   font-size: 10px;
   line-height: 10px;
   font-family: verdana;
   padding: 0;
   margin: 128px 0 0 0;
}

div#header h2 {
   color: #04144C;
   width: 704px;
   height: 40px;
   background-image: url("../img/background/header-title-background.png");
   background-position: top center;
   background-repeat: no-repeat;
   float: right;
   text-align: center;
   line-height: 40px;
   margin: 80px 0 0 0;
   text-indent: -9999px;
}

/*=============================================================================
*
*============================================================================*/
div#navigation {
   height: 40px;
   width: 960px;
   margin: auto 0 auto 4px;
}

div#navigation ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
   height: 40px;
}

div#navigation ul li {
   float: left;
   padding: 0;
   margin: 0;
}

div#navigation ul li.first {
   margin: 0 !important;
}

div#navigation ul li a {
   display: block;
   color: #ffffff;
   text-align: center;
   width: 136px;
   line-height: 20px;
   padding: 10px 0 10px 0;
   font-family: arial;
   text-decoration: none;
   font-size: 12px;
   font-weight: bold;
   text-decoration: underline;
}

div#navigation ul li a:hover {
   color: #bdc5de;
}

div#navigation ul li a.active {
   text-decoration: none;
}

div#navigation ul li#nav-company a {
   width: 88px;
}

div#navigation ul li#nav-financial-planning a {
   width: 152px;
}

div#navigation ul li#nav-personal-services a {
   width: 152px;
}

div#navigation ul li#nav-business-services a {
   width: 168px;
}

div#navigation ul li#nav-financial-products a {
   width: 136px;
}

div#navigation ul li#nav-resources a {
   width: 152px;
}

div#navigation ul li#nav-contact a {
   width: 104px;
}

/*=============================================================================
*
*============================================================================*/
div#communication {
   height: 320px;
   width: 960px;
   padding: 4px 0;
   margin: auto;
   line-height: 1px;
   font-size: 1px;
}

div#communication ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

div#communication ul li {
   position: absolute;
   margin: 0;
   padding: 0;
   display: none;
   z-index: 5;
}

div#communication ul li a {
   display: block;
   width: 960px;
   height: 224px;
}

div#communication ul li a img {
   border: none;
}

div#communication li.active {
   display: block;
   z-index: 15;
}

div#communication li.last {
   z-index: 10;
}

/*=============================================================================
*
*============================================================================*/
div#page-list {
   width: 256px;
   margin: 24px 0 16px 16px;
   padding: 0;
   float: right;
   display: inline;
   text-align: left;
   background-color: #030F44;
}

div#page-list ul {
   list-style-type: none;
   margin: 4px;
   padding: 0;
   background-color: #0D3F72;
}

div#page-list ul li {
   padding: 0;
   margin: 0;
}

div#page-list ul li a {
   color: #ffffff;
   font-family: arial;
   text-decoration: none;
   font-size: 12px;
   padding: 0px 8px 0 12px;
   line-height: 32px;
   display: block;
   font-weight: bold;

}

div#page-list ul li a:hover {
   text-decoration: underline;
}

div#page-list ul li a.active {
   color: #032351;
   background-color: #BDC5DE;
}

/*=============================================================================
*
*============================================================================*/
div#page {
   width: 960px;
   margin: auto;
   padding: 0;
}

#home #page {
   width: auto;
   background-color: white;
}

/*=============================================================================
*
*============================================================================*/
div#content {
   width: 704px;
   margin: 0;
   min-height: 512px;
   padding: 2px 0 2px 0;
   background-color: #ebeef5;
}

#contact #content {
   width: 960px;
   margin: auto;
}

#home #content {
   margin: 0;
   padding: 2px 0 0 0;
   width: auto;
   background-color: #bdc5de;
}

div#content h2 {
   font-family: arial;
   font-size: 20px;
   color: #421c52;
   padding: 0;
   margin: 32px 24px 0 8px;
}

div#content h3{
   font-family: "Lucida Grande", Arial, Verdana, sans-serif;
   font-size: 16px;
   color: #732c7b;
   padding: 0;
   margin: 20px 28px 0 12px;
}

div#content h3 a{
   color: #732c7b;
}

div#content h4 {
   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
   font-size: 15px;
   line-height: 150%;
   color: #732c7b;
   padding: 0;
   font-weight: normal;
   margin: 16px 32px 0 16px;
}

div#content p {
   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
   font-size: 14px;
   line-height: 150%;
   color: #443266;
   padding: 0;
   margin: 16px 36px 16px 16px;
}

div#content p strong {
   font-weight: normal;
   color: #443266;
}

div#content p strong.bolder {
   font-weight: bold;
}

div#content a {
   color: #732c7b;
   text-decoration: none;
}

div#content a:hover {
   text-decoration: underline;
}

div#content ul {
   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
   font-size: 14px;
   line-height: 150%;
   color: #443266;
   padding: 0;
   margin: 16px 0 16px 48px;
   list-style-type: square;
}

div#content li {
   padding: 0 8px 0 8px;
   margin: 0;
}

/*=============================================================================
*
*============================================================================*/
#home #services-financiers {
   height: 400px;
   width: 960px;
   margin: auto;
}

#home #services-financiers div { float: left; width: 240px; }
#home #services-financiers div h2 { margin: 24px 0 16px 12px; font-weight: normal; }
#home #services-financiers div img { padding: 4px; background-color: #ffffff; display: block; margin: auto; }
#home #services-financiers div p { margin: 16px; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 14px; }

#home #featured-wrapper { background-color: #ebeef5; height: 288px; }

#home #featured-wrapper #featured { width: 960px; margin: auto; padding: 4px 0; }
#home #featured-wrapper #featured h2 { margin: 24px 0 16px 12px; font-weight: normal; font-size: 24px; }
#home #featured-wrapper #featured h3 { margin: 16px; font-weight: bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 13px; }
#home #featured-wrapper #featured img { padding: 4px; background-color: #ffffff; margin: 0 16px 0 16px; float: left; }
#home #featured-wrapper #featured p { margin: 40px 16px 16px 16px; width: 640px; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 14px; line-height: 150%; }

/*=============================================================================
*
*============================================================================*/
#articles #content a.more { display: block; width: 116px; height: 24px; background-image: url("../img/icons/lire-suite.png"); background-position: center center; background-repeat: no-repeat; text-indent: -9999px; margin: 8px 0 24px 0; }

/*=============================================================================
*
*============================================================================*/
#investment table.cas {
   font-family: arial;
   font-size: 13px;
   line-height: 150%;
   color: #443266;
   border-collapse: separate;
   border-spacing: 1px;
   border: 1px solid #BDC5DE;
   margin: 0 36px 16px 16px;
   background-color: #ffffff;
   width: 640px;
}

#investment table.cas caption {
   font-size: 14px;
   text-align: center;
   border-top: 1px solid #BDC5DE;
   padding: 4px;
}

#investment table.cas th {
   font-weight: bold;
   text-align: left;
   background-color: #BDC5DE;
   padding: 4px 8px;
}

#investment table.cas td {
   vertical-align: top;
   text-align: left;
   padding: 8px;
}

/*=============================================================================
*
*============================================================================*/
#investment table.cotisation {
   font-family: arial;
   font-size: 13px;
   line-height: 150%;
   color: #443266;
   border-collapse: separate;
   border-spacing: 1px;
   border: 1px solid #BDC5DE;
   margin: 0 36px 16px 16px;
   background-color: #ffffff;
   width: 640px;
}

#investment table.cotisation caption {
   font-size: 14px;
   text-align: center;
   border-top: 1px solid #BDC5DE;
   padding: 4px;
}

#investment table.cotisation th, #investment table.cotisation td {
   padding: 4px;
}

#investment table.cotisation th {
   font-weight: bold;
   text-align: right;
   background-color: #BDC5DE;
}

#investment table.cotisation td {
   text-align: right;
}

/*=============================================================================
*
*============================================================================*/
div#coordonnees-wrapper {
   padding: 2px 0;
   background-color: #ffffff;
   border-top: 2px solid #BDC5DE;
}

div#coordonnees {
   width: 960px;
   margin: 32px auto;
   background-color: #BDC5DE;
   height: 330px;
}

div#coordonnees h3 {
   background-image: url("../img/h3/nos-coordonnees.png");
   background-position: center center;
   background-repeat: no-repeat;
   line-height: 40px;
   border-bottom: 2px solid #ffffff;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
}

div#coordonnees h4 {
   font-family: tahoma, arial;
   font-size: 16px;
   line-height: 18px;
   color: #443266;
   padding: 0;
   margin: 24px 24px 16px 24px;
}

div#coordonnees p {
   font-family: arial;
   font-size: 14px;
   line-height: 150%;
   color: #443266;
   padding: 0;
   margin: 20px 20px 16px 32px;
}

div#coordonnees p a {
   color: #0D3F72;
   text-decoration: none;
}

div#coordonnees p a:hover {
   text-decoration: underline;
}

div#coordonnees div.two-column-left {
	margin: 16px 0 16px 16px;
   width: 400px;
   height: 232px;
   background-color: #EBEEF5;
   float: left;
   display: inline;
   padding: 24px 0 0 0;
}

div#coordonnees div.two-column-right {
	margin: 16px 0 16px 16px;
   width: 512px;
   height: 256px;
   float: left;
   display: inline;
}

div#coordonnees div.two-column-right img {
   border: 1px solid #0D3F72;
}

/*=============================================================================
*
*============================================================================*/
div#footer {
   background-image: url("../img/background/footer-background.png");
   background-position: center center;
   background-repeat: repeat-x;
   height: 306px;
   padding: 2px 0 0 0;
}

/*=============================================================================
*
*============================================================================*/
div#copyright {
   width: 960px;
   margin: 8px auto 0 auto;
}

div#copyright p {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   line-height: 100%;
   padding: 2px;
   margin: 2px 0 0 0;
   text-align: center;
}

div#copyright p a {
	color: #ffffff;
   text-decoration: none;
}

div#copyright p a:hover {
   text-decoration: underline;
}


/*=============================================================================
*
*============================================================================*/
div#sitemap {
   width: 960px;
   margin: auto;
   height: 256px;
}

div#sitemap ul {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   line-height: 150%;
   padding: 0;
   margin: 8px 0 0 8px;
   list-style-type: none;
   float: left;
}

div#sitemap ul.company {
   width: 128px;
}

div#sitemap ul.financial-planning {
   width: 144px;
}

div#sitemap ul.personal-services {
   width: 166px;
}

div#sitemap ul.business-services {
   width: 166px;
}

div#sitemap ul.financial-products {
   width: 128px;
}

div#sitemap ul.resources {
   width: 144px;
}

div#sitemap ul li {
   padding: 0;
   margin: 0;
}

div#sitemap ul li a {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
}

div#sitemap ul li a:hover {
   text-decoration: underline;
}

div#sitemap ul ul {
   margin: 0;
   padding: 0 0 0 12px;
   float: none;
}

div#sitemap ul ul li {
   padding: 0;
   margin: 2px 0;
}

div#sitemap ul ul li a {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   font-weight: normal;
}

/*=============================================================================
*
*============================================================================*/
div#signature {
   padding: 2px;
   margin: 0;
   text-align: center;
   font-family: arial;
   color: #0850b8;
   font-size: 8pt;
   font-weight: bold;
}

div#signature a {
   color: #0850b8;
   text-decoration: none;
}