ÿþ/* Colors used on the site:

  dark blue: #0C4158

  light blue: #0F6A98

  very lgiht blue: #07A5D2

  dark gray: #333333

  light gray: #666666

  off-white: #EEEEEE

*/

/* general styles for admin */

.ml-button.delete { background-position: -80px -128px; }

.ml-button { width: 16px; height: 16px; background-image: url(dot-luv/images/ui-icons_00498f_256x240.png); overflow: hidden;

             text-indent: 100000px; overflow: hidden;  border: 0px; padding: 0px; margin: 2px;  }

span.ml-button { display: block; float: right; }

.login-container .delete { margin-top: 0px; }

.login-container form { display: inline; }

.login-container span { margin-right: 3px; }

.login-container span.error {color: #ff6666; }



h1, h2, h3, h4, h5, h6 {

	margin: 0px;

	padding: 0px;

}

body {

	background-color: Black;

	background-image: url(../images/page_background.jpg);

	background-repeat: repeat-x;

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;

	color: White;

	font-size: 14px;

}

iframe {

	border: 0px;

}

img {

	border: 0;

}

#global {

	margin-left: auto;

	margin-right: auto;

	width: 960px;

	height: auto;

}

#banner {

	width: 320px;

	margin-left: 640px;

}

#topbar {

	width: 960px;

	height: 25px;

	background-color: #0F6A98;

	background-image: url(../images/menu_bar.gif);

}

#menu {

	padding-left: 20px;

	padding-top: 4px;

	float: left;

}

#menu a {

	text-decoration: none;

	background-image: url(../images/menu_puce.gif);

	background-repeat: no-repeat;

	padding-left: 16px;

	font-size: 13px;

	font-weight: bold;

	color: #FFFFFF;

}

#menu a:hover {

	color: #18A6CB;

}

#login {

	padding-top: 4px;

	padding-right: 30px;

	text-align: right;

	color: White;

	font-weight: bold;

}

.login-container a { font-size: x-small !important; }

#login a {

	color: White;

	font-weight: bold;

	font-size: small;

	text-decoration: none;

	margin-left: 10px;

}

#login span {

	font-size: x-small;

}

#login input {

	width: 160px;

	height: 13px;

	background-color: #333333;

	border-color: #666666;

	border-style: solid;

	border-width: 1px;

	font-size: 10px;

	color: #EEEEEE;

}

textarea, input[type=text], input[type=password], input[type=submit], select {

	background-color: black;

	border-color: white;

	border-style: solid;

	border-width: 1px;

	color: #EEEEEE;

}

#footer {

	width: 930px;

	height: 20px;

	margin-top: 20px;

	margin-bottom: 30px;

	padding-right: 30px;

	padding-top: 5px;

	background-image: url(../images/footer_bar.gif);

	font-size: 13px;

	color: #666666;

	text-align: right;

}

#container {

	width: 935px;

	padding-top: 10px;

}

#presentation {

	width: 935px;

	height: 240px;

	background-color: white;

	margin-top: 0px;

}

#pres_flash {

	width: 420px;

	float: left;

}

#pres_text {

	width: 495px;

	padding-top: 10px;

	margin-right: 10px;

	margin-left: 430px;

	font-size: 14px;

	color: #333333;

	text-align: justify;

	line-height: 18px;

}

#pres_text p {

	margin-top: 0px;

	margin-bottom: 0px;

}

#pres_text img {

	margin-top: 10px;

	margin-bottom: 10px;

}

#pres_text p img {

	margin: 0px;

}

#headlines {

	width: 934px;

}

.headline_content {

	width: 457px;

	height: 100px;

	margin-top: 10px;

	margin-left: 10px;

	background-color: #0d3246;

	float: left;

}

.headline_image {

	width: 120px;

	padding: 10px;

	height: 80px;

	background-image: url(../images/home_headline_vig.gif);

	float: left;

}

.headline_image IMG {

	width: 120px;

	height: 81px;

}

div.right {

	float: right;

}

#news_box div.right {

	position: relative;

	top: -2px;

}

.headline_text {

	width: 310px;

	height: 90px;

	margin-left: 140px;

	padding-top: 10px;

	margin-right: 5px;

	font-size: 12px;

	text-align: justify;

}



.headline_text a {

	color: #07A5D2;

	text-decoration: none;

}

.headline_text a:hover {

	color: white;

	text-decoration: underline;

}

