/***** mainpage.css *****/

#MainPage {
  margin: 10px auto 0 auto;
  width: 925px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
}

#MainPage .MainPageTable {
  width: 100%;
  margin-top: 5px;
}
#MainPage .MainPageTable td {
  vertical-align: top;
}

#Contain {
  margin: 0 5px;
}

#MainContent {
  padding: 10px;
  width: 575px;
  min-height: 541px;
  background: transparent url(/images/content/maincontent-top.gif) no-repeat;
  text-align: justify;
}
.SquareFooterShow {
  margin-top: -20px;
  padding-top: 50px;
  margin-right: 6px;
  text-align: center;
  background: transparent url(/images/content/background-withoutsectionmenu.gif) no-repeat bottom left;
  height: 300px;
}
#MainContent.WithoutSectionMenu {
  width: 785px;
  background: transparent url(/images/content/background-withoutsectionmenu.gif) no-repeat;
  margin: 0 5px 0 0
}
.MainContentBottom {
  background: transparent url(/images/content/maincontent-bottom.png) no-repeat bottom;
  display: block;
  width: 595px;
  height: 39px;
  margin: 0 5px;
}
.WithoutSectionMenuBottom {
  background: transparent url(/images/content/background-withoutsectionmenu-bottom.gif) no-repeat bottom !important;
  display: block !important;
  width: 801px !important;
  height: 39px !important;
  margin: 0 5px 0 0 !important;
}
#MainContent h1 {
  color: #666666;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 20px;
  background: url(/images/content/puceH1.gif) no-repeat 0 7px;
}
#MainContent h2 {
font-size: 14px;
  line-height: 26px;
  color: #F0852F;
  font-weight: bold;
}
#MainContent p {
  margin-bottom: 10px;
}
#MainContent ul {
  clear: both;
  margin: 10px;
}
#MainContent ol {
  margin : 10px 20px;
}
#MainContent a,
#MainPage a:active {
  color:#0060B6;
  text-decoration: none;
}
#MainContent a:hover {
  text-decoration: underline;
}

#MainContent .photo {
  float: left;
  margin: 5px 10px 0 0;
}

#MainContent .cleaner {
  clear: both;
}

#MainContent form table {
  width: 100%;
  border-spacing: 5px;
  border-collapse: separate;
}

#MainContent .required,
#MainContent .error {
  color: red;
}

/***** Directory *****/

#MainContent .link {
  text-align: center;
}

#MainContent .link a {
  font-weight: bold;
}

#MainContent ul li {
  margin-bottom: 5px;
}

#MainContent ul{
  list-style-type: none;
  font-size: 12px;
  list-style-type: none;
  margin: 10px 0 20px 5px;
  padding: 0 20px;
}

#MainContent .ItemTitle {
  color: #0060B6; 
  text-transform: none;
  font-weight: normal;
  text-decoration: underline;
}

#MainContent .ItemUrl {
  color: grey;
  font-size: 11px;
}

/***** Global *****/

* {
  margin: 0;
  padding: 0;
}

body {
  background: #c5c6c8 url(/images/background-site.gif) repeat-x;
}

img {
  border: 0;
}

table {
  border-collapse: collapse;
}

.FlashError a {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #595959;
  text-decoration: underline;
}

/***** Header *****/

#Header {
  height: 164px;
  background: url(/images/header.jpg) no-repeat;
  margin-top: 30px;
}

#Header .linkHome {
  height: 164px;
  display: block;
}

/* LinkTitle */

.LinkTitle a{
  position: absolute;
  margin-top: -20px;
  width: 700px;
  overflow: hidden;
  color: white;
  text-decoration: none;
  font-size: 11px;  
}

#Header .homeLink {
  display: block;
  width: 905px;
  height: 140px;
  color: white;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;  
}

/* NewsletterSubscriptionBox */

.NewsletterSubscriptionBox {
  float: right;
  margin: -185px 5px 0 0;
}
.NewsletterSubscriptionBox label {
  font-size: 12px;
  color: #E6E6E6;
}
.NewsletterSubscriptionBox .DrWInput {
  width: 100px;
  font-size: 12px;
}
.NewsletterSubscriptionBox .DrWIButton {
  height: 20px;
  width: 25px;
}

/***** Menu *****/

#MenuBar {
  height: 44px;
  background: url(/images/background-menu.gif) no-repeat;
  margin-top: 5px;
}
#MenuBar ul {
  width: 100%;
  list-style-type: none;
  margin: 0px;
}
#MenuBar ul li {
  float: left;
}
#MenuBar a {
  display: block;
  margin-top: 5px;
  padding: 0 13px;
  color: #666666;
  font-weight: bold;
  line-height: 35px;
  text-decoration: none;
  text-transform: uppercase;
  border-right: 1px solid #B3B3B3;
}
#MenuBar a.simulation {
  background: #ff3c00;
  color: white;
}
#MenuBar a:hover {
  background: #F0852F;
  color: white;
  line-height: 36px;
  margin-top: 4px;
}
#MenuBar .selected {
  color: #0150AC;
}
#MenuBar .selected:hover {
  color: white; 
}

