/*reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
} 
body {   line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/*typography */


body {
font-size : 75%;
color : #222;
background : #fff;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight : normal;
color : #111;
}
h1 {
font-size : 3em;
line-height : 1;
margin-bottom : 0.5em;
}
h2 {
font-size : 2em;
margin-bottom : 0.75em;
}
h3 {
font-size : 1.5em;
line-height : 1;
margin-bottom : 1em;
}
h4 {
font-size : 1.2em;
line-height : 1.25;
margin-bottom : 1.25em;
height : 1.25em;
}
h5 {
font-size : 1em;
font-weight : bold;
margin-bottom : 1.5em;
}
h6 {
font-size : 1em;
font-weight : bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin : 0;
}
p {
margin : 0 0 1.5em;
}
p img {
float : left;
padding : 0;
}
p img.right {
float : right;
margin : 1.5em 0 1.5em 1.5em;
}
a:focus, a:hover {
color : #000;
}
:focus {
outline: 0;
}
a {
color : #009;
text-decoration : underline;
}
blockquote {
margin : 1.5em;
color : #666;
font-style : italic;
}
strong {
font-weight : bold;
}
em, dfn {
font-style : italic;
}
dfn {
font-weight : bold;
}
sup, sub {
line-height : 0;
}
abbr, acronym {
border-bottom : 1px dotted #666;
}
address {
margin : 0 0 1.5em;
font-style : italic;
}
del {
color : #666;
}
pre, code {
margin : 1.5em 0;
white-space : pre;
}
pre, code, tt {
font : 1em 'andale mono', 'lucida console', monospace;
line-height : 1.5;
}
li ul, li ol {
margin : 0 1.5em;
}
ul, ol {
margin : 0 1.5em 1.5em 1.5em;
}
ul {
list-style-type : disc;
}
ol {
list-style-type : decimal;
}
dl {
margin : 0 0 1.5em 0;
}
dl dt {
font-weight : bold;
}
dd {
margin-left : 1.5em;
}
table {
margin-bottom : 1.4em;
width : 100%;
}
th {
font-weight : bold;
background : #c3d9ff;
}
th, td {
padding : 4px 10px 4px 5px;
}
tr.even td {
background : #e5ecf9;
}
tfoot {
font-style : italic;
}
caption {
background : #eee;
}
.small {
font-size : 0.8em;
margin-bottom : 1.875em;
line-height : 1.875em;
}
.large {
font-size : 1.2em;
line-height : 2.5em;
margin-bottom : 1.25em;
}
.hide {
display : none;
}
.quiet {
color : #666;
}
.loud {
color : #000;
}
.highlight {
background : #ff0;
}
.added {
background : #060;
color : #fff;
}
.removed {
background : #900;
color : #fff;
}
.first {
margin-left : 0;
padding-left : 0;
}
.last {
margin-right : 0;
padding-right : 0;
}
.top {
margin-top : 0;
padding-top : 0;
}
.bottom {
margin-bottom : 0;
padding-bottom : 0;
}


/*bourjois */


