/**
 * Les règles C.S.S. propres à la page Nos offres produits
 */

.sommaire {
  list-style-type: none;
}

.retour {
  float: right;
  margin-top: 17px;
}

  .retour a {
    color: #dc002e;
    font-size: 10pt;
    font-weight: bold;
    /*text-decoration: none;*/
  }
  
h1 {
  text-transform: none !important;
}
  
.familles {
  float: left;
  list-style-type: none;
  width: 167px;
}

  .familles li {
    margin-bottom: 4px;
  }
  
#page1 .illustration {
  float: left !important;
  padding-left: 50px;
}
  
#page1 .texte {
  clear: both;
  margin-left: 250px;
  width: 500px;
}

#page1 .lien {
  background-image: url("../images/corps/puce.gif");
  background-position: left;
  background-repeat: no-repeat;
  margin-left: 250px;
  margin-top: 1em;
  padding-left: 10px;
  width: 490px;
}

  #page1 .lien a {
    color: #000;
    font-size: 10pt;
    text-decoration: none;
  }

div#video {
  clear: both;
  margin-bottom: 15px;
  margin-left: 167px;
  padding-top: 45px;
}

  p#legendeDeLaVideo {
    font-size: 12pt;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: center;
  }




    
.logos {
  background-color: #fff;
  height: 75px;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
  width: 580px;
  
  top: 34px; left: 223px;
}

  .tickercontainer {
    width: 580px;
  }
  
    .tickercontainer .mask {
      width: 580px;
    }
      
  .logos .newsticker { /* that's your list */
    position: relative;
    left: 580px;
    font: bold 10px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  .logos ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
    background: #fff;
  }

  .logo {
    height: 75px;
    width: 150px;
  }
  
  .logos .cadre {
     background-image: url("../images/corps/services/nosOffresProduits/blocDesLogos_arrierePlan.png");
     height: 115px;
     left: 0;
     position: relative;
     top: 0;
     width: 580px;
  }
    
h2 {
  font-size: 12pt;
  margin-left: 275px;
  margin-top: 200px;
  text-transform: uppercase;
  width: 410px;
}

.texte {
  margin-left: 275px;
  text-align: justify;
  width: 410px;
}
  
  
  
  
  
.illustration {
  clear: right;
}
  
.video {
  margin-top: 1em;
}