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 --- */
/* ------------- */