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

* {
  margin: 0;
  padding: 0;
}

body {
  background: #dadada ;
}

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;
}

/********* MainPage *********/

#MainPage {
  margin: 25px auto 0 auto;
  width: 938px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#MainPage .MainPageTable {
  width: 100%;
  clear: both;
}
#MainPage .MainPageTable {
  background:transparent url(/images/backgroundTable.gif) repeat-y;
} 
#MainPage .MainPageTable td{
  vertical-align: top;
}

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

#Header {
  height: 165px;
  background: white url(/images/bandeau1.jpg) no-repeat;
}
#Header .titleSite {
  display: block;
  height: 134px;
}
#Header a .titleSite .red {
  font-size: 17px;
  padding: 0;
  color: black;
}

/* LinkTitle */

.LinkTitle a {
  position: absolute;
  margin-top: -15px;
  width: 700px;
  overflow: hidden;
  color: white;
  text-decoration: none;
  font-size: 10px;  
}
.homeLink {
  display: block;
  height: 126px;
}

.returnLink {
  display: block;
  position: absolute;
  width: 925px;
  height: 80px;
  color: white;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;  
}

/* NewsletterSubscriptionBox */

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

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

#MenuBar {
  margin-left: 10px;
  height: 38px;
}
#MenuBar ul {
  width: 100%;
  list-style-type: none;
}
#MenuBar ul li {
  float: left;
  width: 117px;
  background: transparent url(/images/menu/bouton.png) no-repeat;
}
#MenuBar a {
  display: block;
  font-size: 11px;
  padding: 0;
  color: white;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 39px;
}
#MenuBar .important {
  background: transparent url(/images/menu/arrow-important.gif) no-repeat 8px;
  padding-left: 25px;
}
#MenuBar a:hover{
  background: transparent url(/images/menu/boutonHover.png) no-repeat bottom;
}
#MenuBar ul li .selected {
  color: black;
  background: transparent url(/images/menu/selectedBouton.png) no-repeat top;
}
#MenuBar .arrow {
  background: transparent url(/images/menu/puce_rouge2.png) no-repeat;
  padding-left: 15px;
}
#MenuBar ul li:hover .arrow,
#MenuBar ul li .selected .arrow {
  background: transparent url(/images/menu/puce_rouge.png) no-repeat;
}

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

.SectionMenu {
  width: 200px;
  font-weight: bold;
}
.SectionMenu ul {
  list-style-type: none;
}

.SectionMenu .SectionName {
  padding: 10px;
  text-transform: uppercase;
  text-align: center;
  color: #6C7F93;
}

.SectionMenu .section a {
  display: block;
  height: 31px;
  width: 197px;
  line-height: 30px;
  margin-bottom: 1px;
  padding-left: 10px;
  background: transparent url(/images/sectionmenu/boutonSection.gif) no-repeat top;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
}

.SectionMenu .section a .SectionMenuArrow {
  background: transparent url(/images/sectionmenu/arrowSection.gif) no-repeat right;
  padding: 0 10px;
}
.SectionMenu .section a .SectionMenuArrow2 {
  background: transparent url(/images/sectionmenu/arrowSectionDev.gif) no-repeat right;
  padding: 0 10px;
}

.SectionMenu .section a:hover span,
.SectionMenu .section .selected span {
  background: transparent url(/images/sectionmenu/arrowSectionDev.gif) no-repeat right;
  padding: 0 10px;
}

.SectionMenu .section a:hover,
.SectionMenu .section .selected {
  background: transparent url(/images/sectionmenu/boutonSection.gif) no-repeat bottom;
}
.SectionMenu .section a.important{
  background: transparent url(/images/sectionmenu/rowEtude.gif) no-repeat top;
  height:29px;
}

.SectionMenu .section a.important:hover{
  background: transparent url(/images/sectionmenu/rowEtude.gif) no-repeat bottom;
}
.SectionMenu .rubric li{
    
}
.SectionMenu .rubric li a {
  display: block;
  background: transparent url(/images/backgroundRubric.gif) no-repeat;
  margin-left: 10px;
  width: 171px;
  text-transform: none;
  color: black;
  border: none;
  border-bottom: 1px solid #808080;
}

.SectionMenu .rubric li a:hover,
.SectionMenu .rubric li .selected {
  background: transparent url(/images/backgroundRubric.gif) no-repeat;
  color: #A1001A ;
}

.SectionMenu img {
  margin: 8px 0 0 5px;
}

/* Sticker Gouvernement */

#StickerGouv {
  clear: both;
  margin: 10px 0 0 25px;
}
#StickerGouv a {
  display: block;
  width: 160px;
  height: 280px;
  background: transparent url(/images/sectionmenu/sticker-gouvernement.gif) no-repeat;
}

/********* MainContent *********/

