/********* Main *********/

* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background: #121312 url(/images/background.gif) repeat-x top;
  font-family: arial;
}

table {
  border-collapse: collapse;
}

img {
  border: 0;
}

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

#StructureTable {
  clear: both;
}

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

#HeaderMain {
  background: white url(/images/bandeau/fond.gif) repeat-x top;
  display: block;
}

#HeaderMain #logo {
  background: url(/images/bandeau/bandeau-arriere-plan.jpg) no-repeat;
  width: 917px;
  height: 140px;
  display: block;
}

.baseline {
  position: absolute;
  top: 3px;
  font-size: 11px;
  color: white;
}

.logo {
  font-size: 20px;
  padding: 10px;
}

.logo a {
  color: white;
  text-decoration: none;
}

#NewsletterSubscriptionForm {
  font-size: 12px;
  color: white;
  padding: 10px;
}

#HeaderMain .thermic,
#HeaderMain .photovoltaic,
#HeaderMain .pacButton,
#HeaderMain .newsButton,
#HeaderMain .boisButton,
#HeaderMain .eauButton,
#HeaderMain .toitureButton {
  display: block;
  width: 74px;
  height: 69px;
  margin: 7px 10px 0 0;
  text-align: center;
  padding-top: 5px;
  font-size: 14px;
  color: white;
  text-decoration: none;
  position: absolute;
}

#HeaderMain .newsButton {
  background: transparent url(/images/bandeau/actualite.gif) no-repeat top;
  margin: -50px 0 0 835px;
}

#HeaderMain .newsButton:hover {
  background: transparent url(/images/bandeau/actualite.gif) no-repeat bottom;
}


#HeaderMain .eauButton {
  background: transparent url(/images/bandeau/bt_eau.gif) no-repeat bottom;
  margin: -50px 0 0 750px;
  font-size: 11px;
}

#HeaderMain .eauButton:hover {
  background: transparent url(/images/bandeau/bt_eau.gif) no-repeat top;
}

#HeaderMain .boisButton {
  background: transparent url(/images/bandeau/bt_bois.gif) no-repeat top;
  margin: -50px 0 0 665px;
}

#HeaderMain .boisButton:hover {
  background: transparent url(/images/bandeau/bt_bois.gif) no-repeat bottom;
}

#HeaderMain .pacButton {
  background: transparent url(/images/bandeau/pompe-chaleur.gif) no-repeat top;
  margin: -50px 0 0 580px;
}

#HeaderMain .pacButton:hover {
  background: transparent url(/images/bandeau/pompe-chaleur.gif) no-repeat bottom;
}

#HeaderMain .thermic {
  background: transparent url(/images/bandeau/bt_thermique.gif) no-repeat top;
  margin: -50px 0 0 495px;
  font-size: 12px;
}

#HeaderMain .thermic:hover {
  background: transparent url(/images/bandeau/bt_thermique.gif) no-repeat bottom;
}

#HeaderMain .toitureButton {
  background: transparent url(/images/bandeau/bt_toiture.gif) no-repeat bottom;
  margin: -50px 0 0 410px;
  font-size: 12px;
}

#HeaderMain .toitureButton:hover {
  background: transparent url(/images/bandeau/bt_toiture.gif) no-repeat top;
}

#HeaderMain .photovoltaic {
  background: transparent url(/images/bandeau/solaire.gif) no-repeat top;
  margin: -50px 0 0 325px;
  font-size: 11px;
}

#HeaderMain .photovoltaic:hover {
  background: transparent url(/images/bandeau/solaire.gif) no-repeat bottom;
}

.link-title {
  color: white;
  position: absolute;
  top: 200px;
  text-align: right;
  width: 910px;
}
.NavigationLine {
  color: white;
  font-size: 10px;
  top: -27px;
  position: relative;
  margin-left: 10px;
}

#HeaderMain .rubric {
  background: url(/images/bandeau/fleche.gif) 3px 5px no-repeat;
  padding-left: 10px;
  font-size: 10px;
}

#HeaderMain .category {
  background: url(/images/bandeau/fleche.gif) 3px 5px no-repeat;
  padding-left: 10px;
  font-size: 10px;
}

/******** Footer ***********/
#FooterMain .LinksCell {
  line-height: 41px;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  background: url(/images/bandeau/footer.gif) repeat-x;
}

#FooterMain table{
  width: 100%;
  height: 100%;
}

#FooterMain .LinksCell a {
  color: white;
  text-decoration: none;
  padding: 10px;
}
.CopyrightCell {
  height: 25px; 
}

