/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
      Author: Luc Fournier
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body {text-align:center; background:#f3f2ec url('../img/bg.png') repeat-x;}
#container {width:955px; margin:0 auto; text-align:left; background:#e6e2d7; position:relative; top:18px; padding-bottom:40px;}


/**************************************/
/*              HEADER                */
/**************************************/
#page h1#logo {width:186px; height:42px; position:absolute; top:220px; left:18px; margin:0; padding:0;}


/**************************************/
/*             NAVIGATION             */
/**************************************/
#page #main-nav {width:955px; height:180px; position:relative;}
#page #main-nav ul {margin:0; position:absolute; bottom:0px; left:215px; height:27px; width:716px; background:url('../img/bg-main-menu.png') no-repeat;}
#page #main-nav ul li {float:left; list-style:none; padding:0 14px;}
#page #main-nav ul li.current {background:url('../img/bg-current-main-menu.png') no-repeat top center;}
#page #main-nav ul li a {float:left; color:#fff; text-decoration:none; display:block; height:19px; padding:8px 12px 0 12px;}

#page #sub-nav {width:204px; float:left; margin:124px 0 0 0; position:absolute; left:0; z-index:1;}
#page #sub-nav ul#secteur-assurance {list-style:none; margin:0; margin-bottom:52px;}
#page #sub-nav ul#secteur-investissement-retraite {list-style:none; margin:0;}
#page #sub-nav ul {margin:16px 0 0 0;}
#page #sub-nav ul li {list-style:none; border:1px solid #f3f2ee; border-right:none; margin-bottom:3px; background:#eeede8 url('../img/bg-sub-menu.png') no-repeat 12px 11px;}
#page #sub-nav ul li a {color:#08255d; text-decoration:none; display:block; padding:8px 0 8px 38px;}
#page #sub-nav ul li.current {background:#08255d url('../img/bg-current-sub-menu.png') no-repeat 12px 11px;}
#page #sub-nav ul li.current a {color:#fff;}

#page #sub-nav h3 {color:#08255d; background:#77c04b url('../img/bg-header-sub-menu.png') repeat-y; border:1px solid #f3f2ee; border-right:none; padding:8px 16px; margin-bottom:0;}


#page a#lang-link {position:absolute; bottom:3px; right:42px; color:#fff; text-decoration:none;}
#home a#lang-link {position:absolute; bottom:3px; right:158px; color:#08255d; text-decoration:none; font-weight:bold;}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#page #content {color:#000; background:url('../img/bg-content.png') repeat-y; width:717px; min-height:600px; margin:0 0 0 190px; padding:40px 0; position:relative; z-index:3;}
#page #content-start {background:url('../img/bg-content-start.png') no-repeat; width:717px; height:18px; margin:120px 0 0 190px;}
#page #content-end {background:url('../img/bg-content-end.png') no-repeat; width:717px; height:26px; margin:0 0 0 190px;}
#page #content h2#content-title {position:absolute; top:-82px; left:0; color:#08255d; font-weight:normal; font-size:x-large;}
#page #content p, #content li, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content table, #content form {margin-left:55px; margin-right:55px;}
#page #content strong, #content p.strong {color:#08255d;}
#page #img-content-end {margin-left:55px; margin-top:38px; width:82px; height:71px; background:url('../img/content-end-trans.png') no-repeat;}
#page #content table td {border:none;}
#page #content a {color:#08255d; text-decoration:none;}
#page #img-toolbox {position:absolute; top:235px; left:810px; z-index:4;}

/**************************************/
/*               FOOTER               */
/**************************************/
#page #footer {}

#home div#foot-note {color:#08255d; font-size:smaller; margin:0 auto; position:relative; width:955px; left:90px; padding-bottom:3px; text-align:left; top:-8px;}
div#foot-note {color:#08255d; font-size:smaller; margin:0 auto; position:relative; width:755px; left:145px; padding-bottom:3px; text-align:left; top:-8px;}
div#foot-note p a{color:#73c149; text-decoration:none;}

#home #foot-note p#address {position:absolute; top:-58px; left:575px;}
#page p#address {color:#08255d; font-size:smaller; position:absolute; top:600px; left:15px;}

/**************************************/
/*               HOME PAGE THEME             */
/**************************************/
#home #container {padding-bottom: 50px;}
#home h1#logo {width:252px; height:70px; position:absolute; top:0px; left:20px; margin:0; padding:0;}
#home #home-img {width:573px; height:382px; background:url('../img/randomimg-home/home-img.jpg') no-repeat; position:relative; top:-12px; left:16px; z-index:3;}
#home #img-toolbox {position:absolute; top:90px; left:810px; z-index:1;}

#home #main-nav {width:955px; height:92px; position:relative; padding-top:25px;}
#home #main-nav ul {margin:0; position:absolute; bottom:0px; left:68px;}
#home #main-nav ul li {float:left; list-style:none; padding:0 18px;}
#home #main-nav ul li a {color:#08255d; font-weight:bold; text-decoration:none;}

#home #sub-nav {position:absolute; left:640px; top:170px; z-index:3; width:240px;}
#home #sub-nav ul li {list-style:none; margin-bottom:19px;}
#home #sub-nav ul li a {color:#73c149; font-weight:bold; text-decoration:none;}

#home #content {background:url('../img/bg-content-home.png') repeat-y; width:857px; height:361px; position:relative; top:16px; left:52px;}
#home #content-start {background:url('../img/bg-content-start-home.png') no-repeat; width:857px; height:21px; position:relative; top:16px; left:52px;}
#home #content-end {background:url('../img/bg-content-end-home.png') no-repeat; width:857px; height:33px; position:relative; top:16px; left:52px;}


/**************************************/
/*               BLUE THEME      	       */
/**************************************/
#page.blue #sub-nav ul li.current {background:#eeede8 url('../img/bg-current-sub-menu.png') no-repeat 12px 11px;}
#page.blue #sub-nav ul li.current a {color:#08255d;}

#page.blue #content {color:#fff; background:url('../img/bg-content-blue-trans.png') repeat-y; width:717px; margin:0 0 0 190px; padding:40px 0; position:relative; z-index:3;}
#page.blue #content-start {background:url('../img/bg-content-start-blue-trans.png') no-repeat; width:717px; height:18px; margin:120px 0 0 190px;}
#page.blue #content-end {background:url('../img/bg-content-end-blue-trans.png') no-repeat; width:717px; height:26px; margin:0 0 0 190px;}
#page.blue #img-content-end {margin-left:55px; margin-top:38px; width:82px; height:71px; background:url('../img/content-end-blue-trans.png') no-repeat;}

#page.blue #content strong, #page.blue #content p.strong {color:#fff;}


/**************************************/
/*               Forms      	       */
/**************************************/
label {display:block; font-weight:bold; padding-top:12px;}
input, textarea {margin-top:3px;}
textarea {width:300px; height:95px;}