.headline_text > p{

	margin-top: 0px;

	margin-bottom: 3px;

}

.headline_title {

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 5px;

}

#news {

	width: 295px;

	height: 300px;

	margin-left: 639px;

}



#coverflow {

	width: 630px;

	height: 300px;

	float: left;

	background-color: black;

}

#news_box {

	width: 285px;

	height: 190px;

	background-color: #0b2230;

	border: 5px solid #0d3246;

	margin-bottom: 10px;

}



.news_article {

	height: 55px;

	margin-top: 5px;

	margin-bottom: 5px;

	margin-left: 10px;

	margin-right: 10px;

	font-size: 12px;

	text-align: justify;

	overflow: hidden;

}

.news_article div {

	margin: 0px;

	padding: 0px;

}

.news_date {

	font-size: 10px;

	font-weight: bold;

	float: right;

}

.news_article h1.news_title {

	font-size: 12px;

	font-weight: bold;

	line-height: 16px;

}

#fiche_titre {

	width: 435px;

	height: 280px;

	float: left;

	margin-top: 10px;

}

#fiche_titre_titre {

	height: 50px;

	font-size: 24px;

}

#fiche_titre_image {

	width: 149px;

	height: 220px;

	padding: 5px;

	background-color: white;

	float: left;

}

#fiche_titre_image img {

	max-width: 165px;

	max-height: 220px;

	overflow: hidden;

	margin-top: auto;

	margin-bottom: auto;

	margin-left: auto;

	margin-right: auto;

	display: block;

}

#fiche_titre_texte {

	margin-left: 170px;

	margin-top: 10px;

	margin-bottom: 10px;

	font-size: 13px;

}

#fiche_video {

	width: 480px;

	height: 280px;

	margin-top: 20px;

	margin-left: 445px;

	background-color: black;

	padding: 0px 5px;

	text-align: center;

	color: Gray;

}

#videoplayer_frame {

	width: 480px;

	height: 280px;

	border: 0px;

	overflow: hidden;

	margin: 0px;

	padding: 0px;

}

#fiche_boutons {

	width: 435px;

	float: left;

}

#fiche_boutons img.button {

	width: 435px;

	height: 30px;

}

#fiche_contenu {

	width: 490px;

	margin-top: 10px;

	margin-left: 445px;

}

#fiche_contenu a {

	text-decoration: none;

	color: #FFFFFF;

}

#fiche_contenu a:hover {

	color: #18a6cb;

}

#fiche_festivals {

	font-size: 12px;

	padding: 10px;

	width: 470px;

	height: 265px;

	overflow: auto;

	visibility: visible;

	background-color: #0D3246;

	text-transform: uppercase;

}

#fiche_festivals dt {

	padding-right: 5px;

	float: left;

	font-weight: bold;

	clear: both;

	padding-right: 10px;

	min-height: 10pt;

}

#fiche_festivals dd {

	margin-bottom: 2px;

	margin-left: 0px;

	padding-left: 0px;

	min-height: 10pt;

}



#fiche_synopsis {

	padding: 10px;

	width: 470px;

	height: 265px;

	overflow: auto;

	visibility: visible;

	background-color: #0D3246;

}

#fiche_images {

	width: 490px;

	height: 285px;

	overflow: auto;

	visibility: visible;

	background-color: #0D3246;

}

#fiche_images .image-container {

	width: 120px;

	height: 90px;

	float: left;

	padding-top: 10px;

	padding-left: 10px;

}

#fiche_images a.lightbox img {

	border: solid 5px white; /*float: left;*/

}

#fiche_images a {

	color: white;

}

#fiche_images a:hover {

	color: #18a6cb;

}

#fiche_cast {

	font-size: 12px;

	padding: 10px;

	width: 470px;

	height: 265px;

	overflow: auto;

	visibility: visible;

	background-color: #0D3246;

	text-transform: uppercase;

}

#fiche_cast_credits {

}

#fiche_cast_cast {

	margin-left: 0px;

}

dl#fiche_cast_credits dt {

	font-weight: bold;

	padding-right: 5px;

	float: left;

}

dl#fiche_cast_credits dd {

	margin-bottom: 2px;

	margin-left: 0px;

	padding-left: 0px;

}

ol#fiche_cast_cast li {

	list-style-type: none;

}

#catalogue_bar {width:785px;

height:20px;

margin-top:10px;

