@font-face {
    font-family: 'futura_stdmedium';
    src: url('../../fonts/futurastd-medium-webfont.eot');
    src: url('../../fonts/futurastd-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/futurastd-medium-webfont.woff') format('woff'),
    url('../../fonts/futurastd-medium-webfont.ttf') format('truetype'),
    url('../../fonts/futurastd-medium-webfont.svg#futura_stdmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futura_std_bookbold';
    src: url('../../fonts/futurastd-bold-webfont.eot');
    src: url('../../fonts/futurastd-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/futurastd-bold-webfont.woff') format('woff'),
    url('../../fonts/futurastd-bold-webfont.ttf') format('truetype'),
    url('../../fonts/futurastd-bold-webfont.svg#futura_std_bookbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
	overflow-y:scroll
}
body {
	margin:0;
	padding:0;
	background:#0d0d0d;
	color:#999;
	font:11px/1.4 "Lucida Sans Unicode", "Lucida Grande", sans-serif
}
h1, h2, h3, h4, h5, h6, dt, dd, blockquote, p, ul, ol, dl {
	margin:0;
	padding:0
}
ul, ol {
	list-style:none
}
#contextual dl {
	margin:1.33em 0;
	padding:0;
}
a {
	color:#666;
	text-decoration:none
}
a:hover, a:focus {
	outline:0;
	text-decoration:underline
}
img {
	border:0
}
form, fieldset, legend {
	margin:0;
	padding:0;
	border:0
}
.text input, .text textarea {
	margin:0;
	padding:1px 2px;
	border:0;
	font:11px/1.4 "Lucida Sans Unicode", "Lucida Grande", sans-serif
}
.wrapper {
	margin:0 auto
}
.error, .error a {
	color:#a31515;
	font-size:10px;
	font-style:normal
}
.error a {
	text-decoration:underline
}
.error a:hover, .error a:focus {
	text-decoration:none
}
#header {
	position:fixed;
	top:0;
	z-index:9999999;
	width:100%;
	background:#0d0d0d
}
@media only screen and (max-device-width: 1000px) {
		

		#header {
			position: absolute;
		}

		
	}
#header .wrapper {
	width:990px
}
#header img {
	display:block
}
#account-menu {
	position:relative;
	z-index:1;
	float:right
}
#account-menu ul {
	position:relative;
	z-index:1;
	float:right;
	margin-right:-1px
}
#account-menu li {
	float:left;
	border-right:1px solid #2c2c2c
}
li#account-menu-vip.hovered {
	background-color:#fff;
}
li#account-menu-vip a.myloreal-link {
	padding-top:13px;
}
li#account-menu-vip {
	position:relative;
	border-right:0;
}
#account-menu li a,
#account-menu li .nolink {
	float:left;
	padding:16px 8px 0;
	height:20px;
	color:#999;
	font-size:12px;
	text-decoration:none;
}
#account-menu li a:hover, #account-menu li a:focus {
	color:#FFF
}
#account-menu li a strong {
	color:#FFF;
	font-weight:normal
}
#account-menu li#account-menu-vip.hovered a, #account-menu li#account-menu-vip a:hover, #account-menu li#account-menu-vip a:focus, #account-menu li#account-menu-vip.hovered a strong, #account-menu li#account-menu-vip a:hover strong, #account-menu li#account-menu-vip a:focus strong {
	height:32px;
	padding-top: 13px;
	background:#FFF;
	color:#070707
}
li#account-menu-vip .expand {
	position:absolute;
	top:45px;
	left:-10000px;
	width:100%;
	background:#a1b6c0 url(/img/common/header/bg/account-menu-vip-expand-title.jpg) no-repeat 100% 0
}
li#account-menu-vip.hovered .expand {
	right:0;
	left:auto;
	min-width:250px;
}

li#fb-link .expand {
	position:absolute;
	top:45px;
	left:-10000px;
	width:auto;
	margin-right: 50px;
	background:#fff;
}
li#fb-link.hovered {background: #ccc; padding-bottom: 10px;}
li#fb-link.hovered .expand {
	right:0;
	left:344px;
	min-width:250px;
	width: 200px;
}

