body {
  background: rgb(235,235,235);
  color:#666666;
  font-family:Helvetica, Arial, Sans-Serif;
  font-size:78%;
  font-style:normal;
  font-variant:normal;
  margin:0pt auto;
  padding:0pt;
}

p, img {
  margin: 0;
  padding: 0;
}

h3 {
  color:#ef2e43;
  font-size:12pt;
  font-weight:normal;
  margin-top:0pt;
  padding-top:0pt;
}

a:link, a:visited {
  color:#666666;
}

a img {
  border:0px;
}

a {
  text-decoration:none;
}

* {
  margin:0pt;
  padding:0pt;
}

p {
  	margin:10px 0pt;
	text-align:justify;
}

#top {
  background: url(../images/headr-menu-bg.gif) repeat-x left top;
  margin:0px auto;
  height:120px;
}

#header {
  margin: 0px auto;
  padding:0px;
  width:900px;
  text-align:left;
}


#header-top {
  height: 73px;
}
                                                                    
  #header-top img {
    margin: 5px 0 0 0;
  }
                                                                    
#header-logo {
  float: left;
  height: 73px;
}

#header-contact {
  float: right;
  margin: 5px 5px 0 0;
  padding: 0;
  height: 69px;
}

  #header-contact img {
    margin: 0;
    border: 0;
  }
                                                                    
#header-bottom {
  float: left;
  width: 900px;
  margin: 0;
  height: 41px;
}

#header-menu {
  float: right;
  width: 900px;
  height: 40px;
  margin: 0 0 0 0;
}

  #header-menu ul {
    margin: 12px 0 0 12px;
  }
      
  #header-menu  li {
    margin-right: 20px;
    display: inline;
    font-family: Helvetica;
    font-size: 130%;
  }
  
  #header-menu li.selected {
    margin: 0 15px 0 0;
    padding: 12px 0 10px 12px !important;
    height: 40px;
    background: rgb(80,80,80) url(../images/menu-selected-left-bg.gif) repeat-x left top;
    font-weight: bold;
    color: #FFFFFF;
  }
  
  #header-menu a, #header-menu a:visited {
    color: #FFFFFF;
  }
  
  #header-menu a:hover {
    color: rgb(255,220,225);
  }
  
    #header-menu a.selected {
      padding: 12px 10px 10px 0;
      cursor: default;
      background: url(../images/menu-selected-right-bg.gif) no-repeat right top;
    }
    
    #header-menu a.selected:hover {
      color: #FFFFFF;
    }

#page-body {
  clear: both;
  float: left;
  width: 100%;
  background: #FFFFFF;
}

#menu-space {
  padding: 2px 0 2px 0;
  background: rgb(240,240,240) url(../images/sub-menu-bg.gif) repeat-x left bottom;
  border-bottom: 1px solid rgb(200,200,200);
}

.menu-placement {
  margin: 0 0 0 340px;
}

#sub-menu {
  width: 900px;
  margin: 0 auto 0 auto;
}
  
  #sub-menu ul {
    margin: 5px 0 5px 0;
    font-size: 110%;
  }

  #sub-menu li{
    display: inline;
    padding: 0 10px 0 10px;
    border-right: 1px solid rgb(80,80,80);
  }
  
  #sub-menu li.last {
    border: none;
  }
  
  #sub-menu a, #sub-menu a:visited {
    color: rgb(95,90,195);
    text-decoration: underline;
  }
  
  #sub-menu a:hover {
    text-decoration: none;
  }
  
  #sub-menu a.selected {
    cursor: default;
    color: rgb(120,120,120);
    text-decoration: none;
    
  }
  
  

#content {
  clear: both;
  margin: 0 auto 60px auto;
  width: 900px;
  min-height: 550px;
  background: rgb(255,255,255); 
}
  
#banner-aproposde {
  float: left;
  margin: 0 auto 20px auto;
  width: 900px;
  height: 110px;
  background: url(../images/a-propos-de-banner.jpg) no-repeat left top;
  margin-top: 20px;
}

#banner-sommaire {
  float: left;
  margin: 0 auto 20px auto;
  width: 900px;
  height: 110px;
  background: url(../images/offre-compta-banner.jpg) no-repeat left top;
  margin-top: 20px;  
}

#banner-comptable {
  float: left;
  margin: 0 auto 20px auto;
  width: 900px;
  height: 110px;
  background: url(../images/offre-compta-banner.jpg) no-repeat left top;
  margin-top: 20px;  
}

#banner-devis {
  float: left;
  margin: 0 auto 20px auto;
  width: 900px;
  height: 110px;
  background: url(../images/devis-banner.jpg) no-repeat left top;
  margin-top: 20px;  
}

#banner-contact {
  float: left;
  margin: 0 auto 20px auto;
  width: 900px;
  height: 110px;
  background: url(../images/contact-banner.jpg) no-repeat left top;
  margin-top: 20px;  
}

