form {
	margin:0;
	padding:0;
}
html {
	height: 100%;
	margin-bottom: 1em;
}
body,td {
	line-height: 135%;
	font-family: Verdana,Helvetica, Arial, sans-serif;
}
body {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	padding-bottom: .5em;
	margin: 0;
}
h1 { font-size: 200%; }
h2 { font-size: 175%; }
h3 { font-size: 150%; }
h4 { font-size: 130%; }
h5 { font-size: 115%; }

body {
	margin: 0;
	padding: 0;
}

a {	text-decoration: none;}
a:hover {	text-decoration: underline;}

pre {
	padding: 10px;
}
.clr {
	clear:both;
}
fieldset.input {
	border: 0;
}
a img {
	border:0;
}

#masthead {
	width:910px;
	margin:0 auto 0 auto;
	padding:0;
	position:relative;
}
#ban_small a img {
	vertical-align:middle;
}

#mod_evenement div.introtext img.left{
	margin-right:1em;
	border:0;
}
#mod_evenement div.introtext img.right{
	margin-left:1em;
	border:0;
}
#mod_evenement div.introtext img.left {
	float:left;
}
#mod_evenement div.introtext img.right {
	float:right;
}
#mod_evenement div.introtext div.img-center {
	text-align:center;
}
#mod_evenement p {
	margin-top:0;
	padding-top:0;
}
#mod_evenement div.evenement {
	margin-bottom:1em;
}
.bt-film-small {
	float:left;
}
table.horaires tr td em,table.horaires tr th em {
	font-weight:normal;
	color:#999;
}

/* correction du synopis en float */
div.horaires h4 {
	clear:both;
	display:block;
}

/* style des blocs autour des pubs */
.pub_space, .pub_space_large {
	height:3px;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	overflow:hidden;
	background:#fff;
}

/* amelioration des fiche films */
div.col-droite {
	float:right;
	width:100px;
}
div.fichefilm-small div.comment {
	text-align:center;
}
div.fichefilm-small h4 {
	line-height:100%;
}
div.fichefilm-full {
	overflow:hidden;
}
div.fichefilm-full div.col {
	width:162px;
	float:left;
	margin-bottom:6px;
}
div.fichefilm-full a.ba {
	text-align:center;
	border:solid 1px #d1d1d1;
	width:155px;
	display:block;
	margin-top:6px;
	padding-top:4px;
	padding-bottom:6px;
}
div.fichefilm-full a.ba:hover {
	text-decoration:none;
	background-color:#d1d1d1;
}
div.fichefilm-full div.vote {
	text-align:center;
	border:solid 1px #d1d1d1;
	width:155px;
	display:block;
	margin-top:6px;
	padding-top:4px;
	padding-bottom:6px;
}
img.affiche { border:solid 1px #000; }
#maincontent div.fichefilm-full h4.in, #maincontent-large div.fichefilm-full h4.in, #maincontent-x-large div.fichefilm-full h4.in { clear:none; }

/* votes */
	span.vote, span.vote-long {	
		display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: bottom;
		line-height:20px; height:10px; position:relative;
		width:50px; overflow:hidden; margin:0 1em 0 0;	padding:0; 
		background-repeat: repeat-x; background-position: left top;
	}
	span.vote a:hover, span.vote a:active, span.vote a:focus, .vote-note{	
		background-repeat: repeat-x; background-position: left top;
	}
	span.vote a, span.vote .vote-note,
	span.vote-long a, span.vote-long .vote-note {
		position:absolute; top:0; left:0; text-indent:-1000em; height:10px;	line-height:10px; 
		outline:none; overflow:hidden; border: none;
	}
	span.vote a:hover, span.vote a:active, span.vote a:focus,
	span.vote-long a:hover, span.vote-long a:active, span.vote-long a:focus {
		background-position: left center;
	}
	a.n1 { width:20%; z-index:6; }
	a.n2{ width:40%; z-index:5; }
	a.n3{ width:60%; z-index:4; }
	a.n4{ width:80%; z-index:3; }
	a.n5{ width:100%; z-index:2; }
	.vote-note { z-index:1; background-position: left bottom; }
	span.voter  { display:none; }
	span.vote-leg span.nbvote  { font-style:italic; }
	
	span.vote-long {	
		line-height:25px; height:25px; 
		width:85px; overflow:hidden; 
		background-repeat: repeat-x; background-position: left center;
	}
	span.vote-long a:hover, span.vote-long a:active, span.vote-long a:focus{	
		background-repeat: repeat-x; background-position: left top;
	}
	span.vote-long a, span.vote-long .vote-note{
		height:25px;line-height:25px; 
	}
/* fin vote */

/* autre films */
#autrefilms a { padding:0 8px 8px 0; }

/* Commentaire public de film */
div.fichefilm-small div.comment , div.fichefilm-full div.comment {
	float:right;
	font-weight:bold;
}
div.fichefilm-small div.comment img , div.fichefilm-full div.comment img {
	vertical-align:top; 
}

/* bouton horaires de la semaines prochaine */
div.bt-sem-pro, div.bt-sem-der {
	text-align:center;
	font-size:13px;
	font-weight:bold;
}
div.videopanel {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
div.videopanel p.vote {
	text-align:center;
	margin:1em 0 0 0 !important;
	padding:0 !important;
}
div.newcomment {
	font-weight:bold;
}
div.photosfilm {
	overflow:hidden;
}

/* flux rss et xiti */
#fluxrss_xiti {
	display:block;
	margin-top:7px;
}

/* correction pour la nouvelle fiche film, dans les pages prochainement et films à l'affiche - 2009-05-12 */
#maincontent div.fichefilm-full p, #maincontent div.fichefilm-small p, #maincontent div.fichefilm-mini p {
	padding:0;
	margin:2px 0 5px 0;
}

