*
{
  margin:0;
  padding:0;
  vertical-align: middle;
  font-size: 11px;
  font-family: Arial, Verdana, "sans serif";
}
a img
{ border:0; }
table td, table th
{ vertical-align: top; }
html, body
{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}

.SC_Panel
{ background-color: #fff; }

.fck_editor_slot_area
{
  width:100%;
/*  height:100%;*/
  overflow:visible;
  padding:0;
  margin:0;
  background:transparent;
}

.indicator
{
  position: absolute;
  width: 16px;
  height: 16px;
  right: 10px;
  top: 5px;
  z-index: 900;
  background: url(../images/indicator.gif) no-repeat 0 0;
}

h1.grey
{
  display: block;
  height: 21px;
  line-height: 21px;
  font-size: 20px;
  padding: 14px;
  overflow: hidden;
  background-repeat: no-repeat;
  color: #fff;
  background-image: url(../images/titles/empty.gif);
}

#main-container .error-box, .notice-box
{
  border:2px solid;
  font-size:1.1em;
  margin-bottom:12px;
  padding:4px 4px 4px 30px;
}
#main-container .notice-box
{
  background:#DFFFDF url(../images/true.png) no-repeat scroll 8px 5px;
  border-color:#9FCF9F;
  color:#005F00;
}
#main-container .error-box
{
  background: url(../images/false.png) 8px 5px no-repeat;
  background-color: #ffe3e3;
  border-color: #dd0000;
  color: #550000;
}

#main-container
{
  width: 953px;
  margin: auto;
  padding: 8px 0;
}

#white-container
{
  clear: both;
  background-color: #fff;
}

/** Common classes **/
.clr-left,
.clr-right,
.clr-both
{
  display: block;
  font-size: 0;
  line-height: 0;
}
.clr-left
{ clear: left; }
.clr-right
{ clear: right; }
.clr-both
{ clear: both; }

.center
{ text-align: center; }

.left
{ text-align: left; }

.right
{ text-align: right; }

.hide
{
  display: none;
  visibility: hidden;
}

.tab-list
{
  list-style: none;
}
.tab-list li
{
  float: left;
  overflow: hidden;
}
.tab-list li ul
{
  display: none;
}
.tab-list li.active ul
{
  display: block;
}

.dotted-line,
.dotted-line.pink
{
  display: block;
  height: 1px;
  line-height: 1px;
  font-size: 0;
  border-top: 1px dotted #cc3366;
  margin: 2px 0 6px 0;
}
.dotted-line.purple
{ border-color: #7e6895; }
.dotted-line.grey
{ border-color: #72828c; }

.underlined
{
  text-decoration: underline;
}

.bold
{
  font-weight: bold;
}

.medium
{
  font-size: 13px;
  font-weight: bold;
}

.read-more-link
{
  color: #cc3366;
  background-image: url(../images/pictos/suite.gif);
  background-repeat: no-repeat;
  line-height: 14px;
  height: 14px;
  overflow: hidden;
  padding-left: 22px;
  font-size: 11px;
  text-align: left;
  display: inline;
  border: 0;
}

.right
{
  text-align: right;
}

.color-alt1
{ background-color: #dbe3e5; }

.color-alt2
{ background-color: #fff; }

.form_error
{ color: #cc3366; font-weight: bold; }

div.content,
div.guide-content,
#back-article-editor
{
  width: 611px;
  overflow: hidden;
  margin: auto;
}

/** Top **/
#top-container
{
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}

#user-area-container
{
  background-image: url(../images/decorator/login-bg.gif);
  background-repeat: no-repeat;
  width: 441px;
  height: 20px;
  line-height: 20px;
  padding: 2px 10px;
  overflow: hidden;
  float: left;
}
#user-area-container label,
#user-area-container a
{ font-size: 9px; }
#user-area-container a
{ font-style: italic; }
#user-area-container #username-textfield
{ width: 128px; }
#user-area-container #password-textfield
{ width: 53px; }

#user-area-container .user-menu,
#user-area-container .user-menu a
{
  line-height: 20px;
  color: #72828c;
}
#user-area-container .user-menu a
{
  float: right;
  margin: 0 5px;
  font-size: 9px;
  font-style: italic;
  text-decoration: underline;
}
#user-area-container .user-menu a img
{ margin-top: 2px; }

#user-register-container
{
  background-image: url(../images/decorator/register-bg.gif);
  background-repeat: no-repeat;
  background-position: center center;
  width: 151px;
  overflow: hidden;
  padding: 0 11px;
  float: left;
}
#user-register-container a
{
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  display: block;
}

#tribus-tab-container
{
  display: block;
  width: 255px;
  float: right;
}
#tribus-tab-list li
{
  background-repeat: no-repeat;
  width: 85px;
}
#tribus-tab-list li a
{
  display: block;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  text-decoration: none;
  background: transparent;
}
#tribus-tab-list .tribu-tab-orange
{ background-image: url(../images/decorator/tabs/tab-tribu-orange.gif); }
#tribus-tab-list .tribu-tab-blue
{ background-image: url(../images/decorator/tabs/tab-tribu-blue.gif); }
#tribus-tab-list .tribu-tab-green
{ background-image: url(../images/decorator/tabs/tab-tribu-green.gif); }

/** Header **/
#header-container
{
  height: 61px;
  overflow: hidden;
  background-image: url(../images/decorator/heads/investinfo.gif);
  background-repeat: no-repeat;
  padding: 8px 5px 5px 5px;
}

#header-container #newsletter-box-container
{
  float: right;
  overflow: hidden;
  width: 198px;
  height: 38px;
  line-height: 16px;
  padding: 3px 3px 3px 121px;
  background-image: url(../images/decorator/newsletter-bg.gif);
  background-repeat: no-repeat;
}
#header-container #newsletter-box-container #newsletter-email-textfield
{
  display: block;
  width: 190px;
}
#header-container #newsletter-box-container #newsletter-register-button
{
  margin-left: 89px;
}

#header-container #utils-container
{
  padding-right: 330px;
}
#header-container #utils-container a#logo-link
{
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  display: block;
  height: 44px;
  margin-bottom: 4px;
}


/** Top Pubs **/
#top-pubs-container
{
  padding: 0 5px;
  height: 90px;
  overflow: hidden;
}
#top-pubs-container #top-internal-pub-container
{
  width: 205px;
  float: right;
}

#top-pubs-container #top-external-pub-container
{
  padding-right: 212px;
}

/** Menus & Search **/
#search-box-container
{
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  width: 203px;
/*  height: 38px;*/
  height: 20px;
  padding: 1px 6px 2px 3px;
  line-height: 20px;
  overflow: hidden;
  text-align: center;
  background-image: url(../images/decorator/search-bg.gif);
  background-repeat: no-repeat;
}
#search-box-container #search-textfield
{
  width: 103px;
}
#search-box-container #search-textfield-label
{
  font-weight: bold;
  font-size: 10px;
}

#breadcrumb-container
{
  padding: 0 5px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}
#breadcrumb-container #breadcrumb
{
  list-style: none;
}
#breadcrumb-container #breadcrumb li
{
  color: #cc3366;
  float: left;
  padding: 0 3px;
}
#breadcrumb-container #breadcrumb li,
#breadcrumb-container #breadcrumb li a
{
  color: #cc3366;
  font-style: italic;
}

#main-menu-container
{
  height: 20px;
  overflow:hidden;
}

#main-menu-container #thematiques-tab-list
{
  border: 0;
}

#main-menu-container #thematiques-tab-list ul
{
  list-style: none;
}

#main-menu-container #thematiques-tab-list li
{
  width: 88px;
  line-height: 20px;
  overflow: visible;
}
#main-menu-container #thematiques-tab-list li a
{
  display: block;
  color: #fff;
  width: 66px;
  height: 20px;
  padding: 0 16px 0 6px;
  overflow: hidden;
  text-decoration: none;
  background-image: url(../images/decorator/tabs/pink/tab.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#main-menu-container #thematiques-tab-list li.active a,
#main-menu-container #thematiques-tab-list li a:hover
{
  color: #cc3366; 
  background-position: 0 -20px;
}

#main-menu-container #thematiques-tab-list li.purple.active a,
#main-menu-container #thematiques-tab-list li.purple a:hover
{
  color: #7e6895;
}

#main-menu-container #thematiques-tab-list li.purple a
{
  width: 65px;
  background-image: url(../images/decorator/tabs/purple/tab.gif);
}

#main-menu-container #thematiques-tab-list li.active ul
{
  border: 1px solid #9fa7aa;

  width: 951px;
  height: 14px;

  position: absolute;
  top: 44px;/*auto;*/
  left: 0;
}
#main-menu-container #thematiques-tab-list li.active ul li
{
  float: left;
  width: auto;
  height: 14px;
  line-height: 14px;
}
#main-menu-container #thematiques-tab-list li.active ul li a
{
  width: auto;
  height: auto;
  color: #cc3366;
  background-image: none;
  text-decoration: none;
  padding: 0 12px;
  font-weight: bold;
}
#main-menu-container #thematiques-tab-list li.active ul li.active a span,
#main-menu-container #thematiques-tab-list li.active ul li a:hover span
{
  text-decoration: underline;
}

#main-menu-container #thematiques-tab-list li ul li ul
{
  display: none;
}

/** Content Wrapper **/
#content-wrapper
{
  padding-top: 14px;
  color: #000;
  border: 1px solid #9fa7aa;
}

/** Footer **/
#footer-container
{
  line-height: 20px;
}
#footer-container .ref-link-list
{
  list-style: none;
  text-align: center;
}
#footer-container .ref-link-list li
{
  display: inline;
}
#footer-container .ref-link-list li a
{
  color: #000;
  text-decoration: none;
  padding: 0 21px;
}
#footer-container .ref-link-list li a:hover
{
  text-decoration: underline;
}

/** Bottom **/
#bottom-container
{
  padding-top: 10px;
  text-align: center;
}
#bottom-container,
#bottom-container a
{
  color: #9ea8b1;
  font-size: 10px;
  text-decoration: none;
}

/** Main Colors **/
body,
.grey-bg
{
  background-color: #dce3e5;
}

.dark-grey-bg
{
  background-color: #9ea8b1;
}

.green
{
  color: #6ce24f;
}

.orange
{
  color: #ff9933;
}

.blue
{
  color: #58bcd9;
}

.pink
{
  color: #cc3366;
}

.purple,
#secondary-menu-container #sous-thematiques-tab-list li a.purple
{
  color: #7e6895;
}

.grey
{
  color: #9da8af;
}

.dark-grey
{
  color: #72828c;
}

/** Pictos **/
.picto-nb-comments
{
  display: block;
  width: 27px;
  height: 20px;
  line-height: 17px;
  margin: 2px;
  color: #fff;
  font-weight:  bold;
  text-align: center;
  background-image: url(../images/pictos/comment-bg.gif);
  background-repeat: no-repeat;
}

.print-link,
.comment-link,
.email-share-link,
.article-poll-link,
.article-offer-link,
.related-element-list .article-link,
.related-element-list .offer-link
{
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 2px 0 2px 22px;
  height: auto;
  line-height: 14px;
}

.print-link
{
  background-image: url(../images/pictos/print.gif);
  width: 45px;
}

.comment-link
{
  background-image: url(../images/pictos/react.gif);
  padding-left: 23px;
  width: 58px;
}

.email-share-link
{
  background-image: url(../images/pictos/share-email.gif);
  padding-left: 17px;
  width: 91px;
}

.article-poll-link
{
  background-image: url(../images/pictos/poll.gif);
}

.related-element-list .article-link
{  
  color: #cc3366;
  background-image: url(../images/pictos/related-article.gif);
}
.article-offer-link,
.related-element-list .offer-link
{
  color: #7e6994;
  background-image: url(../images/pictos/offre.gif);

}

.poll-question,
.poll-question a
{
  color: #000;
}

.picto-tribu
{
  display: block;
  width: 11px;
  height: 16px;
  margin: 3px;
  background-repeat: no-repeat;
}
.picto-tribu.orange
{ background-image: url(../images/pictos/tribu-orange.gif); }
.picto-tribu.blue
{ background-image: url(../images/pictos/tribu-blue.gif); }
.picto-tribu.green
{ background-image: url(../images/pictos/tribu-green.gif); }

/** Pagination **/
.page-picto,
.pagination .page-list li,
.pagination .page-list li a
{
  display: block;
  width: 17px;
  height: 14px;
  line-height: 14px;
  color: #fff;
  font-weight:  bold;
  text-align: center;
  background-image: url(../images/pictos/page-bg.gif);
  background-repeat: no-repeat;
}

.active .page-picto,
a:hover .page-picto,
.pagination .page-list li.active a,
.pagination .page-list li a:hover
{
  background-image: url(../images/pictos/page-active-bg.gif);
}

.pagination .page-list
{
  float: right;
  list-style: none;
}
.pagination .page-list li
{
  float: left;
  margin-left: 2px;
}
.pagination .page-list li a
{
  text-decoration: none;
}

/** Liste des sondages **/
.invest-sondages-h1
{
  display: block;
  height: 21px;
  padding: 14px;
  overflow: hidden;
  background-image: url(../images/titles/invest-sondages.gif);
  background-repeat: no-repeat;
}
.invest-sondages-h1 form
{
  float: right;
}

.content.polls .poll-list
{
  list-style: none;
  border-bottom: 1px dotted #7e6895;
}

.content.polls .poll-list span
{
  display: block;
  width: auto;
}

.content.polls .poll-list>li
{
  margin-bottom: 20px;
}

.content.polls .poll-list>li,
.content.polls .poll-list>li a
{
  color: #72828c;
}

.content.polls ul.poll-list .header
{
  padding: 8px 0 2px 0;
  border-top: 1px dotted #7e6895;
  border-bottom: 1px dotted #7e6895;
}
.content.polls ul.poll-list .header,
.content.polls ul.poll-list .header a
{
  text-transform: uppercase;
  font-weight: bold;
}
.content.polls ul.poll-list .thematic-name
{
  float:right;
  text-align: right;
  width: 400px;
}
.content.polls ul.poll-list .question-date
{
  float: left;
  width: 200px;
}

.content.polls ul.poll-list .question
{
  padding-left: 20px;
}
.content.polls ul.poll-list .question,
.content.polls ul.poll-list .question a
{
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #cc3366;
}

.content.polls ul.poll-list ul.answer-list
{
  color: #000;
  padding-left: 40px;
  line-height: 15px;
  list-style: none;
  margin-bottom: 4px;
}

.content.polls ul.poll-list ul.answer-list .poll-answer
{
  float: left;
  width: 481px;
}

.content.polls ul.poll-list ul.answer-list .poll-trend
{
  float: right;
  width: 30px;
  font-weight: bold;
}

.content.polls ul.poll-list ul.answer-list .trend-bar
{
  width: 60px;
  float: right;
}
.content.polls ul.poll-list ul.answer-list .trend-bar .trend-bar-metter
{
  display: block;
  height: 13px;
  float: right;
  background-color: #cc3366;
}

.column-wrapper
{

}
.column-wrapper .left-column
{
  float: left;
  width: 50%;
  height: 100%;
}
.column-wrapper .right-column
{
  float: right;
  width: 50%;
  height: 100%;
}

.form-row
{
  clear: left;
  line-height: 19px;
}
.form-row .form_error
{ padding-left: 90px; }
.form-row .form-label
{
  display: block;
  float: left;
  width: 90px;
  font-weight: bold;
}
.form-input
{
  width: 235px;
}

.registration-box.step1 .column-wrapper .left-column
{
  width: 335px;
  padding-right: 10px;
}
.registration-box.step1 .column-wrapper .right-column
{
  width: 236px;
  padding-left: 10px;
  padding-top: 22px;
}


/** Entetes **/
.page-header .page-index-container
{
  position: relative;
  float: right;
  width: 298px;
}

.page-header .page-index-container ol.page-index
{
  list-style: none;
  line-height: 14px;
}
.page-header .page-index-container ol.page-index li
{
  padding: 2px 0;
}
.page-header .page-index-container ol.page-index li a
{
  color: #5e707c;
  text-decoration: none;
}
.page-header .page-index-container ol.page-index li.active a,
.page-header .page-index-container ol.page-index li a:hover
{
  color: #624085;
}
.page-header .page-index-container ol.page-index li a .page-picto
{
  background-image: url(../images/contenu/puce-grise.gif);
  float: left;
  margin-right: 5px;
}
.page-header .page-index-container ol.page-index li.active a .page-picto,
.page-header .page-index-container ol.page-index li a:hover .page-picto
{
  background-image: url(../images/contenu/puce-rose.gif);
}

.page-header .page-infos
{
  padding: 0 50px 0 5px;
}

.guide-header .guide-index-container
{
  position: relative;
  float: right;
  width: 298px;
}

.guide-header .guide-index-container ol.guide-index
{
  list-style: none;
  line-height: 14px;
}
.guide-header .guide-index-container ol.guide-index li
{
  padding: 2px 0;
}
.guide-header .guide-index-container ol.guide-index li a
{
  color: #5e707c;
  text-decoration: none;
}
.guide-header .guide-index-container ol.guide-index li.active a,
.guide-header .guide-index-container ol.guide-index li a:hover
{
  color: #624085;
}
.guide-header .guide-index-container ol.guide-index li a .page-picto
{
  background-image: url(../images/guide/puce-grise.gif);
  float: left;
  margin-right: 5px;
}
.guide-header .guide-index-container ol.guide-index li.active a .page-picto,
.guide-header .guide-index-container ol.guide-index li a:hover .page-picto
{
  background-image: url(../images/guide/puce-violette.gif);
}

.guide-header .guide-infos
{
  padding: 0 50px 0 5px;
}

/** Forum **/
.forums-post-list li a
{
  color: #000;
}

/** Board **/
ul#board-menu
{
  list-style: none;
}

ul#board-menu li
{
  width: 115px;
  line-height: 20px;
  overflow: visible;
}
ul#board-menu li a
{
  display: block;
  color: #fff;
  width: 93px;
  height: 20px;
  padding: 0 16px 0 6px;
  overflow: hidden;
  text-decoration: none;
  background-image: url(../images/board/tab-grey.gif);
  background-repeat: no-repeat;
}

ul#board-menu li.active a,
ul#board-menu li a:hover
{
  color: #72828c;
  background-image: url(../images/board/tab-white.gif);
}

ul.friend-list
{
  list-style: none;
}

ul.friend-list li
{
  line-height: 18px;
  padding-left: 14px;
  background-image: url(../images/board/mini-avatar-neutre.gif);
  background-repeat: no-repeat;
  background-position: left center;
  border-bottom: 1px dotted #72828c;
}

table.purple,
table.pink
{
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;  
}

table.purple th,
table.purple td,
table.pink th,
table.pink td
{
  padding: 8px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}

table.purple th
{
  color: #fff;
  font-weight: bold;
  background-color: #7e6896;
}
table.pink th
{
  color: #fff;
  font-weight: bold;
  background-color: #cc3467;
}

table.purple td,
table.pink td
{
  color: #000; 
}

table.purple td.color-alt1,
table.pink td.color-alt1
{
  background-color: #fffecd;
}

table.purple td.color-alt2,
table.pink td.color-alt2
{
  background-color: #ffeea0;  
}

table.opportunites
{
  width: 100%;
}

table.opportunites a
{
  color: #cc3366;
}

table.opportunites th,
table.opportunites td
{
  font-size: 9px;
}

table.opportunites th
{
  color: #fff;
  font-weight: bold;
  background-color: #9ea8b1;
}

table.opportunites td.color-alt1
{
  background-color: #fff;
}

table.opportunites td.color-alt2
{
  background-color: #dce3e5;
}

table.logos
{
  width: 100%;
}

table.logos td
{
  text-align: center;
  border: 1px solid #9ea8b1;
}

.invest-opportunites strong
{
  color: #9ea8b1;
}

/** Search Results **/
ul.search-results
{
  margin-top: 10px;
}

ul.search-results li
{
  background-image: url(../images/contenu/puce.gif);
  background-repeat: no-repeat;
  background-position: 2px 8px;
  border-bottom: 1px dotted #72828c;
  padding-left: 24px;
  padding-bottom: 4px;
}
ul.search-results li,
ul.search-results li a
{
  color: #72828c;
  text-decoration: none;
}
ul.search-results li a.article-link
{
  color: #cc3366;
  line-height: 30px;
  font-size: 12px;
  text-decoration: underline;
}