padding-left:150px;

padding-top:5px;

background-image:url(../images/catalog_bar.gif);

}

#catalogue_bar a {

	text-decoration: none;

	color: #FFFFFF;

}

#catalogue_bar a:hover {

	color: #18a6cb;

}

#catalogue_bar input {

	width: 160px;

	height: 13px;

	background-color: #333333;

	border-color: #666666;

	border-style: solid;

	border-width: 1px;

	font-size: 10px;

	color: #EEEEEE;

}

#catalogue_bar form {

	float: right;

	margin-right: 10px;

}

#catalogue_bar .searchall {

	margin-left: 20px;

}

#catalogue_string {

	margin-top: 10px;

	margin-left: 10px;

	width: 935px;

	height: 20px;

}

#catalogue_result {

	width: 935px;

}

#catalogue_result a {

	text-decoration: none;

	color: #FFFFFF;

}

#catalogue_result a:hover {

	color: #18a6cb;

}



.catalogue_result_box {

	margin-left: 5px;

	margin-top: 15px;

	width: 305px;

	height: 130px;

	float: left;

}

.catalogue_result_image {

	width: 81px;

	padding: 5px;

	height: 120px;

	background-image: url(../images/catalog_backimg.gif);

	float: left;

}

.catalogue_result_image a {

	display: block;

	width: 81px;

	height: 120px;

	margin-left: auto;

	margin-right: auto;

}

.catalogue_result_image a img {

	display: block;

	margin-left: auto;

	margin-right: auto;

	max-width: 81px;

	max-height: 120px;

}

.catalogue_result_bloc {

	margin-left: 91px;

	margin-top: 15px;

	margin-bottom: 15px;

	width: 210px;

	height: 100px;

	background-color: #0D3246;

}

.catalogue_result_bloc .director {

	margin-top: 10px;

	font-size: x-small;

}

.catalogue_result_bloc .director .name {

	text-transform: uppercase;

}

.catalogue_result_bloc img {

	width: 108px;

	height: 19px;

	float: right;

}

.catalogue_result_text {

	width: 200px;

	height: 71px;

	padding: 5px;

}

.clear {

	clear: both;

}

div.navbar {

	clear: both;

	text-align: center;

	padding-top: 10px;

	margin-bottom: 5px;

}

div.navbar * {

	vertical-align: middle;

}

div.navbar a {

	padding: 2px;

}

body#videoviewer {

	overflow: hidden;

	padding: 0px;

	margin: 0px;

}





.registration {

	vertical-align: bottom;

}

.registration div.column {

	float: left;

	width: 440px;

}

.registration dt {

	font-size: medium;

	text-align: right;

	width: 160px;

	height: 40px;

	float: left;

	clear: both;

	padding-right: 0px;

	vertical-align: text-top;

}

.registration dd {

	vertical-align: top;

}

.registration textarea, .registration input[type=text], .registration input[type=password], .registration select {

	width: 250px;

	margin-bottom: 20px;

	margin-left: 15px;

}

.registration input[type=submit] {

	display: block;

	width: 250px;

	margin-left: auto;

	margin-right: auto;

}

.registration textarea {

	height: 60px;

}

#registration_alert {

	color: #1684BC;

	text-align: center;

}



ul.video_types {

	margin-top: 0px;

	list-style: none;

	text-align: center;

}

ul.video_types a {

	color: #0D3246;

	text-decoration: none;

}

ul.video_types li {

	float: left;

	padding-left: 0px;

	margin-left: 0px;

	padding-right: 10px;

}

.buttonLink {

	display: block;

	width: 435px;

	height: 30px;

	background-color: #0C4158;

	padding: 0px;

	margin-bottom: 10px;

}

.buttonLink img {

	margin: 0px;

	padding: 0px;

}

.admin div.instructions {

	float: right;

	border: solid 1px gray;

	width: 300px;

	padding: 10px;

	font-size: small;

}

hr.clear {

	border: 0px;

	visibility: hidden;

	height: 0px;

}

body#videoselection {

	background-color: Black;

}

ul#video_selector {

	display: block;

	margin: 0px;

	padding-top: 150px;

	padding-left: 288px;

	width: 192px;

	height: 120px;

	background-image: url(/library/images/select_video_fond.jpg);

	background-repeat: no-repeat;

}

ul#video_selector li {

	display: block;

	width: 192px;

	height: 32px;

	float: none;

	list-style: none;

}