/* Style pour XU splash */

#splash_screen {
    width: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	position: absolute;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	z-index: 1;
	cursor: pointer;
}

#splash_screen.bg { background: url(xu/bg.gif); }

#image_content {
	border: 10px solid #FFF;
	background-color: #FFF;
	margin: 0;
	position: absolute;
	z-index: 2;
}

#image_content img {
	margin: 0;
	padding: 0;
	display: none;
	z-index: 3;
	cursor: pointer;
}

#title_content {
    width: 100%;
	font-size: 11px;
	color: #333;
	border: 10px solid #FFF;
	background-color: #FFF;
	margin: 10px 0 0 -10px;
	padding: 0;
	left: 0;
	z-index: 3;
	position: absolute;
}

#splash_previous, #splash_next {
	margin: 0;
	padding: 0;
	top: 0;
	display: block;
	position: absolute;
	z-index: 4;
	cursor: pointer;
	width: 20px;
	height: 20px;
}
#splash_previous { right: 40px; background: url(xu/control_rewind.png) no-repeat center; }
#splash_next { right: 0; background: url(xu/control_forward.png) no-repeat center; }
#splash_pause { top: 0; right: 20px; background: url(xu/control_stop.png) no-repeat center; }
#splash_play { top: 0; right: 20px; background: url(xu/control_play.png) no-repeat center; }
#splash_notification.playing { background: url(xu/control_play.png) no-repeat center; }
#splash_notification.paused { background: url(xu/control_stop.png) no-repeat center; }
#splash_pause, #splash_play, #splash_notification {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 4;
	cursor: pointer;
	width: 20px;
	height: 20px;
}

#splash_close {
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 4;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background: url(xu/cross.png) no-repeat center #FFF;
}

#splash_description {
	margin-top: 4px;
	font-weight: bold;
}

div.ajax-loading { background: url(xu/ajax-loader-lite_red.gif) no-repeat center; }

/* contenue de page normale */
div.page ul { margin-bottom:1em; padding-left:3em; }

/* formulaire de résa pour un event */
#resamail div label { width:200px; text-align:right; margin-right:5px; display:block; float:left;}
#resamail div { display:block; height:30px; clear:left;	}
#resamail .req { color:#c00; font-weight:bold;}
#resa_mail p.msg-merci, #resa_mail p.msg { clear: left; display:block; padding:15px; font-size:18px; text-align:center; width:500px; border:solid 2px #c00; background:#fff;}

