BODY {
	background:url(images/left_col_body_bg.jpg) repeat-y left;
	margin:0;
}
BODY, TH, TD {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
IMG{
	border:0;
}

INPUT, SELECT, TEXTAREA {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
INPUT.submit {
	padding:2px;
	border:1px solid #DD0034;
	background-color:#DD0034;
	color:#FFFFFF;
	font-weight:bold;
}
INPUT.link_style {
	padding:2px;
	margin:0 0 0 5px;
	border:0;
	background:0;
	color:#DD0034;
	font-weight:bold;
}


A {
	color:#DD0034;
}
A:hover {
	text-decoration : none;
}


#error_msg {
	margin-top:10px;
	font-weight:bold;
	color:#FF0000;
}

H4{
	margin-bottom:5px;
}


/* Structure
-------------------------------------------------------- */

.vertical_margin{
	width:10px;
	font-size:1px;
	color:#FFFFFF;
}
#side_top{
	height:119px;
	/*background-color:#3C3C3C;*/
	background:url(images/top_bg.jpg) repeat-x left top;
	vertical-align:bottom;
}
#side_top_2{
	height:119px;
	/*background-color:#3C3C3C;*/
	background:url(images/top_bg.jpg) repeat-x left top;
	vertical-align:middle;
	text-align:right;
	padding-right:20px;
}

#uc_logo{
	background-color: #000000;
	text-align:center;
	margin:0 0 20px 0;
}

#baseline{
	background-color:#DD0034;
	padding:0;
	margin-right:3px;
	font-size:13px;
}
#baseline DIV{
	margin:3px 5px 1px 80px;
	text-align:right;
	color:#FFFFFF;
	font-weight:bold;
	height:20px;
}
#img_title{
	background:url(images/top_title.jpg) no-repeat left top;
	padding:0;
}
html>body #img_title{
	padding-bottom:3px;
}

#main_content{
	height:320px;
	background:url(images/main_bg.jpg) repeat-x left top;
	vertical-align:top;
	padding:10px;
}



/* Content
-------------------------------------------------------- */
#content {
	margin : 0 1em 0 0;
	padding : 1em;
}
DIV.h_sep {
	/*border:0;*/
	border-top:1px solid #DD0034;
	margin:2px 0;
	font-size:1px;
}
html>body DIV.h_sep {
	margin:5px 0;
}


/* Menu
-------------------------------------------------------- */
#sidebar{
	background:url(images/left_col_bg.jpg) no-repeat left 119px;
  width:119px;
	vertical-align:top;
	text-align:right;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#sidebar ul {
	padding:0;
	margin:0 10px;
	font-size:13px;
}
#sidebar li {
	list-style:none;
	margin:0 0 20px 0;
	color:#FFFFFF;
}
#sidebar li a {
	color:#FFFFFF;
}
#sidebar li a:hover {
	text-decoration:none;
}
#main_menu A{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	font-size:15px;
}
#main_menu A:hover, #main_menu A.current{
	color:#DD0034;
}


/* Home
------------------------------------------------------- */
#home {
	padding:10px 45px 0 12px;
}
#login_form {
	margin:20px 0 30px 0;
	font-weight:bold;
}
#login_form TABLE TD {
	padding-bottom:5px;
}
#login_form INPUT {
	margin-bottom:3px;
}
#login_form INPUT.text {
	width:128px;
}
.info_text {
	margin:0 10% 50px 0;
	/*font-weight:bold;*/
}
#home .home_photos{
	width:100%;
	margin:15px 0;
}
#home .home_photos TD{
	text-align:center;
}



/* Compte
------------------------------------------------------- */
#account_form{
	margin:10px 0 0 0;
}
#account_links{
	margin:0 0 20px; 0;
}
#account_form H2{
	font-size:20px;
	margin:10px 0 30px 0;
	color:#DD0034;
}
#account_form TABLE{
	border-collapse:separate;
	border-spacing:8px 3px;
	margin-left:10%;
}
#account_form TD{
	text-align:right;
}
#account_form TABLE SELECT{
	width:204px;
}
#account_form TABLE INPUT{
	width:200px;
}
#account_form TD.no_width{
	text-align:left;
}
#account_form TD.no_width INPUT, #account_form TD.no_width SELECT{
	width:auto;
}
#account_form .submit_bloc{
	margin-left:10%;
	padding:20px 0 0 120px;
}


/* Gestion des comptes
------------------------------------------------------- */
#account_list{
	margin:10px 0 0 0;
}
#account_list HR{
	border:0;
	border-top:1px solid #3C3C3C;
	margin:5px 8px;
}

#account_list TABLE.result{
	width:100%;
	margin:10px 0;
	border-collapse:separate;
	border-spacing:6px 2px;
}
#account_list TABLE.result TD.state{
	width:5%;
}
#account_list TABLE.result TD.labels_col{
	width:12%;
}
#account_list TABLE.result TD.values_col{
	width:30%;
}
#account_list TABLE.result TD.actions{
	width:11%;
}
#account_list TABLE.result TD STRONG{
	color:#DD0034;
}


