/* balises */
html, body { height:100%; background:#000; }
body { background:#000; }
body, form { margin:0; padding:0; }
	div { font:normal 11px verdana; color:#000; }
	img { border:0; }
	h1 { margin:0; }
		h1 span { display:none; }
	a { text-decoration:none; color:#ac0808; outline:none; }
	a:hover { color:#000; }
	h2 { margin:0; padding:0; color:#ac0808; margin-bottom:10px;}
		/* exceptions */
		#films_resultats h2, #news h2 { font-size:17px; }
		#film h2 { margin-bottom:5px; font-size:22px; }
	/* styles courants */
	.rouge, .message { color:#ac0808; }
	.message, #form_identifiez .message, #form_mdp_perdu .message { display:block; padding:3px 0 0 2px; }
	.clear { clear:both; }
	.left { float:left; }
	.right { float:right; }
	.titre { display:block; margin:0 -8px 8px -8px; padding-bottom:8px;}
	.titre2 { display:block; margin:0; }
	.border_b { border-bottom:1px solid #FFF; }
	.border_r { border-right:1px solid #FFF; }
	.rss { display:block; margin:10px 0 -10px 540px; width:142px; height:22px; }
	.rss2 { display:block; margin:10px 0 0 900px; width:98px; height:15px; }

/* case de résultats sur film_resultats, news, film */
.case { position:relative; clear:both; margin:10px 10px 0 10px; padding:10px 10px 10px 0; border-bottom:1px solid #7d7c7a; }
	.case .contenu { padding-left:15px; width:650px; }
	.case .details { margin:0 0 10px 0; }
	.case strong { display:block; }
		#news .case strong { margin-bottom:10px; display: inline;}
	.case .clear { line-height:29px; } /* obligatoire pour ie */
	.affiche { display:block; float: left; padding:6px 0 0 6px; width:120px; height:161px; margin-right: 10px; }
	.affiche { background:transparent url(img/bg_films.gif) no-repeat 0 0; }
/* exceptions */
#film .case { padding:0 0 20px 2px; }
#film .case strong { display:inline; margin:0; font-size:11px; }
#film .affiche { margin:0; padding:8px 0 0 8px; width:216px; height:293px; background:transparent url(img/bg_film.gif) no-repeat 0 0; }



/* case short présente sur accueil, boutique, films, films_resultats */
.case_s { float:left; padding:0 8px; width:276px; height:236px; background:#f5f1e9 url(img/bg_case_s.gif) repeat-x 0 0; }
	.case_s .saisie { float:left; }
	.case_s strong { display:block; padding-left:2px; line-height:29px; }
	.case_s p { margin:0; }
	/* exceptions */
	#rechsimp { padding-bottom:20px; }
		#films #rechsimp { border-right:1px solid #FFF; }
		#accueil #rechsimp, #films #rechsimp, #boutique #rechsimp { height:216px; }
		#rechsimp p { margin:0; }
	#form_rechsimp { margin-bottom:16px; }



/* module de navigation de pages */
#pages { padding:20px 0; text-align:center; font:bold 11px Verdana; }
	#pages .current { color:#9b9b9b; }
	#pages span { padding:0 10px; }



/* montage principal */
#wrapper { padding:0; margin:0; width:100%; height:100%; background:transparent url(img/bg_container.jpg) no-repeat center top; }
#container { margin:0 auto; width:1000px; text-align:left; }
	.sur_twitter { float:right; display:block; width:147px; height:38px; background:transparent url(img/sur_twitter.gif) no-repeat; }
	.sur_twitter span { display:none; }
	/* #header dans style_header.css pour inclusion par cine-solutions */

	#content { width:1000px; background:#F5F1E9; }
	.content { float:left; border-right:1px solid #FFF; width:707px; background:#faf8f4; }
	#col { float:left; padding-bottom:20px; width:292px; background:#f5f1e9 url(img/bg_case_s.gif) repeat-x 0 0; }
		.liensutiles p { margin:20px 0 0 0; padding:0 0 0 10px; }
		.liensutiles strong { display:block; margin:0 0 8px 0; padding-left:2px; }

	#footer { position:relative; clear:both; padding-top:11px; width:1000px; height:27px; text-align:center; font:normal 10px verdana; color:#FFF; background:transparent url(img/bg_footer.gif) repeat-x; border-top:1px solid #FFF; }
		#footer p { display:block; margin:0; padding:0 0 0 15px; float:left;}
		#footer a { text-decoration:none; color:#FFF; }
		#footer a:hover { text-decoration:underline; }
		#copyright { position:absolute; right: 5px; }
	
	#baseline { padding:40px 0; width:1000px; font-size:10px; color:020000; }
	#baseline p { float:left; padding:0 20px; width:460px; }



/* formulaires */
form { }
	form p { margin:0 0 10px 0; }
	label { display:block; padding-left:2px; font-weight:bold; line-height:29px; }
	textarea { padding:4px 6px; width:345px; height:90px; border : 1px solid #999792; }
	/* exceptions */
		#accueil label, #accueil strong { display:block; line-height:16px; }
	.saisie, select { border:1px solid #999792; height:21px; } /* bordure des champs de saisie */
	.saisie { padding:0 2px; width:100px; height:23px; }
	input.saisie { margin:3px 6px 0 0; padding:2px 3px 0; width:188px; height:19px; }
	input.saisie.short { width:88px; }
	select { margin:0; width:196px; } /* width.select = saisie.width + 6px; ! modifié apres retrait des background :  !*/
	#accesdirect { width:auto; }
	.chk input { margin:7px 6px 0; *margin:3px 4px 0 3px; } /* différence ie ff : margin:0; *margin:-4px -2px 0 -3px; */
	.sel { margin-bottom:6px; }
	.rad { }
		#form_club .rad strong { line-height:20px; }
		#form_club .rad label { width:50px; }
		.rad input { float:left; margin:8px 3px 0 0; *margin:4px 0 0 -4px; line-height:29px; } /* différence ie ff : margin:0; *margin:-4px -2px 0 -3px; */

	#rechav { float:left; padding:0 8px; width:276px; background:#f5f1e9 url(img/bg_case_s.gif) repeat-x 0 0; }
	#films #rechav { width:691px; height:236px; }
	#films #rechav div { float:left; }
	.default { color:#999; }

	#form_newsletter { }
		#form_newsletter p { padding-bottom:8px; border:0; }
		#form_newsletter .news_ok { margin:0; padding-left:2px; height:48px; }
	#form_identifiez { margin-top:8px; }

	#form_identifiez * { float:left; }
	#form_identifiez span { display:block; padding:0 4px; line-height:16px; }
	#form_identifiez a { display:block; line-height:16px; font-size:10px; }
	#club_inscription #form_identifiez { padding: 10px 0 10px 17px; }
	#club_inscription #form_identifiez  a{ padding: 3px 0 0 2px; }
	#club_inscription #form_identifiez p { float:none;  }
	#club_inscription #form_identifiez label { padding-bottom:10px; }
	#club_inscription #form_mdp_perdu { padding-top:7px; }


	#confirmation_newsletter, #accueil .fc_error { position:absolute; bottom:-77px; padding-left:2px; width:274px; height:78px; background:#f5f1e9; }
	#accueil .fc_error { display:none; }
	.alerte .fc_error { display:block; color:#ac0808; }
	#form_club .fc_error, #form_contact .fc_error { display:none; }
	#form_club .alerte .fc_error, #form_contact .alerte .fc_error  { display:inline; font-weight:normal; color:#ac0808; }
	#form_club .valid input { margin-left:232px; }

	#form_mdp_perdu { margin-top:8px; }
	#form_mdp_perdu p { margin:0; }
	#form_mdp_perdu span { display:block; margin-bottom:4px; padding:0 0 0 2px; }
	#form_mdp_perdu label, #form_mdp_perdu input { float:left; }
	#form_mdp_perdu label { width:80px; line-height:29px; }


/* montage pages */
#accueil { }
	.jeminscris { padding:10px 0 10px 2px; border:1px solid #999; border-width:1px 0; }
	#acc_club { position:relative; }
	#acc_club #logged{ display:none; }

	#acc_club.login_ok{ }
	#acc_club.login_ok #logged{ display:block; padding:0; text-align:center; }
	#acc_club.login_ok #not_logged{ display:none; }

	#logged strong { display:inline; padding:0; }
	#logged .quiz { display:block; margin:20px auto 0; }

	.disconnect { position:absolute; bottom:6px; left: 5px; width:100%; text-align:center; font-size:10px; }
	.disconnect a { text-decoration:underline; }
	.disconnect a:hover { text-decoration:none; }

	#mdp_perdu_retour { display:block; float:right; margin:15px 0 0 0; }

#cineclub { }
	#cc_header { padding:8px; height:46px; }
	#cc_header p { float:left; margin:0; padding:8px 8px 8px 0; }
	#cineclub_acc strong { display:inline; line-height:13px; }
	p.highlight { margin-bottom:10px; padding:0 0 0 2px; }

#club { padding:20px; width:667px; }
	#intro { margin:20px 0; padding:20px 20px 0; width:618px; background:#FFF url(img/bg_club_intro.gif) no-repeat; }
	#intro .bottom { margin:15px -20px 0; width:658px; height:5px; background:#FFF url(img/bg_club_intro.gif) no-repeat 0 -195px; }
	#club_menu { float:left; padding:10px 0 0 10px; width:169px; background:#FFF url(img/bg_club_menu.gif) no-repeat; }
	#club_menu .bottom { margin:8px 0 0 -10px; width:179px; height:5px; background:#FFF url(img/bg_club_menu.gif) no-repeat 0 -245px; }
	#exclu { float:left; margin:0 8px; padding:13px 0 0 15px; width:312px; height:345px; background:#FFF url(img/bg_club_exclu.gif) no-repeat; }
	#exclu2 { float:left; padding:13px 0 0 15px; width:121px; height:345px; background:#FFF url(img/bg_club_exclu2.gif) no-repeat; }
	#club .case .contenu { width:495px; }
#col2 { float:left; padding-top:13px; width:292px; }
	#col2 a { display:block; padding:10px 0; }
	#col2 a img { display:block; margin:0 auto; }


#club_inscription { padding-bottom:20px; }
	#form_club { padding:20px 0 0 17px; }
	#form_club p { float:left; width:480px; }
	#form_club label { float:left; width:230px; line-height:29px; }
	#club_inscription .titre { margin:0 0 8px 0; }
	#club_inscription .sel { }
		#club_inscription .sel select { margin:8px 0 4px 0; }
		#club_inscription #civilite { margin:0; *margin-top:8px; }
	#club_inscription .case { border:0; }



#contact { }
	#form_contact { margin-top:20px; padding-top:20px; width:660px; border-top:1px solid #999; }
	#contact .titre { margin:0 0 8px 0; }
	.adresse { float:right; margin-top:-20px; padding:10px; width:200px; background:transparent url(img/bg_contact.gif) repeat-x; }
	#contact .content { padding:10px 0 20px 20px; width:687px; border:0; }
	#contact label { float:left; width:150px; }
	#contact select { margin:4px 0 0 0; border:1px solid #999792; }
	#contact .valid, #contact_conf { padding-left:150px; }
	#contact .reponses {display:none;padding-top:40px; height:247px}

#compte { padding:20px; width:667px; height:433px; }
	#compte label, #compte.saisie { float:left; width:150px; line-height:29px; }
	#compte .fc_error { display:none; color:#ac0808; }
	#compte .alerte .fc_error { display:inline; }
	#compte .valid { margin-left:152px; }

#compte_modification .border_b { margin-bottom:10px; padding-bottom:10px; }
#compte_modification .rad strong { display:block; float:left; width:232px; }
#compte_modification { padding:20px; width:667px; height:520px; }
#compte_modification #id_genoeuv_no1, #compte_modification #id_genoeuv_no2 { margin:0 0 10px 2px; }

#films { }
	#criteres { width:200px; }
		#criteres p { margin:0; padding:0; height:27px; }
		#criteres label { display:none; }
		#criteres .sel, #criteres .sel_s { padding:3px 0 0 0; }
		#criteres .sel_s * { float:left; }
		#criteres .sel_s select { width:96px; }
		#criteres .sel_s option { float:none; }
		#couleur { margin-right:4px; }
	#films #criteres2 { margin-left:16px; width:450px; }
		#criteres2 p { margin:0 0 16px 0; padding:0; height:58px; }
		#criteres2 .chk { height:29px; }
			/* exception */
			#films #criteres2 p { height:29px; }
		#criteres2 strong { display:block; padding:0; width:120px; height:29px; line-height:29px; }
			/* exception */
			#films #criteres2 strong { float:left; }
		#criteres2 label { float:left; padding-right:10px; height:29px; line-height:29px; }
		#criteres2 input { float:left; }
		#criteres2 .valid { margin:0; height:29px; }
		#films #criteres2 .valid { margin-left:120px; }
		#film .acces_sites { width: 122px; height: 29px; background: url(img/btn_sites.gif) no-repeat 0 0; }
		#film .acces_sites:hover { background-position: 0 -29px; }
		#film .acces_sites span { display: none; }

#film { }
	#player { margin-left:244px; -margin-left: 240px; width:439px; }
	#informations { clear:both; float:left; margin:30px 30px 0 0; width:text-transform:uppercase; }
	#synopsis { clear:both; margin:0; padding:20px 0 0 0; }
	#feuillet { margin:0 10px; padding:20px 0 10px; }
	.section { margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #7d7c7a; }
	.section .contenu { margin:0; display:none; }
	h3 { display:block; margin:0 0 10px 0; font-size:12px; cursor:pointer; }
		h3 a { padding-right:16px; color:#000; background:transparent url(img/puce_film.gif) no-repeat right 6px; }
		h3 a:hover, h3 a.current { color:#ac0808; background-position:right -14px; }
		h3.current span { padding-right:16px; color:#ac0808; background:transparent url(img/puce_film.gif) no-repeat right -14px; cursor:auto; }
	/* sections */
	#casting .contenu { font-size:11px; }
	#casting .contenu a { text-decoration:underline; }
	#roles { width:450px; }
		#roles p { float:none; margin:0; width:450px; background:transparent url(img/bg_roles.gif) repeat-x 0 10px; }
		#roles span { display:block; }
		#roles span a { padding-right:4px; background:#FAF8F4; }
		#roles span.right { float:right; padding-left:4px; text-decoration:none; background:#FAF8F4; }
	#recompenses .case_rec { float:left; margin:0 20px 10px 0; padding-left:30px; width:270px; background:transparent url(img/puce_recompense.gif) no-repeat 0 0; }
	#recompenses img { display:block; margin:8px auto; }

	#dvd ul { margin:0; padding:0; list-style-type:none; }
	#vod p { margin:10px 0 0 0; }
	#vod img { display:block; float:left; margin:0 20px 10px 0; }
	.dvd { float:left; margin:0 20px 10px 0; width:300px; text-align:center; }
	.dvd .apercu { margin:0 auto 5px; padding-top:5px; width:110px; background:transparent url(img/bg_dvd.gif) no-repeat 0 0; }
	.dvd .apercu-bottom { height:5px; width:110px; background:transparent url(img/bg_dvd.gif) no-repeat 0 100%; font-size:1px;}
	.dvd .apercu img { display:block; margin:0 auto; }
	.copyright_affiche { position: absolute; top: 335px; left: 2px; margin: 0; padding: 0; width: auto; font-size:10px; }
		.affiche .copyright { padding-top:4px; }
	#galerie .copyright { padding-left:30px; }
	#films_resultats .copyright { padding-left:0; }

	/* galerie */
	.prev,.next,.mask_band   { height:100px; display: block; float: left; }
	.mask_band {position:relative;}
	.prev,.next{ width:30px; font-size: 2em;}
		a.prev.on{ background: transparent url(img/btn_prev.gif) no-repeat 0 50%; }
		a.next.on{ background: transparent url(img/btn_next.gif) no-repeat 0 50%; }
	a:hover.prev.on, a:hover.next.on{ background-position: -30px 50%; }
	.mask_band {width:553px; overflow: hidden; height: 100px;}
		.band { height: 100px; position:relative; left: 0px;}
		.band table { float:left; width: 150px; background:#000; border: 1px solid white; }
		.band td { height: 100px; }
	.galerie {clear: both; }
	.details .galerie {padding: 5px 0 0 66px;}

#finances { }
	#finances .choix_ancres { margin:10px 0 20px; padding:4px 6px; width: 720px; height: 21px; border: 0; font: normal 12px verdana; background: url(img/bg_select_finances.gif) no-repeat 0 0; }
	#finances .choix_ancres select { width: 720px; height: 22px; border: 0; } /* border: 0; appliqué à ff seulement... */
	#finances .case { margin: 0 15px 15px 0; padding: 20px; border-bottom: 1px solid #cccccc; }
	#finances .case a { font-weight: normal; text-decoration: none; }
	#finances a.top { float: right; margin-right: 15px; color: #000; text-decoration: underline; }
		#finances a.top:hover { color: #ac0808; }
	#finances .link { float: left; margin-bottom: 15px; padding-left: 35px; width: 165px; height: 22px; text-decoration: none; line-height:22px; color:#000; background: url(img/ico_pdf.gif) no-repeat 0 0; }
	#finances .long { width: auto;}
	#finances .col { margin-bottom: 20px; width: 220px; font: bold 11px verdana; color: #770100; }
	#finances .bloc { padding: 40px 0 20px 20px; width: 740px;  background-color: #FAF8F4 ; }/* pour gérer le background blanc*/
	
#mentions { padding:10px 20px 20px; width:667px; }
	#mentions h3 { margin:20px 0 0 0; cursor:default; }
	#mentions p { margin:10px 0 0 0; }

#news{ }
	.date_pub { margin-bottom: 5px; font-weight: bold;}
	.suite-news { margin-top: 1em; }
	.flash_player { clear: both; margin-left: 110px; }
	#news .case .details a { font-weight: bold; }

#produits { margin-top:20px; }
	#film #produits p { float:left; margin-left:65px; text-align:center; }
	#film #produits p strong { display:block; margin-bottom:8px; text-transform:none; }
	#film #produits p img { display:block; margin:0 auto 8px; border:2px solid #d8d4d7; }
	#film #produits p a { display:block; margin:8px auto 0; }
	#capturesdecran { display:block; margin:10px 0; }
	#caracteristiques { float:right; width:60px; }
		#caracteristiques img { display:block; margin-bottom:8px; }
	#egalementdisponible { display:block; margin-top:10px; }

	#vod_dispo { margin-top:0; height:62px; line-height:62px; }
	#vod_dispo * { display:block; float:left; margin-right:10px; }
	#logo_canalplay { margin-top:15px; }
	#logo_tf1vision { margin-top:15px; }
	#logo_6 { margin-top:9px; }

#programme { float:left; height:236px; }

#qui {  padding:10px 20px 20px; width:667px; }
#qui p { padding:20px 0 10px; }
#qui_droite { float:left;  padding-top:60px; width:292px; /*position:absolute; top:0; right:0;*/ }
#qui_droite img { display:block; margin:0 auto; }
#qui_droite p { text-align:center; margin:0; padding:5px 0 15px 0; }


#quiz { padding:20px; width:960px; }
	#quiz .border_b, #quiz2 .border_b { margin-bottom:10px; padding-bottom:10px; width:auto; }
#quiz2 { padding:20px; width:960px; }
	.question { float:left; padding:10px 10px 0; width:669px; background:#FFF url(img/bg_question.gif) no-repeat; }
	.question .bottom { margin:0 -10px; width:689px; height:10px; font-size:1px; background:#FFF url(img/bg_question.gif) no-repeat 0 -290px; }
	.question .title { margin-bottom:10px; text-transform:uppercase; font:bold 15px Verdana; color:#c00707; }
	.question ul { margin:0; padding:0; list-style-type:none; }
	.question li { clear:both; padding-bottom: 3px; }
	.question input { float:left; margin:3px 4px 0 0; *margin:-1px 0 0 -4px; }
	.question label { *float:left; padding:0; line-height:16px; }
	.illustration { float:left; margin:0 6px; _margin:0 3px; padding:11px 0 0 13px; width:295px; height:175px; background:#FFF url(img/bg_question_illustration.gif) no-repeat; }
	.btn_prev { float:right; }
	.btn_next { float:right; }
	.titre_question1 { display:block; float:left; margin:0 20px 10px 0; }
	.titre_question2 { display:block; float:left; margin:0 0 10px 0; }
	#table_results { float:left; margin-right:20px; }
	#table_results strong { display:block; margin-bottom:10px; text-transform:uppercase; font:bold 15px Verdana; color:#c00707; }
	#table_results table { border:1px solid #000; }
	#table_results td { height:30px; text-align:center; }
	#results { float:left; width:auto; }
		#results p { margin-bottom: 15px; }
/* édition en ligne */
.btn_admin { padding: 3px; border: 1px solid black; background-color: grey; color: white; font-size: 0.8em; margin-left: 10px;}