div.fb-like-box-hideframe
{
        width:250px;   
        overflow:hidden;
        text-align:left;
}
div.fb-like-box-hideframe iframe
{
        border:none;
        overflow:hidden;
        width:250px;   
        height:420px;   
}




li#account-menu-vip .expand .title span {display:block;}

li#account-menu-vip .expand .content {
	display:table-cell;
	overflow:hidden; 
	padding-top: 65px;
	padding-bottom: 60px;
	
}
li#account-menu-vip .expand .content img {
	margin-left:20px
}
li#account-menu-vip .expand .actions {
	padding:20px;
	height:35px;
	background:#c4b182
}
#account-menu li#account-menu-vip.hovered .expand .actions a, li#account-menu-vip .expand .actions a {
	padding:0;
	padding-left:10px;
	height:auto;
	background:url(/img/common/picto/arrow_r_4x7_FFFFFF.png) no-repeat 0 4px;
	color:#FFF;
	text-transform:none;
	width:85px;
}
li#account-menu-vip .expand .actions a.special-link {
	float:right
}
#account-menu li#account-menu-vip.hovered .expand .actions a:hover, #account-menu li#account-menu-vip.hovered .expand .actions a:focus, #account-menu li#account-menu-vip .expand .actions a:hover, #account-menu li#account-menu-vip .expand .actions a:focus {
	height:auto;
	background:url(/img/common/picto/arrow_r_4x7_000000.png) no-repeat 0 4px;
	color:#000
}
#identity {
	float:left;
	padding:29px 20px 20px
}
#main-menu {
	position:relative
}
#products-menu {
	float:left
}
#extended-menu {
	float:right;
	padding-right:4px
}
#main-menu li.category {
	float:left
}
#main-menu a.title {
	float:left;
	padding:10px 8px 0;
	height:40px;
	color:#999;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase
}
#main-menu #products-menu-tips-trends a.title {
	color: #ceb998;
}
#main-menu .expanded a.title {
	background:url(/img/common/header/bg/products-menu-title.png) no-repeat 50% 40px;
	color:#FFF
}
#main-menu a.title:hover, #main-menu a.title:focus {
	color:#FFF
}
#main-menu .expand {
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	background:#353535
}
#js #main-menu .expand {
	left:-10000px
}
#js #main-menu .expanded .expand {
	left:0
}
#main-menu .expand .wrapper {
	overflow:hidden
}
#main-menu .expand-header li {
	float:left;
	margin-left:-1px
}
#main-menu .expand-header li.special-link {
	float:right
}
#main-menu .expand-header a {
	float:left;
	padding:15px 25px 0 40px;
	border-left:1px solid #3d3d3d;
	height:30px;
	background:url(/img/common/picto/arrow_r_4x7_999999.png) no-repeat 30px 20px;
	color:#999;
	font-size:12px;
	text-transform:uppercase
}
#main-menu .expand-header li.special-link a {
	float:left;
	border-left:none;
	background:#999 url(/img/common/picto/arrow_r_4x7_FFFFFF.png) no-repeat 30px 20px;
	color:#FFF
}
#main-menu .expand-header .on a, #main-menu .expand-header a:hover, #main-menu .expand-header a:focus, #main-menu .expand-header li.special-link a:hover, #main-menu .expand-header li.special-link a:focus {
	background:#FFF url(/img/common/picto/arrow_r_4x7_000000.png) no-repeat 30px 20px;
	color:#000;
	text-decoration:none
}
#main-menu .expand-category {
	position:relative;
	width:100%
}
#js #main-menu .expand-body .expand-category {
	display:none
}
#js #main-menu .expand-body .on {
	display:block
}
#main-menu .expand-main {
	padding-top:30px;
	padding-bottom:10px;
	border-bottom:1px solid #e6e6e6;
	background:#FFF
}
#main-menu .expand-main .section {
	float:left;
	overflow:hidden;
	padding-left:20px;
	width:475px
}
#main-menu .expand-main .intro {
	margin-right:20px;
	margin-bottom:25px;
	padding-bottom:5px;
	border-bottom:2px solid #070707
}
#main-menu .expand-main .intro .title {
	color:#070707;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase
}
#main-menu .expand-main .all {
	float:right;
	padding-top:7px
}
#main-menu .expand-main .all a {
	float:left;
	padding-left:10px;
	background:url(/img/common/picto/arrow_r_4x7_2B2B2B.png) no-repeat 0 4px;
	color:#070707;
	font-size:12px;
	text-transform:uppercase
}
#main-menu .expand-main .column {
	float:left;
	margin-right:10px;
	width:225px
}
#main-menu .expand-main .column strong{