.CopyrightCell a {
  color: white;
}

.CopyrightCell {
  text-align: right;
  color: #e0e0e0;
  font-size: 10px;
  font-weight: bold;
  padding: 5px 0px;
  background: #003466;
}


/********** Mainpage *************/

.SiteLeft {
  width: 33%;
}
.SiteRight {
  width: 33%;
}
#Content {
  background: white;
  margin: 20px auto;
  border: 2px solid white;
  width: 917px;
}
#MainContentBox {
  padding: 10px;
  clear: both;
}
/* Crack IE6 */
* html #MainContentBox {
  width: 555px;
  padding: 5px;
}
#MainContentBox table {
  //margin-top: -3px; /* IE Hack */
}
#MainContentBox p {
  margin: 10px 0;
  font-size: 12px;
  text-align: justify;
}
#MainContentBox ul,
#MainContent ol {
  padding-left: 24px;
  font-size: 12px;
  text-align: justify;
}
#MainContentBox li {
  font-size: 12px;
  text-align: justify;
}
#MainContentBox h3 {
  line-height: 29px;
  color: #003466;
  font-size: 12px;   
}
#MainContent {
  width: 575px;
  padding: 10px;
}
/* Crack IE6 */
* html #MainContent {
  width: 565px;
  padding: 10px;
}
#MainContent .Title {
  color: #003466;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 29px;
  padding-left: 5px;
  border-bottom: 1px solid #003466;
  border-left: 7px solid #003466;
  margin: 0 0 10px 0;
} 
#MainContent h2 {
  margin: 0 0 10px 0;
  padding-left: 10px;
  line-height: 20px;
  background: transparent url(/images/section-menu/fleche.gif) no-repeat left 6px;
  color: #003466;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: underline;
}
#MainContentBox h2 {
  margin: 0 0 10px 0;
  padding-left: 10px;
  line-height: 20px;
  background: transparent url(/images/section-menu/fleche.gif) no-repeat left 6px;
  color: #003466;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: underline;
}
#MainContent h3 {
  line-height: 29px;
  color: #003466;
  font-size: 12px;   
}
#MainContent p {
  margin: 0 0 20px 0;
  font-size: 12px;
  text-align: justify;
}

#MainContent ul {
  margin: 0 0 20px 0;
  padding-left: 24px;
  font-size: 12px;
  text-align: justify;
  clear: both;
}
#MainContent li {
  margin: 5px;

}

#MainContent .clean {
  clear: both;
  display: block;
}
.SiteMenuSection {
  background: #ECEEEF;
}
#StructureTable td {
  vertical-align: top;
}

.underline {
  text-decoration: underline;
}
#AdBanner {
  width: 120px;
}
.TitleBlue {
  color: #003466;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 29px;
  padding-left: 5px;
  border-bottom: 1px solid #003466;
  border-left: 7px solid #003466;
  margin-bottom: 10px;
}
.PretBoxTitle  {
  color: #003466;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 29px;
  padding-left: 5px;
  border-bottom: 1px solid #003466;
  border-left: 7px solid #003466;
}
.link-title a {
  text-decoration: none;
  color: white;
  font-size: 10px; 
}
#MainContent .staticPhoto{
  float: left;
  margin: 0px 10px 10px 0;
}
.simulation {
  margin: 10px;
}
.SlideBar {
  font-size: 12px;
}
.SlideBar a {
  color: #003466;
}

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

#PopupMenu {
  margin: 0;
}

.section {
  font-size: 13px;
}

.rubric {
  font-size: 12px;
  font-weight: bold;
  text-transform: none;
}

ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  border: 0 none;
  padding: 0;
  list-style: none;
}

ul#navmenu {
  width: 925px;
}

ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 15px 0 0 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  margin-left: 15px;
  height: 32px;
}

ul#navmenu li {
  display: inline; /* For IE */
  position: relative;
  float: left;
}

ul#navmenu.section li {
  margin: 0 2px 0px 0px;
}

ul#navmenu.section li a {
  background: white url(/images/menu/background-left.gif) no-repeat top left;
  display: block;
  line-height: 32px;
}

ul#navmenu.section li a.Devis {
  background: white url(/images/menu/background-important-left-2.gif) no-repeat top left;
  height: 31px;
}

ul#navmenu.section li a .rounded {
  background: transparent url(/images/menu/background-right.gif) no-repeat top right;
  display: block;
  height: 32px;
  padding: 0px 8px;
}

