/* faire en sorte que les titres ne depassent pas les 75 caracteres */
a.lienstitre:link {
	color: white;
	font-weight: bold;
}
a.lienstitre:visited {
	color: white;
	font-weight: bold;
}
a.lienstitre:active {
	color: white;
	font-weight: bold;
}
a.lienstitre:hover {
	color: white;
	font-weight: bold;
}
a.liensdetails:link {
	color: white;
	font-weight: bold;
	font-size: 10px;
}
a.liensdetails:visited {
	color: white;
	font-weight: bold;
	font-size: 10px;
}
a.liensdetails:active {
	color: white;
	font-weight: bold;
	font-size: 10px;
}
a.liensdetails:hover {
	color: white;
	font-weight: bold;
	font-size: 10px;
}
a.liensblanc:link {
	color: white;
	font-size: 10px;
}
a.liensblanc:visited {
	color: white;
	font-size: 10px;
}
a.liensblanc:active {
	color: white;
	font-size: 10px;
}
a.liensblanc:hover {
	color: white;
	font-size: 10px;
	font-weight: bold;
}
a.jaune:link {
	color: #e6e81b;
	font-size: 10px;
}
a.jaune:visited {
	color: #e6e81b;
	font-size: 10px;
}
a.jaune:active {
	color: #e6e81b;
	font-size: 10px;
}
a.jaune:hover {
	color: #e6e81b;
	font-size: 10px;
	font-weight: bold;
}
.fleche { cursor: default;}
body {
	font-family: Verdana, arial, sans-serif;
	font-size: 11px !important;
	margin: 0px;
	padding: 0px;
	color: #dddddd;
	background-color: black;
}
#conteneur {
	position: absolute;
	width: 800px;
	height: 300px;
	top: 2px;
	left: 7px;
}
#header {
	position: absolute;
	width: 800px;
	height: 52px;
	top: 0px;
	left: 0px;
}
#logo {
	float: left;
	width: 58px;
	height: 52px;
}
#cinema {
	float: left;
	width: 150px;
	height: 52px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-top: 8px;
	color: #908a2e;
	background-image: url(images/degrade1.jpg); width: 150px; height: 52px;
	background-repeat: no-repeat;
}
#texte {
	float: left;
	width: 502px;
	height: 52px;
	font-size: 15px;
	font-weight: bold;
	color: #9f5555;
	line-height: 20px;
	padding-top: 3px;
	text-align: center;
	background-image: url(images/camera-degrade2.gif); width: 502px; height: 52px;
	background-repeat: no-repeat;
}
#camera {
	float: left;
	width: 90px;
	height: 52px;
}
#temprecherche {
	position: absolute;
	width: 800px;
	height: 90px;
	top: 60px;
	left: 0px;
}
#temp {
	float: left;
	width: 500px;
	height: 75px;
	padding-top: 15px;
	text-align: center;
}
#event0 {
	float: left;
	width: 60px;
	height: 50px;
}
#panier {
	float: left;
	width: 170px;
	height: 50px;
	line-height: 15px;
	background-image: url(images/panier_cadre.jpg); width: 130px; height: 50px;
	background-repeat: no-repeat;
}
#event3 {
	float: left;
	width: 70px;
	height: 50px;
}
#maselec {
	float: left;
	width: 190px;
	height: 50px;
}
#recherche {
	float: left;
	width: 300px;
	height: 90px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	background-image: url(images/rect-recherche.jpg); width: 300px; height: 90px;
	background-repeat: no-repeat;
}
#menu {
	position: absolute;
	width: 800px;
	height: 20px;
	top: 155px;
	left: 0px;
	background-image: url(images/degrade-menu4.gif); width: 800px; height: 20px;
	background-repeat: no-repeat;
}
#menu a {
	color: #dddddd;
	text-decoration: none;
	font-weight: bold;
	line-height: 9px;
	background-image: url(images/bouton2.gif); width: 20px; height:20px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	float: left;
	padding-left: 22px;
}
#menu a:hover {
	color: white;
	text-decoration: none;
	font-weight: bold;
	line-height: 9px;
	background-image: url(images/bouton.gif); width: 20px; height:20px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	float: left;
	padding-left: 22px;
}
#vide {
	float: left;
	width: 60px;
	height: 20px;
}
#vide a{
	background-image: url(images/spacer.gif); width: 1px; height:1px;
	background-repeat: no-repeat;
}
#nouveau {
	float: left;
	width: 114px; height: 20px;
}
#nouveau a{
	line-height: 17px;
	
}
#nouveau a:hover{
	line-height: 17px;
	text-shadow: 3px 3px 5px black;
}
#acqui {
	float: left;
	width: 114px; height: 20px;
}
#ventes {
	float: left;
	width: 114px; height: 20px;
}
#ventes a{
	line-height: 17px;
	padding-left: 30px;
}
#ventes a:hover {
	line-height: 17px;
	padding-left: 30px;
}
#selection {
	float: left;
	width: 114px;
	height: 20px;
}
#selection a {
	padding-left: 23px;
}
#selection a:hover {
	padding-left: 23px;
}
#liens {
	float: left;
	width: 114px;
	height: 20px;
}
#liens a{
	line-height: 17px;
	padding-left: 23px;
}
#liens a:hover{
	line-height: 17px;
	padding-left: 23px;
}
#horaires {
	float: left;
	width: 114px; height: 20px;
}
#smenu1 {
	display: none;
	position: absolute;
	width: 800px;
	height: 30px;
	top: 175px;
	left: 0px;
	padding-top: 2px;
	background-image: url(images/smenu1.gif); width: 800px; height: 30px;
	background-repeat: no-repeat;
	text-align: center;
}
#smenu2 {
	display: none;
	position: absolute;
	width: 800px;
	height: 30px;
	top: 175px;
	left: 0px;
	padding-top: 2px;
	background-image: url(images/smenu2.gif); width: 800px; height: 30px;
	background-repeat: no-repeat;
	text-align: center;
}
#smenu3 {
	display: none;
	position: absolute;
	width: 800px;
	height: 30px;
	top: 175px;
	left: 0px;
	padding-top: 2px;
	background-image: url(images/smenu3.gif); width: 800px; height: 30px;
	background-repeat: no-repeat;
	text-align: center;
}
#titrepage {
	position: absolute;
	width: 800px;
	height: 20px;
	top: 215px;
	left: 0px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #9f5400;
}
#rela {
	position: absolute;
	width: 800px;
	height: 300px;
	top: 242px;
	left: 0px;
}
#liste0 {
	position: relative;
	width: 800px;
	height: 110px;
	top: 0px;
	left: 0px;
}
#film0 {
	float: left;
	width: 400px;
	height: 110px;
	background-image: url(images/iselec.jpg); width: 400px; height: 110px;
	background-repeat: repeat-y;
}
#image0 {
	padding-left: 5px;
	padding-top: 3px;
	float: left;
	width: 85px;
	height: 110px;
}
#details0 {
	float: left;
	width: 310px;
	height: 110px;
	text-align: center;
	padding-top: 3px;
}
#film1 {
	float: left;
	width: 400px;
	height: 110px;
	background-image: url(images/iselec.jpg); width: 400px; height: 110px;
	background-repeat: repeat-y;
}
#image1 {
	padding-left: 5px;
	padding-top: 3px;
	float: left;
	width: 85px;
	height: 110px;
}
#details1 {
	float: left;
	width: 310px;
	height: 110px;
	text-align: center;
	padding-top: 3px;
}
#details1 a {
	line-height: 10px;
	font-weight: bold;
}
#liste1 {
	position: relative;
	width: 800px;
	height: 110px;
	top: 5px;
	left: 0px;
	clear: both;
}
#film2 {
	float: left;
	width: 400px;
	height: 110px;
	background-image: url(images/iselec.jpg); width: 400px; height: 110px;
	background-repeat: repeat-y;
}
#image2 {
	padding-left: 5px;
	padding-top: 3px;
	float: left;
	width: 85px;
	height: 110px;
}
#details2 {
	float: left;
	width: 310px;
	height: 110px;
	text-align: center;
	padding-top: 3px;
}
#details2 a {
	line-height: 10px;
	font-weight: bold;
}
#film3 {
	float: left;
	width: 400px;
	height: 110px;
	background-image: url(images/iselec.jpg); width: 400px; height: 110px;
	background-repeat: repeat-y;
}
#image3 {
	padding-left: 5px;
	padding-top: 3px;
	float: left;
	width: 85px;
	height: 110px;
}
#details3 {
	float: left;
	width: 310px;
	height: 110px;
	text-align: center;
	padding-top: 3px;
}
#details3 a {
	line-height: 10px;
	font-weight: bold;
}
#liste2 {
	position: relative;
	width: 800px;
	height: 110px;
	top: 10px;
	left: 0px;
	clear: both;
}
#film4 {
	float: left;
	width: 400px;
	height: 110px;
	background-image: url(images/iselec.jpg); width: 400px; height: 110px;
	background-repeat: repeat-y;
}
#image4 {
	padding-left: 5px;
	padding-top: 3px;
	float: left;
	width: 85px;
	height: 110px;
}
#details4 {
	float: left;
	width: 310px;
	height: 110px;
	text-align: center;
	padding-top: 3px;
}
#details4 a {
	line-height: 10px;
	font-weight: bold;
}
#film5 {
	float: left;
	width: 400px;
	height: 110px;
	background-image: url(images/iselec.jpg); width: 400px; height: 110px;
	background-repeat: repeat-y;
}
#image5 {
	padding-left: 5px;
	padding-top: 3px;
	float: left;
	width: 85px;
	height: 110px;
}
#details5 {
	float: left;
	width: 310px;
	height: 110px;
	text-align: center;
	padding-top: 3px;
}
#details5 a {
	line-height: 10px;
	font-weight: bold;
}
#liste3 {
	position: relative;
	width: 800px;
	height: 110px;
	top: 15px;
	left: 0px;
	clear: both;
}
#film6 {
	float: left;
	width: 400px;
	height: 110px;
	background-image: url(images/iselec.jpg); width: 400px; height: 110px;
	background-repeat: repeat-y;
}
#image6 {
	padding-left: 5px;
	padding-top: 3px;
	float: left;
	width: 85px;
	height: 110px;
}
#details6 {
	float: left;
	width: 310px;
	height: 110px;
	text-align: center;
	padding-top: 3px;
}
#details6 a {
	line-height: 10px;
	font-weight: bold;
}
#film7 {
	float: left;
	width: 400px;
	height: 110px;
	background-image: url(images/iselec.jpg); width: 400px; height: 110px;
	background-repeat: repeat-y;
}
#image7 {
	padding-left: 5px;
	padding-top: 3px;
	float: left;
	width: 85px;
	height: 110px;
}
#details7 {
	float: left;
	width: 310px;
	height: 110px;
	text-align: center;
	padding-top: 3px;
}
#details7 a {
	line-height: 10px;
	font-weight: bold;
}
#numero {
	position: relative;
	width: 800px;
	height: 15px;
	top: 20px;
	left: 0px;
	text-align: center;
	font-size: 10px;
	clear: both;
}
#barre {
	position: relative;
	width: 800px;
	height: 20px;
	top: 25px;
	left: 0px;
	background-color: #9f5400;
}
#ssliens {
	position: relative;
	width: 800px;
	height: 50px;
	top: 35px;
	left: 0px;
	text-align: center;
}
#ssliens a{
	color: white;
	background-image: url(images/puce2.gif); width: 15px; height: 15px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 13px;
}
#ssliens a:hover {
	color: white;
	font-weight: bold;
	background-image: url(images/puce.gif); width: 15px; height: 15px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 13px;
}
#basmenu {
	position: relative;
	width: 800px;
	height: 50px;
	top: 40px;
	left: 0px;
}
#basmenu a{
	color: white;
	background-image: url(images/puce2.gif); width: 15px; height: 15px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 13px;
}
#basmenu a:hover {
	color: white;
	font-weight: bold;
	background-image: url(images/puce.gif); width: 15px; height: 15px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 13px;
}
#misejour {
	float: left;
	width: 160px;
	height: 50px;
	text-align: center;
	font-size: 12px;
}
#misejour span {
	font-size: 13px;
	font-weight: bold;
}