/***** SectionMenu *****/

.SectionMenu {
  width: 200px;
  background: url(/images/sectionMenu/background.gif) no-repeat bottom;
}
.SectionMenu ul {
  list-style-type: none;
  padding-bottom: 200px;
}
.SectionMenu .SectionName {
  text-transform: uppercase;
  font-style: italic;
  font-size: 13px;
  color: #808080;
  text-align: left;
  height: 31px;
  line-height: 31px;
  padding-left: 5px;
  background: url(/images/sectionMenu/background-section.gif) no-repeat;
}
.SectionMenu .section li a {
  display: block;
  height: 27px;
  line-height: 27px;
  margin: 1px;
  background: #666666;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
  font-size: 11px;
  font-weight: bold;
  padding-left: 5px;
}
.SectionMenu .section li a:hover,
.SectionMenu .section li .selected {
  background: #F0852F;
}

.simulationAssurance {
  display: block;
  width: 191px;
  height: 146px;
  background: url(/images/sectionMenu/simulation.gif) no-repeat;
  position: absolute;  
  margin: -175px 5px 0 5px;
}

/***** ButtonAdvertising *****/

.ButtonShow {
  text-align: center;
  width: 100%;
  display: block;
  margin: 10px 0 0 0;
}

.ButtonShow a {
  height: 52px;
  width: 208px;
  display: block;
  margin: auto;
}

.ButtonShow .empruntis a,
.ButtonShow .assurance a {
  background: #F6F6F6 url(/images/boutonspub/assurance-vie.gif) no-repeat top;
  text-align: center;
}

.ButtonShow .afer a {
  background: #F6F6F6 url(/images/boutonspub/renseignez-vous.gif) no-repeat top;
  text-align: center;
}

.ButtonShow .empruntis a:hover,
.ButtonShow .assurance a:hover {
  background: #F6F6F6 url(/images/boutonspub/assurance-vie.gif) no-repeat bottom;
}

.ButtonShow .afer a:hover {
  background: #F6F6F6 url(/images/boutonspub/renseignez-vous.gif) no-repeat bottom;
  text-align: center;
}

/***** Skyscraper *****/

#Skyscraper p {
  margin-bottom: 5px;
}

.VerticalShow  {
  margin-left: -9px;
}

/***** Network *****/

#Network {
  text-align: center;
  padding: 5px 10px;
  font-size: 10px;
  color: #7C7C7C;
}
#Network .partners {
  padding-right: 3px;
  font-weight: bold;
}
#Network ul li {
  display: inline;
}
#Network ul li a {
  margin-right: 5px;
  color: #7C7C7C;
  text-decoration: none;
}
#Network ul li a:hover {
  text-decoration: underline;
}

/***** Footer *****/

#Footer {
  padding: 10px 0 0 0;
}

/* FooterLinks */

#Footer .FooterLinks {
  color: #424A59;
  text-align: center;
  font-size: 13px;
}

#Footer .FooterLinks a {
  padding: 0;
  color: #424A59;
  text-decoration: none;
  cursor: pointer;
}

/* Copyright */
#Footer .Copyright {
  color: #7C7C7C;
  text-align: center;
  font-size: 11px;
}

#Footer .Copyright a {
  color: #7C7C7C;
  text-decoration: none;
}

/* FAQ */

#QuestionBox {
  font-size: 12px;
}

#QuestionBox ul li {
  font-size: 12px;
  line-height: 20px;
  margin: 10px 15px;
  padding: 0 0 12px 0;
  list-style-type: square;
}

#QuestionBox a {
  font-size: 12px;
  text-decoration: none;
  color:#0060B6;
}

#QuestionBox a:hover {
  font-size: 12px;
  text-decoration: underline;
  color:#0060B6;
}

/***** Simulation *****/

.simulation td {
  padding-right: 10px; 
}

ol {
  padding-left: 20px;
}


.simulation {
  padding-left: 70px; 
}

/***** CampainBox_epargne ******/

#CampainBox_epargne hr {
  display: none;
}
#CampainBox_epargne #boursorama {
  display: none;
}
#CampainBox_epargne .baseline {
  font-weight: bold;
  font-size: 12px !important;
  color: #1F6EE4;
  text-align: center;
}
#CampainBox_epargne .baseline a {
  color: #1F6EE4;
}
#CampainBox_epargne .smallButton a {
  background: transparent url(http://www.diagnostic-expertise.com/images/boutonspub/bt-text.gif) no-repeat top;
  display: block;
  text-align: center;
  color: white;
  font-weight: bold;
  text-decoration: none;
  line-height: 22px;
  height: 22px;
  margin: 5px;
  text-transform: uppercase;
  padding-left: 10px;
  font-size: 12px;
}
#CampainBox_rachat-credit .smallButton a:hover {
  background: transparent url(http://www.diagnostic-expertise.com/images/boutonspub/bt-text.gif) no-repeat bottom;
}