#MainContent {
  margin-top: 10px;
  padding: 10px;
  width: 569px;
  min-height: 600px;
}
.smalbox {
background: #d3d3d3 url(/images/sectionBackground.gif) no-repeat;
}
.WithoutSectionMenu {
  min-width: 770px !important;
  background: #fffff;
}
#MainContent h1 {
  color: #A1001A;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}
#MainContent h2 {
  color: #314f9c;
  font-size: 15px;
  text-decoration: underline;
  margin-bottom: 10px;
}
#MainContent h3 {
  color: black;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 0 0 0 18px;
  background: transparent url(/images/IconeFleche.jpg) no-repeat left center;
}
#MainContent .staticImage {
  float: left;
  margin: 0 10px 10px 0;
}
#MainContent p {
  margin-bottom: 10px;
  text-align: justify;
}
#MainContent ul {
  margin: 0 0 10px 15px;
}
#MainContent ul li {
  margin: 0 0 10px 15px;
}
#MainContent ol li {
  margin: 0 0 10px 20px;
}
#MainContent a,
#MainPage a:active {
  color: #314f9c;
  text-decoration: none;
}
#MainContent a:hover {
  text-decoration: underline;
}
#MainContent a:visited {
  color: #7F2637;
}
#MainContent form table {
  width: 100%;
  border-spacing: 5px;
  border-collapse: separate;
}
#MainContent .required,
#MainContent .error {
  color: red;
}
#MainContent .SubmitButton {
  text-align: center;
}
#MainContent .photoContent {
  margin: 10px;
}

/* scellier */

#MainContent #ScellierBox table {
  margin: 10px;
}
#MainContent #ScellierBox table.table {
  margin: 10px;
  text-align: center;
}
#MainContent #ScellierBox table .header {
  background: #6C7F93;
  color: white;
  font-weight: bold;
  text-align: center;
}
#MainContent #ScellierBox table tr td {
  padding: 10px 7px;
  border: 2px solid white;
}
#MainContent #ScellierBox td.vertical {
  vertical-align: middle;
}
#MainContent #ScellierBox table .even{
  background: #CEDDEA;
}
#MainContent #ScellierBox table .odd{
  background: #B8C6D3;
}
#MainContent #ScellierBox table tr td ul {
  margin: 0 0 0 15px;
}
#MainContent #ScellierBox .underline {
  text-decoration: underline;
}
#MainContent #ScellierBox .center {
  text-align: center;
}
#MainContent #ScellierBox .cleaner {
  clear: both;
}
#MainContent #ScellierBox .important{
  color: #A1001A;
  font-weight: bold;
}
#MainContent #ScellierBox .clear {
  clear: both;
  display: block;
}
#MainContent #ScellierBox .numberList {
  list-style-type: none;
  margin: 0;
}
#MainContent #ScellierBox .floatTable {
  float: left;
}

/* devis */

#EstimateBox #AutoForm {
  border: 1px solid black;
  padding: 0 10px;
  margin-bottom: 10px;
}
#EstimateBox #AutoForm .SubmitButton {
  text-align: center;
}
#MainContent #EstimateBox {
  font-size: 12px;
}
#MainContent #EstimateBox ul.error {
  list-style-type: none;
  margin: 0;
  line-height: 10px;
}
#MainContent #EstimateBox ul.error li {
  margin: 10px;
}
#MainContent #EstimateBox #StudyBox .error {
  padding: 0;
}
#EstimateBox #diagnostic_expertise_form_row {
  display: none;
}
#EstimateBox form h2 {
  margin: 0 !important;
}
#EstimateBox form input {
  margin: 0 !important;
  padding: 0 !important;
}
#EstimateBox form table {
  width: 100%;
}
#EstimateBox label {
  width: 250px;
  display: inline;
}
#EstimateBox form table .labelCell {
  width: 250px;
}
#EstimateBox .MultipleSelect {
  width: 200px;
}
#EstimateBox form select {
  z-index: 0;
}
#EstimateBox .MultipleSelect .input {
  width: 200px;
}
#EstimateBox .MultipleSelect .arrow {
  width: 15px;
  height: 15px;
  cursor: pointer;
  display: block;
  background: transparent url(http://www.diagnostic-expertise.com/images/defiscalisation/multipleselect-arrow.png) no-repeat;
  margin: 0px 0 -15px 205px;
}
#EstimateBox .MultipleSelect .list {
  display: none;
  width: 350px;
  margin: 0 0 0 0px;
  padding: 0;
  position: absolute;
}
#EstimateBox .MultipleSelect .list ul {
  list-style-type: none;
  border: 1px solid #bbbbbb;
  height: 160px;
  overflow: auto;
  font-size: 12px;  
  background: white;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 100;
}
#EstimateBox #defiscalisation_type_row .MultipleSelect .list ul {
  height: 620px;
}
* html #EstimateBox #defiscalisation_type_row .MultipleSelect .list ul {
  height: 250px;
}
#EstimateBox .MultipleSelect .list ul li {
  margin: 0 !important;
  padding: 5px;
}
#EstimateBox .MultipleSelect .list ul .even {
  background: #e1eaef;
}
#EstimateBox .MultipleSelect .list ul li:hover { 
  background-color: #8da6b4; 
  color: white; 
}
#MainContent #EstimateBox .SubmitButton {
  text-align: center;
}

