/* Prestation */
#approche-header {
  background: #050804 url("../img/approche-header.jpg") center top no-repeat;
  height: 351px;
  padding-top: 66px;
  padding-left: 20px;
  width: 100%; }
  #approche-header h1 {
    background-color: #56793b;
    color: #fff;
    display: inline-block;
    font-family: GothamNarrowBook;
    font-size: 2.3125rem;
    margin-bottom: 8px;
    padding: 20px;
    text-transform: uppercase; }
  #approche-header h2 {
    background-color: #fff;
    display: inline-block;
    font-family: GothamNarrowBook;
    font-size: 1.6875rem;
    padding: 20px; }

#explanations {
  background-color: #f4f3ef;
  display: inline-block;
  padding-top: 30px;
  padding-bottom: 45px;
  padding-left: 20px;
  width: 100%; }
  #explanations .step {
    background: url("../img/explanation-sprite.png") no-repeat;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.4);
    height: 189px;
    float: left;
    margin-right: 21px;
    margin-bottom: 21px;
    position: relative;
    width: 312px; }
    #explanations .step:first-child {
      background-position: 20px 10px; }
    #explanations .step:nth-child(2) {
      background-position: -240px 10px; }
    #explanations .step:nth-child(3) {
      background-position: -500px 10px; }
    #explanations .step:nth-child(4) {
      background-position: 20px -145px; }
    #explanations .step:nth-child(5) {
      background-position: -240px -145px; }
    #explanations .step:last-child {
      background-position: -500px -145px; }
    #explanations .step .number {
      background-color: #56793b;
      border-radius: 50%;
      color: #fff;
      height: 40px;
      font-family: GothamNarrowBold;
      font-size: 1.5rem;
      left: 50%;
      line-height: 40px;
      margin-left: -20px;
      position: absolute;
      text-align: center;
      top: -6px;
      width: 40px; }
    #explanations .step .step-name {
      bottom: 26px;
      font-family: GothamNarrowBold;
      font-size: 1rem;
      left: 0;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      width: 100%; }
  #explanations > div:first-child {
    margin-bottom: 57px; }

#explanation-details {
  display: inline-block;
  margin-top: 29px;
  width: 100%; }
  #explanation-details .col {
    float: left;
    margin-right: 21px;
    width: 312px; }
    #explanation-details .col .step-detail {
      margin-bottom: 35px; }
      #explanation-details .col .step-detail .number {
        display: inline-block;
        margin-bottom: 12px; }
        #explanation-details .col .step-detail .number div {
          background-color: #56793b;
          border-radius: 50%;
          color: #fff;
          float: left;
          font-family: GothamNarrowBold;
          font-size: 1.25rem;
          height: 44px;
          line-height: 44px;
          margin-right: 14px;
          text-align: center;
          width: 44px; }
        #explanation-details .col .step-detail .number h3 {
          float: left;
          font-family: GothamNarrowBold;
          font-size: 1.25rem;
          line-height: 22px;
          text-transform: uppercase; }
      #explanation-details .col .step-detail p {
        color: #0a0a0a;
        font-family: GothamNarrowBook;
        font-size: 0.9375rem;
        margin-bottom: 20px;
        line-height: normal !important; }

     strong, b {
        font-family: GothamNarrowMedium;
       }
       i, cite, em, var, address, dfn {
    font-style: italic;
}
        #explanation-details .col .step-detail p span{
        color: #0a0a0a;
        font-family: GothamNarrowBook;
        font-size: 0.9375rem;
        margin-bottom: 20px;
        line-height: normal !important; }

    #explanation-details .col:nth-child(2) .step-detail .number h3 {
      line-height: 44px; }
    #explanation-details .col:last-child .step-detail:last-child .number h3 {
      line-height: 44px; }

      .step-detail a{
    color: #56793b;
       }



 #prestation-2 {
  background: #819125 url("../img/abeille-header.jpg") center top no-repeat;
  border-bottom: 3px solid #fff;
  height: 340px;
  padding-top: 66px;
  padding-left: 20px;
  width: 100%; }

    #prestation-2 h1 {
    background-color: #56793b;
    color: #fff;
    display: inline-block;
    font-family: GothamNarrowBook;
    font-size: 2.3125rem;
    margin-bottom: 8px;
    padding: 20px;
    text-transform: uppercase;
}

#prestation-2  h2 {
    background-color: #fff;
    display: inline-block;
    font-family: GothamNarrowBook;
    font-size: 1.6875rem;
    padding: 20px; }

.eco {
  width: 980px;
    display: inline-block;
    font-family: GothamNarrowBook;
    margin-bottom: 50px; 
   margin-top: 5px;
 }


/*# sourceMappingURL=approche.css.map */

@media screen and (max-width: 1050px) {

#explanations .step {
    margin-right: 0px; 
    margin-left: 12px;
    width: 309px;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.4)  !important;
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.4);
    }

    #explanations {

    padding-left: 0px;
    width: 100%;

}

#explanation-details .col {
    float: left;
    margin-right: 12px;
    width: 306px;
    padding-right: 10px;
}

#explanation-details {

    padding-left: 18px;
}

}