a.hover_link {

	display: block;

	overflow: hidden;

	text-indent: -10000px;

	width: 192px;

	height: 32px;

	background-color: Transparent;

}

a.hover_link:hover {

	background-color: #0d3246;

}

ul#video_selector a#Trailer {

	background-image: url(/library/images/img_trailer.png);

}



ul#video_selector a#Teaser {

	background-image: url(/library/images/img_teaser.png);

}



ul#video_selector a#PromoReel {

	background-image: url(/library/images/img_promoreel.png);

}

#news-container {

}



#news-latest {

	float: right;

	position: relative;

	width: 265px;

}

#news-latest ol {

	margin: 0px;

	padding: 0px;

	width: 265px;

}

#news-latest li {

	list-style: none;

	margin: 0px 0px 10px 0px;

	padding: 0px 0px 5px 0px;

}

#news-latest h3 {

	font-size: 10pt;

	margin: 0px 0px 5px 0px;

	font-weight: bolder;

}

#news-latest div {

	color: #EEEEEE;

	font-size: 10pt;

	clear: both;

}

#news-latest a {

	color: inherit;

	text-decoration: none;

}

#news-latest span.date {

	font-size: 8pt;

	color: #0F6A98;

	text-align: left;

	clear: right;

	margin-left: 5pt;

	font-weight: normal;

}

#news-content {

	padding: 10px;

	width: 605px;

	overflow: auto;

	background: white;

}

/* colors */





/** Generic UI elements **/







/* block with large border */

.registration, #news-latest, .body-content {

	border: solid 7px white;

	background: #0D3246;

	padding: 7px;

	color: White;

}

#container > h1.title { color: #00aad7; font-weight: normal; margin-top: 5px; margin-bottom: 10px; margin-left: 10px; font-size: 22pt;font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif}

.registration input.year {

	width: 32pt;

}

.registration input.month, .registration input.day, .registration input.hour, .registration input.minute {

	width: 16pt;

}

#news-latest h2 {

	font-size: 21pt;

	color: #07A5D2;

	font-weight: 100;

	font-family: Verdana Sans-Serif;

	margin-bottom: 20px;

}

/* Content on white background */

#news-content {

	background: white;

	color: Black;

}

#news-content h1, #news-content h2, #news-content hr {

	color: #0d3246;

}

#news-content hr {

	height: 1px;

	width: 100%;

	border: none;

	background-color: #0d3246;

}





#contact_bar {

	width: 935px;

	height: 40px;

	margin-top: 20px;

}



.contact_subtitle {

	margin-left: 20px;

	margin-top: 20px;

	font-size: 16px;

}

.contact_info {

	margin-top: 10px;

	margin-left: 20px;

	margin-right: 15px;

	padding: 5px;

	font-size: 12px;

	background-color: #0d3246;

	line-height: 16px;

}

.contact_info a {

	color: #18a6cb;

	text-decoration: none;

}

.contact_info a:hover {

	color: #fff;

	text-decoration: underline;

}

#about_title {

	width: 935px;

	height: 50px;

	margin-top: 20px;

}

.about {

	width: 935px;

	margin-top: 20px;

}

#about_text1 {

	float: left;

	width: 605px;

	height: 270px;

	font-size: 13px;

	text-align: justify;

	line-height: 18px;

	font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;

}



#about_logo {

	margin-left: 615px;

	width: 320px;

	height: 270px;

}

#about_posters {

	float: left;

	width: 365px;

	height: 520px;

}

#about_list {

	width: 540px;

	height: 520px;

	margin-left: 395px;

	font-size: 13px;

	font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;

	line-height: 18px;

}

#about_list a {

	color: #FFF;

	text-decoration: none;

}

#about_list a:hover {

	color: #0F6A98;

	text-decoration: none;

}



#about_text2 {

	font-size: 13px;

	font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;

	color: #999;

	line-height: 18px;

}

#about_text2 a {

	color: #EEE;

	text-decoration: none;

}

#about_text2 a:hover {

	color: #0F6A98;

	text-decoration: none;

}

#adminbar {

	width: 940px;

	height: 20px;

	background-color: #0F6A98;

	background-image: url(/library/images/admin_bar.gif);

	padding-left: 20px;

	padding-top: 5px;

	margin-bottom: 5px;

}