/* TechnicalBox */
#TechnicalBox {
  width: 205px;
  background: transparent url(/images/static/borrowerguide/background-technicalbox.gif) no-repeat bottom;
  float: right;
  margin-left: 10px;
  font-size: 11px;
  border: 1px solid #B5BDC0;
}

#TechnicalBox img {
  margin: 5px 30px;
  text-align: center;
}

#TechnicalBox .label {
  color: #177298;
  margin-left: 10px;
  font-weight: bold;
  text-decoration: underline;
}
#TechnicalBox .law {
  margin: 5px 0 0 5px;
  padding: 0;
}
#TechnicalBox .law li {
  margin-bottom: 3px;
  text-align: left;
  font-size: 10px;
}
#TechnicalBox .validity .label {
  margin-left: 0;
}
#TechnicalBox .apprendre {
  font-size: 11px;
  padding: 0 5px 0 5px;
}
#AutoForm {
  margin: 0;
}
#MainContent .fieldError {
  background: #ECCAB8;
}
#MainContent .centerTable {
  margin: 0 auto !important;
}

/* calculators.css */

#MainContent .calculatorsContents h2.immo {
  height: 45px;
  background: transparent url(http://www.diagnostic-expertise.com/images/defiscalisation/calcul/fond-h2.jpg) no-repeat;
  text-align: left;
  padding: 25px 0 0 130px;
}
#MainContent .calculatorsContents h3 {
  text-align: center;
  font-size: 12px;
  margin: 10px 0;
}
#MainContent .calculatorsContents .calculTitle {
  text-decoration: underline;
  font-weight: bold;
  font-size: 12px;
  margin: 10px;
}
#MainContent .calculatorsContents .text {
  margin: 15px 10px;
  font-size: 12px;
}
#MainContent .calculatorsContents img {
  float: left;
  margin: 10px;
}
#MainContent .calculatorsContents .calcul {
  float: right;
  margin: -10px 10px 0 0;
}
.calculatorsContents hr {
  margin: 30px 10px;
}
#MainContent .calculatorsContents .infoLegal {
  text-align: center;
  font-size: 11px;
}
#MainContent .calculator form table {
  border-spacing: 0;
}
#MainContent  .calculator form .submitPara {
  text-align: center;
}
#MainContent .calculator form .box tr th {
  background: #8290a3;
}
#MainContent .calculator form .box {
  border: 1px solid #8290a3;
}

/********* Show *********/

.VerticalShow {
  width: 125px;
  background: none;
  margin-top: 10px;
}
.VerticalShow p,
.VerticalShow div,
.VerticalShow object,
.VerticalShow embed {
  margin: 0 0 10px 0 !important;
  //margin: 0; /* IE hack */
  padding: 0;
}
.VerticalShow ins {
  margin: 0 0 5px 0 !important;
}
.VerticalShow p img{
  border: 0;
}

/* SquareFooterShow */
.SquareFooterShow {
  padding: 10px 0;
  text-align: center;
  clear: both;
}

/* ButtonShow */

#MainContent .ButtonShow { 
  text-align: center;
  width: 100%;
  display: block;
}
#MainContent .ButtonShow a { 
  height: 47px; 
  width: 198px;
  display: block;
  margin: auto;
}

/* estimation */
.ButtonShow .defiscalisation a {
  background: #F6F6F6 url(/images/content/bt-defiscalisation-gratuite.gif) no-repeat top;
}
.ButtonShow .defiscalisation a:hover {
  background: #F6F6F6 url(/images/content/bt-defiscalisation-gratuite.gif) no-repeat bottom;
}

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

#Footer {
  padding: 40px 0;
  text-align: center;
   background: #dadada url(/images/background-footer.gif) no-repeat;
}

/* FooterLinks */

#Footer .FooterLinks {
  color: #6D6D6D;
  font-size: 12px;
}

#Footer .FooterLinks a {
  padding: 0 10px;
  color: #6D6D6D;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

/* Copyright */
#Footer .Copyright {
  color: #868686;
  font-size: 11px;
}

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

.FooterLinks {
  display: none;
}

/* network.css */

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

/* errors */

#StudyBox #AutoFormErrors {
  padding: 10px !important;
}

#StudyBox #AutoFormErrors li {
  margin: 10px 0 !important;
}

#StudyBox #TitleErreur {
  margin: 155px 0 0 -55px; !important;
}

#StudyBox #AutoFormErrors {
  padding-top: 35px !important;
}