body {
background : #bf0558 url('images/bg-body.png') no-repeat left top;
color : #fff;
font-family : Verdana, "DejaVu Sans", Arial, sans-serif;
}
body.alternate {
background : #fff url('images/bg-body-alternate.jpg') no-repeat left top;
color : #fff;
}
body.entrydoor {
height : 100%;
}
label, button, input[type="submit"] {
cursor : pointer;
}
a, a:link, a:visited {
color : #cb0658;
text-decoration : underline;
}
a:hover {
text-decoration : none;
}
h1 {
font-family : Verdana;
}
h3 {
border-bottom : 1px solid #ccc;
font-size : 1.2em;
font-weight : bold;
margin-bottom : 7px;
padding-bottom : 7px;
}
h3 em {
font-weight : normal;
}
h3 span {
display : block;
}
h1, h3 span, h4 {
color : #d20061;
}
table {
margin : 0;
}
table tr.even td, table tr.even th {
background : transparent;
}
table tr.odd td, table tr.odd th {
background : #f2f2f2;
}
table td.numeric {
text-align : center;
}
.clearfix {
clear : both;
height : 1px;
margin : 0;
padding : 0;
visibility : hidden;
}
.highlight {
background : transparent;
color : #cb0658;
}
.left {
float : left;
}
.right {
float : right;
}
div.center {
margin : 0 auto;
}
p.center {
text-align : center;
}
a.alt-color {
color : #fff;
}
form label.important {
color : #d1025f;
font-weight : bold;
}
form input.text, form input.password, form input.selectbox, form select, form textarea {
border : 1px solid #bdbcbd;
}
form p label, form div.inline-options label {
display : block;
float : left;
width : 30%;
white-space : normal;
font-weight : normal;
}
form div.inline-options li {
display : inline;
list-style : none;
margin-right : 10px;
}
form div.inline-options ul label {
display : inline;
float : none;
width : auto;
}
form .multi-choice {
margin-left : 0;
}
form .multi-choice li {
list-style : none;
}
form textarea {
height : 7em;
width : 90%;
}
form p.submit {
margin : 0 15px 0 0;
text-align : right;
}
form p.submit span {
color : #fff;
font-weight : bold;
}
form button.submit {
background : url('images/bg-submit-button.gif') no-repeat center center;
border : none;
height : 37px;
width : 102px;
}
p.medallion {
float : left;
height : 260px;
margin-left : 10px;
margin-top : -14px;
}
p.medallion img {
margin : 23px 0 0 24px;
}
p.medallion span.more {
display : block;
margin-left : 24px;
margin-top : -4px;
}
p.medallion span.more, p.medallion span.more a {
color : #fff;
text-decoration : none;
}
.radio-box, .checkbox-box, div.radio, div.checkbox, .mark {
display : inline;
}
.mark {
cursor : pointer;
}
.radio .mark img {
background : url('images/radiobox.gif') no-repeat left top;
height : 8px;
width : 8px;
vertical-align : middle;
}
.radio-checked .radio img {
background-position : 0 -8px;
}
.checkbox .mark img {
background : url('images/checkbox.gif') no-repeat left top;
height : 14px;
width : 14px;
vertical-align : middle;
}
.checkbox-checked .checkbox img {
background-position : 0 -14px;
}
input.selectbox {
background-image : url('images/bg-selectbox.gif');
background-position : 95% center;
background-repeat : no-repeat;
cursor : pointer;
padding-left : 10px;
}
.selectbox-wrapper {
background : #fff;
border : 1px solid #bdbcbd;
border-top : none;
position : absolute;
z-index : 10;
}
.selectbox-wrapper ul {
margin : 0;
}
.selectbox-wrapper ul li {
cursor : pointer;
list-style : none;
padding-left : 10px;
}
.selectbox-wrapper ul li.selected {
background-color : #e5e5e5;
}
.selectbox-wrapper ul li.current {
background-color : #ececec;
}
#skip-links {
left : -200em;
position : absolute;
}
#grained-selector {
background : url('images/bg-grained-selector.png') no-repeat left top;
font-family : Helvetica, "DejaVu Sans", sans-serif;
font-size : 0.8em;
left : 30px;
margin : 0;
padding-bottom : 10px;
position : absolute;
top : 16px;
width : 177px;
z-index : 1000;
}
#grained-selector li {
background : #363232;
display : none;
font-weight : bold;
height : auto;
list-style : none;
margin : 0 4px 0;
text-indent : 3px;
text-transform : uppercase;
}
#grained-selector li.selected {
background : transparent;
cursor : pointer;
display : block;
margin : 6px 4px 5px;
}
#grained-selector a {
display : block;
font-weight : normal;
color : #fff;
text-decoration : none;
}
#grained-selector a:hover {
text-decoration : underline;
}
#content-wrapper {
color : #000;
font-size : 0.95em;
margin : 0 0 0 30px;
padding-top : 77px;
text-align : left;
width : 965px;
min-height : 600px;
}
#content-wrapper.wide {
width : auto;
}
#content-wrapper.no-grained-selector {
padding-top : 44px;
}
#content-wrapper .content {
background : #fff;
position : relative;
}
#content-wrapper ol.media, #content-wrapper ul.media {
list-style : none;
margin : 0;
padding-top : 1em;
}
#content-wrapper .media a {
color : #000;
text-decoration : none;
}
#content-wrapper .media a img {
border : 1px solid #e4e4e4;
}
#content-wrapper .media a span {
text-decoration : underline;
}
#content-wrapper .media a:hover span {
text-decoration : none;
}
table.styles {
background : #232325;
list-style : none;
margin : 0;
}
table.styles td a {
color : #c7c7c7;
text-decoration : none;
}
table .selected td a, table.styles td a:hover {
color : #fff;
text-decoration : none;
}
table.styles td, table.styles tr.even td, table.styles tr.odd td {
background-color : #232325;
background-position : 15px center;
background-repeat : no-repeat;
color : #c7c7c7;
height : 49px;
padding : 0 5px 0 60px;
position : relative;
vertical-align : middle;
width : auto;
}
table.styles tr.even td {
background-color : #353535;
}
table.styles tr.selected td {
color : #fff;
}
table.styles #style-1 td, table.styles .style-1 td {
background-image : url('images/item-1.gif');
}
table.styles #style-2 td, table.styles .style-2 td {
background-image : url('images/item-2.gif');
}
table.styles .style-2-alt td {
background-image : url('images/item-2-alt.gif');
}
table.styles #style-3 td, table.styles .style-3 td {
background-image : url('images/item-3.gif');
}
table.styles #style-4 td, table.styles .style-4 td {
background-image : url('images/item-4.gif');
}
table.styles .style-4-alt td {
background-image : url('images/item-4-alt.gif');
}
table.styles #style-1.style-1-selected td, table.styles .style-1-selected td {
background-image : url('images/item-1-glow.png');
}
table.styles #style-2.style-2-selected td, table.styles .style-2-selected td {
background-image : url('images/item-2-glow.png');
}
table.styles #style-3.style-3-selected td, table.styles .style-3-selected td {
background-image : url('images/item-3-glow.png');
}
table.styles #style-4.style-4-selected td, table.styles .style-4-selected td {
background-image : url('images/item-4-glow.png');
}
#introduction {
clear : both;
width : 300px;
}
#content-wrapper.product-view #introduction h2 {
margin-bottom : 0;
}
#content-wrapper.moodbooster-preview #introduction h1 {
margin-bottom : 0;
}
#content-wrapper.moodbooster-preview #introduction h2 {
font-size : 1.5em;
}
#powered-by-adobe-flash {
clear : both;
margin-bottom : 0;
margin-left : 30px;
}
#moodbooster-preview {
background : url('images/moodbooster-preview-bg.png') no-repeat left top;
height : 443px;
left : 380px;
position : absolute;
top : 176px;
width : 568px;
}
#moodbooster-preview .content {
margin : 21px 21px 22px 22px;
}
#moodbooster-preview .content p {
line-height : 0;
margin : 0;
}
#moodbooster-preview .pagination {
background : url('images/moodbooster-pagination.png') no-repeat left top;
bottom : -21px;
height : 42px;
margin : 0;
padding : 0 21px;
position : absolute;
width : 132px;
}
#moodbooster-preview .pagination li {
background : url('images/bg-navigation-links.png') no-repeat left center;
color : #fff;
display : inline;
padding-left : 3px;
}
#moodbooster-preview .pagination li.first, #moodbooster-preview .pagination li.item-1 {
background : transparent;
}
#moodbooster-preview .pagination li a {
color : #fff;
padding : 0 2px;
}
#moodbooster-preview .pagination li a.selected {
text-decoration : none;
}
#products-list, #products-list ol {
list-style : none;
margin : 0;
}
#products-list li.row {
clear : both;
}
#products-list li.row li {
background : transparent url('images/product-list-item-shadow.png') no-repeat center center;
float : left;
height : 169px;
overflow : hidden;
position : relative;
text-align : center;
width : 169px;
}
#products-list li.row li a {
display : block;
height : 100%;
}
#products-list li.row li a img {
margin-top : 10px;
}
#products-list li.row li span.product-title {
background : url('images/product-list-item-more-shadow.png') no-repeat center top;
color : #fff;
display : none;
font-family : Helvetica, "DejaVu Sans", Verdana, sans-serif;
font-weight : bold;
height : 124px;
width : 150px;
padding : 45px 10px 0 10px;
}
#products-list li.row li a.hovered {
cursor : pointer;
}
#products-list li.row li a:hover img, #products-list li.row li a.hovered img {
display : none;
}
#products-list li.row li a span.product-title img {
margin : 10px auto;
}
#products-list li.row li a:hover span.product-title, #products-list li.row li a.hovered span.product-title, #products-list li.row li a:hover span.product-title img, #products-list li.row li a.hovered span.product-title img {
display : block;
}
#products-list li.row .product-new {
display : block;
left : 0;
margin-top : -15px;
position : absolute;
top : 50%;
width : 100%;
z-index : 10;
}
#products-list li.row .product-new img {
margin-top : 0;
}
#product-medias {
background : transparent url('images/product-item-shadow.png') no-repeat left top;
float : left;
height : 595px;
margin-bottom : 2.5em;
margin-left : -19px;
width : 460px;
}
#product-medias .content {
clear : left;
height : 587px;
margin : 19px 21px;
}
#product-medias #media-view {
max-height : 420px;
min-height : 394px;
margin : 12px 0;
text-align : center;
}
#product-medias #media-view.image {
padding-top : 12px;
}
#product-medias #media-selector {
background : #2f2f2f;
border-bottom : 1px solid #774e60;
border-top : 1px solid #aaa;
list-style : none;
margin : 0;
padding : 5px 0 3px;
text-transform : uppercase;
}
#product-medias #media-selector li {
display : inline;
margin-left : 10px;
}
#product-medias #media-selector a {
color : #fff;
font-family : Helvetica, "DejaVu Sans", Verdana, sans-serif;
padding : 6px 12px;
text-decoration : none;
}
#product-medias #media-selector a:hover, #product-medias #media-selector a.selected {
background : #fff;
color : #000;
}
#product-medias ol.media {
display : block;
max-height : 74px;
margin : 0 10px 10px;
overflow : hidden;
padding-bottom : 13px;
white-space : nowrap;
}
#product-medias ol.media li {
display : inline;
}
#product-medias ol.teintes li {
display : block;
float : left;
height : 35px;
margin : 0 5px 10px 0;
}
#product-medias ol.teintes a img {
border : none;
}
#selectorTaintTooltip {
display : block;
background : url('images/tooltip-teinte.png') no-repeat top center;
height : 33px;
margin : -8px 0 0 -35px;
position : absolute;
text-align : center;
white-space : normal;
width : 105px;
z-index : 10;
}
#selectorTaintTooltip span {
background : url('images/tooltip-teinte-tile.png') no-repeat bottom center;
display : block;
margin-top : 14px;
padding : 0 9px 14px 3px;
}
#product-infos {
margin : 155px 0 0 471px;
width : 435px;
}
#product-infos h4 {
font-size : 1em;
margin-bottom : 0;
}
#product-infos .content {
margin-top : -3px;
padding : 20px 30px;
}
#product-infos .content .summary a, span.more a:link, span.more a:visited, p.more a:link, p.more a:visited, p.more-alt a:link, p.more-alt a:visited {
background : none;
text-decoration : underline;
color : black;
}
#product-infos .content .summary a:hover {
text-decoration : none;
}
#product-infos .content p a, span.more a:link, span.more a:visited, p.more a:link, p.more a:visited, p.more-alt a:link, p.more-alt a:visited {
background : transparent url(images/content-link-more.png) no-repeat scroll left top;
color : #ffffff;
font-size : 90%;
padding : 2px 20px 3px;
line-height : 25px;
text-decoration : none;
}
#product-infos .content .links p a, span.more a:link, span.more a:visited, p.more a:link, p.more a:visited, p.more-alt a:link, p.more-alt a:visited {
background : url('images/content-link-more.png') no-repeat left top;
color : #fff;
font-size : 90%;
padding : 2px 20px 3px;
text-decoration : none;
}
p.more-alt a:link, p.more-alt a:visited {
background-position : -40px top;
padding : 2px 10px 3px;
}
span.more a:link, span.more a:visited {
background-image : url('images/product-more.png');
}
#product-infos .chapo {
font-weight : bold;
}
.imageNewTheme {
background : url('images/content-link-more.png') no-repeat left top;
border : none;
color : #fff;
font-size : 90%;
padding : 2px 20px 3px;
text-decoration : none;
}
table.topics-header thead td, table.topics-header thead th .forumReply {
color : #fff;
background : none;
border : none;
font-size : 0.9em;
font-weight : bold;
text-decoration : none;
width : 15%;
}
#product-navigation {
margin : 0;
position : relative;
}
#product-navigation li {
display : inline;
}
#product-navigation li.previous {
margin-right : 1px;
}
#product-navigation li.all {
background : url('images/product-more.png') no-repeat left top;
position : absolute;
right : 0;
top : 0;
}
#trend-style li.all {
background-image : url('images/content-link-more.png');
}
#product-navigation li.all a {
color : #fff;
font-size : 80%;
padding : 0 5px 0 22px;
text-decoration : none;
}
#product-navigation li.all span {
vertical-align : top;
}
#product-infos h1 {
font-family : Helvetica, "DejaVu Sans", Verdana, sans-serif;
font-size : 2.8em;
}
#product-infos h3 {
font-family : Helvetica, "DejaVu Sans", Verdana, sans-serif;
font-size : 1.1em;
margin-bottom : 4px;
padding-bottom : 4px;
}
#product-infos .price {
border : 1px solid #d2015f;
color : #d2015f;
display : block;
float : left;
font-family : Helvetica, "DejaVu Sans", Verdana, sans-serif;
font-size : 1.3em;
font-weight : bold;
line-height : 1;
margin-right : 4px;
padding : 1px 12px 1px 0;
text-align : right;
width : 76px;
}
#product-infos .conseil {
margin : 3em 0;
padding-bottom : 5px;
padding-left : 100px;
position : relative;
}
#product-infos .conseil h3 em, #product-infos .conseil h3 span {
font-weight : normal;
}
#product-infos .conseil p {
margin-bottom : 2px;
}
#product-infos .conseil p.media {
left : 0;
position : absolute;
}
#product-infos ol.media {
margin : 0;
}
#product-infos ol.media li {
float : left;
list-style : none;
margin-bottom : 1.5em;
text-align : center;
width : 33%;
}
#product-infos ul.links {
list-style : none;
margin-left : 0;
}
#product-infos ul.links a:link, #product-infos ul.links a:visited {
color : #000;
}
#product-infos ul.links a:hover {
text-decoration : none;
}
#faq {
padding-top : 10px;
}
#faq p.medallion {
margin-bottom : 0;
}
#faq p.medallion img {
margin : 23px 24px 0 24px;
}
#faq li.item {
margin-bottom : 0;
}
#faq .categorized-list .content {
padding-top : 20px;
}
#faq .categorized-list h2.category + div.content {
padding-top : 50px;
}
.brand-story #introduction {
width : 215px;
}
#brand-story {
float : left;
margin : 160px 0 0 15px;
width : 700px;
}
#brand-story ul.media {
float : left;
list-style : none;
}
#brand-story .content {
background : transparent;
margin-left : 295px;
}
#brand-story, #brand-story h2 {
color : #fff;
}
#brand-story h2 {
font-family : Helvetica, "DejaVu Sans", Verdana, sans-serif;
font-size : 1.7em;
font-weight : normal;
line-height : 1;
margin-top : 23px;
}
#brand-story .content p {
margin-bottom : 3em;
}
.brand-story table, td, th {
vertical-align : top;
}
.brand-story a {
color : #fff;
}
#subscription {
float : left;
margin-top : 112px;
width : 455px;
}
#subscription .shadow-pre {
background : url('images/subscription-form-bg-top.png') no-repeat left top;
padding-top : 21px;
}
#subscription .shadow-post {
background : url('images/subscription-form-bg-bottom.png') no-repeat left bottom;
padding-bottom : 21px;
}
#subscription .shadow {
background : url('images/subscription-form-bg-central.png') repeat-y left top;
}
#subscription .content {
margin : 0 20px 0 22px;
}
#subscription form {
margin : 0 0 0 28px;
padding : 28px 0;
}
#subscription-conditions {
margin-top : 1.5em;
}
#introduction #grained-selector {
background : url('images/bg-grained-selector-contact.png');
color : #fff;
height : 36px;
left : 0;
padding-bottom : 0;
position : relative;
top : 0;
width : 227px;
}
#introduction #grained-selector li {
background : transparent;
padding-left : 15px;
padding-bottom : 5px;
text-indent : 0;
}
#introduction #grained-selector li.selected {
height : 28px;
margin-bottom : 0;
padding-top : 10px;
}
#contact {
background : url('images/bg-contact-form.png') no-repeat left top;
float : left;
height : 654px;
margin-left : 70px;
margin-top : 112px;
width : 455px;
}
#contact .header {
height : 49px;
margin : 37px 23px 7px 24px;
}
#contact .header p {
margin : 0;
padding-top : 5px;
text-align : center;
}
#contact .header p label {
left : -300em;
position : absolute;
}
#contact .header input.selectbox {
background : url('images/bg-selectbox-contact.gif') no-repeat left top;
border : none;
color : #fff;
height : 29px;
padding-top : 8px;
text-indent : 0;
width : 363px;
}
#contact .header .selectbox-wrapper {
background : transparent;
border : none;
margin-top : -9px;
position : absolute;
}
#contact .header .selectbox-wrapper ul li {
background : #d2015f;
color : #fff;
cursor : pointer;
list-style : none;
margin-left : 6px;
margin-right : 7px;
padding-left : 10px;
text-align : left;
}
#contact .header .selectbox-wrapper ul li.selected {
display : none;
}
#contact .header .selectbox-wrapper ul li.current {
background-color : #eb69a1;
}
#contact .content {
height : 519px;
margin : 21px 23px 23px 24px;
line-height : 12px;
}
#contact .content p, #contact .content .multi-choice {
margin-left : 21px;
}
#makeup-bio {
width : 320px;
}
#makeup-bio h2, #makeup-bio p {
color : #fff;
margin-left : 110px;
}
#makeup-bio.small-avatar h2, #makeup-bio.small-avatar p {
margin-left : 100px;
}
#makeup-bio p.avatar, #makeup #makeup-bio p.avatar {
float : left;
line-height : 0;
margin : 0;
}
#makeup-bio h2 {
font-size : 1.1em;
font-weight : bold;
margin-bottom : 0;
}
#makeup-bio p.leading {
margin-bottom : 0.5em;
}
#makeup-listing {
margin-left : 88px;
}
#makeup-listing h3 {
border : none;
color : #5e5e5e;
font-size : 1.4em;
font-weight : normal;
margin-bottom : -15px;
margin-right : 25px;
margin-top : 1.5em;
text-align : right;
}
#makeup-listing ul, #makeup-listing ol {
list-style : none;
margin : 0;
}
#makeup-listing li.trend {
background : url('images/bg-makeup-list-item.png') no-repeat left top;
clear : both;
height : 255px;
width : 873px;
}
#makeup-listing .content {
background : transparent;
background-position : 240px top;
background-repeat : no-repeat;
float : left;
height : 217px;
margin : 21px 20px 18px 24px;
position : relative;
width : 829px;
}
#makeup-listing .content h4, #makeup-listing .content p {
color : #fff;
margin-left : 25px;
width : 180px;
}
#makeup-listing .content h4 {
font-size : 1.5em;
height : auto;
margin-top : 20px;
margin-bottom : 0;
}
#makeup-listing .content p {
color : #aba9aa;
}
#makeup-listing .content p.subtitle {
color : #989699;
font-family : Helvetica, "DejaVu Sans", Verdana, sans-serif;
font-size : 1.1em;
}
#makeup-listing .content p.more {
position : absolute;
bottom : 0;
}
#makeup-listing .content p.more a {
color : #fff;
}
#makeup-listing .styles {
height : 100%;
position : absolute;
right : 0;
top : 0;
width : 339px;
}
#topic-navigation-wrapper, #press-topic-pre, #press-topics-pre, #heplesfilles-topic .shadow-pre, #heplesfilles-topics .shadow-pre {
background : url('images/presse-bg-top.png') no-repeat left top;
margin-top : 40px;
padding-top : 21px;
width : 900px;
}
#press-topic-pre, #heplesfilles-topic .shadow-pre, #heplesfilles-topics .shadow-pre {
margin-top : 0;
}
#press-topic-post, #press-topics-post, #heplesfilles-topic .shadow-post, #heplesfilles-topics .shadow-post {
background : url('images/presse-bg-bottom.png') no-repeat left bottom;
padding-bottom : 22px;
}
#press-topic, #press-topics, #heplesfilles-topic .shadow, #heplesfilles-topics .shadow {
background : url('images/presse-bg-central.png') repeat-y left top;
}
#press-topic .chapo, #press-topic .content, #press-topics .content, #heplesfilles-topic .chapo, #heplesfilles-topic .content, #heplesfilles-topics .content {
margin : 0 20px 0 22px;
}
#press-topic .chapo h2, #heplesfilles-topic .chapo h2, #heplesfilles-write h2 {
color : #d2015f;
font-size : 1.9em;
margin : 0 0 40px 10px;
padding-top : 20px;
}
table.topics-header {
background : url('images/presse-topic-header-bg.png') no-repeat left top;
height : 55px;
left : -8px;
position : absolute;
top : -7px;
width : 871px;
z-index : 10;
}
table.topics-header thead td, table.topics-header thead th {
background : transparent;
color : #fff;
font-size : 0.9em;
padding : 6px 0 0;
text-indent : 10px;
}
table.topics-header thead .first {
font-size : 1em;
text-indent : 20px;
}
table.topics-header thead span {
border-left : 1px solid #fff;
display : block;
height : 34px;
padding-top : 10px;
}
table.topics-header thead .first span {
border : none;
}
table.topics-header + table.topic, table.topics-header + table.topics {
margin-top : 35px;
}
table.topic tbody td, table.topic tbody th, table.topics tbody td, table.topics tbody th {
border-left : 1px solid #fff;
padding : 20px 10px;
}
#heplesfilles-topic table .column-author {
width : 15%;
}
#heplesfilles-topic table .column-message {
width : 12%;
}
#heplesfilles-topic table .column-answer {
width : 73%;
}
#heplesfilles-topic table .column-answer a:link, #heplesfilles-topic table .column-answer a:visited {
color : #fff;
display : block;
text-decoration : none;
}
#heplesfilles-topic table .column-answer a:hover {
text-decoration : underline;
}
#heplesfilles-topics table .column-themas {
border : none;
width : 50%;
}
#heplesfilles-topics table .column-messages {
width : 10%;
}
#heplesfilles-topics table thead .column-messages span {
margin-left : 1px;
}
#heplesfilles-topics table .column-author {
width : 15%;
}
#heplesfilles-topics table .column-publication {
width : 25%;
}
#heplesfilles-topics table thead .column-publication span {
margin-left : -1px;
}
#press-topics table tbody td {
padding : 0;
}
#press-topics table tbody td span {
display : block;
margin : 20px 10px;
}
#press-topics table .column-themas {
border : none;
width : 50%;
}
#press-topics table tbody .column-themas {
padding-right : 2px;
}
#press-topics table .column-articles {
width : 10%;
}
#press-topics table thead .column-articles span {
margin-left : 1px;
}
#press-topics table .column-author {
width : 15%;
}
#press-topics table .column-publication {
width : 25%;
}
#press-topics table thead .column-publication span {
margin-left : -1px;
}
#press-topic table h3 {
border : none;
color : #d2015f;
margin : 0;
}
table p.timestamp {
font-size : 0.8em;
font-weight : bold;
}
#press-topic .column-topic {
border : none;
width : 18%;
}
#press-topic table thead .column-topic span {
border-right : 1px solid #fff;
margin-right : -6px;
}
#press-topic tbody .column-topic {
padding : 0;
padding-right : 3px;
vertical-align : top;
}
#press-topic tbody .column-topic span {
display : block;
margin : 20px 10px;
}
#press-topic .column-content {
width : 82%;
}
#topic-navigation-wrapper {
background : transparent;
margin : 0;
padding : 0;
position : relative;
}
#topic-navigation {
position : absolute;
right : 2px;
top : -5px;
z-index : 20;
}
#topic-navigation li {
background : #383433;
float : left;
list-style : none;
padding : 4px 10px;
}
#topic-navigation li.previous, #topic-navigation li.home {
background : #383433 url('images/bg-navigation-links.png') no-repeat right center;
}
#topic-navigation li a {
color : #fff;
display : block;
height : 100%;
}
#topic-navigation li.previous a {
background : url('images/topic-previous.png') no-repeat left center;
padding-left : 20px;
}
#topic-navigation li.next a {
background : url('images/topic-next.png') no-repeat right center;
padding-right : 20px;
}
#trend {
clear : both;
margin-left : 90px;
position : relative;
}
#trend-video {
height : 349px;
width : 465px;
}
#trend-style {
background : url('images/makeup-tendances-list.png') no-repeat left top;
height : 385px;
position : absolute;
top : 40px;
right : 30px;
width : 383px;
z-index : 10;
}
#trend-style #product-navigation {
margin : 0 10px 0 12px;
}
#trend-style .content {
background : #1f1f1f;
color : #8d8d8d;
margin : 20px 10px 22px 12px;
}
#trend-style .content h3, #trend-style .content p {
margin-left : 19px;
}
#trend-style .content h3 {
border : none;
font-size : 1.5em;
margin-bottom : 0.2em;
padding : 0;
}
#trend-style .content p.subtitle {
font-size : 1.1em;
}
#trend-style .styles {
background : transparent;
border-spacing : 1px;
width : 100%;
}
#trend-style .styles td {
background-color : #181818;
}
#trend-summary {
background : url('images/makeup-tendance-contenu.png') no-repeat left top;
clear : left;
float : left;
height : 508px;
width : 509px;
}
#trend-summary .overflow {
overflow : auto;
height : 426px;
margin-right : 40px;
margin-top : 56px;
position : relative;
}
#trend-summary .content {
margin : 0 0 21px 22px;
}
#trend-summary .content p, #trend-summary .content h3, #trend-summary .content ol {
margin-left : 30px;
margin-right : 10px;
}
#trend-summary .content h3 {
border : none;
font-family : Helvetica, "DejaVu Sans", Verdana, sans-serif;
font-size : 1em;
}
#trend-summary .content .media li {
float : left;
width : 33%;
text-align : center;
}
.categorized-list li.item {
clear : both;
list-style : none;
}
.categorized-list li.item p.medallion, .categorized-list li.item {
margin-bottom : 3em;
margin-top : 0;
}
.categorized-list li.item p.medallion img {
margin : 21px 0 0 22px;
}
.categorized-list li.item p.medallion span.more {
margin-left : 22px;
}
.categorized-list .item div.shadow-pre {
background : url('images/evenements-bg-top.png') no-repeat left top;
margin-left : 310px;
padding-top : 23px;
width : 606px;
}
.categorized-list .item div.shadow-post {
background : url('images/evenements-bg-bottom.png') no-repeat left bottom;
padding-bottom : 21px;
}
.categorized-list .item div.shadow {
background : url('images/evenements-bg-central.png') repeat-y left top;
}
.categorized-list .item h2.category {
background : url(../img/contest_form-top.jpg) no-repeat left top;
color : #fff;
font-size : 1.1em;
height : 233px;
margin : -10px 0 0 15px;
padding : 13px 0 0 20px;
position : absolute;
z-index : 10;
width : 563px;
}
.categorized-list .item h2.category span.date {
font-size : 0.8em;
margin-top : 3px;
position : absolute;
right : 40px;
}
.categorized-list .item .content {
margin : 0 21px 0 23px;
padding : 10px 20px 20px;
}
.categorized-list .item .content h3 {
border : none;
color : #d2015f;
font-family : Helvetica, "DejaVu Sans", Verdana, sans-serif;
font-size : 1.7em;
font-weight : normal;
}
.categorized-list .item .content .subtitle {
font-weight : bold;
margin-bottom : 1.6em;
}
.categorized-list .item .content .footnote {
color : #afafaf;
font-size : 0.9em;
}
#heplesfilles-write {
background : url('images/hep-les-filles-editer-message-bg.png') no-repeat left top;
float : left;
height : 608px;
width : 900px;
}
#heplesfilles-write .content {
margin : 21px 25px 24px 24px;
}
#heplesfilles-write #yourmessage {
background : url('images/presse-topic-header-bg.png') no-repeat left top;
color : #fff;
display : block;
font-weight : bold;
height : 55px;
margin-left : -10px;
padding : 13px 0 0 20px;
position : absolute;
width : 871px;
}
#heplesfilles-write #write-message {
border : 1px solid #333;
height : 17em;
margin : 70px 20px 20px 1.5em;
width : 95%;
}
#heplesfilles-write #write-subject {
margin : 70px 20px 20px 1.5em;
border : 1px solid #333333;
width : 95%;
height : 17px;
}
#heplesfilles-write input.submit, #heplesfilles-write input.cancel {
border : none;
color : #fff;
cursor : pointer;
font-size : 0.9em;
margin-left : 10px;
padding : 5px 20px;
}
#heplesfilles-write input.submit {
background : url('images/content-link-more.png') no-repeat left center;
}
#heplesfilles-write input.cancel {
background : url('images/link-cancel.png') no-repeat left center;
}
#offers .medallion span.more {
margin-top : -3px;
}
#offers .medallion span.more a {
background-color : #363231;
background-position : left center;
border : 1px solid #d2015f;
}
.products-news p, #products-news {
margin-left : 63px;
}
#products-news-list {
margin : 0;
position : relative;
width : 778px;
}
#products-news-list li.item {
background : url('images/nouveautes-produits-bg.png') no-repeat left top;
float : left;
height : 227px;
list-style : none;
margin : 0 0 2px 0;
width : 226px;
}
#products-news-list li.item a:link, #products-news-list li.item a:visited {
margin : 3px 0 0 3px;
}
#products-news-list li.item-3 {
margin-left : 226px;
}
#legal {
background : url('images/mentions-legales-bg-central.png') no-repeat left top;
width : 648px;
}
#legal .content {
margin : 0 4px;
padding : 34px 45px 34px 34px;
}
#legal .content li {
list-style : url('images/puce.png');
margin-bottom : 20px;
}
#salespoint, #moodbooster-selection {
background : url('images/points-de-vente-bg-central.png') repeat-y left top;
}
#salespoint-pre, #moodbooster-selection-pre {
background : url('images/points-de-vente-bg-top.png') no-repeat left top;
padding-top : 21px;
}
#salespoint-post, #moodbooster-selection-post {
background : url('images/points-de-vente-bg-bottom.png') no-repeat left bottom;
padding-bottom : 21px;
}
#salespoint-pre, #moodbooster-selection-pre, #salespoint-note {
width : 514px;
}
#salespoint .content, #moodbooster-selection .content {
margin : 0 20px 0 22px;
}
#salespoint-note {
color : #fff;
margin-top : 1em;
width : 472px;
}
#moodbooster-selection table th, #salespoint table th {
border-right : 1px solid #fff;
vertical-align : top;
}
#moodbooster-selection table p {
margin-bottom : 0.2em;
}
#sitemap {
background : url('images/plan-du-site-bg.png') no-repeat left top;
height : 480px;
width : 540px;
}
#sitemap .content {
margin : 21px 20px 22px 22px;
overflow : auto;
height : 460px;
}
#sitemap .tier-column {
float : left;
margin-left : 15px;
margin-top : 30px;
width : 30%;
}
#sitemap ul {
list-style : none;
margin : 0;
}
#sitemap ul li {
margin-bottom : 7px;
}
#sitemap #tier-column-1 li {
margin-bottom : 25px;
}
#sitemap .subgroup li, #sitemap #tier-column-1 .subgroup li {
margin : 0;
}
#sitemap a {
color : #d2015f;
font-weight : bold;
text-decoration : none;
text-transform : uppercase;
}
#sitemap a:hover {
text-decoration : underline;
}
#sitemap .subgroup a {
text-transform : none;
}
#sitemap ul ul a {
color : #000;
font-weight : normal;
}
#corporate {
padding-top : 67px;
position : absolute;
right : 0;
top : 16px;
width : 154px;
z-index : 1000;
}
#corporate-logo {
left : 0;
margin : 0;
position : absolute;
top : 0;
z-index : 100;
}
#corporate-menu {
background : #e6ccd9;
display : none;
font-family : Helvetica, "DejaVu Sans", Arial, sans-serif;
font-size : 0.9em;
margin : 0 0 0 3px;
padding-top : 17px;
}
#corporate-menu li {
list-style : none;
font-weight : bold;
text-transform : uppercase;
}
#corporate-menu li.toplevel {
position : relative;
}
#corporate-menu li.toplevel > a {
display : block;
}
#corporate-menu li a span {
display : block;
margin : 0;
overflow : hidden;
width : 115px;
}
#corporate-menu li.hover a.clone {
background : url('images/corporate-menu-bg-title.png') no-repeat left top;
color : #fff;
padding-bottom : 13px;
position : absolute;
width : 136px;
z-index : 120;
}
#corporate-menu li.hover a.clone span img {
margin-left : -115px;
}
#corporate-menu .subgroup li {
font-weight : normal;
text-transform : none;
}
#corporate-menu a {
color : #000;
display : inline-block;
padding : 3px 0 0 15px;
text-decoration : none;
}
#corporate-menu a:hover, #corporate-menu .hovered a {
color : #fff;
}
#corporate-menu ol.subgroup a, #corporate-menu ol.group a {
color : #fff;
padding : 0 12px 0 0;
}
#corporate-menu .hovered ol {
display : block;
}
#corporate-menu ol {
background : url('images/corporate-menu-bg.png') no-repeat left top;
display : none;
left : -155px;
margin : 0 0 0 1px;
padding : 3px 0;
position : absolute;
text-align : right;
top : 0;
width : 165px;
}
#corporate-menu ol li {
width : 150px;
}
#corporate-menu ol a:hover {
text-decoration : underline;
}
#corporate-menu ol ol {
background : transparent;
display : block;
margin : 0 0 7px 0;
padding : 0;
position : static;
width : auto;
}
#corporate-menu li.fix {
background : url('images/bg-corporate-menu-bg-bottom.png') no-repeat left top;
height : 13px;
position : absolute;
left : 0;
top : 100%;
width : 165px;
}
#corporate p.open-close {
background : url('images/corporate-menu-shadow.png') no-repeat left top;
height : 34px;
margin : 0;
}
#corporate p.open-close a {
background : url('images/corporate-menu-closed.gif') no-repeat 90% center;
display : block;
height : 21px;
margin-left : 3px;
outline : none;
position : relative;
z-index : 1000;
outline : none;
}
#corporate p.open-close a.opened {
background-image : url('images/corporate-menu-opened.gif');
}
#corporate p.open-close a span {
left : -1000em;
position : absolute;
}
body.entrydoor #content-wrapper {
background : #88194e url('images/bg-body-prehome.png') no-repeat center center;
height : 100%;
margin : 0;
padding : 0;
position : absolute;
width : 100%;
}
body.entrydoor #navigation-links {
display : none;
}
body.entrydoor #corporate-pre {
left : 50%;
margin : -30px 0 0 -77px;
position : absolute;
top : 50%;
width : 165px;
}
body.entrydoor #corporate-post {
background : url('images/bg-corporate-menu-bg-bottom.png') no-repeat left bottom;
padding-bottom : 13px;
}
body.entrydoor #corporate {
background : url('images/bg-corporate-entrydoor.png') no-repeat left top;
position : static;
text-align : center;
width : 100%;
}
body.entrydoor #corporate-selector {
font-family : Helvetica, "DejaVu Sans", Verdana, sans-serif;
font-size : 0.8em;
list-style : none;
margin-bottom : 0;
margin-top : 0;
padding : 2.5em 0;
text-transform : uppercase;
}
body.entrydoor #corporate-selector li.toplevel {
margin-left : -15px;
margin-top : 0.75em;
}
body.entrydoor #corporate-selector a, body.entrydoor #corporate-selector a:link, body.entrydoor #corporate-selector a:visited {
color : #000;
text-decoration : none;
padding-left : 15px;
}
body.entrydoor #corporate-selector a:hover {
background : url('images/corporate-selector-bullet.png') no-repeat left center;
color : #d2015f;
}
dl.poll {
position : absolute;
width : 173px;
}
dl.poll dt {
background : url('images/poll-header.gif') no-repeat left top;
font-weight : normal;
height : 21px;
padding : 2px 0 0 5px;
}
dl.poll-inactive dt {
background-position : 0 -23px;
}
dl.poll dd {
background : #fff;
color : #000;
margin : 0;
}
dl.poll dd.questions {
font-size : 0.9em;
padding-top : 1em;
}
dl.poll dd.questions ul, dl.poll dd.questions p {
margin : 0 0.5em 0.5em 0.5em;
}
dl.poll dd.questions li.question {
clear : both;
color : #d30260;
float : none;
width : 100%;
}
dl.poll dd.questions li.question-choice {
float : left;
width : 50%;
}
dl.poll dd.answer {
color : #d30260;
padding : 1.5em;
}
dl.poll-answered dd.answer {
display : block;
}
dl.poll dd.answer ul {
font-size : 1.2em;
list-style : none;
margin : 0;
}
dl.poll p.submit {
clear : both;
margin : 15px 0 0 0;
padding-top : 2em;
text-align : center;
}
body.poll dl.poll {
width : 230px;
}
body.poll dl.poll dd {
background : transparent;
}
body.poll form button.submit {
background-image : url('images/bg-submit-button-trans.png');
}
#navigation-links {
clear : both;
font-size : 0.9em;
padding-top : 1em;
padding-bottom : 1em;
text-align : center;
}
body.alternate #navigation-links {
color : #000;
}
#navigation-links li {
display : inline;
color : #fff;
}
#navigation-links a:link, #navigation-links a:visited {
color : #fff;
padding-right : 0.5em;
text-decoration : none;
}
body.alternate #navigation-links a:link, body.alternate #navigation-links a:visited {
background : url('images/bg-navigation-links-alternate.png') no-repeat right center;
color : #000;
}
#navigation-links a:hover {
text-decoration : underline;
}
.home {
background-image : none;
background-color : #000;
}
.home #navigation-links {
background-color : #222;
margin : 0;
font-size : 0.9em;
padding-bottom : 1em;
padding-top : 1em;
padding-right : 11px;
}
#navigation-links form {
margin : 20px 0 0 0;
padding : 1px 0 1px 0;
display : inline;
}
#navigation-links form input.text {
width : 180px;
font-size : 0.9em;
}
#navigation-links form input.submit {
vertical-align : middle;
margin-bottom : 1px;
}
.home #bj_flashcontent {
background-color : #222;
height : 580px;
width : 100%;
}
.home #animation-content {
margin-top : -260px;
position : absolute;
top : 50%;
width : 100%;
background: url(../img/home_gradient-bg.jpg) repeat-x;

}
#home-content {
background: url(../img/home_main-bg.jpg) no-repeat;
height: 523px;
}
#cta {
	position:absolute;
	left: 494px;
	top: 30px;
}
#cta_h{
	position:absolute;
	left: 535px;
	top: 79px;
}
#cta-nl_h {
	margin-bottom: 15px;
}
.home-illustration {
	position:absolute;
	left: 743px;
	top: 183px;
}
.warning {
color : red;
}
p.apple {
background-color : blue;
text-align : center;
}
p.pRed {
background-color : red;
text-align : center;
}
p.roseBourjois {
color : #d20061;
}
h3.titreRose {
border : medium none;
color : #d2015f;
font-family : Helvetica, "DejaVu Sans", Verdana, sans-serif;
font-size : 1.7em;
font-weight : normal;
}
#zoom-slot {
height : 17px;
margin-bottom : 0;
text-align : center;
width : 100%;
}
.hidden {
display : none;
}
#edit_commande {
background : url('images/plan-du-site-bg.png') no-repeat left top;
height : 480px;
width : 540px;
}
#edit_commande .content {
margin : 21px 20px 22px 22px;
text-align : center;
padding-top : 20px;
}
p#contact-adresse textarea {
height : 3em;
}
body.poll span {
font-size : 0.9em;
}
#product-navigation .all.moodbooster {
float : right;
margin-right : 72px;
}
.logout_button {
background : #383433 none repeat scroll 0 0;
color : #fff;
width : 95px;
margin-left : 22px;
text-align : center;
margin-top : -18px;
}
.logout_button a {
color : #fff;
text-decoration : none;
}
#topic-navigation-wrapper .logout_button {
margin-top : 0;
margin-bottom : -18px;
}
#heplesfilles-topic table .column-answer a.login_button_topic, #heplesfilles-topic table .column-answer a.login_button_topic:link, #heplesfilles-topic table .column-answer a.login_button_topic:visited {
display : inline;
cursor : pointer !important ;
height : 10px;
width : auto;
}
.multi-choice .question .block label {
display : block;
}
body.poll {
width : 250px;
font-size : 12px !important ;
}
#product-navigation li.all.without_back_next, #product-navigation li.all.without_back_next_mood {
position : relative;
height : 15px;
left : 375px;
top : 0;
}
#product-navigation li.all.without_back_next.moodbooster {
position : relative;
height : 15px;
left : -20px;
top : -1px;
}
#product-navigation li.all.without_back_next_mood {
height : 20px;
}

