diff -r 000000000000 -r ca1b8c0fbe35 integ/css/styles.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integ/css/styles.css Tue Apr 02 12:45:17 2013 +0200 @@ -0,0 +1,4744 @@ +body { + margin: 0; + font-size: 1em; + line-height: 1.4; + font-family: helvetica, arial, sans-serif; + background: #2d2d2d url(skin/main-bg.png) repeat 0 0; + color: #fff; +} + +input, ol, ul { + margin: 0; + padding: 0; + border: none; +} + +i { + font-style: normal; +} + +button { + border: none; + cursor: pointer; +} + +h2 { + font-size: 50px; + font-weight: bold; + line-height: 1; + margin: 0 0 5px 0; +} +.top_section h2 { + float: left; +} + +a { + color: #fff; + text-decoration: none; +} + +:focus { outline: none; } + +/* --- Helpers --- */ +.margin_10b { + margin-bottom: 10px !important; +} +.margin_20b { + margin-bottom: 20px !important; +} +.margin_30b { + margin-bottom: 30px !important; +} +.margin_40b { + margin-bottom: 40px !important; +} +.margin_60b { + margin-bottom: 60px !important; +} + +.margin_10t { + margin-top: 10px !important +} +.margin_20t { + margin-top: 20px !important +} +.margin_30t { + margin-top: 30px !important +} +.margin_40t { + margin-top: 40px !important +} +.margin_60t { + margin-top: 60px !important +} + +.margin_10v { + margin-bottom: 10px !important; + margin-top: 10px !important; +} +.margin_20v { + margin-bottom: 20px !important; + margin-top: 20px !important; +} +.margin_30v { + margin-bottom: 30px !important; + margin-top: 30px !important; +} +.margin_40v { + margin-bottom: 40px !important; + margin-top: 40px !important; +} + +.margin_10h { + margin-left: 10px !important; + margin-right: 10px !important; +} +.margin_20h { + margin-left: 20px !important; + margin-right: 20px !important; +} +.margin_30h { + margin-left: 30px !important; + margin-right: 30px !important; +} +.margin_40h { + margin-left: 40px !important; + margin-right: 40px !important; +} + +.margin_10r { + margin-right: 10px !important; +} +.margin_20r { + margin-right: 20px !important; +} +.margin_30r { + margin-right: 30px !important; +} +.margin_40r { + margin-right: 40px !important; +} +.margin_60r { + margin-right: 60px !important; +} + +.margin_10l { + margin-left: 10px !important; +} +.margin_20l { + margin-left: 20px !important; +} +.margin_30l { + margin-left: 30px !important; +} +.margin_40l { + margin-left: 40px !important; +} +.margin_60l { + margin-left: 60px !important; +} + +.margin_a { + margin-left: auto !important; + margin-right: auto !important; +} + +.padding_10r { + padding-right: 10px !important; +} +.padding_20r { + padding-right: 20px !important; +} +.padding_30r { + padding-right: 30px !important; +} +.padding_40r { + padding-right: 40px !important; +} + +.inner_padding_40r > * { + padding-right: 40px !important; +} + +.fs11 { + font-size: 11px !important; +} +.fs13 { + font-size: 13px !important; +} +.fs18 { + font-size: 18px !important; +} +.fs20 { + font-size: 20px !important; +} +.uppercase { + text-transform: uppercase !important; +} +.bold { + font-weight: bold !important; +} + +/* which one is used by the script ? */ +.hidden { + display: none !important; +} +.hidden { + visibility: hidden !important; +} + +.fl { + float: left !important +} +.fr { + float: right !important +} + +.d_block { + display: block !important; +} +.d_inline_block { + display: block !important; +} +.d_table { + display: table !important; +} +.d_table_r { + display: table-row !important; +} +.d_table_c { + display: table-cell !important; +} + +.align_l { + text-align: left !important; +} +.align_c { + text-align: center !important; +} + +.breaker { + clear: both; + height: 0; + overflow: hidden; + font-size: 1%; +} +.clear { + clear: both !important; +} + +.invisibility { + position: absolute !important; + left: -10000px !important; + top: -10000px !important; +} +/* --- /Helpers --- */ + +/* header */ +header { + z-index: 999; + height: 61px; + min-width: 980px; + position: fixed; + left: 0; + right: 0; + top: 0; + padding: 0; + color: #D3D3D3; + background: #090909 url(../img/css/bottom-header.png) repeat-x 0 52px; + border-bottom: 1px solid #222222; +} + +header .logo { + float: left; + margin: 13px 30px 0; +} + +header nav li { + float: left; +} + +header nav li:hover a, header nav li.current a { + -webkit-box-shadow: 0px 0px 4px 3px #1D1D1D inset; + box-shadow: 0px 0px 4px 3px #1D1D1D inset; + background: #222222; + background-color: rgba(66, 66, 66, 0.7); +} + +header nav li a { + display: block; + height: 60px; + line-height: 60px; + vertical-align: middle; + padding: 0 10px 0 10px; + font-size: 14px; + color: #d3d3d3; + text-decoration: none; + font-weight: bold; +} + +nav li a.notification span{ + display: inline-block; + width: 18px; + height: 18px; + line-height: 18px; + background: #ffcb45; + text-align: center; + color: #000; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + font-size: 11px; + margin-left:10px; +} +/* /header */ + +html,body { + height: 100%; +} +.profile div[role="main"] { + display: table; + position: relative; + z-index: 3; + height: 100%; +} + +/* footer & nav */ +footer { + text-align: center; + position: fixed; + left: 0; + right: 0; + top: 100%; + margin-top: -59px; + height: 59px; + min-width: 920px; + padding: 0 30px; + border-top: 1px solid #2a2a2a; + z-index: 4; + font-size: 13px; + color: #fff; + background-color: #000000; + background-color: rgba(0, 0, 0, 0.9); + -webkit-box-shadow: 0px 1px 32px 0px #000; + box-shadow: 0px 1px 32px 0px #000; +} + +footer nav a { + text-decoration: none; + font-size: 12px; +} + +footer nav { + display: inline-block; + margin-top: 10px; +} + +footer nav ul { + display: inline-block; + border: 1px solid #000; + border-color: #2b2b2b #2b2b2b #292424 #272727; + border-radius: 10px; +} + +footer nav ul li { + float: left; +} + +footer nav ul li a { + display: block; + height: 35px; + line-height: 35px; + padding: 0 14px; + min-width: 110px; + font-size: 12px; + font-weight: bold; + background: #000000; + color: #ececec; + border-right: 1px solid #2b2b2b; + border-left: 1px solid #2b2b2b; +} + +footer nav ul li:first-child a { + -webkit-border-radius: 10px 0px 0px 10px; + border-radius: 10px 0px 0px 10px; +} + +footer nav ul li:last-child a { + -webkit-border-radius: 0px 10px 10px 0px; + border-radius: 0px 10px 10px 0px; +} + +footer nav ul li:hover a, footer nav ul li.current a { + background: #ececec; + color: #000000; +} +footer nav ul li.current a { + border-right: 1px solid #fff; + border-left: 1px solid #fff; +} +footer .logofoot { + position: absolute; + right: 25px; + top: 16px; +} + +footer .series_form { + /* + position:absolute; + right:0; + margin:0 30px; + */ + float: right; + line-height: 59px; + vertical-align: middle; +} + +footer .series_form * { + vertical-align: middle; +} + +footer form.series_form label { + margin-left: 5px +} + +#footer_search { + display: inline-block; + vertical-align: middle; + margin: 13px 20px 13px 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + -webkit-transition: opacity 0.2s ease; + -moz-transition: opacity 0.2s ease; + -o-transition: opacity 0.2s ease; + -ms-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; +} + +.open #footer_search { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -moz-opacity: 0; + -khtml-opacity: 0; + opacity: 0; +} +/* /footer & nav */ + +/* connexion */ +.connect { + float: right; + height: 60px; + position: relative; + margin-right: 10px; +} + +.connect .add_profiles, .connect .connected_profiles, .connect .logout { + float: left; + line-height: 60px; +} + +.connect .add_profiles { +} + +.connect .connected_profiles { + margin-left: 5px; +} + +.connect img { + border: 2px solid #fff; + -webkit-border-radius: 5px; + border-radius: 5px; +} + +.connect .connected_profiles span, .connect .connected_profiles img { + vertical-align: middle; +} + +.connect .connected_profiles img { + margin-left: 5px; +} + +.connect .connected_profiles span { + font-weight: bold; + font-size: 13px; +} + +.connect .logout { + display: block; + background-position: -49px -97px; + height: 20px; + width: 20px; + margin: 20px 0 0 10px; + text-indent: -9999px; + cursor: pointer; +} + +.add { + display: inline-block; + background: url(skin/add.png) no-repeat 50% 50%; + height: 16px; + width: 16px; + text-indent: -9999px; + cursor: pointer; + vertical-align: middle; +} + +.remove { + display: inline-block; + background: url(skin/remove.png) no-repeat 50% 50%; + height: 16px; + width: 16px; + text-indent: -9999px; + cursor: pointer; + vertical-align: middle; +} + +.manage_profiles { + background: #ffb400; + position: absolute; + top: 60px; + left: 0; + right: -30px; + padding: 0 5px; + font-size: 12px; +} + +.connect_profiles, .deconnect_profiles { + display: none; +} + +.manage_profiles ul { + border-bottom: 1px solid #ffc600; +} + +.manage_profiles ul li { + padding: 5px; + line-height: 24px; + vertical-align: middle; + overflow: hidden; + border-top: 1px solid #ffc600; +} + +.manage_profiles ul li * { + vertical-align: middle; +} + +.manage_profiles ul li img { + float: left; + margin: 0 10px 0 0; +} + +.manage_profiles ul li div { + float: right; +} +.manage_profiles ul li div span { + text-indent: -9999px; + cursor: pointer; +} + +.deconnect { + display: block; + padding: 5px; + margin: 5px 0; + text-align: center; + font-weight: bold; + cursor: pointer; + background: #ffda00; /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmI0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #ffda00 0%, #ffb400 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffda00), color-stop(100%,#ffb400)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffda00 0%,#ffb400 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffda00 0%,#ffb400 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #ffda00 0%,#ffb400 100%); /* IE10+ */ + background: linear-gradient(to bottom, #ffda00 0%,#ffb400 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffda00', endColorstr='#ffb400',GradientType=0 ); /* IE6-8 */ +} + +.deconnect:hover { + display: block; + padding: 5px; + text-align: center; + font-weight: bold; + background: #1a1a1a; + color: #fff; + text-shadow: none; + filter: none; +} + +/* /connexion */ + +/* --- filters search --- */ +.filters_search { + position: relative; +} + +.top_section .filters_search { + margin-top: 5px; +} + +.filters_search input[type=text] { + border: 1px solid #000; + border-color: #1A1D1E #1A1D1E #686868; + background: #000 url(skin/loupe.png) no-repeat 10px 8px; + height: 30px; + width: 161px; + color: #fff; + padding-left: 35px; + -webkit-border-radius: 15px; + border-radius: 15px; +} +.column_button { + background-color: #ececec; + color: #000; + -webkit-border-radius: 5px; + border-radius: 5px; + width: 43px; + height: 31px; + display: block; + cursor: pointer; + position: absolute; + top: 12px; +} +.column_button span { + background-position: -30px -97px; + width: 17px; + height: 17px; + margin: 7px auto; + overflow: hidden; + text-indent: -9999px; + display: block; +} +.column_button:hover { + -webkit-box-shadow: 0 0px 1px 1px #000000 inset; + box-shadow: 0 0px 1px 1px #000000 inset; +} +.btn_search_on, .btn_search_on:hover { + -webkit-box-shadow: 0 0px 10px 2px #000000 inset; + box-shadow: 0 0px 10px 2px #000000 inset; +} + +.filters_search i { + display: block; + width: 35px; + height: 30px; + line-height: 30px; + position: absolute; + top: 0; + bottom: 0; + left: 0; + cursor: pointer; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -moz-opacity: 0; + -khtml-opacity: 0; + opacity: 0; +} + +/* --- /filters search --- */ + +/* left panel */ +#filters { + position: fixed; + width: 230px; + height: 100%; + background: #212121; + margin-top: 60px; + top: 0; + left: 0; + z-index: 2; + margin-left: -230px; + -webkit-box-shadow: inset 0px 0px 10px 10px rgba(0, 0, 0, 0.20), 0px 0px 1px 0px rgba(255,255,255, 0.24); + box-shadow: inset 0px 0px 10px 10px rgba(0, 0, 0, 0.20), 0px 0px 1px 0px rgba(255,255,255, 0.24); + -webkit-transition: margin-left 0.5s ease; + -moz-transition: margin-left 0.5s ease; + -o-transition: margin-left 0.5s ease; + -ms-transition: margin-left 0.5s ease; + transition: margin-left 0.5s ease; +} + +.open #filters { + margin-left: 0px; +} +.profile #filters { + margin: 0; + padding-top: 60px; + position: relative; + z-index: 2; + display: table-cell; +} + +#searchZone { + background: url(skin/border.png) repeat-x bottom left; + /*margin:0 0 20px 0; + overflow:hidden;*/ +} + +#searchZone form { + margin: 20px 15px 20px 15px; +} + +.tags { + margin: 0 10px 10px; +} + +.tags a { + background: #3c3c3c; /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjM2MzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDJkMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #3c3c3c 0%, #2d2d2d 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3c3c), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #3c3c3c 0%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #3c3c3c 0%,#2d2d2d 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #3c3c3c 0%,#2d2d2d 100%); /* IE10+ */ + background: linear-gradient(to bottom, #3c3c3c 0%,#2d2d2d 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-8 */ + display: inline-block; + padding: 1px 20px 3px 7px; + margin: 0 5px 10px 0; + color: #fff; + font-size: 13px; + -webkit-border-radius: 5px; + border-radius: 5px; + border-bottom: 1px solid #191919; + border-top: 1px solid #6d6d6d; +} + +.tags a:hover { + background: #595959 url(skin/close.png); /* Old browsers */ + background-image: url(skin/close.png), -moz-linear-gradient(top, rgba(96,96,96,1) 0%, rgba(83,83,83,1) 50%, rgba(68,68,68,1) 100%); /* FF3.6+ */ + background-image: url(skin/close.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,96,96,1)), color-stop(50%,rgba(83,83,83,1)), color-stop(100%,rgba(68,68,68,1))); /* Chrome,Safari4+ */ + background-image: url(skin/close.png), -webkit-linear-gradient(top, rgba(96,96,96,1) 0%,rgba(83,83,83,1) 50%,rgba(68,68,68,1) 100%); /* Chrome10+,Safari5.1+ */ + background-image: url(skin/close.png), -o-linear-gradient(top, rgba(96,96,96,1) 0%,rgba(83,83,83,1) 50%,rgba(68,68,68,1) 100%); /* Opera 11.10+ */ + background-image: url(skin/close.png), -ms-linear-gradient(top, rgba(96,96,96,1) 0%,rgba(83,83,83,1) 50%,rgba(68,68,68,1) 100%); /* IE10+ */ + background-image: url(skin/close.png), linear-gradient(to bottom, rgba(96,96,96,1) 0%,rgba(83,83,83,1) 50%,rgba(68,68,68,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#444444',GradientType=0 ); /* IE6-9 */ + background-repeat: no-repeat; + background-position: right 5px; +} + +.facettes { + height: 72%; + margin-bottom: 60px; + overflow: auto; + position: relative; + z-index: 10; +} + +.profile .facettes { + text-align: center; + overflow: visible; + width: 230px; +} + +.profile .facettes img.photo_profile { + display: block; + margin: 30px auto 26px auto; +} +.profile .facettes img.photo_profile + p { + margin-bottom: 29px; +} + +.profile .facettes p { + font-weight: bold; +} +.profile button.add_del_coach { + width: 156px; + height: 33px; + background-color: #494949; + font-size: 12px; + font-weight: bold; + color: #ffffff; + text-shadow: rgba(0,0,0,0.8) 0 -1px 1px; + -webkit-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.41), inset 0px 1px 1px 0px rgba(0,0,0,0.75); + box-shadow: 0 1px 0 0 rgba(255,255,255,0.41), inset 0px 1px 1px 0px rgba(0,0,0,0.75); + margin: -9px auto 40px; + display: block; +} +.profile button.add_del_coach:hover { + opacity: 0.7; +} +.profile .decorations { + margin: 0 0 29px 36px; + text-align: left; +} +.profile .follow_area { + margin-bottom: 25px; +} +.profile .badges_area { + margin-bottom: 19px; +} +.profile .decorations p { + font-weight: normal; + font-size: 12px; + margin-bottom: 10px; +} +.profile .decorations p span { + font-weight: bold; + font-size: 18px; +} +.profile .decorations ul li { + display: block; + float: left; + position: relative; +} +.profile .badges_area ul li { + margin: 0 7px 10px 0; +} +.profile .follow_area ul li { + margin: 0px 4px 4px 0; +} +.profile .follow_area ul li a { + display: block; +} +.profile .badges_area ul li .badge_tooltip { + top: 58px; + left: -10px; + display: none; + box-shadow: 0px 0px 0px 1px #343434; +} +.profile .follow_area ul li .rate_tooltip { + top: -31px; + left: -4px; + display: none; + box-shadow: 2px 2px 10px 0px #000; +} +.profile .decorations ul li > *:hover + .rate_tooltip, +.profile .decorations ul li > *:hover + .badge_tooltip { + display: block; +} +.profile .follow_area ul li img { + border: 1px solid #656565; + display: block; +} + +.profile .badges_area ul li > div > span { + text-indent: -9999px; + overflow: hidden; + display: block; + width: 42px; + height: 42px; +} + +/* /left panel */ + +.top_section.bottom_border { + border-bottom: 2px solid #303030; + padding-bottom: 20px; + margin: 0 0 30px 0; +} + +.top_section_alt { + padding-bottom: 20px; + margin: 0 0 30px 0; +} + +/* --- central --- */ +section.central { + min-width: 980px; +} +.profile section.central { + display: table-row; +} +#results { + padding: 30px 0px 80px 0px; + margin: 60px 0 0; + position: relative; + z-index: 1; + -webkit-transition: margin-left 0.5s ease; + -moz-transition: margin-left 0.5s ease; + -o-transition: margin-left 0.5s ease; + -ms-transition: margin-left 0.5s ease; + transition: margin-left 0.5s ease; +} + +.open #results { + margin-left: 233px; + overflow: hidden; +} +.profile #results { + display: table-cell; + vertical-align: top; + width: 100%; + padding-top: 90px; +} + +ul.film_list { + margin: 0 auto; + padding-right: 45px; + -webkit-transition: width 0.3s ease; + -moz-transition: width 0.3s ease; + -o-transition: width 0.3s ease; + -ms-transition: width 0.3s ease; + transition: width 0.3s ease; +} +.film_list > li { + float: left; + padding-left: 45px; + vertical-align: top; + margin-bottom: 30px; + position: relative; + height: 268px; +} + +.film_list > li > div:hover .close { + display: block; + right: auto; + left: -17px; + top: -17px; + z-index: 10; +} + +:not(.not_interest_list) > .film_list > li:first-child { + background: url(skin/1.png) no-repeat 20px 0; +} +:not(.not_interest_list) > .film_list > li:nth-child(2) { + background: url(skin/2.png) no-repeat 20px 0; +} +:not(.not_interest_list) > .film_list > li:nth-child(3) { + background: url(skin/3.png) no-repeat 20px 0; +} + +.film_list > li a { + font-weight: bold; + text-align: center; + display: block; + width: 160px; + margin-top: 10px; + line-height: 17px; +} +.spe_list > li a:hover span, +.film_list > li a:hover { + color: #FFDA00; +} + +.film_list > li > div > img { + display: block; +} + +.film_list > li > a span { + display: block; + height: 60px; + width: 164px; + text-align: center; + position: absolute; + bottom: -70px; + left: 0; + line-height: 20px; +} + +.film_list > li > div { + width: 160px; + height: 213px; + line-height: 210px; + position: relative; + border: 1px solid #393939; + padding: 0px; + background: transparent; + display: block; +} + +.film_list > li .overlay_area { + display: none; + width: 160px; + height: 170px; + padding-top: 43px; + position: absolute; + top: -3px; + left: -3px; + margin: 0px; + background-color: #000000; + background-color: rgba(0,0,0,0.75); + font-size: 13px; + font-weight: bold; + line-height: normal; + border: 3px solid #fff; + -webkit-border-radius: 3px; + border-radius: 3px; + text-align: center; +} + +.film_list > li > div:hover .overlay_area { + display: block; +} +.film_list > li > div:hover .others_infos { + display: none; +} +.film_list > li .info_btn:hover + .tooltip_info, +.vitr_list > li .info_btn:hover + .tooltip_info { + display: block; +} + +.vitr_list > li .overlay_area > p.price, +.film_list > li .overlay_area > p { + left: 47px; + margin: 0; + position: absolute; + top: 11px; + width: 65px; + line-height: 14px; + font-size: 10px; + font-weight: normal; + color: #D3D3D3; + text-shadow: 0px 1px 1px #000; + filter: dropshadow(color=#000, offx=0, offy=1); + margin-bottom: 10px; +} +.vitr_list > li .overlay_area > p.price{ + left: 52px; + text-align: center; +} + +.vitr_list > li .overlay_area > p.price > strong, +.film_list > li .overlay_area > p > strong { + font-size: 12px; + display: block; + font-weight: bold; +} + +.film_list .play_btn, +.vitr_list .del_btn, +.vitr_list .play_btn { + left: 9px; +} +.film_list .info_btn, +.vitr_list .edit_btn, +.vitr_list .info_btn { + right: 9px; +} +.vitr_list .move_btn { + left: 72px; + cursor: move; +} + +.vitr_list .del_btn, +.vitr_list .edit_btn, +.vitr_list .move_btn, +.vitr_list .editBlock p.price, +.vitr_list .editBlock .play_btn, +.vitr_list .editBlock .info_btn { + display: none; +} +.vitr_list .editBlock .del_btn, +.vitr_list .editBlock .edit_btn, +.vitr_list .editBlock .move_btn { + display: block; +} + +.play_btn span { + background-position: -59px -39px; + width: 11px; + height: 11px; + margin: 11px auto; +} +.info_btn span { + background-position: -80px -36px; + width: 7px; + height: 15px; + margin: 7px auto; +} +.del_btn span { + background-position: -28px -136px; + width: 15px; + height: 15px; + margin: 9px auto; +} +.move_btn span { + background-position: -94px -34px; + width: 14px; + height: 19px; + margin: 6px auto; +} +.edit_btn span { + background-position: -113px -37px; + width: 15px; + height: 14px; + margin: 10px auto; +} + +.results .datas, .results .datas_small { + display: block; + text-align: center; + margin-right: 35px; + font-size: 12px; +} + +.results .datas strong, .results .datas_small strong { + display: block; + font-weight: bold; + line-height: 1; +} + +.results .datas strong { + font-size: 45px; +} +.results .datas_small strong { + font-size: 25px; +} + +.results h2 { + margin: 0 0 50px 50px; +} +.results h3 { + font-size: 18px; + font-weight: bold; + margin-bottom: 0px; +} + +ul.spe_list { + margin-top: 15px; + float: left; + display: block; +} +ul.spe_list li { + float: left; + width: 112px; + height: 207px; + overflow: hidden; + margin: 0 29px 15px 0; +} +ul.spe_list li img { + display: block; + border: 1px solid #7c7c7c; + margin-bottom: 14px; +} +ul.spe_list li span { + font-weight: bold; + display: block; + text-align: center; +} +ul.saga_list li { + overflow: visible; +} + +/* VITRINE */ +button.edit_vitrine { + width: 115px; + height: 35px; + background-color: #000; + font-size: 14px; + font-weight: bold; + color: #fff; + -webkit-border-radius: 8px; + border-radius: 8px; + margin: 15px 20px 0 0; + display: block; + float: right; +} +button.edit_vitrine.active, +button.edit_vitrine:hover { + color:#000; + background-color: #e9eaea; +} +.simplemodal-container button.edit_vitrine { + background: #1899e1; /* Old browsers */ + background: -moz-linear-gradient(top, #1899e1 0%, #126ae3 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1899e1), color-stop(100%,#126ae3)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #1899e1 0%,#126ae3 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #1899e1 0%,#126ae3 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #1899e1 0%,#126ae3 100%); /* IE10+ */ + background: linear-gradient(to bottom, #1899e1 0%,#126ae3 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1899e1', endColorstr='#126ae3',GradientType=0 ); /* IE6-9 */ + text-shadow: 0px -1px 1px #000; + filter: dropshadow(color=#000, offx=0, offy=-1); +} +.simplemodal-container button.edit_vitrine:hover { + color: #fff; + background: #1899e1; /* Old browsers */ + background: -moz-linear-gradient(top, #126ae3 0%, #1899e1 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#126ae3), color-stop(100%,#1899e1)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #126ae3 0%,#1899e1 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #126ae3 0%,#1899e1 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #126ae3 0%,#1899e1 100%); /* IE10+ */ + background: linear-gradient(to bottom, #126ae3 0%,#1899e1 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#126ae3', endColorstr='#1899e1',GradientType=0 ); /* IE6-9 */ +} +.simplemodal-container button.edit_vitrine.btErase { + background: #d91233; +} +.simplemodal-container .full-vitrine-modal p { + text-align: center; + margin: 20px 20px 0 20px; + font-size: 16px; +} +.simplemodal-container .full-vitrine-modal a { + margin: 0; +} + + +ul.vitr_list { + margin: 0 auto; + padding: 0; + width: 704px; +} +.vitr_list > li { + float: left; + padding-left: 6px; + vertical-align: top; + margin-bottom: 6px; + position: relative; + height: auto; +} + +.vitr_list > li > div:hover .close { + display: block; + right: auto; + left: -17px; + top: -17px; + z-index: 10; +} + +.vitr_list > li a:hover { + color: #FFDA00; +} + +.vitr_list > li > div > img { + display: block; +} + +.vitr_list > li > div { + text-align: center; + display: block; + position: relative; + border: 1px solid #434343; + padding: 0; + background: rgba(0,0,0,0.8); + height: 224px; + width: 168px; +} + +.vitr_list > li.emptyBlock > div { + line-height: 221px; + background: #202020; +} +.vitr_list > li.editBlock > div { + border:1px dashed #B0B0B0; +} +.vitr_list > li .item_disk_large, +.vitr_list > li .item_disk_xl { + background: #303030; + display: none; +} +.vitr_list > li.emptyBlock .item_disk_large, +.vitr_list > li.emptyBlock .item_disk_xl { + display: inline-block; +} +.vitr_list > li .overlay_area { + display: none; + width: 148px; + height: 168px; + padding: 57px 10px 0; + position: absolute; + z-index: 2; + top: -3px; + left: -3px; + margin: 0px; + background-color: #000000; + background-color: rgba(0,0,0,0.75); + font-size: 13px; + font-weight: bold; + line-height: normal; + border: 3px solid #fff; + -webkit-border-radius: 3px; + border-radius: 3px; + cursor: pointer; + text-align: left; +} + +.vitr_list > li:hover .overlay_area { + display: block; +} +.vitr_list > li p { + margin-bottom: 10px; +} +.vitr_list .film_title { + font-weight: normal; + font-size: 12px; +} +.vitr_list .desc { + font-style: italic; + font-weight: normal; +} +.vitr_list .film_title strong{ + font-weight: bold; +} +.vitr_list .film_title a { + display: block; + color:#1598ff; + font-size: 16px; + font-weight: bold; +} +.vitr_list .sya .rate { + display: block; +} +.vitr_list .mini_thumb { + margin: 0; +} + +/* FIRST ELEMENT */ +.vitr_list > li:first-child > div { + height: 456px; + width: 344px; +} +.vitr_list > li.emptyBlock:first-child > div { + line-height: 453px; + background: #202020; +} +.vitr_list > li:first-child .overlay_area { + height: 356px; + width: 284px; + padding: 100px 30px 0; +} +.vitr_list > li:first-child .overlay_area > p.price{ + left: 146px; +} +.vitr_list > li:first-child .overlay_area > p { + margin-bottom: 20px; +} +.vitr_list > li:first-child .film_title { + font-size: 13px; +} +.vitr_list > li:first-child .film_title a { + font-size: 22px; +} +.vitr_list > li:first-child .move_btn { + left: 159px; +} +.containerImgTxt { + position: relative; +} +.containerImgTxt .left_content, +.containerImgTxt > img, +.containerImgTxt > a { + float: left; + border: 1px solid #aaaaaa; + margin: 0px 11px 0 20px; + font-size: 15px; +} +.containerImgTxt > img, +.containerImgTxt > a img{ + display: block; +} +.containerImgTxt div.right_content { + position: relative; + margin-right:20px; + overflow: hidden; +} +.containerImgTxt .rating_module { + position: absolute; + right: 0;top: 0; +} +.containerImgTxt .right_content > .s_name{ + line-height: 14px; + vertical-align: top; +} +.containerImgTxt .right_content > span{ + vertical-align: top; + line-height: 18px; +} +.containerImgTxt .right_content > span.year{ + font-size: 13px; + vertical-align: top; + line-height: 15px; +} +.containerImgTxt .right_content > p{ + margin-top:10px; + font-size: 13px; + color: #ededed; +} +.containerImgTxt .right_content .createTime{ + font-size: 10px; + color: #626262; +} +.containerImgTxt textarea{ + display: block; + width: 518px; + height: 103px; + color: #232323; + font-size: 13px; + -webkit-border-radius: 5px; + border-radius: 5px; + font-family: helvetica; + background-color: #ececec; + resize: none; + outline: none; +} +.containerImgTxt .nbCommentChar{ + position: absolute; + right: 10px;bottom: 7px; + width: 26px; height: 18px; + font-size: 15px; + color: #575757; + background-color: #ececec; +} + +/* /Vitrine */ +/* Fiche Film */ +#results.moviePage { + min-width: 980px; + margin: 30px auto 0px; +} +.moviePageTop { + position: relative; + font-size: 13px; + padding: 117px 36px 36px; + background: transparent url(skin/bg-motif.jpg) repeat 0 0; + border-bottom:1px solid #323232; + -webkit-box-shadow: 0px 1px 22px 0px rgba(0,0,0,0.5); + box-shadow: 0px 1px 22px 0px rgba(0,0,0,0.5); +} +.moviePageTop h2{ + font-size: 35px; + margin: 0px; +} +.moviePageTop .firstsInfos span.film_title{ + font-size: 16px; +} +.moviePageTop > a{ + float: left; + margin-right: 36px; + display: block; + position: relative; + z-index: 2; +} +.moviePageTop > a .btn_play { + position: absolute; + width: 38px; + height: 38px; + right: 5px; bottom: 10px; + -webkit-box-shadow: 0 0 0 2px #A5A7A4; + box-shadow: 0 0 0 2px #A5A7A4; +} +.moviePageTop > a .btn_play span { + background-position: -120px -133px; + width: 21px; + height: 21px; + margin: 11px 0 0 12px; +} + +.moviePageTop .othersInfos p:nth-child(1){ + margin-top: 0px; +} +.moviePageTop p{ + margin-top: 15px; + color: #d5d5d5; +} +.moviePageTop > strong{ + font-size: 14px; +} +.moviePageTop .firstsInfos { + position: absolute; + z-index: 1; + left: 36px; + top: 30px; + margin-bottom: 15px; +} +.moviePageTop .firstsInfos > p span:not(.flag){ + padding-right: 25px; +} + +span.duration i { + display: inline-block; + width: 18px; + height: 18px; + background-position: -105px -55px; + margin-top: -3px; + margin-right: 4px; + vertical-align: middle; +} +span.licence.lic12 { + display: inline-block; + width: 18px; + height: 18px; + background: transparent url(skin/licence-12.png) no-repeat 0 0; + text-indent: -100px; + overflow: hidden; +} +.moviePageTop .actionsBlock { + float: right; + position: relative; + z-index: 2; + margin-top: -87px; + margin-left: 36px; + padding: 26px 0 0; + width: 252px; + background-color: #1b1b1b; + -webkit-border-radius: 8px; + border-radius: 8px; + text-align: center; + -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.18), inset 0px 1px 1px 0px rgba(0,0,0,0.75); + box-shadow: 0 1px 0 0 rgba(255,255,255,0.18), inset 0px 1px 1px 0px rgba(0,0,0,0.75); +} +.moviePageTop .actionsBlock .btn_thumbs { + position: static; + margin: 25px 0 17px; +} +.moviePageTop .actionsBlock .btn_thumb { + width: 50px; + height: 50px; +} +.moviePageTop .actionsBlock .btn_thumb span { + margin: 15px auto; +} +.moviePageTop .actionsBlock .btFbShare { + display: block; + height: 24px; + width: 154px; + overflow: hidden; + margin: 0 auto; +} +.moviePageTop .actionsBlock a { + font-size: 11px; + font-weight: bold; + color: #fff; + -moz-box-sizing:border-box; + -webkit-box-sizing:border-box; + box-sizing:border-box; + text-align: left; + padding: 0 0 0 52px; + margin: 0 auto 14px; + width: 216px; + height: 40px; + line-height: 40px; + display: block; + -webkit-border-radius: 2px; + border-radius: 2px; + background-color: #393939; + background-color: rgba(148,148,148,0.25); + position: relative; + -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.18), inset 0px 1px 1px 0px rgba(0,0,0,0.75); + box-shadow: 0 1px 0 0 rgba(255,255,255,0.18), inset 0px 1px 1px 0px rgba(0,0,0,0.75); +} +.moviePageTop .actionsBlock a:not(.movie_buy):hover { + border: 2px solid white; + line-height: 36px; + padding-left:50px; +} +.moviePageTop .actionsBlock a:before { + background-position: -58px -54px; + content: ""; + display: block; + position: absolute; + left:16px; + top:10px; + width: 21px; + height: 21px; +} +.moviePageTop .actionsBlock a.movie_buy { + cursor: default; + opacity: 0.5; + margin-top: 23px; + margin-bottom: 32px; +} +.moviePageTop .actionsBlock a.movie_buy:before { + left: 14px; +} +.moviePageTop .actionsBlock a.movie_trailer:before { + background-position: -120px -133px; + top:12px;left: 18px; +} +.moviePageTop .actionsBlock a.movie_vitrine:before { + background-position: -144px -171px; + height: 24px; + top:8px; +} +.moviePageTop .actionsBlock a.movie_critique:before { + background-position: -84px -55px; +} +.moviePageTop .actionsBlock a.movie_trailer:hover:before { + top:10px; + left:16px; +} +.moviePageTop .actionsBlock a.movie_vitrine:hover:before { + top:6px; + left:14px; +} +.moviePageTop .actionsBlock a.movie_critique:hover:before { + top:8px; + left:14px; +} +.moviePageTop .othersInfos { + margin: 0 288px 0 286px; +} +.moviePageTop .othersInfos > :last-child { + margin: 26px 0 0 0; +} +.moviePageTop .othersInfos p.synopsis { + height: 107px; + overflow: hidden; +} +.sinopSee, +.moreBadges { + float: right; + height: 25px;width: 25px; + cursor: pointer; + display: block; + background-color: transparent; +} +.sinopSee span, +.moreBadges span { + height: 14px;width: 14px; + background: #949494; + background-color: rgba(148,148,148,0.25); + cursor: pointer; + display: block; + color: #fff; + line-height: 14px; + margin: 5px auto; + -webkit-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.41), inset 0px 1px 1px 0px rgba(0,0,0,0.75); + box-shadow: 0 1px 0 0 rgba(255,255,255,0.41), inset 0px 1px 1px 0px rgba(0,0,0,0.75); +} + +.moreBadges { + margin-right: 35px; + font-size: 14px; +} + +.moviePageTop .othersInfos > div > div { + margin: 10px 30px 0 0; +} +.moviePageTop .othersInfos div.goToAC a { + display: block; + margin: 20px 0 0 0; +} +.moviePageTop .othersInfos div.goToAC .info_btn { + position: relative; + display: inline-block; + margin-top: -4px; + margin-right: 8px; +} +.moviePageTop .othersInfos div.goToAC a:hover .info_btn { + -webkit-box-shadow: 0 0 0 2px #A5A7A4; + box-shadow: 0 0 0 2px #A5A7A4; +} +.moviePageTop .othersInfos .info_btn span { + margin-top: 5px; +} +.moviePageBottom { + padding: 351px 0 36px 36px; + position: relative; +} +.moviePageBottom > div { + float: left; + margin-bottom: 36px; +} +.similarMovies { + position: absolute; + top: 36px;left: 36px; +} +.otherActivity { + width: 50%; + padding-right: 45px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.otherActivity:last-child { + margin-right: 0px; +} +.similarMovies ul { + float: none; +} +.similarMovies ul li{ + width: 152px; + height: 260px; + margin-right: 34px; +} +.similarMovies ul li span{ + color: #c8cfd6; + font-size:13px; +} +.similarMovies ul li img{ + border-color: #434343; +} +.otherActivity .containerImgTxt { + margin-left: 0; + padding: 16px 0; + border-bottom: 1px solid #181818; + -webkit-box-shadow: 0 1px 0 0 #494949; + box-shadow: 0 1px 0 0 #494949; +} +.otherActivity .containerImgTxt > a { + margin-left: 0; +} +.otherActivity .containerImgTxt div.right_content { + margin-right: 0; +} +.otherActivity .containerImgTxt .right_content > p { + margin-top: 2px; +} +.otherActivity .containerImgTxt .rating_module { + top: 15px; +} +.otherActivity .containerImgTxt:last-child { + border: none; + box-shadow: none; +} + +/* /Fiche Film */ + +p.msg_box { + position: relative; + font-size: 14px; + margin: -30px 0 30px; + height: 60px; + line-height: 60px; + padding-left: 46px; + background: #3A3A3A; /* Old browsers */ + background: -moz-linear-gradient(top, #282828 0%, #3A3A3A 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282828), color-stop(100%,#3A3A3A)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #282828 0%,#3A3A3A 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #282828 0%,#3A3A3A 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #282828 0%,#3A3A3A 100%); /* IE10+ */ + background: linear-gradient(to bottom, #282828 0%,#3A3A3A 100%); /* W3C */ +} + +p.msg_box i.close { + display: block; + position: absolute; + right: 30px; + top: 21px; + height: 18px; + width: 18px; + text-indent: -999px; + overflow: hidden; + cursor: pointer; + background-position: -27px -134px; +} +.like_container, +.container_table_row .other_container { + border-bottom: 1px solid #181818; + -webkit-box-shadow: 0 1px 0 0 #494949; + box-shadow: 0 1px 0 0 #494949; + margin: 0 46px 46px 46px; + padding: 0 0 0 0; + position: relative; + display: inline-block; + vertical-align: top; +} + +h2.my_stars, .like_container h2 { + font-size: 30px; + margin: 0 0 30px; +} +.other_container { + margin: 0 0 0 46px; + padding: 0 0 46px 0; + position: relative; + display: inline-block; + vertical-align: top; +} +.like_container:nth-child(3) { + border-bottom: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.like_container .carousels { + display: table; +} +.like_container .carousels > div { + display: table-row; +} +.like_container .carousels > div > * { + display: table-cell; +} +.like_container .carousels > div > span.title { + vertical-align: top; +} + +/* --- /central --- */ + +/* Accordion */ +.adCntnr { + padding: 20px 20px 50px 0; +} + +.adCntnr .acco2 .collapse .accCntnt ul { + padding: 0 25px 5px; + margin: 0 +} + +.adCntnr .acco2 .collapse .accCntnt ul li { + border-bottom: 1px solid #3e3e3e; + padding: 3px 0; +} + +.adCntnr .acco2 .collapse .accCntnt ul li:last-child { + border-bottom: none; +} + +.adCntnr .acco2 .collapse .accCntnt ul li a { + color: #fff; + text-decoration: none; + font-size: 13px; +} + +.adCntnr .acco2 .collapse .accCntnt ul li a:hover { + color: #ccc; +} + +.adCntnr .acco2 .collapse .accCntnt ul li a span { + float: right +} + +.adCntnr .acco2 .collapse .accCntnt .seeAll { + background: #333; + color: #FFF; + display: block; + font-size: 13px; + height: 30px; + line-height: 30px; + text-align: center; + text-decoration: none; + margin: 3px 25px 0 0 +} + +.adCntnr .acco2 .expand a:before { + background-position: -69px -95px; + content: ""; + display: inline-block; + width: 12px; + height: 12px; + margin: 0 6px; +} + +.adCntnr .acco2 .expand a { + border-bottom: 1px solid #3e3e3e; + text-decoration: none; + color: #fff; + padding-bottom: 3px; + padding-top: 3px +} + +.adCntnr .acco2 .openAd a { + background-color: #eeeeee; + color: #484848; + font-weight: bold; +} +.adCntnr .acco2 .openAd a:before { + background-position: -81px -95px; + content: ""; + display: inline-block; + width: 12px; + height: 12px; + margin: 0 6px; +} +/* /Accordion */ + +/* Modal */ +#interest-modal-content, #not-interest-modal-content, #basic-modal-content, #basic-modal-content2, #basic-modal-content3, #comment-modal, #modif-movie-modal, #add-movie-modal, #full-vitrine-modal, #allBadges-modal, #newBadges-modal { + display: none; +} + +#basic-modal-content3 { + padding: 30px; +} + +#simplemodal-overlay { + background-color: #000; + cursor: default; +} + +#simplemodal-container { + height: 450px; + width: 695px; + color: #fff; + border: 10px solid rgba(204, 204, 204, .3); + -webkit-border-radius: 15px; + border-radius: 15px; +} + +#simplemodal-container { + height: 300px; + width: 695px; + color: #fff; + border: 10px solid rgba(204, 204, 204, .3); + -webkit-border-radius: 15px; + border-radius: 15px; +} + +#simplemodal-container .whyNot { + -webkit-border-radius: 15px; + border-radius: 15px; + background: #2d2d2d; + float: left; + margin: 16px 0 0 18px; + width: 27%; +} +#simplemodal-container .whyNot { + width: 206px; +} +#simplemodal-container .whyNot:hover { + background-color: #535353; +} +#simplemodal-container .likeTopText { + margin: 24px 40px 0px 31px; + overflow: hidden; +} +#simplemodal-container .likeTopText p strong { + font-weight: bold; + font-size: 20px; +} +h2.my_stars:before, .like_container h2:before, #simplemodal-container .likeTopText:before { + width: 37px; + height: 37px; + content: ""; + display: block; + float: left; + margin: 6px 20px 20px 0; +} + +h2.my_stars:before, .like_container h2:before { + margin: 0 20px 0 0; +} + + +.like_container h2.ilike:before, #interest-modal-content .likeTopText:before { + background-position: -62px -155px; +} +.like_container h2.i_dont_like:before, #not-interest-modal-content .likeTopText:before { + background-position: -103px -155px; +} +h2.my_stars:before { + background-position: -123px -200px; +} +#simplemodal-container .likeTopText + div { + margin-left: 66px; +} + +#simplemodal-container #basic-modal-content p { + padding-left: 10px; + background: url(skin/border_modal.png) repeat-x left bottom; + padding-bottom: 10px; + font-size: 14px; +} +.simplemodal-container p { + padding-left: 0px; + padding-bottom: 4px; + font-size: 14px; +} + +#simplemodal-container p.interest { + padding-left: 10px; + background: none; + padding-bottom: 15px; + margin: 0 +} + +#simplemodal-container .alphabet { + padding-left: 10px; + margin: 10px 0; + overflow: hidden; +} + +#simplemodal-container .alphabet li { + float: left; +} + +#simplemodal-container .alphabet li a { + font-weight: bold; + text-decoration: none; + padding: 3px 7px; + font-size: 17px; + line-height: 26px; +} + +#simplemodal-container .alphabet li a:hover, #simplemodal-container .alphabet li a.selected { + background: #555; + -webkit-border-radius: 20px; + border-radius: 20px; +} + +#simplemodal-container .star_names { + height: 330px; + overflow: auto; + clear: both; +} + +#simplemodal-container .star_names li { + margin: 0 0 20px 9px; + /*display:inline-block;*/ + /*width: 30%;*/ + width: 214px; + float: left; +} + +#simplemodal-container .star_names li a { + text-decoration: none; + display: table; + height: 60px; + width: 204px; + padding: 10px 5px; + font-size: 14px; +} + +#simplemodal-container .star_names li a em { + display: table-cell; + vertical-align: middle; + padding-left: 10px; + line-height: 16px; +} + +#simplemodal-container .star_names li a:hover, #simplemodal-container .star_names li a.selected { + background: #2d2d2d; + -webkit-border-radius: 10px; + border-radius: 10px; +} + +#simplemodal-container .star_names li a .item_disk_medium { + /*float:left;*/ + display: table-cell; +} + +#simplemodal-container .star_names li a strong, #simplemodal-container .whyNot a > span { + display: block; + white-space: normal; + padding: 2px; + text-align: center; +} + +#simplemodal-container .star_names li a strong { + font-weight: bold; +} + +#simplemodal-container .whyNot strong { + display: block; + margin-top: 0px; + text-align: center; +} + +#simplemodal-container .whyNot .item_disk_big { + margin-bottom: 10px; +} +#simplemodal-container .whyNot a { + text-decoration: none; + padding: 20px 5px; + display: block; +} + +#simplemodal-container code { + background: #141414; + border-left: 3px solid #65B43D; + color: #bbb; + display: block; + font-size: 12px; + margin-bottom: 12px; + padding: 4px 6px 6px; +} + +.simplemodal-container a { + color: #ddd; +} + +#simplemodal-container a.modalCloseImg { + background: url(skin/x.png) no-repeat; + width: 32px; + height: 32px; + display: inline; + z-index: 3200; + position: absolute; + top: -26px; + right: -26px; + cursor: pointer; +} + +#simplemodal-container h3 { + color: #fff; + margin: 0 0 10px 0; + background: #131313; + padding: 10px 10px 10px 20px; + font-weight: bold; + font-size: 18px; +} + +#simplemodal-container .interest { + margin: 0 0 0 0; + background: none; +} + +.simplemodal-wrap { + background-color: #202020; + overflow: hidden !important +} + + /* EDIT MOVIE */ +.simplemodal-container .item_rating { + margin: 25px 0 0 20px; + float: left; +} +.simplemodal-container .containerImgTxt { + margin-top: 17px; +} +.simplemodal-container .containerImgTxt .rating_module { + right: 15px; +} + +/* / Modal */ + +/* carousels */ +.carousels { +} + +.carousels .title { + width: 105px; + padding-top: 35px; + font-weight: bold; +} +.carousels .title_list { + padding-top: 14px; +} + +.jcarousel-skin-tango .jcarousel-direction-rtl { + direction: rtl; +} + +.jcarousel-skin-tango .jcarousel-container-horizontal { + width: 385px; + padding: 0 34px 0 45px; +} + +.jcarousel-skin-tango .jcarousel-clip { + overflow: hidden; +} + +.jcarousel-skin-tango .jcarousel-clip-horizontal { + width: 388px; + height: 60px; + padding: 15px 0; +} + +.jcarousel-skin-tango .jcarousel-item { + width: 60px; + height: 60px; +} + +.jcarousel-skin-tango .jcarousel-item-horizontal { + margin-left: 0; + margin-right: 18px; +} + +.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { + margin-left: 10px; + margin-right: 0; +} + +.jcarousel-skin-tango .jcarousel-next-horizontal, .jcarousel-skin-tango .jcarousel-prev-horizontal { + position: absolute; + top: 29px; + width: 28px; + height: 32px; + cursor: pointer; + background: transparent url(skin/sprite_main.png) no-repeat -96px -96px; +} + +.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { + opacity: 0.5; +} +.jcarousel-skin-tango .jcarousel-prev-horizontal { + left: 0; +} + +.jcarousel-skin-tango .jcarousel-next-horizontal { + right: 0; + background-position: -120px -96px; +} + +.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal { + cursor: default; + background: none; +} +/* /carousels */ + +/* btn */ +.btn_thumbs { + width: 100%; + bottom: 22px; + margin: 0 auto; + position: absolute; +} + +.btn_thumb_still{ + display: inline-block; + margin: 18px 6px 0px 0px; + width: 45px; + height: 45px; + text-indent: -9999px; +} + +.btn_thumb, .mini_thumb, .micro_thumb, .button { + display: inline-block; + margin: 0 5px; + width: 45px; + height: 45px; + line-height: 45px; + text-align: center; + vertical-align: middle; + text-indent: -9999px; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: #949494; + background-color: rgba(68,68,68, 0.7); + -webkit-box-shadow: inset 0px 1px 2px 0px #000; + box-shadow: inset 0px 1px 2px 0px #000, 0px 1px 2px 0px rgba(255,255,255, 0.2); + cursor: pointer; +} +.mini_thumb { + position: absolute; + top: 9px; + width: 31px; + height: 31px; + line-height: 31px; +} +.micro_thumb { + position: static; + display: inline-block; + width: 25px; + height: 25px; + line-height: 25px; + margin: 18px 0 0; +} + +.others_infos { + position: absolute; + right: 0px; + bottom: -1px; + width: 32px; + height: 33px; + display: block; +} + +.movie_rated { + background-position: 0 0; +} +.movie_yes { + background-position: -33px 0; +} +.movie_no { + background-position: -66px 0; +} +.movie_note { + background-position: -99px 0; + width: 21px; + padding-left: 11px; + height: 33px; + line-height: 46px; + font-size: 12px; + text-align: center; + font-weight: bold; +} +.movie_note:after { + background-position: -132px 0; + position: absolute; + width: 32px; + height: 33px; + display: block; + content: ''; + bottom: 0; + right: 0; +} + +.mini_thumb:hover, .micro_thumb:hover, .btn_thumb:hover, .button:hover { + -webkit-box-shadow: 0 0 0 2px #A5A7A4; + box-shadow: 0 0 0 2px #A5A7A4; +} + +.btn_on:hover, .btn06_on:hover, .btn07_on:hover, .btn_on, .btn06_on, .btn07_on { + background-color: #e9eaea; + background-color: rgba(233,234,234, 0.8); +} + +.micro_thumb > span, .mini_thumb > span, .btn_thumb span, .button span ,.btn_thumb_still span{ + display: block; + text-align: center; + vertical-align: middle; +} + +.btn_headd span { + background-position: -144px -171px; + width: 20px; + height: 24px; + margin: 13px auto; +} +.btn_yes span, .btn06 span { + background-position: 0 -34px; + width: 27px; + height: 19px; + margin: 13px auto; +} +.btn_no span, .btn07 span { + background-position: -27px -34px; + width: 27px; + height: 19px; + margin: 13px auto; +} +.btn_yes.btn_on span, .btn06 .btn06_on span { + background-position: 0 -55px; +} +.btn_no.btn_on span, .btn07 .btn07_on span { + background-position: -27px -55px; +} + +.btn_refuse span, .btn_activ span { + width: 12px; + height: 12px; + margin: 7px auto 0; +} +.btn_activ span { + background-position: -82px -138px; +} +.btn_refuse span { + background-position: -100px -138px; +} + +.btn_def { + cursor: pointer; + font-family: Tahoma, Geneva, sans-serif;/* nécessaire */ + /*text-align:center;*/ + margin: 0; + padding: 0 8px; + display: inline-block; + line-height: 24px; + outline: none; + vertical-align: middle; + font-size: 11px; + font-weight: 700; + text-decoration: none; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5); + box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5); +} + +.btn_def:hover { + -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.5); + box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.5); +} + +.connect .button { + margin: 18px 0 0 0; + padding: 0 30px; +} + +.btn_01 { + background: #ededed; /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQyZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #ededed 0%, #d2d2d2 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ededed 0%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ededed 0%,#d2d2d2 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #ededed 0%,#d2d2d2 100%); /* IE10+ */ + background: linear-gradient(to bottom, #ededed 0%,#d2d2d2 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-8 */ +} + +/* /btn */ + +.speednotercontent .picturezone img { + display: block; +} + +.list_01 > li { + padding: 20px 0; + border-top: 1px solid #303030; +} + +.list_01 > li:first-child { + border-top: none; +} + +.list_01 > li strong { + display: inline-block; + width: 150px; + text-align: center; + vertical-align: middle; + margin: 0 20px 0 0; +} + +.list_01 > li strong em { + display: block; +} + +.list_01 ul { + display: inline-block; + vertical-align: middle; +} + +.list_01 > li li { + display: inline-block; + margin-left: 30px; +} + +.list_01 > li li:first-child { + margin-left: 0px; +} + +.rating_trends { + float: left; + border: 1px solid #999; + padding: 10px; + margin: 20px 0 0 0; +} + +/* tooltip infobulle */ + +div.tooltip_info { + width: 173px; + min-height: 205px; + padding: 15px 15px 0; + position: absolute; + right: -223px; + top: -3px; + background: #3d3d3c; + border: 1px solid #626262; + z-index: 2; + text-align: left; + -webkit-box-shadow: 0 0 20px 0px #000000; + box-shadow: 0 0 20px 0px #000000; + display: none; +} + +span.arrow_tooltip { + width: 13px; + height: 23px; + position: absolute; + top: 13px; + left: -13px; + z-index: 3; + display: block; + background-position: 0px -119px; +} + +div.posLeft { + left: -222px; +} +span.posLeft { + left: 203px; + background-position: -13px -119px; +} + +.tooltip_info p { + margin-bottom: 14px; + line-height: 15px; +} +.tooltip_info p.film_title { + margin-bottom: 7px; + font-size: 16px; + line-height: 19px; +} +span.award, +.tooltip_info p.award { + font-size: 12px; +} +span.award i, +.tooltip_info p.award i { + display: inline-block; + width: 15px; + height: 13px; + background-position: -28px -119px; + margin-top: -2px; + margin-right: 4px; + vertical-align: middle; +} +.tooltip_info p span.title_info { + display: block; + color: #d5d5d5; + font-size: 11px; +} +.tooltip_info p strong { + color: #ffbe40; + font-size: 12px; +} +.tooltip_info ul, .social_bloc .overlay_area ul { + margin-bottom: 5px; +} +.overlay_area ul li { + display: inline-block; + margin-right: 5px; +} +span.flag, +ul li .flag { + display: block; + width: 13px; + height: 13px; + overflow: hidden; + text-indent: -9999px; + background-repeat: no-repeat; +} +span.flag{ + display: inline-block; + vertical-align: middle; + margin-top: -5px; +} +span.year, +ul li.year { + margin-left: 3px; +} + +.flag_fr { + background-image: url(skin/flag_fr.png); +} +.flag_us { + background-image: url(skin/flag_us.png); +} +.flag_it { + background-image: url(skin/flag_it.png); +} + +/* --- item_disk --- */ + +.item_disk_medium, .item_disk_large, .item_disk_big, .item_disk_xl { + position: relative; + margin: 0 auto; + display: inline-block; +} +.item_desactivated { + opacity: 0.3; +} +.disk_overlay { + -webkit-box-shadow: 0 0 0 3px #afafaf; + box-shadow: 0 0 0 3px #afafaf; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: rgba(0,0,0,0.1); + position: absolute; + width: 60px; + height: 60px; + top: 0; + left: 3px; + display: none; + text-align: center; +} + +.carousels ul li { + position: relative; +} +.carousels ul li:hover .item_desactivated + .disk_overlay { + display: block; +} +.like_container .item_disk_medium { + margin-left: 3px; +} + +.item_disk_medium:hover i.close, .item_disk_big:hover i.close, .saga_list li:hover i.close { + display: block; +} +.item_desactivated:hover i.close, .item_desactivated:hover i.close { + display: none; +} + +.item_disk_small, .item_disk_medium, .item_disk_large, .item_disk_big, .item_disk_xl { + text-align: center; + vertical-align: middle; + -webkit-border-radius: 50%; + border-radius: 50%; + color: #727272; + font-weight: bold; + text-shadow: 0px 1px 1px #fff; + filter: dropshadow(color=#fff, offx=0, offy=1); + background: #e9e9e9; /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #e9e9e9 0%, #cbcbcb 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#cbcbcb)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #e9e9e9 0%,#cbcbcb 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #e9e9e9 0%,#cbcbcb 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #e9e9e9 0%,#cbcbcb 100%); /* IE10+ */ + background: linear-gradient(to bottom, #e9e9e9 0%,#cbcbcb 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#cbcbcb',GradientType=0 ); /* IE6-8 */ +} + +.item_disk_small { + width: 42px; + height: 42px; + background: #999999; /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: -moz-linear-gradient(top, #999999 0%, #7f7f7f 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#7f7f7f)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #999999 0%,#7f7f7f 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #999999 0%,#7f7f7f 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #999999 0%,#7f7f7f 100%); /* IE10+ */ + background: linear-gradient(to bottom, #999999 0%,#7f7f7f 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#7f7f7f',GradientType=0 ); /* IE6-8 */ +} + +.item_disk_medium { + width: 56px; + height: 56px; + line-height: 56px; + font-size: 18px; + padding: 2px; +} +.item_disk_large { + width: 65px; + height: 65px; + line-height: 65px; + font-size: 20px; + padding: 2px; +} + +.item_disk_big { + width: 84px; + height: 84px; + line-height: 84px; + font-size: 26px; + padding: 2px; +} +.item_disk_xl { + width: 107px; + height: 107px; + line-height: 107px; + font-size: 28px; + padding: 2px; +} + +.item_disk_small img, .item_disk_medium img, .item_disk_large img, .item_disk_big img, .item_disk_xl img { + display: block; + -webkit-border-radius: 50%; + border-radius: 50%; +} + +.item_disk_medium img { + width: 56px; + height: 56px; +} +.item_disk_large img { + width: 65px; + height: 65px; +} + +.item_disk_big img { + width: 84px; + height: 84px; +} +.item_disk_xl img { + width: 107px; + height: 107px; +} + +.picto_genres_medium_01, .picto_genres_medium_02, .picto_genres_medium_03 { + width: 60px; + height: 60px; + display: block; + text-indent: -9999px; +} + +.picto_genres_medium_01 { + background: transparent url(../css/skin/picto_genres_medium_01.png) no-repeat 50% 50%; +} +.picto_genres_medium_02 { + background: transparent url(../css/skin/picto_genres_medium_02.png) no-repeat 50% 50%; +} +.picto_genres_medium_03 { + background: transparent url(../css/skin/picto_genres_medium_03.png) no-repeat 50% 50%; +} + +.picto_genres_big_01, .picto_genres_big_02, .picto_genres_big_03 { + width: 88px; + height: 88px; + display: block; + text-indent: -9999px; +} + +.picto_genres_big_01 { + background: transparent url(../css/skin/picto_genres_big_01.png) no-repeat 50% 50%; +} +.picto_genres_big_02 { + background: transparent url(../css/skin/picto_genres_big_02.png) no-repeat 50% 50%; +} +.picto_genres_big_03 { + background: transparent url(../css/skin/picto_genres_big_03.png) no-repeat 50% 50%; +} + +.item_disk_blue { + background: #2f98e7; /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmOThlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzY4ZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #2f98e7 0%, #1768eb 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f98e7), color-stop(100%,#1768eb)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #2f98e7 0%,#1768eb 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #2f98e7 0%,#1768eb 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #2f98e7 0%,#1768eb 100%); /* IE10+ */ + background: linear-gradient(to bottom, #2f98e7 0%,#1768eb 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f98e7', endColorstr='#1768eb',GradientType=0 ); /* IE6-8 */ +} + +.item_disk_blue span { + color: #fff; + font-size: 15px !important; + text-shadow: 0px -1px 1px #134376; + filter: dropshadow(color=#134376, offx=0, offy=-1); +} +/* --- item_disk --- */ + +i.close { + position: absolute; + top: -15px; + right: -15px; + display: none; + width: 33px; + height: 34px; + background: url(skin/x.png); + cursor: pointer; +} + +.item_disk_medium i.close, .item_disk_big i.close { + position: absolute; + display: none; + width: 33px; + height: 34px; + background: url(skin/x.png); + cursor: pointer; +} + +.item_disk_medium i.close { + top: -15px; + right: -14px; +} + +.item_disk_big i.close { + top: -5px; + right: -5px; +} + +/* --- filters_trigger --- */ +.filters_trigger { + text-shadow: 1px 1px 1px #000; + /*filter: dropshadow(color=#000, offx=1, offy=1);*/ + + /* + position:absolute; + left:0; + padding:0 30px; + */ + float: left; + margin-left: 0px; + -webkit-transition: margin-left 0.5s ease; + -moz-transition: margin-left 0.5s ease; + -o-transition: margin-left 0.5s ease; + -ms-transition: margin-left 0.5s ease; + transition: margin-left 0.5s ease; +} + +.open .filters_trigger { + margin-left: -230px; +} + +.filters_trigger > span { + color: #ccc; + font-size: 12px; + line-height: 24px; + vertical-align: middle; + cursor: pointer; +} + +.filters_trigger > span:hover { + color: #fff; +} + +.filters_trigger ul { + display: inline-block; + margin: 0 0 0 10px; + vertical-align: middle; + -webkit-border-radius: 4px; + border-radius: 4px; + display: inline-block; + border-bottom: 1px solid #565656; +} + +.filters_trigger li { + float: left; +} + +.filters_trigger li span { + display: block; + width: 20px; + height: 18px; + line-height: 18px; + cursor: pointer; + text-align: center; + padding: 0 5px 0 5px; + float: left; + color: #ddd; + font-size: 10px; + background: #666666; /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #666666 0%, #333333 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #666666 0%,#333333 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #666666 0%,#333333 100%); /* IE10+ */ + background: linear-gradient(to bottom, #666666 0%,#333333 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-8 */ + border-top: 1px solid #161616; + border-right: 1px solid #333; + border-left: 1px solid #171717; +} + +.filters_trigger li:first-child span { + -webkit-border-radius: 4px 0px 0px 4px; + border-radius: 4px 0px 0px 4px; +} + +.filters_trigger li:last-child span { + -webkit-border-radius: 0px 5px 5px 0px; + border-radius: 0px 5px 5px 0px; +} + +.filters_trigger li:hover span, .filters_trigger li.current span { + background: #333333; /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #333333 0%, #000000 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #333333 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #333333 0%,#000000 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #333333 0%,#000000 100%); /* IE10+ */ + background: linear-gradient(to bottom, #333333 0%,#000000 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-8 */ +} + +.filters_trigger li.current span { + cursor: default; +} +/* --- /filters_trigger --- */ + +.facettes #zone_down { + position: fixed; + bottom: 0; + z-index: 0; + width: 230px; + height: 61px; + background: url(skin/zone_down.png) no-repeat right bottom; + margin-left: -230px; + -webkit-transition: margin-left 0.5s ease; + -moz-transition: margin-left 0.5s ease; + -o-transition: margin-left 0.5s ease; + -ms-transition: margin-left 0.5s ease; + transition: margin-left 0.5s ease; +} + +.facettes #zone_down.open { + margin-left: 0; + z-index: 999; +} + +.jcarousel-skin-tango .jcarousel-clip-horizontal ul { + overflow: visible !important; +} + +.copyright { + font-size: 11px; + display: block; + text-align: center; + line-height: 60px; +} + +/* --------------------- */ +/* SPEEDNOTER */ +/* --------------------- */ + +.lighten { + color: #d0d0d0; +} + +.btn_see { + display: inline-block; + padding: 12px 30px; + margin-left: 20px; + font-weight: 700; + font-size: 16px; + -webkit-border-radius: 12px; + border-radius: 12px; + color: #fff; + text-decoration: none; + background: #1899e1; /* Old browsers */ + background: -moz-linear-gradient(top, #1899e1 0%, #126ae3 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1899e1), color-stop(100%,#126ae3)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #1899e1 0%,#126ae3 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #1899e1 0%,#126ae3 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #1899e1 0%,#126ae3 100%); /* IE10+ */ + background: linear-gradient(to bottom, #1899e1 0%,#126ae3 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1899e1', endColorstr='#126ae3',GradientType=0 ); /* IE6-9 */ + text-shadow: 0px -1px 1px #000; + filter: dropshadow(color=#000, offx=0, offy=-1); +} +.my_reco { + opacity: 0.1; +} + +.btn_see:hover { + background: #1899e1; /* Old browsers */ + background: -moz-linear-gradient(top, #126ae3 0%, #1899e1 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#126ae3), color-stop(100%,#1899e1)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #126ae3 0%,#1899e1 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #126ae3 0%,#1899e1 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #126ae3 0%,#1899e1 100%); /* IE10+ */ + background: linear-gradient(to bottom, #126ae3 0%,#1899e1 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#126ae3', endColorstr='#1899e1',GradientType=0 ); /* IE6-9 */ +} + +/***************/ +/* Pris de AC */ +/**************/ + +.hide { + display: none !important; +} + +/***********************************************/ +/* SPEEDNOTER */ +/***********************************************/ + +/* speednoter */ +.speednoter { + background: #0d0d0d; + border: 1px solid #323232; + width: 760px; + height: 330px; + -webkit-border-radius: 12px; + border-radius: 12px; +} + +.speednoter { + position: relative; + width: 100%; + margin: 0 auto; + padding: 5px 0 10px; /*border:1px solid black;*/ +} +.speednoter .navprevbtn { + float: left; + position: relative; + margin-top: 110px; + margin-right: 4px; + margin-left: 4px; +} +.speednoter .navprevbtn img { +} +.speednoter .navprevbtn span { + display: none; +} + +.speednoter .navnextbtn { + float: right; + position: relative; + margin-top: 110px; + margin-right: 4px; +} +.speednoter .navnextbtn span { + display: none; +} + +.speednoter .speednotercontent { + float: left; + position: relative; /*margin-right:4px;*/ +} +.speednoter .speednotercontent .slide .datablock .mainzone .contentzone { + width: 570px; +} + +/* Carousel DEPRECATED */ +.speednoter .speednotercontent ul { + height: auto; +} +.speednoter .speednotercontent li { + width: 128px; + padding: 0 4px 3px; /*DND CHR bug*/ + height: auto !important; + overflow: hidden; +} +.speednoter .speednotercontent li em { + display: block; + width: 128px; + font-size: 11px; + text-align: center; +} +.speednoter .speednotercontent li em a { + text-decoration: none; +} +.speednoter .speednotercontent li em img { + margin: 4px; +} +.speednoter .speednotercontent li em img.selected { + margin: 0; + border: 4px solid #FFCC00; +} +/* /Carousel DEPRECATED */ + +.speednoter .speednotercontent .carouselitem { + float: left; + width: 128px; + padding: 0 4px 3px; /*DND CHR bug*/ + height: auto !important; + overflow: hidden; +} +.speednoter .speednotercontent .carouselitem em { + display: block; + width: 128px; + font-size: 11px; + text-align: center; +} +.speednoter .speednotercontent .carouselitem em a { + text-decoration: none; +} +.speednoter .speednotercontent .carouselitem em img { + margin: 4px; +} +.speednoter .speednotercontent .carouselitem em img.selected { + margin: 0; + border: 4px solid #FFCC00; +} + +.lylarge .speednoter {/*width:756px;*/ +} +.lylisting.withoutcolleft .speednoter { +} +.lylisting.withoutcolleft .speednoter .speednotercontent .carouselitem { + width: 108px +} +.lylisting.withoutcolleft .speednoter .speednotercontent .carouselitem em { + width: 108px +} + +.colright .speednoter { + width: 278px; +} +.colright .speednoter .speednotercontent li { + width: 108px; +} +.colright .speednoter .speednotercontent li em { + width: 108px; +} + +/* Mon allo -- speednoter + .myAC_speednoter .stareval, + .myAC_speednoter .fm_rating_wanttoseechoosen_class, + .myAC_speednoter .fm_rating_notinterestedchoosen_class, + .myAC_speednoter .speednoter .navprevbtn a img, + .myAC_speednoter .speednoter .navprevbtn a:hover img, + .myAC_speednoter .speednoter .navnextbtn a img, + .myAC_speednoter .speednoter .navnextbtn a:hover img, + .myAC_speednoter .speednoter .disabled a img, + .myAC_speednoter .speednoter .disabled a:hover img{ + background-image: url("/skin/default/img/acsprite.png"); + background-repeat: no-repeat; + } + */ + +.myAC_speednoter .speednoter .navprevbtn a img { + background-position: -148px -89px; +} +.myAC_speednoter .speednoter .navprevbtn a:hover img { + background-position: -148px -128px; +} + +.myAC_speednoter .speednoter .navnextbtn a img { + background-position: -174px -89px; +} +.myAC_speednoter .speednoter .navnextbtn a:hover img { + background-position: -174px -128px; +} + +/* Stars evaluation */ +.myAC_speednoter .stareval { + width: 15px; + height: 14px; + vertical-align: middle; +} +.myAC_speednoter .stareval.on4 { + width: 60px; + height: 14px; +} +.myAC_speednoter .stareval.on5 { + width: 75px; + height: 14px; +} +.myAC_speednoter .stareval.null { + background-position: 0px -84px; +} +.myAC_speednoter .stareval.n00 { + background-position: -75px -69px; +} +.myAC_speednoter .stareval.n10 { + background-position: -60px -69px; +} +.myAC_speednoter .stareval.n20 { + background-position: -45px -69px; +} +.myAC_speednoter .stareval.n30 { + background-position: -30px -69px; +} +.myAC_speednoter .stareval.n40 { + background-position: -15px -69px; +} +.myAC_speednoter .stareval.n50 { + background-position: 0px -69px; +} +.myAC_speednoter .stareval.n05 { + background-position: -60px -54px; +} +.myAC_speednoter .stareval.n15 { + background-position: -45px -54px; +} +.myAC_speednoter .stareval.n25 { + background-position: -30px -54px; +} +.myAC_speednoter .stareval.n35 { + background-position: -15px -54px; +} +.myAC_speednoter .stareval.n45 { + background-position: 0px -54px; +} + +.myAC_speednoter .stareval.zerooff { + background-position: -167px 0; +} +.myAC_speednoter .stareval.zero { + background-position: -167px -15px; +} +.myAC_speednoter .stareval.off { + background-position: -167px -30px; +} +.myAC_speednoter .stareval.on { + background-position: -167px -45px; +} + +.myAC_speednoter { + width: 800px; + margin: 0 auto; + font-size: 13px; +} +.myAC_speednoter h2 { + color: #c00; + font-size: 24px; + padding: 0 0 10px 0; + display: block; +} +.myAC_speednoter p.sub { + display: block; + margin: 0 0 15px 0; +} +.myAC_speednoter ul.noteFor { + margin: 0 0 10px 0; +} +.myAC_speednoter ul.noteFor li { + display: inline; +} +.myAC_speednoter .speednoter { + padding: 0; + margin: 0 0 25px 0; + position: relative; +} +.myAC_speednoter .speednoter .navprevbtn, .myAC_speednoter .speednoter .navnextbtn { + /*background:#eef1f5;*/ + /*float:left;*/ + float: none; + margin: 0; + width: 22px; + /*position:relative;*/ + /*height:100%;*/ +} + +.myAC_speednoter .speednoter .navprevbtn { + position: absolute; + top: 0; + bottom: 0; + left: -46px; +} +.myAC_speednoter .speednoter .navnextbtn { + /*float:right;*/ + position: absolute; + top: 0; + bottom: 0; + right: -46px; +} +.myAC_speednoter .speednoter .navprevbtn img, .myAC_speednoter .speednoter .navnextbtn img { + cursor: pointer; + height: 39px; + width: 22px; + position: absolute; + top: 50%; + margin: -20px 0 0 0; + left: 0; +} +.myAC_speednoter .speednoter .navprevbtn a img {/*background-position:0 -1561px;*/ +} +.myAC_speednoter .speednoter .navprevbtn a:hover img {/*background-position:-73px -1561px;*/ +} +.myAC_speednoter .speednoter .navnextbtn a img {/*background-position:-36px -1561px;*/ +} +.myAC_speednoter .speednoter .navnextbtn a:hover img {/*background-position:-109px -1561px;*/ +} +.myAC_speednoter .speednoter .disabled a img +.myAC_speednoter .speednoter .disabled a:hover img {/*background-position:0 -1561px !important;*/ +} +.myAC_speednoter .speednotercontent { + height: 100%; + width: 740px; + overflow: hidden; + margin: 0 30px; + float: none; +} +.myAC_speednoter .speednotercontent .datablock, .myAC_speednoter .speednotercontent .titlebar { + margin: 0; +} +.myAC_speednoter .speednotercontent .slide { + padding: 35px 0; + display: none; +} +.myAC_speednoter .speednotercontent > div:first-child { + display: block; + min-height: 213px; +} +.myAC_speednoter .speednotercontent .picturezone { + width: 160px; + height: 213px; + float: left; + overflow: hidden; + margin: 0 20px 20px 0; +} +.myAC_speednoter .speednotercontent .contentzone { + /*float:left;*/ + /*width:634px;*/ + min-height: 213px; + overflow: hidden; +} +.myAC_speednoter .speednotercontent .contentzone h3 { + font-size: 30px; + line-height: 26px; +} +.myAC_speednoter .speednotercontent .contentzone h3 span { + font-size: 24px; + line-height: 26px; +} +.myAC_speednoter .speednotercontent .contentzone h3:after { + content: ""; + display: inline-block; + width: 26px; + height: 24px; + margin-left: 12px; + background-position: -92px -197px; +} +.myAC_speednoter .speednotercontent .contentzone h3.serieTV:after { + background-position: -63px -197px; +} + +.myAC_speednoter .speednotercontent .contentzone p { + line-height: 18px; + margin: 0 0 20px 0; +} +.myAC_speednoter .speednotercontent .contentzone p.resume { + margin: 20px 0 0 0; +} + +.myAC_speednoter .speednotercontent .contentzone p:nth-child(-n+3) { + color: #d0d0d0; +} + +.myAC_speednoter .speednotercontent .contentzone p:nth-child(4) { + font-size: 14px; +} + +.myAC_speednoter .speednotercontent .speednoterstarsratezone { + /*float:left;*/ + /*width:450px;*/ + margin-bottom: 20px; + margin-left: 180px; + line-height: 48px; + vertical-align: middle; +} + +.myAC_speednoter .speednotercontent .speednoterstarsratezone .rating_module { + line-height: normal; + margin: 14px 0 0 20px; +} + +.speednoterstarsratezone #j_entity_rating .w-interest p, .speednoterstarsratezone #j_entity_rating .w-interest > span { + float: left; +} + +.speednoterstarsratezone #j_entity_rating .w-interest p { + /*margin-right:10px;*/ + margin-top: 8px; + width: 100px; + line-height: 16px; +} + +.sya .w-interest { + float: right !important; + margin-right: 0 !important; +} + +.speednoterstarsratezone #j_entity_rating_html { + float: left; +} + +.myAC_speednoter .ratingboxbottom { + display: none; +} +.myAC_speednoter .ratingboxbottom h4 { + display: block; + font-weight: 700; + margin: 11px 0 5px 0; +} +.myAC_speednoter .ratingboxbottom div#speednoter_all_ratings_movie, .myAC_speednoter .ratingboxbottom div#speednoter_all_ratings_series { + float: left; + width: 380px; +} +.myAC_speednoter .ratingboxbottom ul { + margin: 0 0 0 15px; +} +.myAC_speednoter .ratingboxbottom ul a { + text-decoration: underline; +} +.myAC_speednoter .ratingboxbottom ul li { + overflow: auto; + _height: 1%; /*fix ie6*/ + margin: 0; + line-height: 22px; + color: #999; +} +.myAC_speednoter .ratingboxbottom ul li span { + color: #999; + font-size: 11px; +} +.myAC_speednoter .ratingboxbottom .fm_rating_wanttoseechoosen_class, .myAC_speednoter .ratingboxbottom .fm_rating_notinterestedchoosen_class { + background-position: 0 -895px; + cursor: pointer; + float: left; + height: 19px; + margin-right: 5px; + width: 28px; +} +.myAC_speednoter .ratingboxbottom .fm_rating_notinterestedchoosen_class { + background-position: -56px -895px; +} +/* /Mon allo -- speednoter */ + +/***********************************************/ +/* / SPEEDNOTER */ +/***********************************************/ + +.speednoter a { + color: #ffb600; +} + +.highlightWhat { + padding: 5px; + font-size: 18px; + font-weight: 700; + background-color: #222; + /*border:1px solid yellow;*/ + color: #fff !important; + border-radius: 10px; + -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 1); + box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 1); + -moz-transform: scale(1); + -webkit-transform: scale(0.90, 0.90); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transition: scale 0.5s ease; + -moz-transition: scale 0.5s ease; + -o-transition: scale 0.5s ease; + transition: scale 0.5s ease; + -webkit-animation: framework_zoom 1s infinite; + -moz-animation: framework_zoom 1s infinite; + -ms-animation: framework_zoom 1s infinite; + animation: framework_zoom 1s infinite; +} + +@-ms-keyframes rotate { +from { + -ms-transform: rotate(0deg); +} +to { + -ms-transform: rotate(360deg); +} +} + +.test_1 { + display: inline-block; + -ms-animation-name: rotate; + -ms-animation-duration: 0.9s; + -ms-animation-iteration-count: 2; + -ms-animation-timing-function: linear; +} + +@-webkit-keyframes rotate4b { +from { + -webkit-transform: perspective(300) translateZ(-100px) rotateY(0); +} +25% { -webkit-transform: perspective(300) translateZ(0) rotateY(90deg); } +50% { -webkit-transform: perspective(300) translateZ(100px) rotateY(180deg); } +75% { -webkit-transform: perspective(300) translateZ(0) rotateY(270deg); } +to { + -webkit-transform: perspective(300) translateZ(-100px) rotateY(360deg); +} +} + +.test4b { + display: inline-block; + -webkit-animation: rotate4b 3s 1 linear; +} + +.stillToRate { + height: 20px; + display: inline-block; +} + +.stillToRate span { + display: inline-block; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; + -moz-transform: scale(1.7); + -webkit-transform: scale(1.7); + -o-transform: scale(1.7); + -ms-transform: scale(1.7); + transform: scale(1.7); + width: 37px; + color: #FFB600; +} +.stillToRate span.youhou { + color: #1287E3; + text-shadow: 0px 0px 20px #fff; + line-height: 24px; + font-size: 20px; +} + +.rate { + display: inline-block; + vertical-align: middle; +} + +.rate_cancel { + background-image: url(".skin/sprite_picto.png"); + background-repeat: no-repeat; +} + +/* --- Share your activity --- */ +.picto_rating { + float: left; + display: block; + width: 22px; + height: 22px; + vertical-align: middle; + cursor: pointer; + position: relative; +} + +.rate_cancel { + background-position: 4px -679px;/*margin-left:20px; à remettre quand on aura la note zero */ +} + +.rate_it { + background-position: -2px -158px; +} + +.rating_module { + margin-right: 5px; +} +.rating_module.small_format:hover { + cursor: default; +} + +.rating_module .star { + display: block; + height: 21px; + width: 11px; + float: left; + position: relative; +} +.small_format .star { + height: 19px; + width: 10px; + cursor: default; +} +.large_format .star { + height: 32px; + width: 17px; +} +.rating_module .star:nth-child(even) { + margin-right: 3px; +} +.large_format .star:nth-child(even) { + margin-right: 5px; +} +.rating_module .star:last-child { + margin-right: 0px; +} + +/* medium stars */ +.rated_g, .rated_g_l { + background-position: -22px -75px; +} +.rated_g_r { + background-position: -33px -75px; +} + +.rated_b, .rated_b_l { + background-position: -44px -75px; +} +.rated_b_r { + background-position: -55px -75px; +} + +.rated_off, .rated_off_l { + background-position: 0px -75px; +} +.rated_off_r { + background-position: -11px -75px; +} + +.blue_rated_b, .blue_rated_b_l { + background-position: 0 0; +} +.blue_rated_b_r { + background-position: -12px 0; +} +.blue_rated_off, .blue_rated_off_l { + background-position: -120px 0; +} +.blue_rated_off_r { + background-position: -132px 0; +} + +/* small stars */ +.small_format .rated_off_l { + background-position: -70px -77px; +} +.small_format .rated_off_r { + background-position: -80px -77px; +} + +.small_format .rated_g_l { + background-position: -93px -76px; +} +.small_format .rated_g_r { + background-position: -103px -76px; +} + +/* large stars */ +.large_format .rated_off_l { + background-position: 1px -225px; +} +.large_format .rated_off_r { + background-position: -16px -225px; +} +.large_format .rated_g_l { + background-position: -33px -224px; +} +.large_format .rated_g_r { + background-position: -50px -224px; +} + +.large_format .rated_b_l { + background-position: -68px -224px; +} +.large_format .rated_b_r { + background-position: -85px -224px; +} + +/* used design ? */ +.rate_over { + background-position: -80px 0px; +} + +/* used design ? */ +.rate_null_on, .rate_null_off { + position: relative; + display: none;/* provisoire */ +} + +/* used design ? */ +.rate_null_on { + background-position: -2px -133px; +} +.rate_null_on:hover { + background-position: -28px -133px; +} +.rate_null_off { + background-position: -54px -133px; + cursor: text; +} + +/* not used ? + .review_on, + .review_off {margin-left:8px;} + + .review_on {background-position:-28px -108px;} + .review_off {background-position:-54px -108px;cursor:text;} + */ + +.rate_tooltip { + background-color: #bababa; + -moz-border-radius: 2px; + border-radius: 2px; + padding: 3px 8px; + position: absolute; + color: #000; + white-space: nowrap; + font-size: 11px; + font-weight: normal; + z-index: 1; + /* display:none;*/ +} +.badge_tooltip { + background-color: #000; + -moz-border-radius: 3px; + border-radius: 3px; + padding: 12px 12px 0; + position: absolute; + color: #000; + font-size: 11px; + z-index: 1; + width:98px; +} +.badge_tooltip p { + font-size: 12px; + color: #818181; +} +.badge_tooltip p strong{ + font-weight: bold; + color: #fff; +} +.badge_tooltip .arrow_b { + width: 13px; + height: 8px; + background-position: -132px -37px; + position: absolute; + top: -8px; + left: 27px; +} + +.rate_null_off .rate_tooltip, .rate_null_on .rate_tooltip, .rating_module .rated_b_l .rate_tooltip, .rating_module .rated_g_l .rate_tooltip, .rating_module .rated_off_l .rate_tooltip, .review_on .rate_tooltip, .review_off.rate_tooltip { + top: -30px; + left: -8px; +} + +.rating_module .rated_b_r .rate_tooltip, .rating_module .rated_g_r .rate_tooltip, .rating_module .rated_off_r .rate_tooltip { + top: -30px; + left: -20px; +} + +.rating_module .blue_rated_b_l .rate_tooltip, .rating_module .blue_rated_off_l .rate_tooltip { + left: -8px; + top: -30px; +} +.rating_module .blue_rated_b_r .rate_tooltip, .rating_module .blue_rated_off_r .rate_tooltip { + left: -20px; + top: -30px; +} + +.rating_module .left .rate_tooltip { + top: -30px; + left: -8px; +} +.rating_module .right .rate_tooltip { + top: -30px; + left: -20px; +} + +.review_on .rate_tooltip, .rate_null_off .rate_tooltip, .rate_null_on .rate_tooltip { + display: none; +} +.review_on:hover .rate_tooltip, .rate_null_off:hover .rate_tooltip, .rate_null_on:hover .rate_tooltip { + display: block; +} + +.rate_tooltip .arrow_b { + width: 15px; + height: 8px; + background: url(skin/arrow_b.png) no-repeat 0 0; + position: absolute; + top: 100%; + left: 12px; +} + +.rating_module .star .rate_tooltip { + display: none; +} + +.rating_module .star:hover .rate_tooltip { + display: block; +} + +.rate .review_on a, .rate .review_off a { + display: block; + height: 24px; + width: 24px; + text-indent: -5000px; +} + +.film_list .item_rating { + margin-top: 40px; +} + +/* --- /Share your activity --- */ + +/* --- SYA --- */ +.rate_cancel, .rating_module, .rate_null_on, .rate_null_off, .review_on, .review_off { + /*display:inline-block;*/ + /*float:none;*/ + float: left; + vertical-align: middle; +} + +.rate_cancel:hover, .rating_module:hover, .rate_null_on:hover, .rate_null_off:hover, .review_on:hover, .review_off:hover { + cursor: pointer; +} + +.rate_null_on, .rate_null_off { + margin-right: 3px; + margin-top: 10px; +} + +.sya { + position: relative; + font-weight: bold; +} + +.sya .fb_btn { + display: inline-block; + vertical-align: middle; + margin-right: 0; +} +.sya .rate { + display: inline-block; + vertical-align: middle; +} + +.sya .rate .label { + margin-right: 10px; + float: left; +} + +.sya .btn01 { + font-weight: 300; +} + +.sya fieldset { + margin: 10px 0; +} +/* + + */ + +.sya textarea { + /*width:98%;*/ + width: 458px;/* pas 460 car border radius 4px */ + display: block; + /*margin:7px 9px;*/ + margin: 0 auto; + border: 0; + /*padding:0;*/ + padding: 3px 10px; + text-align: left; + vertical-align: top; + height: 84px; + font-size: 11px; + overflow: hidden; +} + +.write_container textarea { + width: 612px; + padding: 0 0; + margin: 0; + height: 170px; + overflow-x: hidden; + font-size: 12px; + /*background:orange;*/ + border: none; + resize: none; +} + +.sya_full_view .rate { + width: 220px; + margin: 0 10px 0 0; +} + +.sya_full_view .rate .label { + margin-left: 0; +} +.sya_full_view .rate_cancel, .sya_full_view .review_on { + display: none; +} + +.sya_full_view .visual { + float: left; + margin: 0 30px 0 0; + text-align: center; +} +.sya_full_view .visual img { + display: block; + margin: 0 0 4px 0; +} + +.sya_full_view .content { + overflow: hidden; +} + +/* gestion des erreurs */ +.sya .error p label, .sya .error .rate p.label { + color: #c00 !important; +} + +.sya .error .review_container .review_border { + border: 1px solid #c00; +} +/* /gestion des erreurs */ + +.btn_sya_add_list { + display: inline-block; + width: 48px; + height: 24px; + background-position: -287px -264px; + overflow: hidden; + text-decoration: none; + font-size: 11px; + cursor: pointer; +} + +.btn_sya_add_list span { + visibility: hidden; +} + +.sya_add_list { + width: 242px; + font-size: 11px; + position: absolute; + z-index: 100; + right: -185px; + top: 43px; + z-index: 100; +} + +.sya_add_list .btn_add { + position: absolute; + top: -23px; + left: 0; + height: 24px; + padding: 0; + -moz-border-radius-topleft: 4px; + -moz-border-radius-topright: 4px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +.btn_add .btn_sya_add_list { + background-position: -287px -288px; +} + +.sya_add_list_inner { + background: #eef1f5; + border: 1px solid #a6b2c8; + padding: 10px; +} +.sya_add_list_inner #create_list { + margin: 10px 0 0 0; +} +.sya_add_list_inner #create_list .list_name { + font-size: 11px; + padding: 4px; + width: 205px; +} +.sya_add_list_inner #create_list div { + margin: 0 0 10px 0; +} + +.loader { + color: #47a247; + line-height: 22px; +} +.loader img { + margin: 0 10px 0 0; + vertical-align: middle; +} + +.rate .loader { + /*width:167px; avec fonctionnalité note null */ + /*width:140px; à remettre avec la fonctionalité note zero */ + width: 120px; + float: left; + margin-left: 24px; + margin-right: 3px; +} + +.loader { + display: none; +} + +.loading .loader, .loaded .loader { + display: block; +} + +.loading .load_target, .loaded .load_target { + display: none !important; +} + +.loading_item, .loaded_item { + height: 24px; + line-height: 24px; + text-align: center; +} +.loading .loader .loading_item { + display: block; +} +.loading .loader .loaded_item { + display: none; +} +.loaded .loader .loading_item { + display: none; +} +.loaded .loader .loaded_item { + display: block; + color: #999; +} + +.sya_add_list_inner #my_list ul { + height: 168px; + margin: 0 0 10px 0; + overflow: auto; + background: #fff; +} +.sya_add_list_inner #my_list li { + padding: 4px 0 5px 6px; + display: block; +} +.sya_add_list_inner #my_list li:hover { + background: #fff5cc; + color: #c00; +} + +.mask_sya_review { + background: #fff; + opacity: 0.5; + -moz-opacity: 0.1; + -ms-filter: "alpha(opacity=50)"; /* IE 8 */ + filter: alpha(opacity=50); /* IE < 8 */ + position: absolute; + width: 100%; + height: 88px; + bottom: 0; +} + +/* --- SOCIAL --- */ + +#results.social_results { + margin: 60px auto 0; + padding-left: 12px; + width: 980px; +} + +.social_results > div.social_bloc { + margin: 0 12px 12px 0; + border: 1px solid #656565; +} + +.social_bloc { + float: left; + position: relative; +} +.sb_big > div, .sb_med > div { + height: 100%; +} + +.social_bloc .sb_img_container { + height: 100%; + overflow: hidden; + text-align: center; + background-position: 50% 50%; + background-repeat: no-repeat; +} + +.social_bloc .sb_img_container img { + height: 100%; +} +.social_bloc > div:hover .overlay_area { + display: block; +} + +.social_bloc > div.overlay_bottom { + width: 100%; + height: 90px; + bottom: 0; + position: absolute; + z-index: 3; +} +.overlay_bottom > div { + height: 76px; + padding-top: 14px; + background-color: #000000; + background-color: rgba(0,0,0,0.7); +} + +.infos_top { + height: 56px; + padding: 7px 9px; +} + +.infos_top img, .overlay_bottom img { + display: block; +} +.infos_top > a, .overlay_bottom > div > a { + float: left; + border: 1px solid #656565; + margin-right: 12px; + margin-top: 3px; +} +.overlay_bottom > div > a { + margin: 3px 12px 0px 14px; +} +.bloc_content { + line-height: 142px; + text-align: center; +} + +.bloc_content a { + +} +.bloc_content img { + +} +.bloc_content a span { + position: absolute; + bottom: 6px; + left: 0; + line-height: normal; + display: block; + height: 38px; + width: 94%; + padding: 0 3%; + text-align: center; + color: #bebebe; + font-size: 15px; + font-weight: bold; +} + +.ov_content { + font-size: 16px; + position: relative; + margin: 0 14px 0 0; + overflow: hidden; +} +.infos_top .ov_content { + margin: 0; +} +.ov_content > p { + margin-top: 4px; + padding-right: 30px; + font-size: 12px; +} +.ov_content .counter_info { + position: absolute; + top: 0; + right: 0; + display: block; + text-align: center; + font-size: 14px; + font-weight: bold; +} +.ov_content .critique_count:before { + background-position: 0px -96px; + content: ""; + display: block; + width: 29px; + height: 22px; + margin: 5px 0; +} +.ov_content .wantsee_count:before { + content: ""; + display: block; + background-position: 0 -34px; + width: 27px; + height: 19px; + margin: 5px auto; +} +a.s_name, +.s_name { + color: #ffb500; + font-weight: bold; + font-size: 14px; +} +.fb_name { + color: #2fafff; +} +.sb_small .s_name { + display: block; + line-height: 14px; + height: 31px; +} +a.s_name:hover { + color: #999; +} +.sb_small .infos_top > a { + margin-top: 0; +} +.s_title { + font-weight: bold; + font-style: italic; + margin-top: 11px; + display: block; +} +a.title_movie:hover, a.s_title:hover { + color: #FFDA00; +} +.sb_med .ov_content .rating_module { + position: absolute; + bottom: 2px; + right: 0; + margin-right: 0px; +} + +.bloc_coach { + text-align: center; +} +.bloc_coach a.s_name { + margin: 8px 0; +} +.bloc_coach > p { + margin: 9px; + font-size: 15px; + color: #bebebe; + font-size: 15px; + font-weight: bold; +} + +.img_coach { + position: relative; + display: inline-block; + margin-top: 10px; + margin-bottom: 20px; +} +.img_coach:after { + position: absolute; + bottom: -3px; + right: -3px; + background-position: 0px -154px; + content: ""; + display: block; + width: 59px; + height: 60px; +} + +.social_bloc .overlay_area { + display: none; + width: 100%; + height: 100%; + position: absolute; + z-index: 2; + top: -3px; + left: -3px; + margin: 0px; + background-color: #000000; + background-color: rgba(0,0,0,0.75); + line-height: normal; + border: 3px solid #fff; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +.social_bloc .overlay_area .movie_infos { + margin:0 180px 0 15px; +} +.social_bloc .overlay_area .movie_infos p { + margin-bottom: 15px; +} +.social_bloc .overlay_area .movie_infos p strong{ + display:block; +} +.social_bloc .overlay_area .title_movie { + font-size: 22px; + display: block; + margin: 15px 49px 10px 15px; +} +.social_bloc .overlay_area li { + font-size: 16px; +} +.social_bloc .overlay_area p { + font-size: 12px; +} + +.social_bloc .play_btn { + right: 9px; +} +.social_bloc .item_rating { + margin-top: 0; + position: absolute; +} +.social_bloc .btn_thumbs { + width: 123px; + position: absolute; +} + +/* GRID */ +/* 1024 */ +.sb_big { + width: 474px; + height: 296px; +} +.sb_med { + width: 474px; + height: 296px; +} +.sb_small { + width: 230px; + height: 296px; +} +.sb_big .ov_content > p { + display: none; +} +.sb_big .item_rating, .sb_med .item_rating { + right: 50px; + top: 60px; +} +.sb_big .btn_thumbs, .sb_med .btn_thumbs { + right: 50px; + top: 103px; +} + +/* --- /SOCIAL --- */ + +.ratings li { + float: left; + margin: 0 0 0 6px; + width: 19px; + height: 62px; + position: relative; + cursor: pointer; +} + +.ratings li:first-child { + margin-left: 0; +} + +.ratings li * { + display: block; +} + +.ratings li div { + position: absolute; + bottom: 25px; + width: 19px; +} + +.ratings li em { + color: #c3c3c3; + font-size: 10px; +} + +.ratings li i { + background: #3e3e3e; + width: 13px; + margin: 4px auto 0 auto; +} + +.ratings li span { + background: url(skin/star_off.png); + display: block; + width: 19px; + height: 19px; + position: absolute; + bottom: 0; +} + +.rating_1 .ratings li:nth-child(1) i { + background: #c4c4c4; +} +.rating_2 .ratings li:nth-child(2) i { + background: #c4c4c4; +} +.rating_3 .ratings li:nth-child(3) i { + background: #c4c4c4; +} +.rating_4 .ratings li:nth-child(4) i { + background: #c4c4c4; +} +.rating_5 .ratings li:nth-child(5) i { + background: #c4c4c4; +} + +.rating_1 .ratings li:nth-child(-n+1) span, .rating_2 .ratings li:nth-child(-n+2) span, .rating_3 .ratings li:nth-child(-n+3) span, .rating_4 .ratings li:nth-child(-n+4) span, .rating_5 .ratings li:nth-child(-n+5) span { + background: url(skin/star_on.png); +} + +#loader_container { + background: pink; + height: 100px; + width: 100%; +} + +#loader { + height: 64px; + width: 100%; +} + +#loader .spinner { + top: 32px !important; + background: red !important; +} + +/* --- /Social --- */ + +#header .film_picker .list_inner ul ul li, #main_slider_nav li.current span, .stars_small .stars, .stars_medium .stars, .stars_big .stars, .my_stars_medium .stars, .picto_awards, .picto_awards_mini, .top_list_item, .top_list_item:hover, .jq_carousel .prev, .jq_carousel .next, .jq_carousel .prev a, .jq_carousel .prev a:hover, .jq_carousel .next a, .jq_carousel .next a:hover, .jq_carousel .prev .disable, .jq_carousel .next .disable, .media_list_02 .stareval .note_medal span, #footer .aklogofooter, .tabs_main ul li .home_rub, .tooltip_box span, .review_off, .review_off:hover, .review_on, .rate_null_off, .rate_null_on, .rate_it, .rated_g, .rated_b, .rate_over, .btn_suppr_chan, .listing_hours_bar .listing_hours .prev, .listing_hours_bar .listing_hours .next, .tv_grid_content_full .close, .bullet_b, .btn_sya_add_list, .review_box .box_07 .bubble, #popin .close, .stars_medium .null, .my_stars_medium .null, .breadcrumbs_showtimes_2 span, .breadcrumbs_showtimes_2 .current span, #photo_viewport .jq_carousel .control:hover .arrow, .arrow_03, .open_detail_arrow, .open_detail .close, .open_detail_l .open_detail_arrow, .answer .back span, .lights_carrier .drop_nb, .ratings_star_lf ul li em, .ratings_star_lf ul li em span, .star_quiz .curl, .star_quiz .curl:hover, #personpage .btnL .arrow, .simple_tooltip span, .simple_tooltip.st_arrow_b span, .simple_tooltip.st_arrow_t span, .star_quiz .curl_on, .predilection .prev:before, .predilection .next:before, .predilection .prev span, .predilection .next span, .shot_with_most .prev_next .prev, .shot_with_most .prev_next .next, .shot_with_most .with, .shot_result:before, .picto_guest, .anchor_photo .counter, .anchor_video .counter, .anchor_list .counter span, .btn_fb_2, .btn_twt_2, .btn_gg_2, .picto_question, .arrow_here, .see_it_off, .see_it_on, .seen_it, .rec_off, .rec_on, .sumup_carousel .prevnext .prev, .sumup_carousel .prevnext .next { + background-image: url(skin/sprite_core.png); + background-repeat: no-repeat; +} + +p.msg_box i.close, .myAC_speednoter .speednoter .navprevbtn a img, .myAC_speednoter .speednoter .navprevbtn a:hover img, .myAC_speednoter .speednoter .navnextbtn a img, .myAC_speednoter .speednoter .navnextbtn a:hover img, .like_container h2:before, h2.my_stars:before, .myAC_speednoter .speednotercontent .contentzone h3:after, #not-interest-modal-content .likeTopText:before, #interest-modal-content .likeTopText:before, .img_coach:after, .ov_content .counter_info:before, .adCntnr .acco2 .openAd a:before, .adCntnr .acco2 .expand a:before, .search_dropdown a.picto_02:before, .search_dropdown a.picto_01:before, .rated_g, .rated_g_l, .rated_g_r, .rated_b_l, .rated_b_r, .rated_off, .rated_off_r, .rated_off_l, .connect .logout, .column_button span, .award i, span.arrow_tooltip, .movie_note:after, .others_infos, .play_btn span, .micro_thumb span, .info_btn span, .del_btn span, .move_btn span, .edit_btn span, .btn_headd span, .btn_no span, .btn07 span, .btn_yes span, .btn06 span, .btn_yes.btn_on span, .btn06 .btn06_on span, .btn_no.btn_on span, .btn07 .btn07_on span, .actionsBlock a:before, span.duration i, a .btn_play span, .badge_tooltip .arrow_b { + background-image: url(skin/sprite_main.png); + background-repeat: no-repeat; +} + +/* --- Common --- */ +.tt_01 { + display: block; + font-size: 22px; + color: #b3b3b3; +} + +.tt_02 { + display: block; + font-size: 28px; +} + +.tt_03 { + display: block; + font-size: 40px; + font-weight: bold; +} + +.spinner { + text-align: center; + padding: 10px; + height: 66px; +} + +.bottom_line { + margin: 30px 45px 30px; + padding: 30px; + border: 1px solid #393939; + -webkit-border-radius: 4px; + border-radius: 4px; + background: black; + color: #D3D3D3; + text-align: center; + font-weight: bold; +} +.bottom_line p { + color: #999; +} +/* --- /Common --- */ + +.search_dropdown { + background: #363636; + border: 1px solid #525252; + -webkit-border-radius: 4px; + border-radius: 4px; + font-size: 11px; + padding: 2px; + position: absolute; + top: 33px; + left: 0; + right: 0; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.75); + -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.75); + display: none; +} + +.search_dropdown li { + border-top: 1px solid #484848; +} +.search_dropdown li:first-child { + border-top: none; +} + +.search_dropdown a { + color: #d5d5d5; + padding: 3px 3px 3px 0px; + display: block; + font-size: 14px; +} + +.search_dropdown a.picto_01:before { + background-position: -80px -110px; + content: ""; + display: inline-block; + width: 11px; + height: 11px; + margin: 0 7px; +} +.search_dropdown a.picto_02:before { + background-position: -81px -123px; + content: ""; + display: inline-block; + width: 10px; + height: 11px; + margin: 0 7px; +} + +.search_dropdown a.more { + padding-left: 0; + text-align: center; + background: #222; + font-size: 12px; +} + +.search_dropdown a:hover { + background: #444; +} + +.flagBlock { + float: none; +} +.wantToSee { + float: left; +} +.wantToSeeIcon { + position: absolute; + right: 0; top: 0; +} + +/* MODAL BADGES */ +.badgesMap { + padding: 20px 20px 20px 110px; + position: relative; +} +.badgesMap:after { + position: absolute; + width: 19px; + height: 408px; + display: block; + content: ''; + top: 36px;left: 44px; + background: transparent url(skin/sprite_badges.png) no-repeat -432px 0; +} +.badgesMap .middle_title { + position: absolute; + display: block; + top: 218px; + left: 21px; + color: #414141; + font-weight: bold; + font-size: 14px; + line-height: 16px; + display: block; +} +.sprite_badges li { + display: inline-block; + margin: 0 22px 25px 0; + width: 72px; + height: auto; + text-align: center; + vertical-align: top; + opacity: 0.40; + color: #fff; +} +.sprite_badges li div { + background-image:url(skin/sprite_badges.png); + background-repeat: no-repeat; + width: 72px; height: 72px; + margin-bottom: 8px; +} +.sprite_badges li span { + font-weight: bold; + font-size: 12px; + line-height: 16px; + display: block; + +} +.sprite_badges li.titleBadg { + color: #414141; + opacity: 1; +} +.sprite_badges li.activated { + color: #fff; + opacity: 1; +} + +.badge_coach1_on { background-position: 0px 0px; } +.badge_coach1_off { background-position: -72px 0px; } +.badge_coach2_on { background-position: 0px -72px; } +.badge_coach2_off { background-position: -72px -72px; } +.badge_coach3_on { background-position: -144px 0px; } +.badge_coach3_off { background-position: -144px -72px; } +.badge_critiques1_on { background-position: 0px -144px ; } +.badge_critiques1_off{ background-position: -72px -144px ; } +.badge_critiques2_on { background-position: -144px -144px ; } +.badge_critiques2_off{ background-position: -216px 0px ; } +.badge_critiques3_on { background-position: -216px -72px ; } +.badge_critiques3_off{ background-position: -216px -144px ; } +.badge_don1_on { background-position: 0px -216px ; } +.badge_don1_off{ background-position: -72px -216px ; } +.badge_don2_on { background-position: -144px -216px ; } +.badge_don2_off{ background-position: -216px -216px ; } +.badge_don3_on { background-position: -288px 0px ; } +.badge_don3_off{ background-position: -288px -72px ; } +.badge_notes1_on { background-position: -288px -144px ; } +.badge_notes1_off{ background-position: -288px -216px ; } +.badge_notes2_on { background-position: 0px -288px ; } +.badge_notes2_off{ background-position: -72px -288px ; } +.badge_notes3_on { background-position: -144px -288px ; } +.badge_notes3_off{ background-position: -216px -288px ; } +.badge_vitrine1_on { background-position: -288px -288px ; } +.badge_vitrine1_off{ background-position: -360px 0px ; } +.badge_vitrine2_on { background-position: -360px -72px ; } +.badge_vitrine2_off{ background-position: -360px -144px ; } +.badge_vitrine3_on { background-position: -360px -216px ; } +.badge_vitrine3_off{ background-position: -360px -288px; } + +.newBadges-modal .containerImgTxt { + margin-top: 27px; +} +.newBadges-modal .containerImgTxt .left_content{ + width: 146px; + height: 146px; + padding: 24px 22px 20px; + margin: 10px 40px; + border:none; + -webkit-border-radius: 50%; + border-radius: 50%; + background: #2d2d2d; +} +.newBadges-modal .right_content p{ + font-size: 15px; + margin-bottom: 15px; + text-align: center; +} +.newBadges-modal .right_content p.badge_name{ + font-size: 20px; + font-weight: bold; + color: #26b8e1; +} +.buttons_crew { + margin: 30px auto 0; + width: 274px; +} +.buttons_crew > *{ + display: block; + float: left; +} +button.valid_badge { + width: 128px; + height: 33px; + background-color: #000; + font-size: 14px; + font-weight: bold; + color: #fff; + -webkit-border-radius: 4px; + border-radius: 4px; + margin:0 0 0 15px; +} +button.valid_badge.active, +button.valid_badge:hover { + color:#000; + background-color: #e9eaea; +} +.simplemodal-container button.valid_badge { + background: #1899e1; /* Old browsers */ + background: -moz-linear-gradient(top, #1899e1 0%, #126ae3 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1899e1), color-stop(100%,#126ae3)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #1899e1 0%,#126ae3 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #1899e1 0%,#126ae3 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #1899e1 0%,#126ae3 100%); /* IE10+ */ + background: linear-gradient(to bottom, #1899e1 0%,#126ae3 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1899e1', endColorstr='#126ae3',GradientType=0 ); /* IE6-9 */ + text-shadow: 0px -1px 1px #000; + filter: dropshadow(color=#000, offx=0, offy=-1); +} +.simplemodal-container button.valid_badge:hover { + color: #fff; + background: #1899e1; /* Old browsers */ + background: -moz-linear-gradient(top, #126ae3 0%, #1899e1 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#126ae3), color-stop(100%,#1899e1)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #126ae3 0%,#1899e1 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #126ae3 0%,#1899e1 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #126ae3 0%,#1899e1 100%); /* IE10+ */ + background: linear-gradient(to bottom, #126ae3 0%,#1899e1 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#126ae3', endColorstr='#1899e1',GradientType=0 ); /* IE6-9 */ +} + +@media screen and (min-width: 1352px) { + /* GRID 1340 - SOCIAL */ + #results.social_results { + width: 1308px; + } + .social_results .sb_big { + width: 640px; + height: 345px; + } + .social_results .sb_med { + width: 422px; + height: 264px; + } + .social_results .sb_small { + width: 204px; + height: 264px; + } + .social_results .sb_big .item_rating { + right: 144px; + top: 100px; + } + .social_results .sb_big .btn_thumbs { + right: 144px; + top: 143px; + } + .social_results .sb_big .ov_content > p { + display: block; + } + .social_results .sb_big .s_title { + display: inline; + } + .social_results .img_coach { + margin-bottom: 0px; + } + /* PROFILE */ + .like_container ul.spe_list { + min-width: 423px; + } + ul.vitr_list { + width: 1056px; + } + .container_table { + display: table; + width: 100%; + } + .container_table_row { + display: table-row; + } + + .like_container { + padding-right: 27px; + border-bottom: 0px; + border-right: 1px solid #181818; + -webkit-box-shadow: 1px 0 0 0 #494949; + box-shadow: 1px 0 0 0 #494949; + display: table-cell; + width: 50%; + margin: 0; + padding-left: 46px; + } + .like_container:nth-child(2) { + border: none; + -webkit-box-shadow: none; + box-shadow: none; + padding-right: 0px; + margin: 0px; + } + .other_container { + margin-top: 46px; + } + .like_container:nth-child(2) .carousels .title { + display: none; + } + .jcarousel-skin-tango .jcarousel-container-horizontal { + width: 312px; + } + .jcarousel-skin-tango .jcarousel-clip-horizontal { + width: 312px; + } + /* Fiche Film */ + #results.moviePage { + min-width: 1335px; + } + .moviePageTop { + position: relative; + padding-top: 36px; + } + .moviePageTop h2{ + font-size: 40px; + } + .moviePageTop .firstsInfos span.film_title{ + font-size: 18px; + } + .moviePageTop > a { + margin-right: 45px; + } + .moviePageTop > a img { + width: 322px; + } + .moviePageTop > a .btn_play { + width: 45px; + height: 45px; + right: 10px; bottom: 15px; + } + .moviePageTop > a .btn_play span{ + margin: 15px 0 0 15px; + } + .moviePageTop .firstsInfos { + position: relative; + left: 0;top: 0; + } + .moviePageTop .othersInfos { + margin: 0 337px 0 367px; + } + .moviePageTop .actionsBlock { + margin-top: 0px; + margin-left: 45px; + width: 292px; + } + .moviePageTop .actionsBlock a { + font-size: 12px; + width: 256px; + padding: 0 0 0 68px; + } + .moviePageTop .actionsBlock a:not(.movie_buy):hover { + padding: 0 0 0 66px; + } + .moviePageBottom { + padding: 36px 36px 36px 357px; + min-height: 556px; + } + .similarMovies { + width: 338px; + } + .similarMovies ul li{ + margin-right: 17px; + } + .otherActivity { + padding-left: 45px; + padding-right: 0px; + } + +} +@media screen and (min-width: 1390px) { + /* GRID 1390 - PROFILE */ + .jcarousel-skin-tango .jcarousel-container-horizontal { + width: 390px; + } + .jcarousel-skin-tango .jcarousel-clip-horizontal { + width: 390px; + } +} +@media screen and (min-width: 1546px) { + /* GRID 1546 - PROFILE */ + .jcarousel-skin-tango .jcarousel-container-horizontal { + width: 468px; + } + .jcarousel-skin-tango .jcarousel-clip-horizontal { + width: 468px; + } +} + +/* ------------ */ +/* --- IE9 --- */ +/* ------------ */ +.ie9 header, .ie9 footer, .ie9 footer nav ul li:hover a, .ie9 footer nav ul li a, .ie9 .tags a, .ie9 .tags a:hover, .ie9 .btn_thumb, .ie9 .btn_thumb_still , .ie9 .item_disk_small, .ie9 .item_disk_medium, .ie9 .item_disk_large, .ie9 .item_disk_big, .ie9 .item_disk_xl, .ie9 .filters_trigger li span, .ie9 .filters_trigger li:hover span, .ie9 .filters_trigger li.current span, .ie9 .filters_search button, .ie9 .btn_on, .ie9 .item_disk_blue { + filter: none; +} + +/* ------------- */ +/* --- /IE9 --- */ +/* ------------- */