@charset "utf-8";
/* CSS Document 
Great thanks to the authors of the javascripts used on this website
*/


* {
margin:0;
padding:0;
}

html {
overflow-x:hidden;
}

body {
background-color:#000000;
color:#A4A4A4;
font-family:Tahoma,sans-serif;
font-size:11px;
line-height:16px;
}

a:link, a:visited {
color:#FFFFFF;
text-decoration:none;
}
a img {
border:0 none;
}
div.wrap {
margin:0 auto;
text-align:left;
width:900px;
}
div#top div#nav {
clear:both;
float:left;
height:52px;
margin:22px 0 0;
width:900px;
}
div#top div#nav ul {
float:left;
height:52px;
list-style-type:none;
width:700px;
}
div#nav ul li {
float:left;
height:52px;
}
div#nav ul li a {
border:0 none;
display:block;
height:52px;
line-height:52px;
text-indent:-9999px;
}
div#header {
margin:-1px 0 0;
}

div#header div.wrap {
height:400px;
}
div#header div#slide-holder {
height:569px;
position:absolute;
width:900px;
z-index:40;

}
div#header div#slide-holder div#slide-runner {
height:569px;
overflow:hidden;
position:absolute;
width:900px;
top: 7px;
}
div#header div#slide-holder img {
display:none;
margin:0;
position:absolute;
}
div#header div#slide-holder div#slide-controls {
height:46px;
left:0;
position:absolute;
width:900px;

 background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
}
div#header div#slide-holder div#slide-controls p.text {
color:#FFFFFF;
display:inline;
float:left;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
display:inline;
float:right;
height:24px;
margin:11px 15px 0 0;
visibility: hidden;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-position:0 0;
display:inline;
float:left;
font-size:11px;
font-weight:bold;
height:24px;
line-height:24px;
margin:0 5px 0 0;
text-align:center;
text-decoration:none;
width:24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position:0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image:url(images/silde-nav.png);
}
div#nav ul li a {
background:transparent url(images/nav.png) no-repeat scroll 0 0;
}

#slide-nav {
	visibility: hidden;
}


img {
	border: 0;
}


#carres {
	margin-left: -15px;
	width:2000px;
	height: 130px;
}

#murmur {

	background-color:#000;
	height: 135px;
	width: 900px;
	margin: auto;
}


#liens {
	height: 25px;
	width: 360px;
	margin-top: 3px;
	float: right;
}

#liens ul li{
	margin-left: 30px;
	float: right;
}



#logo {
	background: url(images/accueil/logo.png) no-repeat;
	width: 370px;
	height: 100px;
	  margin-top: 7px;
	float: left;	
}

#logo h1 {
text-indent: -100000px;
}


#logo h1 a {
	width: 370px;
	height: 100px;
	display:block; 
}



#emotions {
	background: url(images/accueil/emotions.png) no-repeat;
	float: right;
	width: 236px;
	height: 72px;
	margin-right: 220px;
	
	
}

#page{
background-color: #FFF;
margin: auto;
height: 580px;
}

#defil {
	width: 890px;
	height: 25px;
	font-size:11px;
	font-weight:bold;
	color:#4F4F4F;
	letter-spacing:0.2em;
}


ul {
list-style-type: none;

}

li {
	float: left;
}

#footer {
	height: 18px;
	background-color:#000;
	position: fixed;
	color: #777;
	z-index: 999;
	width: 100%;
	bottom: 0;
	padding-left: 20px;
	font-size: 0.9em;
}

#footer a{
	color: #777;
}

#footer a:hover{
	color: #ccc;
}