#main-column {
  float: left;
  margin: 0 0 30px 0;
  width: 560px;
  color: rgb(40,40,40);
}

  #main-column h1 {
    margin: 5px 0 0 10px;
    font-size: 220%;
    color: rgb(247,0,47);
  }
  
  #main-column h2 {
    margin: 25px 0 10px 10px;
    font-weight: bold;
    color: rgb(35,45,145);
    color: rgb(255,120,0);
  }
  
  #main-column h5 {
    margin: 20px 0 0 10px;
    font-size: 120%;
    font-weight: bold;
    font-family: Arial;
    color: rgb(75,70,135);
    color: rgb(95,90,155);
    color: rgb(110,110,110);
  }
  
  #main-column p {
    margin: 0 0 10px 10px;
    line-height: 1.6em;
    font-size: 110%;
    color: rgb(90,90,90);
  }
  
  #main-column li {
    color: rgb(90,90,90);
    list-style-type: square;
  }
  
  #main-column p.indent {
    margin: 5px 0 0 10px;
  }
  
  #main-column .highlight-heading {
    font-weight: bold;
    color: rgb(255,120,0);
  }
  
  #main-column ul {
    margin: 10px 0 10px 0;
  }
  
  #main-column li {
    margin: 0 20px 10px 55px;
    line-height: 1.6em;
    font-size: 110%;
  }
  
  #main-column a, #main-column a:visited {
    color: rgb(242,101,0);
    text-decoration: underline;
  }
  
  #main-column a:hover {
    text-decoration: none;
  }
  
  #main-column .screen {
    width: 520px;
    margin: 30px 20px 0 20px;
    padding: 10px 0 0 10px;
    background: url(../images/screen-bg.gif) no-repeat left top;
  }
  
  #main-column .screen-base {
    width: 520px;
    height: 15px;
    margin: 0 20px 20px 20px;
    background: url(../images/screen-base-bg.gif) no-repeat left top;
  }
  
  div.screenshot-thumbs {
    text-align: center;
    clear: left;
    margin: 0 auto;
  }
  
  div.portfolio-item {
    float: left;
  }
  
  div.portfolio-item_first {
    clear: left;
    float: left;
  }
  
  div.screenshot-thumbs img {
    margin: 12px;
    padding: 7px;
    background: rgb(230,230,230);
    border: 1px solid rgb(210,210,210);
    
  }
  
  #side-column img.step-images {
    display: block; 
    margin: 0 auto;
    padding: 0 10px 10px 0;
  }
  
  div.horizontal-rule {
    margin: 35px 0 35px 20px;
    width: 500px;
    height: 1px;
    background: url(../images/page-hr.gif) repeat-x left top;
  }

#side-column {
  float: right;
  margin-top: 25px;
  width: 320px;
}

  #side-column a, #side-column a:visited {
    color: rgb(242,101,0);
    text-decoration: underline;
  }
  
  #side-column a:hover {
    text-decoration: none;
  }

div.box {
  clear: both;
  float: left;
  width: 300px;
  margin-bottom: 30px;
}

div.box-content {
  float: left;
  padding: 15px 13px 10px 20px;
  margin-bottom: 0;
  width: 267px;
  background: rgb(240,240,240) url(../images/page-box-bg_top.gif);
}

  div.box-content p {
    margin: 0 0 10px 0;
    font-size: 90%;
    line-height: 1.7em;
    font-family: "Lucida Sans Unicode";
  }
  
    div.box-content p.direct-download {
      margin: 20px 0 0 0;
    }
    
  div.box-content img {
    margin: 0 0 10px 0;
  }

  div.box-content h3 {
    font-size: 170%;
    color: rgb(240,60,80);
    font-weight: normal;
  }
      
  div.box-content h4 {
    margin: 15px 0 0 0;
    font-size: 100%;
    font-weight: bold;
    color: rgb(40,40,40);
  }
  
  div.box-content h4.steps {
    margin: 10px 0 5px 0;
    padding: 0 10px 0 0;
    text-align: center;
    font-size: 125%;
  }
  
  div.box-content img.download-icon {
    float: left;
    margin: 10px 10px 0 5px;
  }
  
  div.box-content a.download-link, div.box-content a.download-link:visited {
    display: block;
    float: left;
    margin: 5px 0 0 72px;
    color: rgb(242,101,0);
    text-decoration: underline;
  }
  
  div.box-content a.download-link:hover {
    text-decoration: none;
  }
    
div.box-base {
  float: left;
  margin-top: 0;
  width: 300px;
  height: 15px;
  background: url(../images/box-2-bg_base2.jpg);
}

img.association {
  margin: 40px 0 20px 40px;
}

img.ec {
  margin: 0 100px 0 100px;
}

#description {
  width:990px;
  height:50px;
  border:1px solid red;
  margin:10px auto 30px;
}

.left {
  
}

.right {

}

.box {
  float:left;
  margin:0pt 25px 0pt 6px;
  position:relative;
  width:395px;
  padding:9px;
  background: url(../images/box.top.gif) no-repeat top center;  
}

#footer {
  clear: both;
  margin: 0 auto 10px auto;
  width: 100%;
  background: rgb(235,235,235) url(../images/footer-bg.jpg) repeat-x left top;
  border-top: 2px solid rgb(240,65,0);
  color:#666666;
  padding: 0;
  text-align: center;
}

  #footer-text {
    margin: 0 auto;
    width: 900px;
  }

  #footer-text p {
    margin: 10px 0 0 20px;
    font-size: 90%;
    line-height: 1.6em;
    color: rgb(160,160,160);
  }
  
  #footer-text a, #footer-text a:visited {
    color: rgb(242,101,0);
    text-decoration: underline;
  }
  
  #footer-text a:hover {
    text-decoration: none;
  }
  
  #footer a.saosilvero-link, #footer a.saosilvero-link:visited {
    margin: 5px 0 0 0;
    text-decoration: none;
    color: rgb(190,190,190);
    background: url(../images/sao.jpg) no-repeat 72px -2px;
  }
  
  #footer a.saosilvero-link:hover {
    color: rgb(111,133,146);
    background: url(../images/sao.jpg) no-repeat 72px -50px;
  }