@charset "UTF-8";
/* CSS Document */

html {
	margin-top: 0px;
	font-family: 'Roboto Condensed', sans-serif;
	background-image: url(../images/headBlack.png);
	background-repeat: repeat-x;
}

a:link, a:visited {
	text-decoration: none;
	color:#ff9933;
}

a:hover {
	text-decoration: underline;
	color:#ff9966;
}

img {
	border: 0;
}

#main {
	margin: 0 auto;
	width: 730px;
}

#logo {
	margin: 95px auto 20px auto;
	width: 730px;
	height: 70px;
	background-image: url(../images/logo.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

#player {
	width: 730px;
	height: 430px;
	background-image: url(../images/player.png);
	float:left;
	}

#projekktor {
	height: 396px;
	margin : 6px 5px;
	
}

#sommaire {
	margin: 40px auto;
	width: 728px;
	float:left;
}


#vignette {
	margin: 10px auto;
	width: 25%;
	float: left;
	text-align: center;
}

#pied {
	margin: 0 0 30px 0;
	width: 730px;
	padding-top: 14px;
	text-align: center;
	font-size: 11px;
	color: gray;	
}

#pied a {
	color: gray;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: -2px 2px 10px 10px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

.icon-envelope {
  background-position: -72px 0;
}
.icon-th {
  background-position: -240px 0;
}
.icon-home {
  background-position: 0 -24px;
}

span.roll {
	background:url("../images/play.png") center center no-repeat #000;
	height: 100px;
	position: absolute;
	width: 182px;
	z-index: 10;	
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px  #000;
	box-shadow: 0px 0px 4px  #000; 
}