padding-bottom:10px;
    color: #070707;
    display: block;
    font-weight: normal;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.column p {
	clear:both;
}
#main-menu .expand-main .main ul {
	padding-bottom:16px
}
#main-menu .expand-main .main li {
	float:left;
	width:230px;
	text-align: left;
}
#main-menu .expand-main .main a {
	float:left;
	padding-left:10px;
	background:url(/img/common/picto/arrow_r_4x7_666666.png) no-repeat 0 4px
}
#main-menu .expand-main .main strong a {
	color: #070707;
	background: none;
	padding-left: 0;
	float: none;
}
#main-menu .expand-main .main strong a:hover {
	color: #070707;
}
#main-menu .expand-main .main .important {
	display:block;
	padding-bottom:10px;
	color:#070707;
	font-weight:normal;
	text-transform:uppercase
}
#main-menu .expand-main .main a.important {
	background-image:url(/img/common/picto/arrow_r_4x7_2B2B2B.png)
}
#main-menu .expand-footer {
	background:#FFF
}
#main-menu .expand-footer ul {
	margin-left:-10px
}
#main-menu .expand-footer li {
	float:left
}
#main-menu .expand-footer li a {
	display:block;
	padding:15px 40px 25px;
	border-left:1px solid #e6e6e6;
	color:#070707;
	text-transform:uppercase
}
#main-menu .expand-footer li a strong {
	display:block;
	padding-bottom:10px;
	font-size:18px
}
#main-menu .expand-footer li a span {
	padding-left:10px;
	background:url(/img/common/picto/arrow_r_4x7_666666.png) no-repeat 0 4px;
	font-size:11px
}
#search {
	float:right;
	padding-right:20px
}
#search .text, #search .actions {
	float:left
}
#search .text input {
	float:left;
	padding:10px 5px;
	width:158px;
	height:14px;
	background:#1d1d1d;
	color:#999;
	font:11px/1.4 Lucida Sans Unicode, Lucida Grande, sans-serif
}
#search .text label {
	position:absolute;
	left:-10000px
}
#main-menu-mask {
	position:absolute;
	top:0;
	left:0;
	z-index:9998;
	background:#070707
}
#header .wrapper:after, #account-menu:after, #account-menu ul:after, li#account-menu-vip .expand .actions:after, #main-menu:after, #main-menu li.category:after, #main-menu .expand-header ul:after, #main-menu .expand-header li:after, #main-menu .expand-category-menu ul:after, #main-menu .expand-main .intro:after, #main-menu .expand-main .all:after, #main-menu .expand-main .main:after, #main-menu .expand-main .main ul:after, #main-menu .expand-main .main li:after, #main-menu .expand-main .main p:after, #main-menu .expand-footer .wrapper:after, #main-menu .expand-footer .links:after, #main-menu .expand-footer ul:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:"."
}
#core {
	padding-top:160px
}
#core .wrapper {
	width:950px;
	min-height:480px
}
.cap {
	margin-bottom:40px
}
.cap img {
	display:block
}
.cap-header {
	position:relative;
	overflow:hidden;
	margin-top:-40px;
	min-height:40px
}
.cap-header strong {
	display:block;
	padding-top:20px;
	color:#FFF;
	font-weight:normal;
	text-transform:uppercase
}
.cap-header-index {
	position:absolute;
	right:0;
	bottom:1px;
	padding:0 5px;
	background:#070707;
	color:#FFF;
	font-size:10px;
	line-height:16px
}
.cap-header-prev-next {
	position:absolute;
	bottom:1px;
	right:0
}
.cap-header-prev-next a {
	float:left;
	overflow:hidden;
	margin-right:1px;
	padding-top:19px;
	width:19px;
	height:0;
	background:#070707 url(/_en/_ca/home/capsules/img/cap-prev-next.png) no-repeat
}
.cap-header-prev-next a.next {
	background-position:0 0
}
.cap-header-prev-next a.prev {
	background-position:-19px 0
}
.cap-header-prev-next a.next:hover, .cap-header-prev-next a.next:focus {
	background-position:0 -19px
}
.cap-header-prev-next a.prev:hover, .cap-header-prev-next a.prev:focus {
	background-position:-19px -19px
}
.cap-core {
	position:relative;
	z-index:1;
	background:#070707
}
.cap-text {
	padding:10px 20px
}
.cap-content {
	overflow:hidden
}
#js .cap {
	display:none
}
#js .cap-text {
	visibility:hidden
}
#js .cap-core {
	overflow:hidden;
	height:0
}
.cap .mask, .cap .panel {
	position:absolute;
	background:#070707
}
.cap .loader {
	padding:40px 10px 10px;
	background:url(/_en/_ca/home/capsules/img/loader.gif) no-repeat 50% 10px
}
.cap .error {
	overflow:hidden;
	padding:10px;
	width:300px;
	color:#999;
	font-size:11px
}
.cap .error a {
	float:right;
	margin-top:10px;
	color:#999;
	font-size:11px
}
.cap a.btn {
	float:left;
	padding:0 10px 0 18px;
	background:#000 url(/img/common/picto/arrow_r_4x7_C4B182.png) no-repeat 10px 9px;
	color:#c4b182;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	line-height:23px
}
.cap a.btn:hover, .cap a.btn:focus {
	background-image:url(/img/common/picto/arrow_r_4x7_FFFFFF.png);
	color:#FFF;
	text-decoration:none
}
.cap .actions:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:"."
}
#remote {
	position:fixed;
	top:200px;
	z-index:3;
	margin-left:950px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold
}
#remote li {
	position:relative;
	float:left;
	clear:both;
	width:28px;
	height:26px
}
#remote .expanded {
	z-index:1
}
#remote a.label {
	position:relative;
	float:left;
	width:28px;
	background:url(/_en/_ca/home/capsules/img/remote-active.png) no-repeat -1000px 0;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	line-height:26px
}
#remote .on a.label, #remote .expanded a.label {
	position:absolute;
	z-index:1;
	margin-left:-5px;
	padding-left:5px
}
#remote .expand {
	position:absolute;
	top:-40px;
	left:-10000px;
	width:224px;
	background:#FFF
}
#remote .expanded .expand {
	left:-224px
}
#remote .expand a {
	display:block;
	padding:10px
}
#remote .expand .visual {
	float:left;
	padding-right:10px;
	width:92px
}
#remote .expand .content {
	display:table-cell;
	overflow:hidden;
	width:102px;
	height:92px;
	vertical-align:middle
}
#remote .expand .content strong, #remote .expand .content em {
	display:block;
	text-transform:uppercase
}
#remote .expand .content strong {
	color:#999;
	font-weight:normal
}
#remote .expand .content em {
	font-style:normal
}
#remote .expanded a.label, #remote .expanded a.label:hover, #remote .expanded a.label:focus {
	background-position:-100px 50%
}
#remote .on a.label, #remote .on a.label:hover, #remote .on a.label:focus {
	background-position:0 50%;
	color:#070707
}
#remote ul:after, #remote li:after, #remote .expand a:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:"."
}
#features {
	margin-bottom:30px;
	display:none;
}
#features .wrapper {
	overflow:hidden;
	padding:5px 20px;
	width:910px;
	background:#000 url(/img/common/transparent.gif)
}
#newsletter-form p.title {
	float:left;
	padding-top:4px;
	padding-right:20px;
	color:#FFF;
	font-size:12px;
	text-transform:uppercase
}
#newsletter-form .text label {
	position:absolute;
	left:-10000px
}
#newsletter-form .text input {
	float:left;
	margin-right:1px;
	padding:4px 5px;
	width:170px;
	height:16px;
	background:#1d1d1d;
	color:#999;
	font:12px/1.4 "Lucida Sans Unicode", "Lucida Grande", sans-serif
}
#newsletter-form .text, #newsletter-form .actions {
	position:relative;
	float:left
}
#newsletter-form .actions a.btn {
	float:left;
	padding:4px 5px;
	height:16px;
	background:#FFF;
	color:#000;
	font-size:11px
}
#newsletter-form .actions a.btn:hover, #newsletter-form .actions a.btn:focus {
	color:#999;
	text-decoration:none
}
#localisation {
	float:right;
	padding-top:4px
}
#localisation a {
	float:left;
	padding-left:10px;
	background:url(/img/common/picto/arrow_r_4x7_666666.png) no-repeat 0 4px
}
#features .wrapper:after, #newsletter-form:after, #newsletter-form .actions:after, #localisation:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:"."
}
#footer {
	background:#000 url(/img/common/transparent.gif)
}
#footer .wrapper {
	overflow:hidden;
	padding-bottom:30px;
	width:950px
}
#footer .main {
	width:1000px
}
#footer .section {
	float:left;
	padding-right:50px;
	padding-bottom:20px;
	width:200px
}
#footer h2 {
	margin-top:30px;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase
}
#footer h2 a {
	color:#999
}
#footer h3 {
	margin-top:5px;
	font-size:11px;
	font-weight:normal
}
#footer h3 a {
	color:#999
}
#footer .section ul {
	margin:5px 0 20px
}
#footer .more {
	margin-top:15px;
	padding:15px;
	background:#111;
	text-align:left
}
#footer .more li {
	display:inline;
	padding-left:30px;
	background:url(/img/common/footer/bg/more-li.png) no-repeat 12px 9px
}
#footer .more li.first {
	padding-left:0;
	background:0
}
#footer .more a {
	text-transform:uppercase
}
#footer .more a:hover, #footer .more a:focus {
	color:#FFF;
	text-decoration:none
}
#footer .mentions {
	padding-top:30px
}
#footer .mentions p {
	margin-bottom: 1em;
}
#footer .main:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:"."
}
#popins-mask {
	position:absolute;
	top:0;
	left:0;
	z-index:9999999;
	background:#070707
}
#popins-loader {
	position:absolute;
	z-index:9999999;
	padding:10px;
	background:#1d2326;
	color:#FFF
}
.popin-wrapper {
	background:#FFF
}
#js .popin-wrapper, #js #playerVideo {
	position:absolute;
	z-index:10000000;
}
#js #popins {
	display:none
}
.popin-wrapper a.btn {
	float:left;
	padding:0 10px 0 18px;
	background:#1d1d1d url(/img/common/picto/arrow_r_4x7_FFFFFF.png) no-repeat 10px 9px;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	line-height:23px
}
.popin-wrapper a.btn:hover, .popin-wrapper a.btn:focus {
	background-image:url(/img/common/picto/arrow_r_4x7_C4B182.png);
	color:#c4b182;
	text-decoration:none
}
.popin-wrapper a.processing, .popin-wrapper a.processing:hover, .popin-wrapper a.processing:focus {
	background:#666 url(/img/common/popins/picto/processing.gif) no-repeat 0 3px;
	color:#FFF;
	cursor:default
}
.popin-close {
	position:absolute;
	top:10px;
	right:0;
	display:block;
	overflow:hidden;
	padding-top:32px;
	width:32px;
	height:0;
	background:#000 url(/img/common/popins/bg/popin-close.png) no-repeat
}
.popin-close:hover, .popin-close:focus {
	background-color:#666
}
#popin-beauty-tv, #playerVideo {
	overflow:hidden;
	width:950px;
	height:490px;
	background:#FFF
}
#playerVideo .flashMessage {
	visibility:hidden
}
#popin-newsletter, #popin-newsletter-unsubscribe {
	padding-left:362px;
	width:302px;
	height:332px;
	background:#FFF url(/img/common/popins/newsletter/popin-wrapper.jpg) no-repeat
}
#popin-newsletter .popin-header h2, #popin-newsletter-unsubscribe .popin-header h2 {
	padding:60px 20px 0 0;
	color:#070707;
	font-size:26px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:1.2
}
#popin-newsletter .popin-core, #popin-newsletter-unsubscribe .popin-core {
	position:relative;
	padding:25px 20px 0 0;
	min-height:90px
}
#popin-newsletter-formError, #popin-newsletter-unsubscribe-formError {
	display:block;
	margin-bottom:5px
}
#popin-newsletter-unsubscribe p.description {
	margin-bottom:20px
}
#popin-newsletter .text, #popin-newsletter .actions, #popin-newsletter-unsubscribe .text, #popin-newsletter-unsubscribe .actions {
	position:relative;
	float:left
}
#popin-newsletter .text input, #popin-newsletter-unsubscribe .text input {
	float:left;
	margin-right:1px;
	padding:4px 5px;
	width:170px;
	height:15px;
	background:#1d1d1d;
	color:#999;
	font:11px/1.4 "Lucida Sans Unicode", "Lucida Grande", sans-serif
}
#popin-newsletter-unsubscribe .text input {
	width:140px
}
#popin-newsletter .text label, #popin-newsletter-unsubscribe .text label {
	position:absolute;
	top:25px;
	left:0
}
#popin-newsletter .text label span, #popin-newsletter-unsubscribe .text label span {
	position:absolute;
	left:-10000px
}
#popin-newsletter .popin-footer p, #popin-newsletter .popin-footer p a {
	color:#AAA
}
#popin-newsletter .popin-footer p a {
	text-decoration:underline
}
#popin-newsletter .popin-footer p a:hover, #popin-newsletter .popin-footer p a:focus {
	text-decoration:none
}
#popin-copyright {
	width:780px;
	height:310px
}
#popin-copyright .popin-header h2 {
	padding:30px 30px 0;
	color:#070707;
	font-size:26px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:1.2
}
#popin-copyright .popin-core {
	position:relative;
	padding:25px 30px 0
}
#popin-copyright .popin-core p {
	margin-bottom:15px;
	font-size:12px
}
.popin-wrapper .actions:after, #popin-newsletter-form:after, #popin-newsletter-unsubscribe-form:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:"."
}
.video-wrapper {
	position:relative;
	margin-bottom:20px;
	min-height:100px
}
.video-toolbar {
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	padding:5px 10px;
	background:url(/img/common/media-players/video-toolbar.png);
	color:#FFF
}
.video-toolbar button {
	float:left;
	overflow:hidden;
	margin:0 10px 0 0;
	padding:0;
	border:0;
	height:17px;
	background:url(/img/common/media-players/video-toolbar-icons.png) no-repeat;
	color:#FFF;
	cursor:pointer
}
.video-toolbar button::-moz-focus-inner {
padding:0;
border:0
}
.video-toolbar button[disabled] {
	opacity:.5;
	cursor:default
}
.video-toolbar button span {
	position:absolute;
	left:-10000px
}
button.video-play {
	width:11px;
	background-position:0 0
}
button.video-pause {
	width:11px;
	background-position:-11px 0
}
button.video-restart {
	width:11px;
	background-position:-22px 0
}
button.video-sound {
	margin:0;
	width:19px;
	background-position:-33px 0
}
button.video-sound-muted {
	margin:0;
	width:19px;
	background-position:-52px 0
}
.video-timeline {
	float:left;
	overflow:hidden;
	padding:6px 0
}
.video-timeline div {
	overflow:hidden;
	height:5px;
	background:#c4b182
}
.video-timeline div div {
	width:0;
	background:#FFF
}
.video-elapsed {
	float:left;
	margin:0 10px
}
.video-elapsed-time {
	color:#c4b182
}
.video-sound-management {
	float:left;
	margin-top:-5px;
	padding-top:5px
}
.video-sound-slider {
	position:absolute;
	right:10px;
	bottom:27px;
	overflow:hidden;
	padding:0 4px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	width:12px;
	height:100px;
	background:url(/img/common/media-players/video-toolbar.png)
}
.video-sound-slider div {
	position:absolute;
	bottom:0;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	width:12px;
	height:96px;
	background:url(/img/common/media-players/video-sound-slider.png)
}
.video-sound-slider div div {
	background:#c4b182
}
#main-menu .expand-main p.beauty-goodbyes {
	clear:both;
	text-align: right;
}
#main-menu .expand-main p.beauty-goodbyes a {
	background-image: url(/img/common/picto/arrow_r_4x7_2B2B2B.png);
	padding-left: 10px;
	background-position: 0 5px;
	background-repeat:no-repeat;
	color: #070707;
	text-transform: uppercase;
	padding-right: 20px;
	text-align: right;
}