#adminbar a {

	text-decoration: none;

	background-image: url(/library/images/admin_puce.gif);

	background-repeat: no-repeat;

	padding-left: 16px;

	font-size: 12px;

	color: #FFFFFF;

}

#adminbar a:hover {

	color: #18A6CB;

}

.current-page {

	font-size: large;

	font-weight: bold;

	color: #0F6A98;

}

.gallery img {

}



/* NOUVEAU CSS */



#coverflow {

	width: 630px;

	height: 300px;

	float: left;

	background-color: black;

}



/* CSS MODIFIE */



#news {

	width: 295px;

	height: 300px;

	margin-left: 639px;

}



#news_box {

	width: 285px;

	height: 190px;

	background-color: #0b2230;

	border: 5px solid #0d3246;

	margin-bottom: 10px;

}



.news_article {

	height: 55px;

	margin-top: 5px;

	margin-bottom: 5px;

	margin-left: 10px;

	margin-right: 10px;

	font-size: 12px;

	text-align: justify;

	overflow: hidden;

}

.news_article div {

	margin: 0px;

	padding: 0px;

}

.news_date {

	font-size: 10px;

	font-weight: bold;

	float: right;

}

.news_article h1.news_title {

	font-size: 12px;

	font-weight: bold;

	line-height: 16px;

}



#headlines {

	width: 934px;

}

.headline_content {

	width: 457px;

	height: 100px;

	margin-top: 10px;

	margin-left: 10px;

	background-color: #0d3246;

	float: left;

}

.headline_image {

	width: 120px;

	padding: 10px;

	height: 80px;

	background-image: url(../images/home_headline_vig.gif);

	float: left;

}

.headline_text {

	width: 310px;

	height: 90px;

	margin-left: 140px;

	padding-top: 10px;

	margin-right: 5px;

	font-size: 12px;

	text-align: justify;

}

.headline_text a {

	color: #07A5D2;

	text-decoration: none;

}

.headline_text a:hover {

	color: white;

	text-decoration: underline;

}

.headline_title {

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 5px;

}



#container_home {

	width: 934px;

	padding-top: 10px;

}



#footer {

	width: 930px;

	height: 20px;

	margin-top: 20px;

	margin-bottom: 30px;

	padding-right: 30px;

	padding-top: 5px;

	background-image: url(../images/footer_bar.gif);

	font-size: 13px;

	color: #666666;

	text-align: right;

}



.ui-dialog.pop_body { padding: 0px; padding-top: 5px; background: #071c27 url(../images/pop_headlines_bg.jpg) no-repeat; border: none; }

.ui-dialog .ui-dialog-content.pop_body { margin: 0px; padding: 0px; border: none; }



.ui-dialog.pop_body .ui-dialog-titlebar { background: none; border: none; padding: 0.5em 0.3em 0.3em 1em; }

.ui-dialog.pop_body .ui-dialog-title { margin: 0.1em 0em 0.2em 0em; }



.pop_headline {

	margin: 80px 10px 10px 10px;

	

	height: auto;

}



.pop_poster {

	width: 150px;

	border: 5px solid white;

	background-color: white;

	float: left;

}

.pop_poster img {

	border: 0px;

}

.pop_title {

	margin-left: 170px;

	margin-bottom: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: white;

}



.pop_title {

	margin-left: 170px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: white;

}

.pop_text {

	margin-left: 170px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: white;

	text-align: justify;

}

.pop_text a {

	color: #07A5D2;

	text-decoration: none;

}

.pop_text a:hover {

	color: #07A5D2;

	text-decoration: underline;

}



table.users			{ width: 100%;}

.users tr.details	{ display: none; }

.users th			{ text-align: left; } 

.users th.sort		{ cursor: pointer;  }

.users td			{ empty-cells:show; }



th.sort.ascending,

th.sort.descending	{ background: #0C4158; }



th.sort.ascending:after	{ content: 'Ä ';margin-left: 10px; }

th.sort.descending:after	{ content: 'Å '; margin-left: 10px;}

.users tbody th		{ background-color: #0F6A98; }

.users dt, .users dd { font-size: 10pt; width: auto; height: auto;}

.users dt			{ font-weight:bold;}



.users dd			{ padding-left: 120px; min-height: 12pt; display: block; }



.users fieldset		{ width: 100%; border: solid 1px #0C4158; font-size: 10pt; padding-left: 20px; }

.users fieldset legend { color: #0F6A98; }