.header-contest {
 margin: -3px 23px 0 23px;
}
.formSubtitle {
color: #d2015f;
font-weight: bold;
font-size: 16px;
text-transform:uppercase;
margin: 24px 0 12px 0;
line-height: 16px;
display:block;
text-align:center;
}
form {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.CTAsubmit {
margin: 23px auto 37px auto;
display:block;
}
.leftlabel {
float: left;
width: 164px;
text-align: right;
padding-right: 5px;
margin: 7px 0;
}
.bigInput {
margin: 3px 0;
height: 30px;
padding: 5px;
width: 185px;
}
.option {
	font-size: 11px;
}
.labelLess {
	margin: 0 0 0 169px;
}
form br {
	clear: left;
}
.centerText {
	text-align: center;
	font-size: 13px;
}
.errorMessage {
	color: #F00;
	font-weight: bold;
}
.format {
	color:#999;
	margin-left: 10px;
	}
.copyright {
	color:#FFF;
	text-align: center;
}
.birthdate {
	width: 57px;
	float:left;
	margin-right: 7px;}
.optioncheck {
	margin-right: 10px;}
	
	
	
	
	
	
.alpha, .categorized-list .item div.shadow, .categorized-list .item div.shadow-post, .categorized-list .item div.shadow-pre { behavior: url(iepngfix.htc); }