/* style general de la page html  */


body {
   width: 960px;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	color:#bbb;
	background:#ffffff;
   margin:auto;

}
a {
	outline:none;
}
ul {
	margin:0;
	padding:0;
}
p {
	font-style:normal;
}

#loop {
   width: 960px;
   position: absolute;
}

#looptexte1{
   width: 470px;
   height: 100%;
}

#looptexte2{
   width: 465px;
   height: 100%;
}

#loopmenu{
   width: 960px;

}
#messagex {
   width: 600px;



}



/*  style du diaporama */


.jDiaporama {
	position:relative;
}
.jDiaporama ul {
	-moz-box-shadow:1px 1px 0.5em #222;
	overflow:hidden;
}
.jDiaporama li {
	list-style-type:none;
	overflow:hidden;
	position:absolute
}
.jDiaporama li img {
	display:block
}
.jDiaporama li .desc {
	position:absolute;
	bottom: 0;
	left: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
	background:url(images/back_desc.png) repeat;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/back_desc.png', sizingMethod='scale');
	_background-image:none;
	width:100%;
	height:30px
}
.jDiaporama li .title {
	position:absolute;
	top: 0;
	left: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
}
/**** Controleur du diaporama ****/


.jDiaporama li .count {
	position:absolute;
	top: 0;
	right: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
}
.jDiaporama_controls {
	display:none;
}
.jDiaporama_controls a {
	font-weight:normal;
	width:10px;
	height:13px;
	text-indent:-9999px;
	display:block;
	margin:0 3px;
	position:absolute;
}
.jDiaporama_controls .prev {
	background:url(images/controls2.png) no-repeat bottom;
	_background:url(images/controls.gif) no-repeat bottom;
	top:50%;
	margin-top:-16px;
	height:32px;
	width:32px;
	left: 0px
}
.jDiaporama_controls .next {
	background:url(images/controls2.png) no-repeat top;
	_background:url(images/controls.gif) no-repeat top;
	top:50%;
	margin-top:-16px;
	height:32px;
	width:32px;
	right: 0px
}
.jDiaporama_controls .pause {
	background:url(images/playpause.png) no-repeat top;
	_background:url(images/playpause.gif) no-repeat top;
	width:64px;
	height:48px;
	left:50%;
	top:50%;
	margin-left:-32px;
	margin-top:-24px;
}
.jDiaporama_controls .play {
	background:url(images/playpause.png) no-repeat bottom;
	_background:url(images/playpause.gif) no-repeat bottom;
	width:64px;
	height:48px;
	left:50%;
	top:50%;
	margin-left:-32px;
	margin-top:-24px;
}
/**** Status ****/

.jDiaporama_status {
	text-align:center;
	margin-top:40px;
	position:absolute;
	left:50%;
	display:none
}
.jDiaporama_status a {
	background:url(images/bullets.png) no-repeat left;
	_background:url(images/bullets.gif) no-repeat left;
	float:left;
	width:10px;
	height:10px;
	text-indent:-9999px;
	margin-right:5px;
}
.jDiaporama_status a.active, .jDiaporama_status a:hover {
	background:url(images/bullets.png) no-repeat right;
	_background:url(images/bullets.gif) no-repeat right;
}