* html ul#navmenu.section li a .rounded {
  display: inline;
  padding: 8px;
}

ul#navmenu.section li a.Devis .rounded {
  background: transparent url(/images/menu/background-important-right-2.gif) no-repeat top right;
  padding: 0px 15px;
  height: 32px;
}

* html ul#navmenu.section li a.Devis .rounded {
  padding: 8px 15px;
}

/* Root Menu */
ul#navmenu.section li a {
  text-align: center;
  margin: auto;
  color: black;
  vertical-align: center;
  color: white;
  font-family: arial;
  text-decoration: none;
  height: auto !important;
}

ul#navmenu li a.Financement {
  background: url(/images/menu/background-financement.gif) no-repeat top;
  color: white;
  padding-left: 20px;
}
ul#navmenu li a.Financement:hover {
  background: url(/images/menu/background-financement.gif) no-repeat bottom;
  padding-left: 20px;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a,
ul#navmenu li .current,
ul#navmenu li.selected,
ul#navmenu li.selected a {
  background: transparent url(/images/menu/background-left.gif) no-repeat bottom left;
}

ul#navmenu a.Devis:hover,
ul#navmenu li:hover a.Devis,
ul#navmenu li.iehover a.Devis {
  background: transparent url(/images/menu/background-important-left-2.gif) no-repeat bottom left;
}

ul#navmenu a:hover .rounded,
ul#navmenu li:hover a .rounded,
ul#navmenu li.iehover a .rounded,
ul#navmenu li .current .rounded,
ul#navmenu li.selected .rounded,
ul#navmenu li.selected a .rounded {
  background: transparent url(/images/menu/background-right.gif) no-repeat bottom right;
}

ul#navmenu a.Devis:hover .rounded,
ul#navmenu li:hover a.Devis .rounded,
ul#navmenu li.iehover a.Devis .rounded {
  background: transparent url(/images/menu/background-important-right-2.gif) no-repeat bottom right;
}

/* 2nd Menu */
ul#navmenu li:hover ul,
ul#navmenu li.iehover ul {
  border-bottom: 1px solid #8A8A8A;
  margin: 0;
  z-index: 100;
  position: absolute;
}

ul#navmenu li:hover li,
ul#navmenu li.iehover li {
  width: 195px;
  border-bottom: 0;
  margin: 0;
  background: none;
  height: 22px;
  font-size: 11px;
  border-bottom: 1px solid white;
  clear: both;
  background: #D0E0F0;
}

ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #D0E0F0;
  color: black;
  line-height: 22px;
  height: 22px;
  text-align: left;
  padding: 0 0 0 8px;
  display: block;
}

ul#navmenu li:hover li a.important {
  background: #D0E0F0 url(/images/menu/btn_devis.gif) no-repeat 5px;
  padding: 0 0 0 20px;
}

ul#navmenu li:hover li:hover a.important {
  background: #B1CEE5 url(/images/menu/rubric-hover_btn.gif) no-repeat;
  padding: 0 0 0 20px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu.section li:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  color: white; 
}

ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li.iehover a {
  background: #B1CEE5 url(/images/menu/rubric-hover.gif) repeat-x top;
}

ul#navmenu .rubric ul li {
  margin: 0;
  padding: 0;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute; /* For ie6 */
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}


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

.SquareShow {
  text-align: center;
  margin: 10px 0;
}
.VerticalShow {
  margin: 0;
  margin-top: 2px;
  margin-right: 0;
  padding: 0;
  width: 120px;
  vertical-align: top;
}
.VerticalShow p {
  margin: 0 0 3px 0;
  //margin: 0; /* IE hack */
  padding: 0;
}
.VerticalShow p img {
  border: 0;
}
.SquareFooterShow {
  width: 100%;
  text-align: center;
}

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

#Network {
  float: left;
  padding: 5px 2px;
  font-size: 10px;
  color: #e0e0e0;
  width: 69%;
}
#Network .partners {
  float: left;
  font-weight: bold;
  padding-right: 2px;
}
#Network ul li {
  display: inline;
}
#Network ul li a {
  color: #e0e0e0;
  text-decoration: none;
}
#Network ul li a:hover {
  text-decoration: underline;
}

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

.SectionMenu {
  height: 100%;
  min-height: 600px;
  width: 200px;
  padding: 0;
  color: #455661;
  font-size: 12px;
  border-top: 2px solid white;
}

.SectionMenu ul {
  list-style-type: none;
} 

.SectionMenu .section {
  line-height: 29px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
}

