#quisommenous{

 font-size: 12px;
 margin-top:10px;
 padding-top:9px;
 padding-bottom:5px;
 padding-right:20px;
 padding-left:15px;
 border: 0px solid red;
 float:left;
 /*width :775px;798*/
 background-image: url(../images/quisommesnous.jpg);
 background-repeat: no-repeat;
 text-align: justify;
 line-height: 135%
}


/***************************************
*
*       IMAGES REACTIVES
*
***************************************/

#images1  {
  margin:0 0 0 0;
  padding:0 0 0 0;
  padding-left :0px;
  margin-top : 5px;
  margin-bottom : 5px;
  width :187px;
  height:125px;
  float:left;
  border:0px solid green;
}
#images2  {
  margin:0 0 0 0;
  padding:0 0 0 0;
  margin-left : 11px;
  margin-top : 5px;
  margin-bottom : 5px;
  width :187px;
  height:125px;
  float:left;
  border:0px solid green;
}

.competence_titre{
  height: 15px;
  text-align:center;
  color: #000000;
  margin-top:2px;
  font-weight:bold;
  border:0px solid red;

}

.competence_texte{
  float:left;
  color: #000;
  line-height:1em;
  margin-top:3px;
  font-size:11px;
  text-align:center;
  width :185px;
  border:0px solid blue;
}

#texte1{
  margin-left : 0px;/*egal au padding-left de image1 */
  margin-top : 5px;
  float:left;
  width :187px;
  height:63px;
  background-image: url(../images/fond_case_orange.jpg);
  background-repeat: no-repeat;
  border:0px solid green;
  text-align:center;
}


#texte2  {
  margin-left : 11px;
  margin-top : 5px;
  width :187px;
  height:63px;
  float:left;
  background-image: url(../images/fond_case_mauve.jpg);
  background-repeat: no-repeat;
  border:0px solid green;
  text-align:center;
}

#texte3  {
  margin-left : 11px;
  margin-top : 5px;
  width :187px;
  height:63px;
  float:left;
  background-image: url(../images/fond_case_vert.jpg);
  background-repeat: no-repeat;
  border:0px solid green;
  text-align:center;
}

#texte4 {
  margin-left : 11px;
  margin-top : 5px;
  width :187px;
  height:63px;
  float:left;
  background-image: url(../images/fond_case_gris.jpg);
  background-repeat: no-repeat;
  border:0px solid green;
  text-align:center;
}

/***************************************
*
*       ACTUALITE
*
***************************************/
#zoom{
  float:left;
  margin-top:5px;
  margin-left:5px;
  padding-top:25px;
  padding-left:10px;
  background-image: url(../images/fond_zoom.jpg);
  background-repeat: no-repeat;
  width :790px;
  height:101px;
  border:0px solid grey;
}
#zoom span{
 float:left;
 padding-left:10px;
 padding-top:2px;
 padding-bottom:2px;
 border:0px solid grey;
 width: 700px;
}
#zoom p{
 border:0px solid grey;
 float:right;
 padding-right:30px;
}
.vignette{
  margin-left:5px;
  margin-bottom:5px;
}

#cadre_zoom{
border:0px solid red;
width:780px;
height:68px;
position:relative;
overflow:hidden;
}