@charset "utf-8";
/* CSS Document */

#img_smileys_green, 
#img_smiley_green, 
#img_smileys_yellow, 
#img_smileys_red, 
#img_smiley_red, 
#img_smiley_white, 
#img_smiley_black {
  float: right; 
  width: 180px; 
  margin: 0px 0px 10px 0px;
}
#img_smileys_green{
  height: 138px;
  background:url(../images/smileys-green-comic.png) no-repeat center top;
}
#img_smiley_green{
  height: 100px;
  background:url(../images/smiley-green-comic.png) no-repeat center top;
}
#img_smileys_yellow{
  height: 144px;
  background:url(../images/smiley-yellow-comic.png) no-repeat center top;
}
#img_smileys_red{
  height: 121px;
  background:url(../images/smileys-red-comic.png) no-repeat center top;
}
#img_smiley_white{
  height: 141px;
  background:url(../images/smiley-white-comic.png) no-repeat right top;
}
#img_smiley_black{
  height: 141px;
  background:url(../images/smiley-black-comic.png) no-repeat right top;
}

/*----IMASURVEY PRESENTATION----------------*/
#imasurvey_logo {
  width: 160px;
  height: 108px; 
  text-align: center;
  float: right; 
}

/*----IMASURVEY DEROULEMENT----------------*/
/* BOTTOM PANEL*/
#phasePanel{
  float:left; 
  width:600px; 
  height:340px; 
  position:relative; 
  margin:0 auto; 
  padding:0;
}
#phasePanel h2{
  color:#000; 
  letter-spacing: -1px; 
  display:block; 
  width:155px; 
  margin:30px 0 0 35px; 
  font:18px/24px Arial, Helvetica, sans-serif; 
  font-weight:bold;
  position:absolute; 
  top:0px; 
  left:0px; 
  z-index:1;
}
#phasePanel .number {
  position:absolute; 
  top:0; 
  left:0; 
  font-size: 140px;
  line-height: 140px;
  font-weight:bold; 
  margin:0px; 
  color:#ccc;
}
#phasePanel span{
  color:#000; 
  display:block; 
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
}
#phasePanel p{
  color:#000; 
  display:block; 
  width:170px; 
  padding:0; 
  margin:55px 50px 0 35px; 
  font-size: 12px;
  line-height: 18px;
  font-weight:bold; 
  position:absolute; 
  top:0px; 
  left:0px; 
  z-index:1;
}

#phasePanel #phasePanelfast {
  width:192px; 
  height:300px; 
  position:absolute; 
  top:0; 
  left:0; 
  margin:0px 0 0; 
  background:url(../images/imasurvey/presentation-creer.png) no-repeat center bottom;
}
#phasePanel #phasePanelsecond{
  width:192px; 
  height:300px; 
  position:absolute; 
  top:0; 
  left:200px; 
  margin:0px 0 0; 
  padding:0px; 
  background:url(../images/imasurvey/presentation-distribuer.png) no-repeat center bottom;
}
#phasePanel #phasePanelsecond h2{
  width:170px;
}
#phasePanel #phasePanelthird{
  width:192px; 
  height:300px; 
  position:absolute; 
  top:0; 
  right:0; 
  margin:0px 0 0; 
  padding:0px; 
  background:url(../images/imasurvey/presentation-analyser.png) no-repeat center bottom;
}
/* BOTTOM PANEL */


#deroulement {
  float:left; 
  width:100%; 
  margin:0 auto; 
  padding:0;
}
#deroulement p {
  margin:0px 0px 10px 0px; 
  padding:0px 10px 0px 0px; 
}
#deroulement p span{
  font-weight:bold;
}

/*----LES PLUS-----------------------------*/
.encart ul li {
  font-weight: bold;
}