/************************************************************************************
*
*       VIGNETTE PORTFOLIO
*
************************************************************************************/
#cadre_ascenceur{
  position:absolute;
  top:90px;
  left:10px;

  width:218px;
  height:210px;
  overflow:hidden;

  margin-top:5px;

  border:0px solid #f0f;
}
#cadre_vignette{
  position: relative;
  float : left;
  left:0px;
  top:0px;
  width:195px;
  height:400px;
  
  overflow: hidden;
  background-color: #fff;

  margin-right:0px;
  margin-left:0px;
  border:0px solid #0f0;
}

#ascenceur{
  position: relative;
  float:left;
  width:17px;
  height:210px;
  overflow:hidden;
  
  margin-left:0px;

  border: 0px solid blue;
}
.vignette{
  margin-top:2px;
  margin-bottom:3px;
  margin-left:5px;
  opacity: 0.5;
  filter:alpha(opacity=50);
}
#barre_scroll{
  float:left;
  height:195px;
  width:15px;

  top:0px;
  padding-top:0px;
  margin-top:0px;

  background-image: url(../images/fond_scroll.jpg);
  background-repeat: repeat-y;
  border: 0px solid blue;
}
#scroll{
  width:15px;
  height:15px;
  background-color:#6F2271;
 /* cursor:move;*/
}
/*
#scroll_haut{
  border:1px solid blue;
  background-image: url(../images/scroll_top.jpg);
  background-repeat: no-repeat;
  width:14px;
  height:10px;
}
#scroll_bas{
  border:1px solid blue;
  background-image: url(../images/scroll_bottom.jpg);
  background-repeat: no-repeat;
  width:20px;
  height:10px;
}
*/
/******************************************************************************************
*
*      REFERENCE
*
********************************************************************************************/
div.cadre_reference {
  position:absolute;
  top:300px;
  left:10px;

  margin-top:20px;
  width:160px;
  height:170px;
  overflow:hidden;

  border: 00px solid green;
}
/******************************************************************************************
*
*      CADRE IMAGE
*
********************************************************************************************/
img#grande{
 float:left;
 width:530px;
 height:400px;
 margin-left:3px;
 margin-top:5px;
 padding-bottom:10px;

 border:0px solid grey;
}


div#titre{
  float:left;

  position :absolute;
  top : 420px;
  left:12px;
  width:330px;
  height:auto;

  overflow:hidden;

  margin-top:5px;
  margin-bottom:10px;
  padding-left:5px;

  font-size:16pt;
  font-weight:bold;
  
  border:0px solid green;
}
div#texte{
  float:left;
  position :absolute;
  top : 460px;
  left:12px;
  width:330px;
  height:auto;

  overflow:hidden;
  padding-left:7px;
  font-size:11pt ;


  border:0px solid green;
}