integ/css/styles.css
author veltr
Mon, 06 May 2013 18:38:13 +0200
changeset 65 b13a409f01dc
parent 0 ca1b8c0fbe35
permissions -rw-r--r--
Some refactoring

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