

.section {
  padding: 0 0 30px 0;
  border-bottom: 1px solid #dcdcdc;
}

p.link {margin: 16px 0 0 0;}
ul#navigation li a#work_active {background: url(http://www.dometcom.fr/img/work.gif) 0 -50px no-repeat;}

.middle {
  margin: 25px 0 0 0;
  border: none;
}

h2#introduction {
  background: url(http://www.dometcom.fr/img/home.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#introduction a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }

h2#hp {
  background: url(http://www.dometcom.fr/img/hp.gif) 0 0 no-repeat;
  width: 630px;
  height: 56px;
  margin-top:25px;
}

  h2#hp a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }
  
h2#solutions {
  background: url(http://www.dometcom.fr/img/solutions.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#solutions a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }

h2#proximite {
  background: url(http://www.dometcom.fr/img/proximite.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#proximite a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }

h2#transparence {
  background: url(http://www.dometcom.fr/img/transparence.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#transparence a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }
  
h2#accroche {
  background: url(http://www.dometcom.fr/img/courrier.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#accroche a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }

h2#telephonie {
  background: url(http://www.dometcom.fr/img/telephonie-baseline.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#telephonie a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }
  
h2#mentions {
  background: url(http://www.dometcom.fr/img/mentions.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#mentions a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }

h2#communication {
  background: url(http://www.dometcom.fr/img/communication-baseline.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#communication a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }

h2#reunion {
  background: url(http://www.dometcom.fr/img/reunion-baseline.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#reunion a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }
  
h2#dev {
  background: url(http://www.dometcom.fr/img/dev-baseline.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#dev a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }
  
h2#synergie {
  background: url(http://www.dometcom.fr/img/synergie-baseline.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#synergie a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }

h2#formation {
  background: url(http://www.dometcom.fr/img/formation-baseline.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#formation a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }

h2#avis {
  background: url(http://www.dometcom.fr/img/avis.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#avis a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }
  

h2#auto {
  background: url(http://www.dometcom.fr/img/auto-baseline.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#auto a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }

h2#contrat {
  background: url(http://www.dometcom.fr/img/contrat-baseline.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#contrat a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }

h2#telechargez {
  background: url(http://www.dometcom.fr/img/telechargez.gif) 0 0 no-repeat;
  width: 630px;
  height: 56px;
}

  h2#telechargez a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }

h2#rassemblez {
  background: url(http://www.dometcom.fr/img/rassemblez.gif) 0 0 no-repeat;
  width: 630px;
  height: 56px;
}

  h2#rassemblez a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }

h2#expediez {
  background: url(http://www.dometcom.fr/img/expediez.gif) 0 0 no-repeat;
  width: 630px;
  height: 56px;
}

  h2#expediez a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }

.controls {padding: 0 0 16px 0;}

p.arrow_left {
  background: url(http://www.dometcom.fr/img/arrow_left.gif) 0 2px no-repeat;
  float: left;
}

ul.browsing_controls {
  color: #5c5c56;
  width: 200px;
  padding: 0 15px 0 0;
  margin: 16px 0 0 0;
  float: right;
}

  ul.browsing_controls li {float: left;}

  ul.browsing_controls li.link {
    background: url(http://www.dometcom.fr/img/arrow_right.gif) 0 2px no-repeat;
    padding: 0 0 0 19px;
  }

  ul.browsing_controls li.arrow_left {background: url(http://www.dometcom.fr/img/arrow_left.gif) 0 2px no-repeat;}

    ul.browsing_controls li a {
      color: #6385a1;
      border-bottom: 1px solid #d7e1e9;
    }

    ul.browsing_controls li a:hover {
      color: #80a1bb;
      border-bottom: 1px solid #fff;
    }

    ul.browsing_controls li span {color: #d0d0d0;}

.bottom {
  margin: 0;
  padding: 0 0 16px 0;
  border: none;
}


h3#greatvine {
  background: url(http://www.dometcom.fr/img/greatvine.gif) 0 0 no-repeat;
  width: 64px;
  margin: 30px 0 12px 0;
}

h4 {
  font: normal 14px/17px Arial, Helvetica, sans-serif;
  margin: 8px 0 0 0;
}

.left_column {
  width: 430px;
  margin: 0 30px 0 0;
  float: left;
}

#top_text p, div.image_stuff p {
  color: #5c5c56;
  font: normal 12px/17px Arial, Helvetica, sans-serif;
  margin: 9px 0 0 0;
}

.right_column {
  width: 200px;
  float: left;
}

  .right_column ul {margin: 12px 0 0 0}

  .right_column ul li {
    background: url(http://www.dometcom.fr/img/tick.gif) 0 5px no-repeat;
    line-height: 17px;
    padding: 0 0 0 16px;
  }

  .right_column p {margin: 7px 0 0 0;}
  .right_column p.first {margin: 12px 0 0 0;}

    .right_column p span {color: #7aaa1b;}

h3#our_role {
  background: url(http://www.dometcom.fr/img/our_role.gif) 0 0 no-repeat;
  width: 110px;
  height: 12px;
  margin: 30px 0 0 0;
}

h3#what_they_said {
  background: url(http://www.dometcom.fr/img/what_they_said.gif) 0 0 no-repeat;
  width: 96px;
  margin: 20px 0 0 0;
}

div.work_example {
  width: 424px;
  border: 1px solid #adadad;
  padding: 3px;
  margin: 20px 0 0 0;
}

p.work_example {
  text-align: center;
  margin: 2px 0 0 0;
}