.SectionMenu .sectionTitle {
  color: #003466;
  font-size: 15px;
  padding-left: 10px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
}

.SectionMenu .section a {
  color: white;
  text-decoration: none;
  display: block;
  height: 29px;
  padding-left: 10px;
  border-bottom: 1px solid white;
  background: url(/images/section-menu/section.gif) repeat-x top; 
  overflow: hidden;
}

.SectionMenu .section li a .SectionMenuArrow {
  background: transparent url(/images/section-menu/sectionmenu-arrow.gif) no-repeat right;
  padding: 0 4px;
}

.SectionMenu .section li a .SectionMenuArrow2 {
  background: transparent url(/images/section-menu/sectionmenu-arrow2.gif) no-repeat right;
  padding: 0 4px;
}
.SectionMenu .section li a .SectionMenuArrow3 {
  background: transparent url(/images/section-menu/fleche.gif) no-repeat right;
  padding: 0 4px;
}

.SectionMenu .section li a.important {
  background: url(/images/section-menu/section-important.gif) no-repeat;
  color: white;
  padding-left: 20px;
}
.SectionMenu .section li a.important:hover {
  background: url(/images/section-menu/section-important.gif) no-repeat bottom;
  padding-left: 20px;
}

.SectionMenu .section a:hover,
.SectionMenu .section .selected {
  background: url(/images/section-menu/section.gif) bottom;
}

.SectionMenu .section a:hover span {
  background: transparent url(/images/section-menu/sectionmenu-arrow2.gif) no-repeat right;
  padding: 0 4px;
}

.SectionMenu .rubric a {
  line-height: 25px;
  background: url(/images/section-menu/rubric.gif) top;
  color: #003466;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid white;
  text-decoration: none;
  display: block;
  text-transform: none;
  height: 100%;
  //height: 29px;
}

* html .SectionMenu .rubric a {
  height: 29px;
}


.SectionMenu .rubric a:hover {
  background: url(/images/section-menu/rubric.gif) bottom;
  color: white; 
}

.SectionMenu .rubric .selected {
  background: white url(/images/section-menu/fleche.gif) no-repeat 2px;
  padding-left: 10px;
}

.SectionMenu .category li {
  background: white;
  border-bottom: 2px dotted #595959;
}

.SectionMenu .category a {
  padding-left: 20px;
  line-height: 29px;
  background: white url(/images/section-menu/fleche.gif) 10px 11px no-repeat;
  color: #003466;
  font-size: 12px;
  text-decoration: none;
  display: block;
  text-transform: none;
  height: 100%; 
}

* html .SectionMenu .category a {
  height: 29px;
}

.SectionMenu .category a:hover,
.SectionMenu .category a.selected {
  background: #ffe04b url(/images/section-menu/category-hover.gif) repeat-x top;
  color: #003466;
}

/* campagne */
#MainContent #CampainBox_credit-travaux .CampainView h2 {
  background: url(/images/section-menu/section.gif) repeat-x top;
  border: none;
  color: white;
  line-height: 20px;
  height: 20px;
  margin: 0;
  padding: 5px;
  text-align: center;
  text-decoration: none;
}
#MainContent #CampainBox_credit-travaux .CampainView {
  border: 1px solid #595959;
  margin: 5px 4px 5px 0;
  width: 280px;
  height: 300px !important;
  float: left;
}
#MainContent #CampainBox_credit-travaux .CampainView img {
  float: none;
  margin: 5px auto;
  display: block;
}
#MainContent #CampainBox_credit-travaux .CampainView p {
  font-size: 11px;
  padding: 0 3px 0 5px;
}
#MainContent #CampainBox_credit-travaux .CampainView ul {
  margin: 10px;
  font-size: 11px;
}
#MainContent #CampainBox_credit-travaux .CampainView ul li {
  margin: 10px 0;
}
#CampainBox_credit-travaux hr {
  display: none;
}


/* SmallButton */
#MainContent .baseline {
  text-align: center;
  display: none;
}
#MainContent .baseline a {
  color: #1F6EE4 !important;
  font-weight: bold;
}

#MainContent .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 !important;
  font-weight: bold;
  text-decoration: none;
  line-height: 22px;
  height: 22px;
  margin: 5px;
  font-size: 12px;
  text-transform: uppercase;
  padding-left: 10px;
}

#MainContent .smallButton a:hover{
  background: transparent url(http://www.diagnostic-expertise.com/images/boutonspub/bt-text.gif) no-repeat bottom;
}
#MainContent #empruntis .textCampain {
  margin-bottom: 60px !important;
}