/* Catalogue de films
------------------------------------------------------- */
#film_list{
	margin:10px 0 0 0;
}
/*
#film_list HR{
	border:0;
	border-top:1px solid #3C3C3C;
	margin:5px 8px;
}
*/
#film_list TABLE.film_desc{
	width:100%;
	margin:15px 0;
	border-collapse:separate;
	border-spacing:6px 2px;
}
#film_list .screen{
	width:50px;
}
#film_list .screen IMG{
	margin:0 10px;
}
#film_list .film_title{
	margin-bottom:8px;
	font-weight:bold;
	color:#DD0034;
	font-size:18px;
}
#film_list .casting{
	margin:0 0 5px 0;
}
#film_list .credits{
	margin:0 0 5px 0;
	font-style:italic;
	font-size:11px;
}
#film_list .story{
	margin:0 0 5px 0;
	font-weight:bold;
	font-size:11px;
}

.letters{
	margin-bottom:15px;
	text-align:center;
}
.letters TABLE{
	background:url(images/letters_bg.jpg) repeat-x;
	width:100%;
}
.letters A{
	display:block;
	padding:2px;
	width:24px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
        font-weight: bold;
}
.letters A:hover, .letters A.current{
	background-color:#000000;
}
#film_list .subtitles{
	margin-top:5px;
}


/* Fiche de films
------------------------------------------------------- */
#film_page{
	margin-top:10px;
}
#film_page HR{
	border:0;
	border-top:1px solid #3C3C3C;
	margin:5px 8px;
}
#film_page TABLE{
	border-collapse:collapse;
}
#film_page TD{
	padding:5px;
}
#film_page TD.film_poster{
	padding:10px 5px;
	width:300px;
	text-align:center;
}
#film_page TD .film_title{
	color:#DD0034;
	font-size:25px;
	font-weight:bold;
}
#film_page TD .film_infos{
	margin-top:15px;
}
#film_page TD .film_casting{
	margin-top:15px;
}
#film_page TD .actions{
	margin-top:8px;
}



/* test de configuration
------------------------------------------------------- */
#test_config{
	margin:50px 0 0 50px;
}
#test_config .correct {
	color:#009933;
}
#test_config .uncorrect {
	color:#FF0000;
}



/* Formulaire de contact
-------------------------------------------------------- */
#contact_form{
	margin-top:10px;
}



/* Page d'aide
------------------------------------------------------- */
#help_bloc{
	margin-top:10px;
}
#help_bloc .blocContent{
	margin:6px 0 15px 20px;
}
#help_bloc H3 {
	background:url(images/grey_arrow.gif) no-repeat 4px 5px;
	padding-left:15px;
	margin:30px 0 15px 0;
	font-size:16px;
	color:#515151;
}


/* Statistiques
------------------------------------------------------- */
#stats {
	margin:0;
}
#stats TABLE#result TH{
	background-color:#3C3C3C;
	color:#FFFFFF;
}
#stats TABLE#result TD{
	background-color:#BCBCBC;
	text-align:center;
}
#stats TABLE#result TD.film_title{
	background-color:#8C8C8C;
	text-align:left;
}

#stats DIV#result{
	margin:30px 0;
}
#stats DIV#result DIV{
	float:left;
	padding:2px 2px;
	margin:0 1px 1px 0;
}
#stats DIV#result DIV.film_stats_detail{
	margin:0 0 0 3px;
	padding:2px 0 5px 0;
	clear:both;
	display:none;
}
#stats DIV#result DIV.film_title{
	clear:both;
}
#stats DIV#result DIV.label, #stats DIV#result DIV.film_title{
	width:225px;
}
#stats DIV#result DIV.film_stats_detail DIV.film_title{
	width:222px;
}
#stats DIV#result DIV.col_title, #stats DIV#result DIV.col_content{
	width:94px;
	text-align:center;
}
#stats DIV#result DIV.label, #stats DIV#result DIV.col_title{
	background-color:#3C3C3C;
	height:46px;
	color:#FFFFFF;
	font-weight:bold;
}
#stats DIV#result DIV.col_content{
	background-color:#BCBCBC;
	text-align:center;
}
#stats DIV#result DIV.film_stats_detail DIV.col_content{
	background-color:#DEDEDE;
}
#stats DIV#result DIV.film_title{
	background-color:#8C8C8C;
	text-align:left;
}
#stats DIV#result DIV.film_stats_detail DIV.film_title{
	background-color:#ACACAC;
}
#stats DIV#result DIV.film_title A{
	color:#000000;
}
#stats DIV#result DIV.member{
	clear:both;
	color:#DD0034;
	padding-left:5px;
	margin-top:5px;
}

/* Historique
----------------------------------------------- */

#stats DIV#histo TABLE{
	margin-right:5px;
	width:99%;
}
#stats DIV#histo TH{
	padding:1px 3px;
	background-color:#3C3C3C;
	color:#FFFFFF;
}
#stats DIV#histo TD{
	padding:3px;
	background-color:#BCBCBC;
	text-align:center;
}
#stats DIV#histo TD.member{
	padding:10px 0 5px 5px;
	background:0;
	text-align:left;
	color:#DD0034;
}
#stats DIV#histo TD.date{
	text-align:left;
	width:100px;
	font-style:italic;
}
#stats DIV#histo TD.film{
	font-weight:bold;
}