div#container {
  margin:0;
  padding:0;
  width:400px;
  height:300px;
	overflow: hidden;
}

div#container .content {
  position:absolute;
  top:0px;
  left:0px;
  width:400px;
  height:300px;
  margin:0;
  padding:0;
}

div.slideshow-container{
  position:absolute;
  top:0;
  left:0;
  height: 330px;
  width: 400px;
}
div.loader,
div.slideshow a.advance-link {
  position:absolute;
  top:0;
  left:0;
  height : 300px;
  width: 400px;
  margin:0;
  padding:0;
}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
  position:absolute;
  top:0;
  left:0;
	height: 300px;
  width: 400px;
  margin:0;
  padding:0;
}

div.nav-controls{
  position:absolute;
  top:300px;
  left:2px;
  width:270px;
  height:25px;
  background:url(../../images/all/onglet_diaporama.gif) top left no-repeat;
}

div.nav-controls2{
  position:absolute;
  top:300px;
  height:25px;
  background:url(../../images/all/onglet_diaporama2.gif) top left no-repeat;
  width:149px;
}

div.slideshow img {
  position:absolute;
  top:0;
  left:0;
  border-top:solid 0px red;
  border-left:solid 0px red;
  border-right:solid 0px red;
  border-bottom:solid 0px red !important;  
  
  }

div.nav-controls a.next {
  position:absolute;
  top:0;
  left:140px;
  width:22px;
  height:25px;
  text-decoration: none;
  background:url(../../images/all/bt_diapo_suiv.gif) top left no-repeat;
}

div.nav-controls a.prev {
  position:absolute;
  top:0;
  left:120px;
  width:22px;
  height:25px;
  text-decoration: none;
  background:url(../../images/all/bt_diapo_prec.gif) top left no-repeat;
}

div.nav-controls2 a.next {
  position:absolute;
  top:0;
  left:55px;
  width:22px;
  height:25px;
  text-decoration: none;
  background:url(../../images/all/bt_diapo_suiv.gif) top left no-repeat;
}

div.nav-controls2 a.prev {
  position:absolute;
  top:0;
  left:30px;
  width:22px;
  height:25px;
  text-decoration: none;
  background:url(../../images/all/bt_diapo_prec.gif) top left no-repeat;
}


div#caption {
  position:absolute;
  top:300px;
  left:270px;
  width:130px;
  height:25px;
  background:url(../../images/all/onglet_visite.gif) top left no-repeat;
  padding-left:0px;
  padding-top:5px;
  color:#FFFFFF;
  font-weight:bold;
  font-size :8pt;
}

#diaporama
{
position:relative;
float:left;
top:500px;
left:250px;
margin-left:auto;
margin-right:auto;
width:500px;
height:500px;
}

.photo-index{
position:relative;
float:left;
left:-100px;
font-family :arial;
font-size:8pt;
}

.previ_emplacement
{
  left: -22px;
  position : relative;
  color : #FFFFFF;
  font-size:8pt;
  width:150px;
}

#visite_jf{
position:relative;
float:left;
left:0px;
padding-left:0px;
top:-12px;
width:125px;
text-align:center;
  background:url(../../images/all/onglet_visite.gif) top left no-repeat;
}

#visite_jf2{
position:relative;
float:left;
left:-129px;
padding-left:0px;
top:-19px;
width:129px;
text-align:center;
  background:url(../../images/all/onglet_visite.gif) top left no-repeat;
  height : 29px;
}

a.lien_jf
{
  position:relative;
  color:#FFFFFF;
  font-weight:bold;
  font-size :8pt;
  text-decoration:none;	
  font-family :arial;
  left:-13px;
}

a.lien_jf:hover
{
  color:#FFFFFF;
  font-weight:bold;
  font-size :8pt;	
 text-decoration:none;	
 font-family :arial;
}

div#caption2 {
  position:relative;
  top:300px;
  left:140px;
  width:160px;
  height:25px;
  background:url(../../images/all/onglet_visite.gif) top left no-repeat;
  padding-left:-5px;
  padding-top:5px;
  color:#FFFFFF;
  font-weight:bold;
  font-size :8pt;
}

a.lien_jf2
{
  position: relative;
  float:left;
  left:5px;
  color:#FFFFFF;
  font-weight:bold;
  font-size :8pt;
  text-decoration:none;	
  top : 5px;
}

a.lien_jf2:hover
{
  position: relative;
  float:left;
  left:5px;
  color:#FFFFFF;
  font-weight:bold;
  font-size :8pt;	
 text-decoration:none;	
 top : 5px;
}

.btVisiteEmp
{
    position: relative;
    left : 10px;
    top : 10px;
    bottom : 10px;
}