body.index{
background:#7fb4f6 url(../images/bg-body2.jpg) repeat-x bottom;
}

#container1{
width:880px;
margin:0 auto;
padding-top:30px;}

a{
	outline:none
}

ul{
	margin:0;
	padding:0;
}


.logo{
width:830px;
margin:0 auto;
padding-left:50px;
text-align:center;
margin-top:8px;
}

.logo .espace_logo{
margin-left:5px;}

#langue{
width:880px;
margin:0 auto;
text-align:center;
height:30px;
font:13px Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
padding:0px;
margin-top:0px;}

#langue span{
font:13px Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
margin:O 10px;} 

#langue span a{
font:13px Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;} 
#langue img.fr{
margin-left:20px;}

.diaporama{
	position:relative;
	margin-top:5px;
	padding:8px;
	margin-bottom:0px;
	width:972px;
	background:url(../images/bg-anim.png) no-repeat;
	height:364px
}

.diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
}

.diaporama_controls{
	width:512px;
	margin:3px 0;
	padding:5px;
	clear:both;
	overflow:hidden;
}

.diaporama_controls .btns{
	float:right;
}

.diaporama_controls a{
	font-weight:normal;
	width:10px;
	height:13px;
	text-indent:-9999px;
	display:inline-block;
	margin:0 3px;
}

.diaporama_controls .prev{
	background:url(img/fleches_diapo.png) no-repeat top right;
}

.diaporama_controls .next{
	background:url(img/fleches_diapo.png) no-repeat top left;
}

.diaporama_controls .pause{
	background:url(img/fleches_diapo.png) no-repeat bottom right;
}

.diaporama_controls .play{
	background:url(img/fleches_diapo.png) no-repeat bottom left;
}


#trait{
width:100%;
background-color:#3d82d5;
height:1px;}

#slideshow {
  padding:0px;
  text-align:center;
  width: 800px;
  height: 300px;
  margin:auto auto 50px auto;
  border: solid 3px white ;
}
