/* POP UP
---------------- */

#popup_container {
	position:absolute;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
}

#popup_bottom {
	background:url(/Static/img/home/popup/popup_bottom.png);
	width:845px;
	height:21px;
	margin:0 auto
}

#popup_top {
	background:url(/Static/img/home/popup/popup_top.png);
	width:845px;
	height:21px;
	margin:0 auto
}

div#about_page {
	margin:0 auto;
	position:relative;
	padding:0 10px;
}

div#popup_content div#about_page {
	width:650px;
}

#popup_inside {
	background:#fff url(/Static/img/home/popup/popup_bg.png) repeat-x bottom;
	color:#000;
	width:799px;
	text-align:left;
	padding:0 20px;
	margin:0 auto;
}


#He_Components_ModalOverlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background-color:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
}

/* Popup Accueil
------------------ */

#formLogPopup {
	width:155px;
	float:right;
	text-align:left
}

#formLogPopup fieldset {
	border:0;
	padding-left:15px
}

#formLogPopup legend {
	margin-top:10px;
	margin-bottom:10px;
	color:#000
}

#formLogPopup p {
	padding-bottom:10px;
}

#formLogPopup legend,
#formLogPopup label {
	font-weight:bold;
	padding-bottom:5px
}

#formLogPopup input {
	width:125px;
}

#popup_content {
	border-right:1px solid #b3b3b3;
	width:680px;
	float:left
}

div#about_page h1,
div#about_page h4 {
	text-align:center;
}

div#about_page h1 {
	font-size:2.2em;
	letter-spacing:-.02em
}

div#about_page h2 {
	display:none;
}

div#about_page h4 {
	font-size:1.4em;
	padding-bottom:20px;
}

div#about_page #intro p {
	height:55px;
	padding-top:20px;
	padding-right:290px;
	text-align:right;
	background-repeat:no-repeat;
	background-position:right;
	font-size:1.3em;
	margin-bottom:10px;
	margin-right:20px;
}

div#about_page #intro p.about_people {
	background-image:url(/Static/img/home/popup/h2_people.png);
}


div#about_page #intro p.about_studio {
	background-image:url(/Static/img/home/popup/h2_studio.png);
	padding-top:20px;
	height:60px;
}


div#about_page #intro p.about_theater {
	background-image:url(/Static/img/home/popup/h2_theater.png);
	height:50px;
	padding-top:30px;
}


div#about_page #intro p.about_database {
	background-image:url(/Static/img/home/popup/h2_database.png);
	height:60px;
	padding-top:5px;
}

div#about_page #intro,
div#about_page #moviegoer,
div#about_page #emergingtalent,
div#about_page #profesional,
div#about_page #compagny {
	height:435px
}

div#about_page #moviegoer h1,
div#about_page #emergingtalent h1,
div#about_page #profesional h1,
div#about_page #compagny h1 {
	padding-bottom:20px;
}

div#about_page #moviegoer p,
div#about_page #emergingtalent p,
div#about_page #profesional p,
div#about_page #compagny p {
	margin:10px 0;
	font-size:1.3em;
	text-align:left
}

div#about_page #moviegoer ul,
div#about_page #emergingtalent ul,
div#about_page #profesional ul,
div#about_page #compagny ul {
	height:347px;
	padding-left:295px;
	padding-top:15px;
	padding-right:5px;
	background-repeat:no-repeat;
	font-size:1.3em;
	list-style:url(/Static/img/home/popup/puce.png);
	text-align:left
}


div#about_page #moviegoer ul li,
div#about_page #emergingtalent ul li,
div#about_page #profesional ul li,
div#about_page #compagny ul li {
	padding-bottom:15px;
}

div#about_page #moviegoer ul li.strong {
	list-style:none;
	margin-left:-15px;
}

div#about_page #moviegoer ul {
	background-image:url(/Static/img/home/popup/img_moviegoer.png);
}


div#about_page #emergingtalent ul {
	background-image:url(/Static/img/home/popup/img_talent.png);
}

div#about_page #profesional ul {
	background-image:url(/Static/img/home/popup/img_profesional.png);
}

div#about_page #compagny ul {
	background-image:url(/Static/img/home/popup/img_compagny.png);
}

#about_onglets {
	background:url(/Static/img/home/popup/onglets.png) no-repeat;
	list-style:none;
	height:40px;
	padding-top:10px;
	margin-left:10px;
}

#about_onglets strong {
	font-size:1.8em;
	padding:0 1px 0 10px;
	display:block;
	float:left;
	width:120px;
}

#about_onglets a {
	display:block;
	float:left;
	width:94px;
	height:25px;
	text-indent:-9000px;
	padding-top:6px;
	margin-left:7px;
}

#about_onglets a.back {
	padding:9px 0px 0 0px;
	margin-left:5px;
	width:45px;
}

#about_btn {
	background:url(/Static/img/home/popup/btn_popup.png) center no-repeat;
	width:98px;
	margin:0 auto;
	padding:30px 0 0 22px
}

#about_discover {
	display:block;
	width:67px;
	height:67px;
	margin-top:10px;
	margin-left:10px;
	text-indent:-9000px
}

#about_signup {
	display:block;
	width:88px;
	height:89px;
	text-indent:-9000px
}

.open {
	display:block;
}


/* Popup Studio
------------------- */

#popup_content_studio,
#popup_content_moviedb {
	height:350px;
	text-align:center
}

#popup_content_studio h1,
#popup_content_moviedb h1 {
	width:650px;
	height:152px;
	text-indent:-9000px;
	padding:0;
	margin:0 auto 30px;
}

#popup_content_studio h1#logo_studio {
	background:url(/Static/img/studio/coming_soon.png) no-repeat
}

#popup_content_moviedb h1#logo_moviedb {
	background:url(/Static/img/moviedb/coming_soon.png) no-repeat
}

#popup_content_studio h2 {
	padding:30px 0 30px 0;
	margin:0;
	font-size:24px;
	color:#000;
	text-align:center;
}

#popup_content_studio h3,
#popup_content_moviedb h3 {
	width:auto;
	text-align:center;
}

#signupForm {
	padding-top:30px;
}

#signupForm input {
	margin:0 10px;
}