/******************************* PAGE PRESENTATION ********************************/



div#content div#content-middle div#data div.left{
	width: 455px;
	text-align: justify;
	font-size: 11px;
	padding-top: 45px;
	padding-left: 40px;
	float: left;
	margin-right : 41px;
}
	div#content div#content-middle div#data div.left h1{
		color: #AEAE11;
		font-family: Verdana;
		font-size: 16px;
		font-weight: normal;
		height: 22px;
		background: url(../images/fond/fond_titre_presentation.jpg) no-repeat bottom right;
	}

	div#content div#content-middle div#data div.left p.chapeau{
		font-weight: bold;
		padding-top: 15px;
	}
	div#content div#content-middle div#data div.left p{
		margin-bottom: 15px;
	}
	div#content div#content-middle div#data div.left p.citation{
		font-size: 12px;
		font-style: italic;
		color: #AEAE11;
	}
	div#content div#content-middle div#data div.left p.auteur{
		font-weight: bold;
		color: #AEAE11;
		text-align: right;
	}


	div#content div#content-middle div#data div.left p.legende{
		font-size: 12px;
		font-style: italic;
		color: white;
		background: url(../images/presentation/puce.jpg) no-repeat left center;
		height: 10px;
		color: white;
		margin-left: 560px;
		width: 450px;
		position: relative;
		z-index: 2;
		text-indent: 15px;
		padding-bottom:4px;
		margin-bottom: 0px;
		margin-top:-17px;
	}

div#content div#content-middle div#data div.right{
	width: 463px;
	height : 407px;
	float: left;
	position : relative;
	overflow : hidden;
}


div#content div#content-middle div#data div.right #slideshow img{
	padding-left: 15px;
	position: relative;
	z-index: 1;
}


/*********************************************************************************** */
/* Mise en page du diaporama */


div#content-middle div#data div.right
{
	width: 500px;
}
div#content-middle div#data div.right img#masque
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 12;
}
#slideshow {
    position:absolute;
    height:407px;
    width: 478px;
    top: 0px;
    right: 0px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    height: 407px;
    background-color: #FFF;
}

#slideshow DIV.elt{
	display : none;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {

    display: block;
    border: 0;
    margin-bottom: 10px;
}

#slideshow DIV div.legende{
  width : 473px;
  left : -25px;
  background : url(../../images/accueil/masque_legende-trans.png) no-repeat top left;
  height : 31px;
  position : absolute;
  top : 376px;
  padding-left: 40px;
  z-index : 10;
  font-size : 0.7em;
  color: #676566;
  font-weight : bold;
  font-style : italic;
}

#slideshow DIV div.legende p{
  background : url(../../images/accueil/point_legende-trans.png) no-repeat left 3px;
  padding-left: 18px;
  margin-top : 8px;
  margin-left:100px;
}

#slideshow DIV.active div.legende p{
display : block;
}