/* popin-generic-send-to-friend */
#popin-generic-send-to-friend {
    background: none repeat scroll 0 0 #EDEDED;
    color: #000000;
    font-size: 12px;
    padding: 25px 30px 30px;
    width: 440px;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-generic-send-to-friend h2 {
    font-size: 16px;
    text-transform: uppercase;
	    font-family: FuturaNDLight,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-generic-send-to-friend .popin-core {
    margin-top: 10px;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-generic-send-to-friend .success {
    color: #158000;
}
#popin-generic-send-to-friend .error {
    font-size: 12px;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-generic-send-to-friend em.error {
    margin-left: 5px;
}
#popin-generic-send-to-friend .text {
    margin-top: 10px;
}
#popin-generic-send-to-friend .text label {
    float: left;
    width: 205px;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-generic-send-to-friend .text input, #popin-generic-send-to-friend .text textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #414141;
    float: right;
    font-size: 12px;
    padding: 3px 5px;
    width: 220px;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-generic-send-to-friend .text textarea {
    height: 60px;
    overflow: auto;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-generic-send-to-friend .actions {
    margin-top: 10px;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-generic-send-to-friend .actions .btn {
    float: right;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-generic-send-to-friend .actions p {
    color: #666666;
    float: left;
    font-size: 9px;
    font-weight: bold;
    padding-top: 10px;
    width: 440px;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-generic-send-to-friend .success {
    display: none;
}

.popin-wrapper .actions:after, #popin-newsletter-form:after, #popin-newsletter-unsubscribe-form:after, #popin-generic-send-to-friend .text:after, #popin-generic-lost-password .text:after, #popin-generic-lost-password .actions:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}

#popin-call-to-register {
    background: none repeat scroll 0 0 #EDEDED;
    color: #666666;
    font-size: 12px;
    min-height: 291px;
    padding: 25px 30px;
    width: 440px;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-call-to-register h2, #popin-call-to-register h2 strong {
    color: #000000;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
	    font-family: FuturaNDLight,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-call-to-register p, #popin-call-to-register ul {
    margin-bottom: 10px;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-call-to-register p strong { 
    color: #000000;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-call-to-register a.more {
    background: url("/img/common/picto/arrow_r_4x7_666666.png") no-repeat scroll 0 4px transparent;
    margin-left: 10px;
    padding-left: 10px;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-call-to-register li {
    background: url("/img/common/picto/square_5x5_000000.png") no-repeat scroll 0 7px transparent;
    padding-left: 15px;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-call-to-register .actions {
    padding-top: 15px;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
#popin-call-to-register a.btn {
    float: right;
	    font-family: FuturaND-Medium,'Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-style: normal;
    font-weight: normal;

}
.newsletter-subscribtion-panel{
	position:fixed;
	width:100%;
	text-align:center;
	z-index:9999999999999;
	background-image: url('/img/l10n/common/newsletter-overall.png');
	height:100%;
}
.newsletter-subscription-block{
	width:706px;
	position:relative;
	top:100px;
	background-color:#bea175;
	margin: 0 auto;
}
.newsletter-subscription-block .close-btn{
    background-image: url('/img/l10n/common/close-btn.jpg');
    width:32px;
    height:32px;
    cursor:pointer;
    position:absolute;
    top:18px;
    right:26px;
}
.newsletter-subscription-block .newsletter-title h2{
	font-family:"futura_stdmedium", arial;
	font-size: 24px;
	font-weight:normal;
	color:#19180e;
    margin-left:34px;
    padding-top:20px;
    padding-bottom:20px;
    text-align:left;
}
.newsletter-subscription-block .newsletter-title h2 span{
	font-family:"futura_stdmedium", arial;
	font-size: 24px;
	font-weight:bold;
}
.newsletter-subscribtion-panel iframe{
	overflow:hidden;
	border:none;
}

