*{
	margin				: 0;
	padding				: 0;
}

body{
	text-align			: center;
	font				: 11px "Tahoma", Arial, Helvetica, sans-serif;
	color				: #fff;
	background			: #9c9b9a;
	background			: url('../img/bg-body-2.jpg') #1a171b;
}

h1 {
	font-size			: 1.4em;
}

p {
	margin: 1em 0;
}

a {
	outline				: none;
	color				: #fff;
	text-decoration		: none;
}

img {
	border		: 0;
}

ul, li{
	margin			: 0;
	padding			: 0;
	list-style-type	: none;
}


/* =================================== */
/* ============ STRUCTURE ============ */
/* =================================== */

div#global {
	position			: relative;
	width				: 965px;
	margin				: 50px auto;
	text-align			: left;
	padding				: 0;
}

/****************** FOOTER **************************************/

div#footer{
	clear				: both;
	position			: relative;
	width				: 965px;
	height				: 70px;
	background			: url('../img/bg-footer.jpg') no-repeat left 20px;
	text-align			: center;
	color				: #a5a5a7;
}

#footer div.hidden{
	display:block;
	text-indent			: -5000px;
	margin				: auto;
	text-align			: center;
	height				: 55px;
}

#footer div{
	margin				: auto;
}

div h3{
	margin				: 5px 0 0 0 ;
	padding				: 0;
	color				: #fed401;
	font-style			: italic;
	font-weight			: normal;
	font-size			: 20px;
}

#legendecontent li h3{
	margin				: -5px;
	font-size			: 18px;
}


/******************* TOP ***********************/

div#top{
	position			: relative;
	width				: 965px;
	height				: 70px;
	background			: url('../img/bg-top.jpg');
	margin-bottom		: 20px;
}

#top h1 a{
	background			: none;
	height				: 69px;
	width				: 215px;
	margin-left			: 120px;
	display				: block;
	text-indent			: -9999px;
}

div#content{
	position			: relative;
	width				: 965px;
	height				: 445px;
	background			: url('../img/bg-content.gif') no-repeat top left;
	margin				: 0;
	padding				: 30px 0 0 0;
}

/****************** CONTENT LEFT **********************/

div#left{
	position			: relative;
	margin				: 0;
	margin-left			: 10px;
	width				: 330px;
	text-align			: right;
	float				: left;
}

div#left a{
	color				: #ffd500;
	text-decoration		: none;
}

div#left a:hover{
	color				: #000;
}

div#left p{
	margin-right		: 15px;
}

/****************** CONTENT RIGHT **********************/

div#right{
	position			: relative;
	float				: left;
	width				: 611px;
	text-align			: justify;
	margin-left			: 0px;
}

.container{
	width				: 561px;
	background			: url('../img/bg-right.jpg') left bottom no-repeat;
	padding				: 10px 25px 25px 25px;
	color				: #fff;
	height				: 305px;
	overflow			: hidden;
}

.scroll-pane{
	width				: 535px;
	height				: 300px;
	background			: transparent;
	padding-left		: 15px;
}


/***************** DIAPO   *******************************/

#diapo{
	position			: relative;
	overflow			: hidden;
	width				: 560px;
}

#diapocontent{
	width				: 90000px;
	position			: relative;
	height				: 300px;
}

#diapocontent li{
	float				: left;
	width				: 560px;
	height				: 295px;
	text-align			: center;
	margin-bottom		: 10px;
	padding				: 0;
}

#goleft{
	float				: left;
	width				: 24px;
	height				: 33px;
	background			: url('../img/goleft.jpg');
	margin-top			: 20px;
}

#goright{
	float				: left;
	width				: 24px;
	height				: 33px;
	background			: url('../img/goright.jpg');
	margin-top			: 20px;
}

#goleft:hover, #goright:hover{
	cursor				: pointer;
}

#legendecontainer{
	float				: left;
	overflow			: hidden;
	width				: 560px;
	height				: 33px;
	background			: url('../img/bg-legende.jpg') no-repeat;
	margin-top			: 20px;
}

#legende{
	position			: relative;
	overflow			: hidden;
	width				: 550px;
	height				: 30px;
	margin-left			: 5px;
}

#legendecontent{
	width				: 90000px;
	position			: relative;
	text-align			: center;
}

#legendecontent li{
	float				: left;
	width				: 510px;
	text-align			: center;
	margin-top			: 5px;
	padding				: 0px 20px 0 20px;
	font-size			: 10px;
}

.stop-playing{
	position			: absolute;
	top					: 382px;
	left				: 250px;
	color				: #6c6c6c;
}

.stop-playing:hover{
	cursor				: pointer;
}


/***************** CONTACT *******************************/

.formcontact p{
	padding				: 0;
	margin				: 0;
}

label{
	display				: inline-block;
	float				: left;
	width				: 120px;
	padding-top			: 2px;
	color				: #ebc710;
	margin-top			: 5px;
}

#formcontact span{
	width				: 12px;
	height				: 12px;
	padding				: 2px;
	float				: left;
	margin-top			: 7px;
	display				: inline-block;
}

#formcontact .wrong{
	border				: 1px solid #000;
}

#formcontact input, #formcontact textarea, #formcontact select{
	background			: url('../img/bg-input.jpg') #979797;
	border				: 1px solid #ccc;
	font				: 11px Verdana, Arial, Helvetica, sans-serif;
	color				: #fff;
	padding				: 2px;
	width				: 400px;
	float				: left;
	margin-top			: 5px;
}

#formcontact select{
	width				: 406px;
}

#formcontact textarea{
	height				: 130px;
}

#formcontact .envoyer{
	margin-left			: 120px;
	width				: 405px;
	cursor				: pointer;
}

.contact{
	border				: 1px solid #fff;
}

/*************************** REFERENCES ***************************/

.ref{
	float				: left;
	width				: 120px;
	margin				: 0 10px 0 10px;
}

.ref ul{
	margin				: 0 0 20px 0;
}

.ref  ul li{
	text-align			: left;
	list-style-type		: circle;
}

.titre{
	color				: #fed401;
}

.holdtype{
	font-size			: 24px;
}

div#diapo .random{
	position			: absolute;
	bottom				: 0;
	left				: 0;
	margin				: 0 auto;
	height				: 112px;
	width				: 555px;
	text-align			: center;
}

div#diapo .random .randcontent{
	position			: relative;
	width				: 493px;
	height				: 112px;
	margin				: 0 auto;
}

div#diapo .random .randcontent div{
	float				: left;
	position			: relative;
	width				: 110px;
	height				: 110px;
	background			: #9b9a96;
	border				: 1px solid #fff;
	margin				: 0 5px;
}

div#diapo .random div img{
	position			: absolute;
	top					: 50%;
	left				: 50%;
}