@font-face {
    font-family: 'FuturaBT-Light';
    src: url('../fonts/231DED_0_0.eot');
    src: url('../fonts/231DED_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/231DED_0_0.woff') format('woff'), url('../fonts/231DED_0_0.ttf') format('truetype'), url('../fonts/231DED_0_0.svg#FuturaBT-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaBT-Book';
    src: url('../fonts/231DED_1_0.eot');
    src: url('../fonts/231DED_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/231DED_1_0.woff') format('woff'), url('../fonts/231DED_1_0.ttf') format('truetype'), url('../fonts/231DED_1_0.svg#FuturaBT-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaBT-Medium';
    src: url('../fonts/231DED_2_0.eot');
    src: url('../fonts/231DED_2_0.eot?#iefix') format('embedded-opentype'), url('../fonts/231DED_2_0.woff') format('woff'), url('../fonts/231DED_2_0.ttf') format('truetype'), url('../fonts/231DED_2_0.svg#FuturaBT-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaBT-Heavy';
    src: url('../fonts/FuturaBT-Heavy.eot');
    src: url('../fonts/FuturaBT-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaBT-Heavy.woff') format('woff'), url('../fonts/FuturaBT-Heavy.ttf') format('truetype'), url('../fonts/FuturaBT-Heavy.svg#FuturaBT-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaBT-Bold';
    src: url('../fonts/252949_0_0.eot');
    src: url('../fonts/252949_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/252949_0_0.woff') format('woff'), url('../fonts/252949_0_0.ttf') format('truetype'), url('../fonts/252949_0_0.svg#FuturaBT-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "Gill Sans"; src: url("../fonts/e35b2e7467dec8d9ee2163558012da0b.eot");
	src: url("../fonts/e35b2e7467dec8d9ee2163558012da0b.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/e35b2e7467dec8d9ee2163558012da0b.woff2") format("woff2"),
		 url("../fonts/e35b2e7467dec8d9ee2163558012da0b.woff") format("woff"),
		 url("../fonts/e35b2e7467dec8d9ee2163558012da0b.ttf") format("truetype"),
		 url("../fonts/e35b2e7467dec8d9ee2163558012da0b.svg#Gill Sans") format("svg");
}

html {
    overflow-x: hidden;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
    font-family: arial, sans-serif;
    background: none;
    overflow-x: hidden;
    width: 100%;
    padding-bottom: 0;
    position: relative;
    line-height: 1;
}
body.sbs-brand{
	font-family: "gt_americaregular", Helvetica,Roboto, Arial, sans-serif !important;
}

body .row {
    margin-left: 0px;
    margin-right: 0px;
}

#wrapper {
    width: 100%;
}

.hideNavMobile {
    display: none !important;
}

.main {
    padding: 0;
    width: 100%;
}

/*.container {
    width: 960px;
    margin: 0 auto;
}*/

#header {
    width: 100%;
    background: url(/images/f_liquid-line-2.png) center bottom repeat-x;
    position: fixed;
    top: 0;
    z-index: 1200;
    padding: 0 0 74px 0;
    font-family: 'FuturaBT-Medium', Arial;
}

    #header .header-top > div,
    #header .header-bottom > div {
        padding: 0;
    }

    #header .grid-12 {
        background-color: #fff;
    }

a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

    a:link,
    a:visited {
        color: #333;
        text-decoration: none;
        font-weight: normal;
    }

    a:hover {
         color: #2e9ebe; 
        text-decoration: none;
    }

.content a:hover,
.rich-text a:hover {
    color: #2e9ebe;
}

.content li,
.rich-text li {
    margin-left: 0;
    margin-bottom: 0;
}

a.b_monochrome.alpha {
    background-image: url('/images/b_monochrome-alpha.gif');
}

a.b_monochrome.lb.open,
a.b_monochrome.lt {
    background-position: left top;
}

    a.b_monochrome.lt.open,
    a.b_monochrome.lb {
        background-position: left -28px;
    }

a.b_monochrome.rb.open,
a.b_monochrome.rt {
    background-position: right top;
}

    a.b_monochrome.rt.open,
    a.b_monochrome.rb {
        background-position: right -28px;
    }

a.b_monochrome.lr.open,
a.b_monochrome.ll {
    background-position: left -84px;
}

    a.b_monochrome.ll.open,
    a.b_monochrome.lr {
        background-position: left -56px;
    }

a.b_monochrome.rr.open,
a.b_monochrome.rl {
    background-position: right -84px;
}

    a.b_monochrome.rl.open,
    a.b_monochrome.rr {
        background-position: right -56px;
    }

a.b_monochrome.minus.open,
a.b_monochrome.plus {
    background-position: left -112px;
}

    a.b_monochrome.plus.open,
    a.b_monochrome.minus {
        background-position: left -140px;
    }

a.b_monochrome.close {
    background-position: right -168px;
}

a.b_monochrome.rt,
a.b_monochrome.rb,
a.b_monochrome.rl,
a.b_monochrome.rr,
a.b_monochrome.close {
    padding: 0 28px 0 0;
    z-index: 2;
}

a.b_monochrome span {
    color: #fff;
    line-height: 28px;
    height: 28px;
    padding: 0 14px 0 0;
    display: none;
    white-space: nowrap;
}

a.b_monochrome.rt span,
a.b_monochrome.rb span,
a.b_monochrome.rl span,
a.b_monochrome.rr span,
a.b_monochrome.close span {
    padding: 0 0 0 14px;
}

a.b_monochrome.show-text span,
a.b_monochrome:hover span {
    display: inline-block;
    font-family: arial;
    font-size: 1.1em;
}

#wrapper {
    width: 100%;
}

.main {
    padding: 0;
    width: 100%;
}

/*.container {
    width: 960px;
    margin: 0 auto;
}*/

.row.component {
    margin-top: 0;
}

.header-top {
    width: 100%;
    background: url(/images/f_header-ctn_register.png) center top repeat-x;
}

.logo {
    /*  width: 285px;
    height: 41px;*/
    /* margin: 20px auto 25px;*/
    margin: 16px auto 26px;
}

    .logo img {
        /*width: 285px;
        height: 41px;*/
    }


/*navigation starts here*/

.navigation a {
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
    font-weight: normal;
}

.navigation.skinc-navigation-mobile {
    background: none;
    border: 0;
    height: 29px;
}

    .navigation.skinc-navigation-mobile .rel-level1.no-child,
    .navigation.navigation-main > div > ul {
        background: none;
    }

    .navigation.skinc-navigation-mobile .rel-level1 {
        background: transparent;
        border-image: none;
        border-color: transparent;
        padding: 0;
        border-width: 0;
        margin-right: 40px;
        height: 29px;
    }

        .navigation.skinc-navigation-mobile .rel-level1.no-child {
            background: transparent;
        }

.navigation a {
    color: #333;
    font-size: 12px;
    font-family: 'FuturaBT-Book', Arial;
}

.navigation.navigation-main {
}

li.level1.submenu.active ul {
    background: #f6f6f6;
    width: 100%;
    border: 0;
    top: 20px;
    left: 0;
}

.navigation.navigation-main .rel-level1.submenu:hover ul {
    /*display: block !important;*/
    background: #f6f6f6;
    border: 0;
    width: 100%;
    left: 0;
    top: 18px;
    background: url(/images/f_header-categorie.png) 98% 16px no-repeat;
    background-color: #f6f6f6;
}

.navigation.navigation-main li.submenu ul li {
    background: #f6f6f6;
}

.navigation.navigation-main li.submenu:hover {
    /*background: url("/images/f_header-categorie.png") center center no-repeat !important;*/
    background: url("/images/f_header-categorie.png") center bottom no-repeat !important;
}

.navigation.navigation-main .submenu {
    background: none !important;
}

.navigation.skinc-navigation-mobile .rel-level1 > ul {
    margin-left: 0;
}

.full-width {
    width: 100%;
}

#signin .navigation li.submenu:hover .submenu-bg {
    display: none;
}

#signin .navigation li.submenu:hover {
    background: none !important;
}

#signin .breadcrumb {
    display: none;
}

.navigation.navigation-main li.submenu ul li,
.navigation.navigation-main li.submenu ul li.submenu {
    float: none;
    /*width:960px;*/
    margin: 0 auto;
    padding: 0;
    line-height: 1.3em;
    margin-bottom: 5px;
}

.navigation a:focus,
.navigation a:hover {
    color: #333;
}

.navigation .component-content,
.navigation .component-content .submenu ul {
    width: 960px;
    margin: 0 auto;
}

.navigation.skinc-navigation-mobile .rel-level1 > ul {
    list-style-image: none;
}

.submenu-bg {
    width: 100%;
    position: absolute;
    left: 0;
    margin-top: 15px;
    /*top: 25px;*/
    visibility: hidden;
    background: #f6f6f6;
    /* min-height: 200px;*/
    padding: 0 0 35px;
}

li.submenu:hover .submenu-bg {
    visibility: visible;
}

.navigation.navigation-main li.submenu .submenu-bg ul li.level2 {
    float: left;
    width: auto;
    padding-top: 10px;
    letter-spacing: 0;
}

.submenu-container {
    width: 960px;
    margin: 0 auto;
}

.navigation.navigation-main .submenu:hover .submenu-container ul {
    top: 30px !important;
}

.navigation.navigation-main li.level2.submenu > .field-title {
    margin: 0 0 6px 0;
}

    .navigation.navigation-main li.level2.submenu > .field-title a {
        font-size: 11px;
        font-family: 'FuturaBT-Medium', arial;
    }

.navigation.navigation-main li.level3 .field-title a {
    font-size: 11px;
}

.navigation.navigation-main li.level3 .field-title {
    /*margin:0 0 4px 0;*/
    background: #f6f6f6;
}

.navigation.navigation-main li.submenu .submenu-container li.submenu {
    border-left: 1px solid #b7cdd4;
    margin: 20px 0 0 20px;
    padding: 0 0 0 20px;
    min-height: 0;
}

    .navigation.navigation-main li.submenu .submenu-container li.submenu:first-child {
        margin-left: 0;
        padding-left: 0;
        border: none;
    }

.navigation.navigation-main li.submenu .submenu-bg ul li.level2:nth-child(2) {
    width: 350px;
}

.navigation.navigation-main li.submenu .submenu-bg ul li.item1:nth-child(2) ul.double-column {
    width: 500px;
    /*height: 200px;*/
    float: left;
}

.navigation.navigation-main li.submenu .submenu-bg ul li.item1:nth-child(2) .double-column li {
    float: left;
    /*width: 200px;*/
    width: 180px;
    margin: 0;
    display: inline-block;
    margin-bottom: 5px;
}

.navigation.navigation-fat .rel-level2 {
    background: none;
}

.submenu-container .item {
    float: left;
    margin: 20px 0 0 20px;
    padding: 0 0 0 20px;
    border-left: 1px solid #b7cdd4;
}

    .submenu-container .item:first-child {
        margin-left: 0;
        padding: 0;
        border: none;
    }

.submenu-container li a {
    font-size: 11px;
    font-family: 'FuturaBT-Book', Arial;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0;
}


/*navigation ends here*/

.top-bar {
    border-top: 1px solid #000;
    padding-top: 10px;
}


/*breadcrumb starts here*/

.breadcrumb a,
.breadcrumb div {
    color: #ccc;
    font-size: 11px;
    font-weight: normal;
}

.breadcrumb .component-content li a {
    color: #ccc;
    text-transform: capitalize;
}

.breadcrumb .separator {
    color: #ccc;
    margin: 0;
}

.component.breadcrumb {
    width: 100%;
    margin: 0 auto;
    margin-top: -2px;
    padding: 0px;
    background: none;
}

.row [class*="grid"] {
    min-height: 20px;
}

.breadcrumb li {
    color: #ccc;
    font-size: 11px;
}


/*breadcrumb ends here*/

ul.options {
    float: right;
    margin-top: 10px;
}

    ul.options li {
        margin: -4px 0 0 10px;
        padding: 0 0 0 11px;
        background: url(/images/f_header-ctn_register-li.gif) left center no-repeat;
        float: left;
    }

        ul.options li:first-child {
            background: none;
        }

        ul.options li a {
            font-size: 11px;
        }

.nav-mobile ul.options li a {
    color: #ccc !important;
}

#content {
    padding-top: 230px;
    width: 100%;
}

.str_middle {
    float: left;
}

section {
    position: relative;
    overflow: hidden;
}

.readmore a {
    color: #333;
    font-family: 'FuturaBT-Medium';
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

.readmore span {
    margin: 0 0 0 5px;
    color: #77a4b4;
}

.readmore a:hover {
    color: #2e9ebe;
}

.science {
    padding: 197px 0 0 0;
    margin: 0 auto;
	max-width: 1135px;
}

    .science .col-1 img {
        margin-top: 55px !important;
    }

    .science h1 {
        margin: 0;
    }

    .science .content h2 {
        border: 0;
        margin: 25px 0 0px 0;
    }

.sheldon header h2 {
    display: none;
}

.antioxidant {
    max-width: 917px;
    margin: 0 auto;
    padding: 197px 53px 0 0;
}

.community-relations .col-1,
.aoxTimeline.v2 .col-1 {
    float: right;
}

.antioxidant .content {
    width: 100%;
    height: 500px;
    margin: 0 0 20px 0;
}

.antioxidant iframe {
    width: 100%;
    height: 100%;
}

.antioxidant-auth h1,
.SkinCeuticals h1 {
    margin: 0;
}

.science.clinical .col-1 img {
    margin-left: 55px !important;
}

.Ourcharters {
    padding: 197px 0 150px 100px;
}

.science.understanding .col-1 img {
    margin: 0 !important;
}

.OurPromise.science h1 {
    padding-top: 140px;
    line-height: 60px;
    width: 38%;
    margin-bottom: 20px;
}

.SkinCeuticals,
.sheldon {
    color: #070707;
}

    .SkinCeuticals .readmore,
    .sheldon .readmore {
        margin: 10px 0 10px 0;
    }


/*footer starts here*/

#footer {
    background: none;
    margin-top: 10px;
    /*padding: 0 10px 20px; */
    width: 100%;
   /* border-top: 1px solid #dfdfdf;*/
}

.footbg {
    background: url(/images/border_footer-further.gif) center top no-repeat;
    padding: 20px 0 0 0;
}

#footer .rich-text {
    color: #999;
    font-size: 10px;
}

#footer .navigation.navigation-fat > div > ul {
    background: none;
    border: 0;
}

#footer a {
    color: #999;
}

#footer .navigation.navigation-fat .rel-level1 {
    margin-left: 0;
}

#footer.main .container > .str_middle .obj_connect-with-us .obj_social-media {
    float: left;
    margin: 10px 0 0 0;
}

.obj_social-media {
    position: relative;
    z-index: 1;
}

    .obj_social-media li:first-child {
        margin: 0;
    }

    .obj_social-media li {
        float: left;
        margin: 0 0 0 7px;
    }

.str_middle .obj_connect-with-us {
    float: right;
    width: 380px;
    padding: 20px 0 30px 0;
}

.str_middle h4 {
    color: #333;
    font-weight: normal;
}

.metacell.business .main-center {
    /* width: 980px;*/
    margin: 0 auto;
}

#footer.main h4 {
    font-family: 'FuturaBT-Medium', Arial;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}


/*footer navigation*/

.foot-bg {
    background: #333;
}

#footer .submenu-bg {
    visibility: visible;
    background: none;
    position: relative;
}

#footer.main .str_bottom .str_left {
    width: 360px;
}
.skinceuticals #footer.main .str_bottom .str_left {
    width: auto;
    min-width: 360px;
}
.skinceuticals #footer.main .str_bottom .col {
    min-width: 85px;
    max-width: 140px;
    word-break: break-word;
    width: auto;
}
.skinceuticals .footer .dematology {
    margin-bottom: 0;
    padding-bottom: 30px;
}
#footer.main .container > .str_middle.clearfix {
    float: none;
    /*  border-top: 1px solid #dfdfdf;*/
    background: #fff;
}

.str_left {
    float: left;
}

#footer.main .str_bottom h4 {
    color: #cccccc;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #2b2b2b;
    font-weight: normal;
}

#footer.main .str_bottom .col {
    float: left;
    width: 82px;
    padding: 0 10px 0 0;
}

#footer.main .str_bottom h5,
#footer.main .str_bottom h5 a {
    font-size: 11px;
    color: #ccc;
    margin: 0 0 8px 0;
    font-weight: normal;
}

#footer.main .str_bottom .nav {
    width: 1140px;
    margin: 0 auto 20px auto;
    padding: 0 0 20px 0;
    overflow: hidden;
}

    #footer.main .str_bottom .nav ul {
        margin: 0 0 25px 0;
    }

#footer.main .str_bottom li {
    margin: 0 0 8px 0;
}

#footer.main .str_bottom .str_left .col:last-child {
    float: right;
    padding: 0;
}

#footer.main .str_bottom .str_middle {
    width: 160px;
    margin: 0 0 0 40px;
}


/*sub footer starts*/

#footer.main .str_bottom {
    padding: 35px 0 25px 0px;
    background: #333;
}

    #footer.main .str_bottom .ctn_further {
        padding: 20px 0 0 0;
        background: url("/images/border_footer-further.gif") center top no-repeat;
    }

    #footer.main .str_bottom .nav .ctn_further {
        background: none;
    }

    #footer.main .str_bottom .ctn_links {
        width: 1140px;
        margin: 0 auto;
        clear: both;
    }

    #footer.main .str_bottom .ctn_further ul,
    #footer.main .str_bottom .ctn_further li {
        float: left;
    }

    #footer.main .str_bottom .ctn_links li {
        font-size: 10px;
        margin: 0 7px 0 0;
        padding: 0 7px 0 0;
        background: url("/images/f_footer-ctn_country-li.gif") right center no-repeat;
    }

        #footer.main .str_bottom .ctn_links li a {
            font-size: 10px;
        }

    #footer.main .str_bottom a {
        color: #999999;
        text-decoration: none;
        font-size: 11px;
        font-weight: normal;
    }

    #footer.main .str_bottom h4 a {
        color: #ccc;
    }

    #footer.main .str_bottom a:hover {
        color: #fff;
        font-weight: normal;
    }

    #footer.main .str_bottom .ctn_links p {
        font-size: 10px;
    }

    #footer.main .str_bottom p {
        color: #999999;
        float: left;
    }


/* sub footer ends*/


/*footer css ends*/

#header.main .full-width > button {
    display: none;
    top: -5px;
    cursor: pointer;
    text-indent: -1000px;
    left: 0;
    box-shadow: none;
    border: 0;
    position: absolute;
    height: 76px;
    width: 70px;
    background-image: url(/images/mobile_i_menu.png);
    background-position: center center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-color: transparent;
}

section:last-child {
    /*padding-bottom:80px;*/
}


/*About Us page css starts*/

section h1 {
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-family: 'FuturaBT-Light', arial;
    color: #77a3b6;
    font-size: 20px;
    font-weight: normal;
}

section h2,
.ctn_education h2 {
    font-size: 14px;
    font-family: 'FuturaBT-Book', arial;
    text-transform: uppercase;
    color: #333;
    border-bottom: 1px solid #d4d5d5;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
    font-weight: normal;
}

section h3 {
    font-family: 'FuturaBT-Medium', arial;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
}

section header h2 {
    border: none;
}

#content {
    /* padding-top:230px; */
}

p {
    font-size: 12px;
}

.OurPromise h1 {
    font-size: 60px;
    margin: 0;
}

.OurPromise h2 {
    font-size: 13px;
    font-family: 'FuturaBT-Book', arial;
    border-bottom: 1px solid #d4d5d5;
}

.OurPromise .col-2 img {
    margin-top: 5px !important;
}

.OurPromise .ctn_popin-zone {
    display: none;
}

.ourHistory img {
    /* max-width: 20%; */
    /* position: relative; */
}

.ourHistory h2,
.community-relations h2 {
    color: #77a3b6;
    padding: 0;
}

.science-landing .OurPromise {
    height: 670px;
    padding: 0 0 0;
    background-repeat: no-repeat;
    background-position: center top;
    /* background-color: #fff; */
    margin-top: 30px;
    margin-bottom: 50px;
	max-width: 1135px;
}

.ourHistory {
    min-height: inherit;
    padding-top: 63px;
    margin: 0 auto 0 auto;
}

p.focus,
.doctor-profile h2 {
    font-size: 18px;
    font-family: 'FuturaBT-Book', arial;
    text-transform: none;
}

.ourhistory h3 {
    margin: 0 0 10px 0;
}

.ourHistory p.focus {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #d5d5d5;
}

.ourHistory ul {
    color: #666;
    font-size: 12px;
    margin: 0 0 10px 0;
}

.puces li {
    font-size: 12px;
    color: #666;
    list-style: none !important;
    margin: 0 0 5px 0;
    padding: 0 0 0 12px;
    background: url("/images/v_puce.png") left 6px no-repeat;
}

a.b_link {
    font-family: 'FuturaBT-Medium';
    color: #333;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
}

    a.b_link:hover {
        color: #2e9ebe;
    }

    a.b_link span {
        margin: 0 0 0 5px;
        color: #77a4b4;
    }

.OurPromise p.bt_video a {
    position: absolute;
    top: 71px;
    left: 39px;
    display: block;
    width: 456px;
    height: 254px;
    text-indent: -10000px;
    background: url(/images/f_video-promise.jpg) -542px -71px no-repeat #fff;
}

.ourHistory p {
    color: #070707;
    margin: 0 0 10px 0;
}

.ourHistory .col-2 {
    margin-top: 80px;
}

.community-relations h3 {
    margin-top: 30px;
}


/*************Contact us *****/

.page-header h1 {
    color: #77a3b6;
    font-family: 'FuturaBT-Book', arial;
    font-size: 16px;
    text-transform: uppercase;
    /*margin: 0 0 10px 0;*/
}

.page-header {
    max-width: 960px;
    padding: 197px 0 0 0;
    /* margin: 0 auto 80px auto; */
}

.thankyou-message {
    color: #070707;
    margin: 0 0 10px 0;
    font-size: 12px;
}

.contact-us-container .str_left {
    width: 50%;
    margin: 0 12.5% 0 0;
}

    .contact-us-container .str_left > p {
        font-size: 18px;
        font-family: 'FuturaBT-Book', arial;
        color: #666;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #e8e6e6;
    }

.contact-us-container .aside p b {
    color: #333;
}

.contact-us-container .aside p {
    color: #666;
    margin: 0 0 10px 0;
    font-size: 12px;
}

.contact-us-container .aside {
    float: left;
    width: 27.083333%;
}

.contact-us-container h3 {
    font-size: 16px;
    font-family: 'FuturaBT-Medium', arial;
    color: #333333;
    margin: 0 0 10px 0;
}

.hide-field,
.hide-label label,
.contact legend,
.validation-summary-errors {
    display: none;
}

.contact input,
.contact textarea {
    width: 50%;
    margin-bottom: 15px;
}

.contact .field-validation-error {
    color: #ad5151;
}

.contact input[type="submit"] {
    float: left;
    width: 10%;
    margin-left: 42%;
    font-size: 12px;
    font-family: 'FuturaBT-Medium', Arial;
}

.contact textarea {
    min-height: 110px;
    max-height: 300px;
}


/*************Contact us *****/


/**FAQ*/

.skinceuticals .obj_faq {
    padding: 197px 0 0 0;
    margin: 0 auto;
	    padding-left: 15px;
}

    .obj_faq article header h3 a {
        padding: 0 25px 0 0;
        background: url(/images/b_faq-close.gif) right center no-repeat;
        font-weight: normal;
        text-transform: none;
    }

    .obj_faq article header h3 {
        color: #333333;
        font-size: 14px;
        background: url(/images/b_faq-open.gif) -10000px -10000px no-repeat;
    }

        .obj_faq article header h3 a.open {
            background-image: url(/images/b_faq-open.gif);
        }

    .obj_faq article .content {
        overflow: hidden;
        height: 0;
    }

        .obj_faq article .content p {
            /* margin: 20px 0 10px 0;*/
        }

    .obj_faq article {
        padding: 12px 0;
        border-bottom: 1px solid #e8e6e6;
    }

    .obj_faq a.b_link {
        font-weight: bold;
    }


/*Our page css ends*/

.nav-mobile {
    display: none;
}


/* Terms and privacy policy*/

.generique h1 {
    text-transform: uppercase;
    font-family: 'FuturaBT-Light', arial;
    color: #77a3b6;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
}

#content > div > div > div:nth-child(1) > div > div > div.col-sm-7 > h3 {
    color: #333;
    font-size: 24px;
    margin-top:0;
    margin-bottom:28px;
    font-weight: 600;
    }

article h2,
h2 {
    font-size: 22px;
    color: #4fb0da;    
    margin: 0;
    font-weight: 300;
}

article h3,
.generique h3 {
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
}

article h4 {
    font-family: 'FuturaBT-Medium', arial;
    color: #333;
    font-size: 14px;
    margin: 20px 0 0 0;
}

.generique.firstArticle.lastArticle h2 {
    color: #77a3b6;
}

article.generique.firstArticle.lastArticle {
    padding-top: 150px;
}

article p,
.generique p {
    margin: 0 0 10px 0;
}

.generique a:hover {
    color: #2e9ebe;
    text-decoration: none;
}


/* Login and Register starts here*/

.obj_form.register.log-in,
.obj_form.register.reset-pwd {
    max-width: 520px;
    margin: 0 auto;
    padding: 16px 0 100px;
}

    .obj_form.register.log-in h3 {        
        font-size: 22px;        
        margin: 0 0 20px;
        padding: 0;
        font-weight: bold !important;
    }

  
    .obj_form.register h3 {        
        font-size: 16px;        
        margin: 0 0 40px;
        padding: 0;
        
    } 
	
    .obj_form.register.log-in .str_left {
        width: 250px;
    }

.obj_form.register .str_right {
    width: 230px;
}

.str_right {
    float: right;
}

.str_left {
    float: left;
}

.obj_form.register p {
    margin: 0 0 10px;
    font-size: 12px;
}

.obj_form.register .str_left input {
    width: 230px;
}

#FrontOfficeActiveandApprovedUserYes,#FrontOfficeActiveandApprovedUserNo,#FrontOfficeDispensingAccount,#FrontOfficeEducationalAccess,#FrontOfficemedicalpractitionerYes,#FrontOfficemedicalpractitionerNo{
    width: 13px;
}

.hide{
    display:none;
}

.show{
    display:block;
}
#medicallicensesection p {
width:678px;}

.ctn_bt a.b_green {
    font-size: 12px;
}


/* -------------------------------------
 *   obj_int-skincare
 * ------------------------------------- */

.obj_int-skincare {
    margin: 0 0 80px 0;
}

    .obj_int-skincare .icone {
        display: block;
        padding: 15px 20px 0 20px;
        width: 78px;
        height: 103px;
        font-size: 8px;
        font-family: 'FuturaBT-Medium', arial;
        text-align: center;
        text-transform: uppercase;
        color: #0090b9;
        /*background:url('../../include/images/v_integrated-skincare.png') left top no-repeat;*/
    }

    .obj_int-skincare .bck-clinical {
        background-position: -155px top;
    }

    .obj_int-skincare .bck-pro {
        background-position: -155px -155px;
    }

    .obj_int-skincare .bck-homecare {
        background-position: -155px -310px;
    }


    /* equation */

    .obj_int-skincare.equation > * {
        font: 34px 'FuturaBT-Light', arial !important;
        color: #333;
        height: 155px;
        margin: 0;
        line-height: 155px;
    }

    .obj_int-skincare.equation .icone {
        display: inline-block;
        position: relative;
        margin: 0 15px;
        padding: 15px 22px 0;
    width: 155px;
    height: 155px;
        line-height: 1.2em;
        vertical-align: middle;
        font-size: 10px;
        font-family: 'FuturaBT-Bold', arial;
    }

        .obj_int-skincare.equation .icone:first-child {
            margin-left: 0;
        }

    .obj_int-skincare.equation .bck-clinical {
        background-position: left top;
    }

    .obj_int-skincare.equation .bck-pro {
        background-position: left -155px;
    }

    .obj_int-skincare.equation .bck-homecare {
        background-position: left -310px;
    }

    .obj_int-skincare.equation > * .result {
        display: inline-block;
        position: relative;
        top: 5px;
        font-size: 26px;
        line-height: 18px;
        margin: 0 0 0 20px;
        text-transform: uppercase;
    }

        .obj_int-skincare.equation > * .result strong {
            color: #77a4b4;
            line-height: 18px;
            font-size: 14px;
            font-weight: normal;
            font-family: 'FuturaBT-Medium', arial;
        }

    .obj_int-skincare.equation .result strong {
        color: #008ab0;
        letter-spacing: 3px;
    }


    /* circle */

    .obj_int-skincare.circle {
        position: relative;
        height: 430px;
        margin: 0 0 50px 0;
        background: url('../../include/images/f_circle-skincare.png') 288px 78px no-repeat;
    }

        .obj_int-skincare.circle dt {
            position: absolute;
        }

        .obj_int-skincare.circle dd {
            position: absolute;
            font-family: 'FuturaBT-Medium', arial;
            color: #333;
            font-size: 14px;
            width: 170px;
        }

        .obj_int-skincare.circle dt.pos1 {
            left: 396px;
            top: 6px;
        }

            .obj_int-skincare.circle dt.pos1 + dd {
                left: 536px;
            }

        .obj_int-skincare.circle dt.pos2 {
            left: 547px;
            top: 122px;
        }

            .obj_int-skincare.circle dt.pos2 + dd {
                left: 693px;
                top: 158px;
            }

        .obj_int-skincare.circle dt.pos3 {
            left: 490px;
            top: 294px;
        }

            .obj_int-skincare.circle dt.pos3 + dd {
                left: 633px;
                top: 353px;
            }

        .obj_int-skincare.circle dt.pos4 {
            left: 303px;
            top: 294px;
        }

            .obj_int-skincare.circle dt.pos4 + dd {
                left: 88px;
                top: 345px;
                width: 200px;
                text-align: right;
            }

        .obj_int-skincare.circle dt.pos5 {
            left: 246px;
            top: 122px;
        }

            .obj_int-skincare.circle dt.pos5 + dd {
                left: 52px;
                top: 158px;
                width: 185px;
                text-align: right;
            }

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    color: #666;
    font-size: 12px;
    background: #f1f1f1;
    border-radius: 0;
    box-sizing: content-box;
}

	.obj_checkbox {
		cursor: pointer;
		display: inline-block;
		padding: 0 0 0 15px;
		position: relative;
		background: url(/images/b_checkbox.png) left top no-repeat;
	}

    .obj_checkbox.checkbox-2 {
        padding: 0px 0 0 16px;
        background: url(/images/b_checkbox-2.png) left 3px no-repeat;
        vertical-align: text-top;
    }

    .obj_checkbox input[type=checkbox] {
        position: absolute;
        left: -10000px;
    }
	.obj_label {
		cursor: pointer;
		display: inline-block;
		padding: 0 0 0 15px;
		position: relative;		
	}

p.error,
.obj_form p.error,
p.error label,
.container .main .obj_form p.ctn_radio.error span,
.container .main .obj_form p.error label,
.container .main .obj_form li.error label,
.container .main .obj_form .ctn_select.error label,
.container .main .obj_form .ctn_checkbox-list.error label {
    color: #ad5151;
}

.obj_form.register .str_left .ctn_bt {
    text-align: right;
}

.obj_form.register .ctn_bt p {
    text-align: left;
}

.obj_form.register #registerForm .ctn_bt {
    /*float: right;*/
    /*width: 320px;*/
    text-align: left;
    margin:auto;
}

#registerForm .alignright {
    margin-left: 0;
}
#registerForm .frontAddress2 {
    color:#333;
}

a.b_gradient,
input.b_gradient {
    display: inline-block;
    text-align: center;
    border: 1px solid #d9d9d9;
    padding: 6px 24px 5px 24px;
    font-size: 12px;
    font-weight: normal;
    font-family: 'FuturaBT-Medium', Arial;
    background: url(/images/b_gradient-h.gif) left center repeat-x;
}

    a.b_border-gradient span.text,
    a.b_gradient span.text {
        font-family: 'FuturaBT-Book', arial;
        font-weight: bold;
        color: #2e9ebe;
        margin: 0 7px 0 0;
    }

span.text.log-in-btn {
    font-family: 'FuturaBT-Book', arial;
    font-weight: bold;
    color: #2e9ebe;
    position: relative;
    left: -33px;
    top: 1px;
}

.obj_checkbox:hover {
    background-position: left -100px;
}

.obj_checkbox.checkbox-2 {
    padding: 0 0 0 16px;
    background: url(/images/b_checkbox-2.png) left top no-repeat;
}

.obj_checkbox {
    cursor: pointer;
    display: inline-block;
    padding: 0 0 0 15px;
    position: relative;
    background: url(/images/b_checkbox.png) left top no-repeat;
}

    .obj_checkbox.checked:hover {
        background-position: left -300px;
    }

    .obj_checkbox.checked {
        background-position: left -200px;
    }

.obj_radio.checked {
    background-position: left -200px;
}

.obj_form.register .str_left input.b_gradient {
    width: 100px;
    border-radius: 1px;
}

a.b_green {
    color: #2e9ebe;
    text-decoration: none;    
}

    a.b_green:hover {
        color: #77a3b6;
    }

.obj_form.forgotpassword {
    width: auto;
    padding-top: 50px !important;
    margin: 0 0 150px 0;
}

.obj_form.register.forgotpassword .ctn_bt {
    text-align: right;
    width: 358px;
    margin: 10px 0 20px 0 !important;
}

.obj_form.forgotpassword form h2 + p {
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
}

.obj_form.register label,
.obj_form.register .ctn_radio span {
    display: inline-block;
    width: 224px;
    margin: 0 10px 0 0;
    font-size: 12px;
    color: #333;
}

input[type="submit"]:hover,
button:hover,
input[type="button"]:hover {
    background: url(/images/b_gradient-h.gif) left center repeat-x;
    border: 1px solid #d9d9d9;
}

.obj_form.forgotpassword > p {
    width: 360px;
    text-align: right;
}

.obj_form.register.forgotpassword input[type=email] {
    width: 185px;
}

input[type="submit"],
button,
input[type="button"] {
    border-radius: 1px;
}

.obj_form.register {
    max-width: 960px;
    padding-top: 124px;
    margin: 0 auto 150px auto;
}

    .obj_form.register h3 {
        font-size: 12px;
        font-family: 'FuturaBt-Medium', arial;
        margin: 0 0 20px 0;
        color: #000;
        text-transform: none;
    }

    .obj_form.register .str_left {
        width: 100%;
    }

        .obj_form.register .str_left > p:first-child {
            color: #666;
            font-style: italic;
            padding: 0 0 5px 0;
            margin: 0 0 20px 0;
            border-bottom: 1px solid #d4d5d5;
        }

        .obj_form.register .str_left > p.error,
        .obj_form.register fieldset p {
            margin: 0 0 10px 0;
        }

    .obj_form.register .ctn_select {
        margin: 0 0 12px 0;
        position: relative;
    }

    .obj_form.register .ctn_radio label {
        width: 43px;
    }

.obj_radio {
    cursor: pointer;
    display: inline-block;
    padding: 0 0 0 15px;
    position: relative;
    background: url(/images/b_radio.png) left top no-repeat;
}

    .obj_radio input[type=radio] {
        position: absolute;
        left: -10000px;
    }

.obj_form.register #registerForm input[type=text],
.obj_form.register #registerForm input[type=password],
.obj_form.register #registerForm input[type=email],
.obj_form.register #myAccountRegisterForm input[type=text],
.obj_form.register #myAccountRegisterForm input[type=password],
.obj_form.register #myAccountRegisterForm input[type=email] {
    width: 185px;
    display: inline-block;
}

.obj_select > div p a {
    display: block;
    overflow: hidden;
    color: #666;
    height: 28px;
    line-height: 28px;
    padding: 0 28px 0 10px;
    font-family: 'FuturaBT-Medium';
    background: url(/images/b_fleche.gif) right top no-repeat;
    font-weight: normal;
    font-size: 12px;
}

.obj_select p a:hover {
    color: #999;
    background-position: right -28px;
}

.obj_select > div {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 28px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #ccc;
    background: url(/images/b_filter.gif) left top repeat-x #f5f5f5;
}

.obj_select p a.open {
    background-position: right -56px;
}

    .obj_select p a.open:hover {
        background-position: right -84px;
    }

.obj_form.register .ctn_select label {
    float: left;
    margin: 6px 10px 0 0;
}

.obj_form.register .ctn_select label {
    float: left;
    margin: 6px 10px 0 0;
}

.obj_form.register.forgotpassword label.error {
    width: 224px;
    margin-left: 0;
}


/* Jquery scroll starts*/

.jspVerticalBar {
    background: #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    width: 5px;
    right: 2px;
    position: absolute;
    top: 0;
    height: 100%;
}

.jspCap {
    display: none;
}

.jspTrack {
    background: transparent;
    position: relative;
}

.jspVerticalBar *,
.jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspDrag {
    background: #666;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.obj_select .jQueryScroll {
    display: none;
    height: 150px;
    margin: 5px 5px 0 0;
}

.jspContainer {
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}

    .jspContainer::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    .jspContainer::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5;
    }

    .jspContainer::-webkit-scrollbar-thumb {
        background-color: #000000;
    }

.jspPane {
    position: absolute;
}

.obj_select div .jQueryScroll ul {
    float: none;
    padding: 5px 5px 5px 10px;
}

    .obj_select div .jQueryScroll ul li {
        float: none;
        color: #666;
        margin: 0 0 5px 0;
        font-size: 12px;
    }

        .obj_select div .jQueryScroll ul li a {
            font-weight: normal;
            text-transform: capitalize;
        }


/* Jquery scroll ends*/

.obj_form.register .obj_select {
    width: 205px;
    float: left;
}

.obj_select {
    position: relative;
    z-index: 2;
    height: 30px;
    width: 55px;
}

.obj_form.register .ctn_checkbox label {
    width: 342px;
}

.obj_form.register .ctn_bt {
    text-align: right;
    width: 350px;
    margin: 0 0 20px 0;
}

.obj_form.register.log-in .ctn_bt {
    width: 245px;
    margin-top: 28px;
}

.serviceErrorMessage,
._passwordSuccessMesage,
._registerSuccessMesage {
    display: none;
}

p.serviceErrorMessage {
    color: #ad5151 !important;
}

.obj_form.register .str_left .ctn_bt input {
    width: 100px;
}

.obj_form.register .error label,
.obj_form.register p.error.ctn_radio span {
    color: #ad5151;
}

FrontOfficeUserPassword-error {
    width: auto !important;
}

.FrontOfficeUserMail-error {
    width: auto;
    margin: 0 10px;
}

.log-in label#FrontOfficeUserMail-error {
    margin-left: 0;
}

#registerForm a {
    font-size: 12px;
}

/*.obj_form.register .ctn_checkbox.error label {
    width: auto;
}*/

.register.log-in .error label {
    width: auto;
}

.obj_form.register .ctn_radio label.error {
    margin-left: -3px;
}

.obj_form.register .ctn_select label.error {
    position: absolute;
    right: 86px;
}

#signin .obj_popin .obj_form.register.log-in {
    padding: 80px 15px 10px;
}

#signin .obj_popin .obj_form.register .str_left input.b_gradient {
    width: 100px;
}

.generique {
    padding: 50px 200px 100px 0;
    margin: 0 auto 0 auto;
    max-width: 760px;
}

._passwordSuccessMesage .ctn_bt {
    float: right;
}

.myskinceuticals .obj_form.register > h2,
.myskinceuticals .obj_form.register > h3 {
    display: none;
}

.myskinceuticals .str_left {
    width: 38%;
}

.myskinceuticals .account .obj_form.register {
    width: 39%;
    right: 175px;
    top: 35px;
}

.myskinceuticals .validation {
    margin-left: 140px;
    clear: both;
    float: right;
    margin: 30px 167px 0 0;
}

    .myskinceuticals .validation li {
        margin: 0 0 10px 0;
    }

        .myskinceuticals .validation li a {
            color: #666;
        }

        .myskinceuticals .validation li:last-child {
            margin: 0;
            text-align: center;
        }

.myskinceuticals .obj_form.register .str_left input {
    width: auto;
}

.myskinceuticals .content a {
    text-decoration: none;
}

.myskinceuticals .content p {
    padding: 0px;
}

.obj_form.register .ctn_select {
    margin: 0 0 20px 0;
}

.myskinceuticals .obj_select > div p a {
    line-height: 27px;
    text-decoration: none;
}


/* Login and Register ends here*/


/*My Account Page Starts*/

.myskinceuticals {
    position: relative;
    padding-top: 70px;
}

    .myskinceuticals .nav-onglet {
        position: relative;
        z-index: 2;
        width: 960px;
        margin: 0 auto;
    }

        .myskinceuticals .nav-onglet li:first-child {
            margin-left: 0;
            z-index: 5;
        }

        .myskinceuticals .nav-onglet li {
            float: left;
            position: relative;
            /*width: 206px;*/
			width:160px;
            /*margin-left: -18px;*/
			margin-left: 0px;
        }

    .myskinceuticals .account-reports li {
        width: 157px;
        margin-left: 0px !important;
    }

    .myskinceuticals .nav-onglet li + li {
        z-index: 4;
    }

        .myskinceuticals .nav-onglet li + li + li {
            z-index: 3;
        }

            .myskinceuticals .nav-onglet li + li + li + li {
                z-index: 2;
            }

    .myskinceuticals .account-reports li a {
        width: 128px !important;
    }

    .myskinceuticals .nav-onglet li a {
        display: inline-block;
        /*width: 200px;*/
		width: 160px;
        text-align: center;
        font-weight: normal;
        font-size: 11px;
        font-family: 'FuturaBT-Medium', arial;
        text-transform: uppercase;
        color: #666;
        padding: 17px 15px 15px 15px;
        background: url(/images/f_nav-onglet.png) left top no-repeat;
		border-right: 2px #dedede solid;
    }

    .myskinceuticals .accounts > header h2 {
        width: 128px !important;
    }

    .myskinceuticals .onglet > header h2 {
        position: absolute;
        bottom: 0;
        /*width: 200px;*/
		width: 160px;
        text-align: center;
        font-size: 11px;
        font-family: 'FuturaBT-Medium', arial;
        text-transform: uppercase;
        color: #fff;
        padding: 17px 15px 15px 15px;
        background: url(/images/f_nav-onglet.png) left -140px no-repeat;
    }
	
	.orderform .myskinceuticals .onglet > header h2{
		color:#fff !important;
	}

    .myskinceuticals .onglet {
        display: none;
        position: relative;
        z-index: 3;
        padding-top: 30px;
        margin: 0 auto;
        max-width: 960px;
    }

    .myskinceuticals .obj_shadow-box {
        margin-top: -18px;
    }

.obj_shadow-box {
    padding: 30px 0 0 0;
    margin: 0 0 50px 0;
    background: url(/images/f_shadow-box-top-1027.png) center top no-repeat;
}

    .obj_shadow-box .sb-bottom {
        display: block;
        padding: 0 0 62px 0;
        background: url(/images/f_shadow-box-bottom-1027.gif) center bottom no-repeat;
    }

.myskinceuticals article.current {
    display: block;
}

.myskinceuticals .onglet > header {
    position: absolute;
    top: -12px;
    width: 206px;
}

.myskinceuticals .str_left {
    width: 37.5%;
}

.myskinceuticals .overview .str_left > h3 {
    margin: 0 0 20px 0;
}

.myskinceuticals .article-resume {
    position: relative;
    padding: 25px 0 30px 0;
    border-top: 1px solid #dedede;
}

.myskinceuticals .str_right .article-resume:first-child {
    padding: 0 0 30px 0;
    border-top: none;
}

.myskinceuticals h3 {
    margin: 0 0 10px 0;
}

.obj_table-info {
    margin: 0 0 10px 0;
}

.obj_table-info {
    font-size: 14px;
    color: #666666;
}

    .obj_table-info tr > * {
        padding: 2px 5px 2px 0;
        vertical-align: bottom;
    }

table tr {
    vertical-align: top;
}

.myskinceuticals .overview .ae_info {
    margin-top: 25px;
}

.myskinceuticals h3 {
    margin: 0 0 10px 0;
}

.myskinceuticals .article-resume .edit {
    position: absolute;
    top: 10px;
    right: 0;
}

    .myskinceuticals .article-resume .edit a {
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
    }
    .myskinceuticals .article-resume .edit a:hover {
        cursor: pointer;
    }
.myskinceuticals .overview a {
    color: #008bb0;
}

.myskinceuticals .str_right {
    width: 58.333333%;
}

/*.orderform .myskinceuticals .nav-onglet li {
    width: 175px;
}*/

.orderform .myskinceuticals .nav-onglet li a {
    width: 160px;
    border-right: 2px #dedede solid;
}

.orderform .myskinceuticals .onglet > header h2 {
       width: 160px;
       height: 50px;
  }

.content table,
.content table tr,
.content table th,
.content table td,
.rich-text table,
.rich-text table tr,
.rich-text table th,
.rich-text table td {    
    font-weight: normal;
}

.content table th,
.rich-text table th {
        background: none;
        padding: 0;
		text-align:center;
}
.privacy table, .privacy table tr, .privacy table th, .privacy table td {
    border: solid 2px #ccc !important;
    background: #fff;
    border-collapse: collapse;
    vertical-align: middle;
}
.privacy ul li{
    list-style:disc !important
}

.myskinceuticals .account .obj_form.register {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 358px;
    padding-top: 0;
}

a.b_border-gradient,
input.b_border-gradient {
    display: inline-block;
    border: 1px solid #cbd4d8;
    color: #000;
    font-size: 12px;
    font-family: 'FuturaBT-Medium', Arial;
    text-align: center;
    background: url(/images/b_border-gradient.gif) left top repeat-x #fff;
    background: -moz-linear-gradient(top, rgba(246, 248, 249, 1) 0%, rgba(230, 238, 242, 1) 50%, rgba(219, 227, 231, 1) 50%, rgba(241, 245, 246, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(246, 248, 249, 1)), color-stop(50%, rgba(230, 238, 242, 1)), color-stop(50%, rgba(219, 227, 231, 1)), color-stop(100%, rgba(241, 245, 246, 1)));
    background: -webkit-linear-gradient(top, rgba(246, 248, 249, 1) 0%, rgba(230, 238, 242, 1) 50%, rgba(219, 227, 231, 1) 50%, rgba(241, 245, 246, 1) 100%);
    background: -o-linear-gradient(top, rgba(246, 248, 249, 1) 0%, rgba(230, 238, 242, 1) 50%, rgba(219, 227, 231, 1) 50%, rgba(241, 245, 246, 1) 100%);
    background: -ms-linear-gradient(top, rgba(246, 248, 249, 1) 0%, rgba(230, 238, 242, 1) 50%, rgba(219, 227, 231, 1) 50%, rgba(241, 245, 246, 1) 100%);
    background: linear-gradient(to bottom, rgba(246, 248, 249, 1) 0%, rgba(230, 238, 242, 1) 50%, rgba(219, 227, 231, 1) 50%, rgba(241, 245, 246, 1) 100%);
}

    a.b_border-gradient:hover,
    input.b_border-gradient:hover {
        background-position: left -34px;
        background: -moz-linear-gradient(top, rgba(241, 246, 247, 1) 0%, rgba(241, 246, 247, 1) 50%, rgba(219, 233, 239, 1) 50%, rgba(247, 249, 249, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 246, 247, 1)), color-stop(50%, rgba(241, 246, 247, 1)), color-stop(50%, rgba(219, 233, 239, 1)), color-stop(100%, rgba(247, 249, 249, 1)));
        background: -webkit-linear-gradient(top, rgba(241, 246, 247, 1) 0%, rgba(241, 246, 247, 1) 50%, rgba(219, 233, 239, 1) 50%, rgba(247, 249, 249, 1) 100%);
        background: -o-linear-gradient(top, rgba(241, 246, 247, 1) 0%, rgba(241, 246, 247, 1) 50%, rgba(219, 233, 239, 1) 50%, rgba(247, 249, 249, 1) 100%);
        background: -ms-linear-gradient(top, rgba(241, 246, 247, 1) 0%, rgba(241, 246, 247, 1) 50%, rgba(219, 233, 239, 1) 50%, rgba(247, 249, 249, 1) 100%);
        background: linear-gradient(to bottom, rgba(241, 246, 247, 1) 0%, rgba(241, 246, 247, 1) 50%, rgba(219, 233, 239, 1) 50%, rgba(247, 249, 249, 1) 100%);
    }

    a.b_border-gradient > span,
    input.b_border-gradient > span {
        display: inline-block;
        line-height: 1em;
        padding: 11px 15px;
        border: 1px solid #fff;
    }

.myskinceuticals .account .obj_form.register {
    width: 54.4118%;
    right: -10px;
    top: 30px;
}

.myskinceuticals .account .str_left {
    min-height: 745px;
}

.myskinceuticals .account .obj_form.register .str_left {
    width: 100%;
    float: none;
}

.myskinceuticals .overview .obj_product.last {
    margin-right: 0;
}

.myskinceuticals .overview .obj_product {
    width: 28.571428%;
    margin-right: 7.142857%;
    float: left;
}

.myskinceuticals .overview h4 {
    margin: 0 0 20px 0;
}

.myskinceuticals .myEducation {
    padding-bottom: 30px;
}

    .myskinceuticals .myEducation .content > h3 {
        margin-bottom: 20px;
        font-size: 27px;
        font-family: 'FuturaBT-Book', arial;
    }

    .myskinceuticals .myEducation .obj_sort {
        margin-bottom: 15px;
    }

.obj_table-reports .percent.valid:after {
    display: inline-block;
}

.obj_table-reports .percent:after {
    content: "";
    display: none;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    background: url(/images/i_ticks.png) left top;
}

.obj_table-reports .ctn_options .b_ribon {
    display: inline-block;
    width: 20px;
    height: 27px;
    text-indent: -10000px;
    background: url(/images/b_ribon.png) left top no-repeat;
}


/* ----------------------------------------
 * obj_table-reports
 * ------------------------------------- */

.obj_table-reports {
    width: 100%;
    font: 12px 'FuturaBT-Medium', arial;
    border-collapse: collapse;
}

.shoppingCartTable thead {
    display: block;
    width: 100%;
    overflow: auto;
}

.shoppingCartTable tbody {
    display: block;
    height: 200px;
    overflow: auto;
}

.obj_table-reports tr > * {
    padding: 20px 20px 10px !important;
    border-bottom: 1px solid #e8e8e8;
}

.obj_table-reports th {
    text-transform: uppercase;
}

.obj_table-reports td {
    position: relative;
    font-size: 1.666666em;
    /* 20px */
    color: #77a3b6;
}

    .obj_table-reports td:before {
        display: none;
        position: absolute;
        left: 0;
        top: 5px;
        content: attr(data-title);
        width: 38%;
        height: 100%;
        vertical-align: middle;
        color: #000;
        text-transform: capitalize;
    }

.obj_table-reports p {
    font-size: 1em;
    color: #77a3b6;
}

.obj_table-reports .back td {
    background: #fbfbfb;
}


/* date */

.container .main .obj_table-reports .obj_select {
    width: 220px;
}

    .container .main .obj_table-reports .obj_select > div p a {
        line-height: 28px;
    }


/* percent */

.obj_table-reports .percent {
    display: block;
    width: 70px;
}

    .obj_table-reports .percent:after {
        content: "";
        display: none;
        width: 15px;
        height: 15px;
        margin-left: 10px;
        background: url('/images/i_ticks.png') left top;
    }

    .obj_table-reports .percent.valid:after {
        display: inline-block;
    }

    .obj_table-reports .percent.invalid:after {
        display: inline-block;
        background-position: left bottom;
    }


/* ctn_options */

.obj_table-reports .ctn_options {
    position: relative;
    height: 27px;
    width: 108px;
}

    .obj_table-reports .ctn_options li > * {
        position: absolute;
        left: 0;
        top: 0;
    }

    .obj_table-reports .ctn_options .b_redo {
        left: 39px;
        top: 4px;
    }

    .obj_table-reports .ctn_options .b_liked {
        top: 4px;
        left: 83px;
    }

.obj_sort {
    padding: 5px 25px 5px 35px;
    border-width: 1px 0 1px;
    border-style: solid;
    border-color: #e0e0e0;
}

    .obj_sort h3 {
        float: left;
        line-height: 27px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }

.obj_table-reports .obj_select {
    width: 194px;
}

.obj_select.select-4 > div {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none;
}

.obj_table-reports td,
.obj_table-reports p {
    font-size: 17px;
}

.obj_select.select-4 .jQueryScroll {
    border: 1px solid #e8e8e8;
    background: #fff;
}

.obj_table-reports p {
    font-size: 1em;
    color: #77a3b6;
}

.obj_table-reports .obj_select > div p a {
    line-height: 28px;
}

.obj_select.select-4 > div p a {
    display: inline-block;
    font: inherit;
    text-transform: inherit;
    color: inherit;
    padding: 0 30px 0 0;
    background-image: url(/images/b_fleche-3.png);
}

.obj_table-reports .percent:after {
    content: "";
    display: none;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    background: url(/images/i_ticks.png) left top;
}

.b_redo {
    display: inline-block;
    width: 24px;
    height: 19px;
    text-indent: -10000px;
    background: url(/images/b_redo.png) left top no-repeat;
}


/*My Account Page Ends*/


/*skin types and condition*/

.obj_shadow-box.skinTandC {
    position: relative;
    z-index: 1;
}

    .obj_shadow-box.skinTandC header {
        margin: 0 0 30px 0;
    }

    .obj_shadow-box.skinTandC h1 {
        font-family: 'FuturaBT-Book', arial;
        font-size: 20px;
        color: #77a3b6;
        text-transform: uppercase;
        margin: 0 0 10px 0;
    }


    /* skinT&C left */

    .obj_shadow-box.skinTandC .str_left {
        position: relative;
        left: -18px;
        width: 375px;
        padding: 50px 0 0 0;
        min-height: 500px;
        background: #f0f6f9;
    }

    .obj_shadow-box.skinTandC .hit-zone {
        position: relative;
        width: 293px;
        height: 296px;
        padding: 44px 0 0 0;
        margin: 0 auto 30px auto;
    }

        .obj_shadow-box.skinTandC .hit-zone:after {
            background: url('/images/v_glass.png');
            background-size: 100% auto;
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 10;
        }

        .obj_shadow-box.skinTandC .hit-zone > img {
            display: none;
        }

        .obj_shadow-box.skinTandC .hit-zone > div {
            width: 124px;
            height: 212px;
            margin: 0 auto;
            background: #dde0e2;
        }

            .obj_shadow-box.skinTandC .hit-zone > div.both {
                width: 188px;
                padding: 32px 0 0 0;
                margin: 0 auto;
                background: none;
            }

                .obj_shadow-box.skinTandC .hit-zone > div.both .left {
                    float: left;
                }

                .obj_shadow-box.skinTandC .hit-zone > div.both .right {
                    float: right;
                }

    .obj_shadow-box.skinTandC .str_left p {
        text-align: center;
    }


    /* skinT&C right */

    .obj_shadow-box.skinTandC .str_right {
        width: 560px;
    }

    .obj_shadow-box.skinTandC h3 {
        margin: 0 0 10px 0;
        font-size: 14px;
    }

    .obj_shadow-box.skinTandC .ctn_skinType {
        margin: 0 0 30px 0;
    }

    .obj_shadow-box.skinTandC li {
        background: #dde0e2;
        margin: 0 11px 0 0;
        float: left;
        /* position:relative; */
        width: 84px;
        height: 148px;
    }

    .obj_shadow-box.skinTandC .ctn_box-skin li:last-child {
        margin: 0;
    }

    .obj_shadow-box.skinTandC .str_right .obj_box-skin {
        /* float:none; */
    }

.obj_box-skin {
    position: relative;
    border: 1px solid #ededed;
    padding: 5px;
   width: 124px;
    height: 212px;
    background: #fff;
    margin: 0;
}

    .obj_box-skin.thumb {
        padding: 3px;
        width: 85px;
        height: 148px;
        margin: 0;
    }

    .obj_box-skin img {
        width: 100%;
        background: url('/images/ajax-loader.gif') center center no-repeat;
    }

    .obj_box-skin figcaption {
        position: absolute;
        bottom: 25px;
        left: 5px;
        right: 5px;
        text-align: center;
    }

    .obj_box-skin.thumb figcaption {
        bottom: 15px;
        left: 3px;
        right: 3px;
    }

    .obj_box-skin h5,
    .obj_box-skin h6 {
        font-family: 'FuturaBT-Book', arial;
        font-size: 11px;
        text-transform: uppercase;
    }

    .obj_box-skin.thumb h5,
    .obj_box-skin.thumb h6 {
        font-size: 8px;
    }


    /* interaction */

    .obj_box-skin.over {
        cursor: pointer;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    }

.ie .obj_box-skin.over {
    border-color: #ccc;
}

.description {
    max-width: 960px;
    margin: 0 auto 50px auto;
    display: none;
}

    .description figure {
        float: left;
        width: 37.5%;
    }

        .description figure img {
            display: block;
            width: 139px;
            max-width: 100%;
            margin: 30px auto 0 36.111111% !important;
        }

    .description .ctn_article-content {
        float: right;
        width: 58.33333%;
    }

.ctn_article-content {
    color: #666;
    font-size: 12px;
}

.description h3 {
    margin: 20px 0 10px 0;
    text-transform: none;
}

.ctn_article-content ul li,
.puces li {
    font-size: 12px;
    color: #070707;
    margin: 0 0 5px 0;
    padding: 0 0 0 12px;
    background: url(/images/v_puce.png) left 6px no-repeat;
    font-family: arial;
}

    .puces li ul li {
        font-size: 11px;
        background: url(/images/v_puce-2.png) left 6px no-repeat;
    }

.description footer {
    clear: both;
    padding: 0 0 0 41.666666%;
}

.description .mention {
    font-size: 10px;
    font-style: italic;
    color: #aaa;
    margin: 20px 0;
}

.description header h2 {
    color: #333333;
    text-transform: none;
    font-size: 18px;
}

.description header {
    padding-left: 41.666666%;
    margin: 0;
}

    .description header h3 {
        font-family: 'FuturaBT-Medium', arial;
        color: #333;
        font-size: 14px;
    }

.description a {
    font-size: 12px;
}


/* skin type and condition ends*/


/*cosmeceuticals starts*/

.cosmeceuticals.quinconce > header h1 {
    letter-spacing: 5.9px;
}

.cosmeceuticals.quinconce > header h2 {
    border-bottom: none;
    font-size: 25px;
}

.cosmeceuticals.quinconce > header p {
    font-size: 16px;
}

.cosmeceuticals.quinconce .left {
    width: 50.208333%;
    /* 482 */
}

.cosmeceuticals.quinconce section.left {
    padding-left: 0;
}

.cosmeceuticals.quinconce section header {
    margin: 0 0 15px 0;
}

    .cosmeceuticals.quinconce section header h2 {
        font-family: 'FuturaBT-Book', arial;
        font-size: 30px;
        letter-spacing: 2px;
    }


/* affichage :before seulement en mobile */


/* position section */

.cosmeceuticals .section01 {
    top: 48px;
}

.cosmeceuticals .section02 {
    top: 30px;
}

.cosmeceuticals .section03 {
}

    .cosmeceuticals .section03 .obj_properties {
        position: absolute;
        top: 102px;
        left: 50%;
        margin-left: -420px;
        width: 120px;
    }

.cosmeceuticals .section04 {
    top: -50px;
}

.cosmeceuticals .section05 {
    top: -120px;
}

.quinconce .right {
    width: 50%;
    padding: 0 0 0 50%;
}

.quinconce .left {
    width: 52.604166%;
    padding-right: 42.708333%;
    padding-left: 4.687501%;
}

.quinconce section {
    position: relative;
}

.quinconce {
    position: relative;
    padding-top: 54px;
    height: 2700px;
    background-position: center top;
}

    .quinconce .focus {
        font-size: 14px;
        font-family: 'FuturaBT-Medium', arial;
        color: #333;
    }

    .quinconce section p {
        line-height: 16px;
    }

.cosmeceuticals.quinconce .container > header h1 {
    letter-spacing: 5.9px;
}

.quinconce .container > header h1 {
    font-size: 43px;
    letter-spacing: 2.874px;
}

.quinconce h2,
.quinconce h1 {
    font-size: 32px;
    font-family: 'FuturaBT-Light', arial;
    color: #77a4b4;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.quinconce .container > header h2 {
    font-size: 16px;
    border-bottom: 1px solid #d5d5d5;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    letter-spacing: 0.85px;
}

.cosmeceuticals.quinconce .container > header h2 {
    border-bottom: none;
    font-size: 25px;
}

.quinconce .container > header {
    padding: 90px 0 0 0;
    margin: 0 0 30px 0;
}

.quinconce .container .left {
    width: 52.604166%;
    padding-right: 42.708333%;
    padding-left: 4.687501%;
}

.cosmeceuticals.quinconce .container section header h2 {
    font-family: 'FuturaBT-Book', arial;
    font-size: 30px;
    /* letter-spacing: 2px; */
}

.quinconce .focus {
    font-size: 14px;
    font-family: 'FuturaBT-Medium', arial;
    color: #333;
}

.quinconce section p {
    line-height: 16px;
}

.quinconce p a {
    color: #2e9ebe;
}

.quinconce section header {
    padding: 190px 0 0 0;
    margin: 0;
}

.obj_properties li {
    margin: 0 auto 20px auto;
    font-family: 'FuturaBT-Medium', arial;
    font-weight: bold;
    font-size: 15px;
    color: #35788c;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 0;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.quinconce .container > header:before {
    top: 75px;
    left: 50%;
    margin-left: -384px;
    width: 768px;
    height: 275px;
}

.quinconce section.right:before {
    left: 0;
    right: auto;
}


/*Cosmeticula ends*/


/*doctor profile starts*/

.doctorprofile.top {
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 30% top;
    border-bottom: 1px solid #e8e6e6;
}

    .doctorprofile.top h1 {
        font-size: 60px;
        border-bottom: 1px solid #bbc5cb;
    }

    .doctorprofile.top .col-2 {
        margin-top: 100px;
        max-width: 500px;
        /*margin-left: 10%;*/
        margin-left: 46%;
    }

.doctor-profile {
    padding-top: 140px;
}

    .doctor-profile h1 {
        margin: 0;
    }

.doctor-bio #content {
    padding-top: 158px;
}

.doctor-profile h3 {
    margin: 20px 0 0 0;
    text-transform: none;
}

.content p,
.generique p {
    margin: 0 0 10px 0;
}

.doctor-profile .content p {
    /*margin: 0;*/
    margin-bottom: 5px;
}

.doctor-profile .col-1 img {
    float: right;
}

.doctor-profile.biography .col-1 img {
    margin-right: 150px !important;
}

.content ul,
.content ol,
.rich-text ul,
.rich-text ol {
    margin: 0;
}


/*doctor profile ends*/


/* Antioxidant starts here*/

.aoxTimeline.v2 h1 {
    color: #2e9ebe;
    font: 3.928571em/1.054545em 'FuturaBT-Book', arial;
}

.aoxTimeline.v2 h2 {
    color: #2e9ebe;
    font: 1.642857em/1.2em 'FuturaBT-Medium', arial;
    letter-spacing: .1em;
    width: 500px;
}

.aoxTimeline.v2 > div > header p {
    margin-bottom: 15px;
}

.aoxTimeline.v2 img {
    margin-top: -107px !important;
}

.antioxidants-image {
    height: 400px;
    background-position: center;
}

.aoxTimeline.v2.ctn_list li {
    position: relative;
    margin-bottom: 11px;
    padding-left: 20px;
    margin-left: 0;
}

.aoxTimeline.v2 p,
.aoxTimeline.v2.ctn_list li {
    text-transform: none;
    color: #666666;
    font: 1.142857em/1.2em 'FuturaBT-Book', arial;
    letter-spacing: normal;
}

a.b_round,
.b_round,
.aoxTimeline .readmore a {
    display: inline-block;
    color: #fff;
    font: 10px 'FuturaBT-Medium', arial;
    text-transform: uppercase;
    padding: 3px 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: #008ab0;
}

.aoxTimeline.v2.ctn_list h2 {
    max-width: 880px;
    margin-bottom: 16px;
    width: auto;
}

.aoxTimeline.v2 ul {
    font-size: 1em;
}

.aoxTimeline.v2 .ctn_list li {
    position: relative;
    margin-bottom: 11px;
    padding-left: 20px;
}

    .aoxTimeline.v2.ctn_list li span {
        position: absolute;
        left: 0;
        color: #008ab0;
    }

.aoxTimeline {
    padding-top: 50px;
}

    .aoxTimeline .v2 .readmore span {
        display: none;
    }

.ctn_list {
    border-bottom: 1px solid #e8e6e6;
    padding-bottom: 33px;
    margin-bottom: 42px;
}

.ctn_timeline > h3 {
    margin-bottom: 49px;
    max-width: 860px;
}

.aoxTimeline.v2 .ctn_timeline {
    padding-bottom: 11px;
}

    .aoxTimeline.v2 .ctn_timeline > h3 {
        margin-bottom: 49px;
        max-width: 860px;
    }

.aoxTimeline.v2 .obj_timeline {
    margin-bottom: 24px;
}

.v2 .obj_timeline li {
    width: 137px;
}

.aoxTimeline.v2 .obj_timeline h3 {
    font-size: 10px;
}


/* section ctn_product */

.anti .ctn_product {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.obj_product-2 {
    position: relative;
    max-width: 320px;
    margin: 0 auto;
}

.anti .ctn_product > h2 {
    margin-bottom: 77px;
}

.anti .obj_product-2 {
    float: left;
    width: 33%;
}

    .anti .obj_product-2 h2 {
        font-size: 16px;
        /* 1.142857em */
    }

    .anti .obj_product-2 p {
        font-size: 12px;
        /* .857142em */
        line-height: 1.5em;
        margin-bottom: 15px;
    }

        .anti .obj_product-2 p q {
            font-size: .916666em;
            line-height: 1.363636em;
        }

.obj_timeline h3 {
    min-height: 60px;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    font-size: 8px;
    color: #007da4;
    text-align: center;
    background: url(/images/f_timeline.png) center bottom no-repeat;
}

.obj_timeline li {
    float: left;
    width: 137px;
    text-align: center;
}

.obj_timeline h3 time {
    font-size: 24px;
    font-family: 'FuturaBT-Light', arial;
    color: #000;
}

.aoxTimeline.v2 .obj_timeline h3 {
    font-size: 10px;
}

.obj_timeline .ctn_over {
    display: none;
}

.ctn_timeline .obj_timeline h3 {
    font-size: 10px;
}

section.ctn_timeline {
    padding-bottom: 11px;
    margin-bottom: 42px;
    border-bottom: 1px solid #e8e6e6;
}

.ctn_timeline .obj_timeline {
    margin-bottom: 24px;
}

.ctn_timeline p a.b_round {
    margin: 0 0 10px 0;
}

.aoxTimeline .readmore a {
    font-size: 10px !important;
}

    .aoxTimeline .readmore a span {
        display: none;
    }

section.ctn_timeline > h3 {
    font: 1.142857em/1.25em 'FuturaBT-Book', arial;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #666666;
}

    section.ctn_timeline > h3 strong {
        font-family: 'FuturaBT-Bold', arial;
    }

.obj_timeline .b_border-gradient:hover {
    background-position: left -41px;
}

.obj_timeline .b_border-gradient > span {
    font-size: 10px;
    height: auto;
    line-height: 20px;
}

.anti h2 {
    color: #2e9ebe;
    font: 1.642857em/1.2em 'FuturaBT-Medium', arial;
    letter-spacing: .1em;
    border: none;
}

.over_target p.focus {
    font-family: arial;
    font-size: 16px;
    margin: 0;
}

.ctn_timeline p {
    text-transform: none;
    color: #666666;
    font: 1.142857em/1.2em 'FuturaBT-Book', arial;
    letter-spacing: normal;
}

.over_target p.focus a {
    color: #77a3b6;
    font-size: 14px;
}

.over_target {
    padding: 0 0 30px 0;
}

.obj_product-2 .ctn_figure {
    position: absolute;
    left: -60px;
    top: 0;
    /* width: 244px; */
    z-index: 1;
}

    .obj_product-2 .ctn_figure img {
        height: 367px;
        width: auto;
    }

.obj_product-2 .obj_logo {
    position: absolute;
    top: -35px;
    right: 19px;
}

.obj_logo {
    width: 104px;
    height: 104px;
    text-indent: -10000px;
}


/* content -- */

.obj_product-2 .content {
    position: relative;
    z-index: 2;
    padding: 77px 0 20px 134px;
    min-height: 263px;
}

    .obj_product-2 .content header {
        margin-bottom: 8px;
    }


/* stars -- */

.obj_product-2 .obj_rating-customers {
    font: italic 11px 'FuturaBT-Medium', arial;
    color: #2e9ebe;
    margin-bottom: 23px;
}

    .obj_product-2 .obj_rating-customers span {
        display: block;
        margin-bottom: 2px;
    }


/* quote */

.obj_product-2 q {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

    .obj_product-2 q:before,
    .obj_product-2 q:after {
        content: "";
        display: inline-block;
        width: 12px;
        height: 8px;
        background: url('../../include/images/i_quote.png');
    }

    .obj_product-2 q:before {
        position: absolute;
        left: -16px;
        top: 0;
    }

    .obj_product-2 q:after {
        margin-left: 4px;
        background-position: right top;
    }


/* lien */

.obj_product-2 .ctn_bt {
    position: absolute;
    bottom: 0;
}

    .obj_product-2 .ctn_bt a {
        font-family: 'FuturaBT-Bold', arial;
        color: #666666;
        text-transform: uppercase;
    }

.obj_product-2 p {
    text-transform: none;
    color: #666666;
    font: 1.142857em/1.2em 'FuturaBT-Book', arial;
    letter-spacing: normal;
}

.ctn_product h2 span {
    font-family: 'FuturaBT-Light', arial;
}

.obj_product-2 q:before {
    position: absolute;
    left: -16px;
    top: 0;
}

.obj_product-2 q:before,
.obj_product-2 q:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url(/images/i_quote.png);
}


/* Antioxidant ends here*/


/*Understanding skin*/

section.skincube > header {
    margin: 0 0 15px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #e8e6e6;
}

section.skincube {
    padding: 97px 0 150px 0;
    margin: 0 auto;
    max-width: 1140px;
}

    section.skincube > p {
        color: #666;
        font-size: 10px;
        margin: 0 0 10px 0;
    }

    section.skincube h5 {
        color: #333;
        font-family: 'FuturaBT-Book', arial;
        font-size: 12px;
        text-transform: uppercase;
        float: left;
        line-height: 30px;
        margin: 0 10px 0 0;
        font-weight: normal;
    }

.obj_skinbox {
    clear: both;
    width: 694px;
    margin: 0 auto;
}

    .obj_skinbox header {
        display: none;
    }

    .obj_skinbox .cube {
        position: relative;
        width: 490px;
        margin: 0 0 0 140px;
        padding: 200px 0 125px 0;
    }

    .obj_skinbox .lazyload img {
        width: 490px;
        height: 482px;
    }


    /* defefinition Box */

    .obj_skinbox .defBox {
        position: absolute;
        z-index: 100;
        width: 109px;
        height: 110px;
        display: none;
    }

        .obj_skinbox .defBox h6,
        .obj_skinbox .defBox p {
            position: relative;
            z-index: 10;
            width: 215px;
            text-align: center;
            margin: 0 auto;
        }

        .obj_skinbox .defBox h6 {
            padding: 65px 0 5px 0;
            font-size: 12px;
            color: #333;
            text-transform: uppercase;
            font-family: 'FuturaBT-Medium', arial;
        }


        /*
.obj_skinbox .defBox img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	}
*/

        .obj_skinbox .defBox .v_glass {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            background: url('/images/v_glass.png') 0 0 / 100% 100% no-repeat;
        }


    /* liste de definitions */

    .obj_skinbox dl {
        position: absolute;
        z-index: 10;
        top: 150px;
        left: -45px;
        width: 508px;
        height: 567px;
        background: url('/images/f_cubegrid.gif') left top no-repeat;
    }

    .obj_skinbox dt {
        position: absolute;
        text-align: center;
        font-family: 'FuturaBT-Medium', atial;
        font-size: 12px;
        text-transform: uppercase;
    }

    .obj_skinbox dl a {
        display: block;
        width: 109px;
        height: 110px;
        line-height: 110px;
        background: url('/images/v_glass-thumb.png') center center no-repeat;
    }

.ie7 .obj_skinbox dl a {
    height: 95px;
    padding-top: 15px;
}

.obj_skinbox dl a.disabled {
    color: #000;
    cursor: default;
    background: none;
}

.obj_skinbox dl a span {
    display: inline-block;
    padding: 5px 5px 5px 14px;
    line-height: 1.2em;
    vertical-align: middle;
    max-width: 68.807339%;
    background: url('/images/b_plus.gif') left center no-repeat;
}

.obj_skinbox dd {
    display: none;
    font-family: 'FuturaBT-Book', atial;
    font-size: 12px;
    color: #666;
    margin: 0;
}


/* Sebum */

.obj_skinbox dl .sbm1 {
    top: 30px;
    left: 202px;
}


/* Dermal epidermal junction */

.obj_skinbox dl .drm1 {
    top: -5px;
    left: 356px;
}


/* Collagen */

.obj_skinbox dl .cll1 {
    top: 263px;
    left: 490px;
}


/* Elastin */

.obj_skinbox dl .lst1 {
    top: 510px;
    left: 380px;
}


/* Sebaceous glands */

.obj_skinbox dl .sbc1 {
    top: 515px;
    left: 183px;
}


/* Hypodermis */

.obj_skinbox dl .hpd1 {
    top: 515px;
    left: -35px;
}


/* Dermis */

.obj_skinbox dl .drm2 {
    top: 270px;
    left: -95px;
}


/* Epidermis */

.obj_skinbox dl .pdr1 {
    top: 60px;
    left: -35px;
}


/* Blood vessels */

.obj_skinbox dl .bld1 {
    top: -90px;
    left: 75px;
}


/*Understanding Skin Ends*/


/*SKINCEUTICALS INSIGHTS Starts*/

.insight {
    padding-top: 50px;
}

    .insight h1 {
        text-indent: -10000px;
        background: url(/images/t_title-insights.gif) left top no-repeat;
        background-size: 100% auto;
        width: 493px;
        height: 28px;
    }

    .insight h2,
    .insight h3 {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 18px;
        font: 13px/1.384615em 'FuturaBT-Bold', arial;
        color: #77a3b6;
    }

    .insight p {
        margin-bottom: 15px;
        font: 13px/1.384615em 'FuturaBT-Book', arial;
        color: #070707;
    }

    .insight .col-2 img {
        margin-top: 50px !important;
    }

    .insight .readmore {
        margin-bottom: 25px;
    }

        .insight .readmore a {
            text-transform: uppercase;
            font-family: 'FuturaBT-Bold';
            color: #070707;
        }


/*SKINCEUTICALS INSIGHTS Ends*/


/*Skinc Rewards Starts*/

.rewards {
    /*background-position: bottom center;*/
	    background-position: 15px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.skinc-rewards #content {
    padding-top: 75px;
}

.rewards h1 {
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-family: 'FuturaBT-Light', arial;
    color: #77a3b6;
    font-size: 20px;
    font-weight: normal;
    width: 500px;
}

    .rewards h1 b {
        font-weight: normal;
        font-size: 60px;
        line-height: 60px;
    }

.rewards .content {
    padding: 140px 0 0 0;
    margin-left: 50px;
}

.image-description {
    float: right;
    width: 700px;
    position: absolute;
    top: 130px;
    left: 25.520833%;
    width: 818px;
    height: 447px;
}

.rewards-content {
    width: 350px;
}

.rewards .main-center {
    border-top: 1px solid #ccd0d2;
    margin-bottom: 20px;
    margin-top: 100px;
}

.rewards .str_left {
    padding: 22px 0 0 0;
    width: 57%;
    margin-bottom: 50px;
}

.rewards .ctn_info {
    float: right;
    width: auto;
    padding: 50px 50px 30px;
    margin: 0 20px 50px 0;
    box-shadow: 0 0 30px rgba(0, 0, 0, .25);
    background: #fff;
}

    .rewards .ctn_info h3 {
        color: #2e9ebe;
        padding: 0 0 10px;
        margin: 0 0 20px;
        border-bottom: 1px solid #e8e6e6;
    }


/*Skinc Rewards Ends*/


/**************Site map Starts****/

.pg_sitemap article.generique {
    padding-right: 0;
    max-width: 960px;
    padding-top: 100px;
}

    .pg_sitemap article.generique .col {
        float: left;
        width: 33%;
        margin: 0;
    }

        .pg_sitemap article.generique .col > * {
            padding-right: 10px;
        }

.pg_sitemap article header {
    margin: 0 0 20px 0;
}

.pg_sitemap .generique h3 {
    margin: 20px 0 10px 0;
}

.pg_sitemap ul li {
    margin-bottom: 2px;
}


/**************Site map ends****/


/*business Building Starts*/

.business h1 {
    font-size: 45px;
    color: #77a3b6;
    line-height: 1.054em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.business {
    padding-left: 125px;
}

.business-building #content {
    background: url(/images/f_resources.jpg) center top no-repeat;
    padding-top: 210px;
}

.business-building h2 {
    margin-bottom: 8px;
    font-family: 'FuturaBT-Medium', arial;
    font-size: 16px;
    color: #77a3b6;
    text-transform: uppercase;
    margin: 0;
    border: none;
}

.business-building section {
    margin-bottom: 250px;
    border-top: 1px solid #cdd2d2;
    padding-top: 40px;
}

.business-building .business {
    border: none;
}

.business-building section:first-child {
    /*padding-top:0; border:none;margin-top:0;*/
}


/*business Building Ends*/


/* video Gallery*/

.obj_carrousel {
    position: relative;
    height: 500px;
}

.doctor-bio .obj_carrousel {
    max-width: 960px;
    height: 300px;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    .doctor-bio .obj_carrousel .masque {
        padding: 20px 0;
        height: 260px;
        margin: 0 54px;
    }

    .doctor-bio .obj_carrousel .items {
        z-index: 1;
        width: 10000px;
    }

    .doctor-bio.obj_carrousel img {
        width: 240px;
    }

    .doctor-bio .obj_carrousel .item p {
        font-family: arial;
        font-size: 11px;
        color: #666;
    }

    .doctor-bio .obj_carrousel .item {
        float: left;
        width: 240px;
        padding: 0 22px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        /*padding:0px !important;*/
    }

    .doctor-bio .obj_carrousel .nav > li {
        position: static;
    }

.obj_carrousel .items {
    position: absolute;
}

.obj_carrousel .masque {
    overflow: hidden;
    position: relative;
}

.obj_carrousel .nav.arrow li a {
    position: absolute;
    text-indent: -5000px;
    display: block;
    width: 30px;
    height: 60px;
    background: url(/images/b_fleche-carrousel.gif) left center no-repeat;
}

.doctor-bio .obj_carrousel .nav a.b_next {
    right: 0;
}

.obj_carrousel .nav.arrow li a.b_next {
    background-position: right center;
}

.obj_carrousel .nav a.b_prev {
}

.doctor-bio .obj_carrousel .nav a {
    top: 83px;
    z-index: 99;
}


/* -------------------------------------
 *   nav-hexa
 * ------------------------------------- */

.obj_nav-hexa {
    position: fixed;
    /*z-index: 2000;*/
	z-index: 20;
    top: 300px;
    left: calc(50% + 32px);
    margin: 0 0 0 558px;
    -webkit-transition: right .25s;
    -moz-transition: right .25s;
    -ms-transition: right .25s;
    -o-transition: right .25s;
    transition: right .25s;
}

.pg_home.var_pro .obj_nav-hexa {
    margin: 0 0 0 520px;
}

.pg_productDetails.var_pro .obj_nav-hexa {
    margin: 0 0 0 490px;
}

.obj_nav-hexa > span {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 22px;
    height: 19px;
    background: url('/images/b_nav-hexa.png') left bottom no-repeat;
}

.obj_nav-hexa li {
    margin: 0 0 5px 0;
}

.obj_nav-hexa a {
    position: relative;
    z-index: 2;
    display: block;
    width: 22px;
    height: 19px;
    background: url('/images/b_nav-hexa.png') left top no-repeat;
}

    .obj_nav-hexa a.on {
        background-position: left -19px;
    }

    .obj_nav-hexa a span {
        display: none;
        position: absolute;
        white-space: nowrap;
        text-transform: capitalize;
        z-index: 2;
        top: 53%;
        right: 25px;
        margin: -12px 0 0 0;
        padding: 0 15px 0 10px;
        height: 22px;
        line-height: 22px;
        color: #fff;
        background: url('/images/f_gray-bulle.gif') right center no-repeat;
    }

    .obj_nav-hexa a:hover span {
        display: block;
        /*text-transform:lowercase;*/
    }


/* responsive */

button.b_toggle-nav {
    position: absolute;
    display: none;
    width: 40px;
    height: 48px;
    top: 50%;
    left: -40px;
    margin-top: -24px;
    border: 0px;
    box-shadow: none;
    padding: 0;
    background: url('/images/b_toggle-hexa-nav.png') left top/100% auto no-repeat;
}

.open button.b_toggle-nav {
    background-position: left bottom;
}


/*Our History Page css starts*/

.timeline h2 {
    /*line-height: 44px;*/
    font-size: 57px;
    font-family: 'FuturaBT-Light', arial;
    letter-spacing: 2px;
    color: #77a3b6;
    text-transform: uppercase;
    border: none;
}

.timeline h3 {
    text-transform: none;
    margin: 0;
    font-size: 13px;
    font-family: 'FuturaBT-Bold', arial;
}

.timeline #content p {
    margin: 0 0 18px 0;
    font-size: 13px;
    line-height: 15px;
    font-family: 'FuturaBT-Book', arial;
}

.sun-protection {
    width: 200px;
}

.test img {
    position: absolute;
    top: 150px;
    right: 0;
}


/*Our History Page css ends*/


/* Dictionary css starts*/

.dictionary {
    position: relative;
    max-width: 960px;
    padding: 0px 0 297px 0px;
    margin: 0 auto;
}

    .dictionary > header {
        margin-bottom: 42px;
    }

    .dictionary h1 {
        font: 30px 'FuturaBT-Book';
        /* 30 */
    }

    .dictionary .nav {
        position: relative;
        top: 0;
        -webkit-transition: right .25s;
        -moz-transition: right .25s;
        -ms-transition: right .25s;
        -o-transition: right .25s;
        transition: right .25s;
    }

        .dictionary .nav.fixed {
            position: fixed;
            z-index: 100;
            top: 230px;
            left: 50%;
            margin-left: 300px;
            width: 180px;
        }

        .dictionary .nav .b_monochrome {
            display: none;
            width: 100%;
            padding: 0;
            text-indent: -10000px;
            background-position: center top;
            background-color: #b1c1c9;
        }

        .dictionary .nav.fixed .b_monochrome {
            display: block;
        }

        .dictionary .nav ul {
            padding: 10px;
            text-align: center;
            border: 1px solid #b1c1c9;
        }

        .dictionary .nav li {
            display: inline-block;
            width: 3.3%;
            min-width: 18px;
            text-align: center;
            font: 17px 'FuturaBT-Medium';
            color: #c6d3d8;
        }

            .dictionary .nav li:first-child {
                margin-left: 3px;
            }

            .dictionary .nav li:last-child {
                margin-right: 4px;
            }

        .dictionary .nav .fixed li:first-child {
            margin-left: 3px;
        }

        .dictionary .nav.fixed li:first-child {
            margin: 0;
        }

        .dictionary .nav li a {
            color: #77a3b6;
            font-size: 17px;
        }

    .dictionary .char {
        padding-top: 50px;
        margin-bottom: -50px;
    }

    .dictionary section {
        padding-top: 15px;
        padding-right: 230px;
        padding-bottom: 0;
    }

        .dictionary section h2 {
            border: none;
        }

    .dictionary p,
    .dictionary ul {
        font: 14px/24px 'FuturaBT-Medium', arial;
        /* 14/24 */
    }

        .dictionary p + ul {
            margin-top: -10px;
        }

    .dictionary li {
        color: #333333;
    }

    .dictionary .equation,
    .dictionary .obj_img-text {
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
    }


    /* surcharge equation */

    .dictionary .equation {
        width: 580px;
        height: 424px;
        text-align: center;
        margin: 30px 0;
    }

        .dictionary .equation h3 {
            padding-left: 25px;
            width: auto;
            height: auto;
            text-align: left;
            color: #008ab0;
            font-size: 2.181818em !important;
            /* 24 */
            margin-bottom: 50px;
        }

        .dictionary .equation p {
            color: #008ab0;
        }

        .dictionary .equation .icone {
            margin: 0;
        }

        .dictionary .equation .result {
            margin-top: 65px;
            text-align: left;
            letter-spacing: 5px;
        }

.obj_int-skincare.equation .result b {
    color: #008ab0;
    letter-spacing: 3px;
}


/* ===========================================
 *	$ =	OBJECT
 * ======================================== */


/* --------------------------------------
 * OBJ IMG TEXT
 * ----------------------------------- */

.dictionary .obj_img-text {
    margin: 20px auto 0;
}

    .dictionary .obj_img-text > div {
        position: relative;
        margin: 0 auto;
    }

    .dictionary .obj_img-text img {
    }

    .dictionary .obj_img-text span {
        position: absolute;
        font: 8px 'FuturaBT-Medium', arial;
        color: #333333;
        white-space: nowrap;
    }


/* free-radicals */

.obj_img-text.free-radicals {
    width: 520px;
    height: 235px;
    margin-top: 70px;
    margin-bottom: 40px;
}

    .obj_img-text.free-radicals > div {
        max-width: 296px;
        margin: 0 0 0 60px;
    }

    .obj_img-text.free-radicals .sp1 {
        top: -25px;
        left: 244px;
    }

    .obj_img-text.free-radicals .sp2 {
        text-align: right;
        top: 48px;
        right: 230px;
    }

    .obj_img-text.free-radicals .sp3 {
        top: 108px;
        left: -20px;
    }

    .obj_img-text.free-radicals .sp4 {
        text-align: right;
        top: 205px;
        right: 204px;
    }


/* nanometers */

.obj_img-text.nanometers {
    width: 665px;
    height: 354px;
    margin: 30px 0 48px 5px;
}

    .obj_img-text.nanometers > div {
        padding-bottom: 55px;
    }

    .obj_img-text.nanometers span {
        font: 9px 'FuturaBT-Heavy', arial;
        text-transform: uppercase;
        color: #0a8fb2;
    }

    .obj_img-text.nanometers strong {
        font: 16px 'FuturaBT-Bold', arial;
    }

    .obj_img-text.nanometers .sp1 {
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        top: 190px;
        left: 0;
    }

.ie .obj_img-text.nanometers .sp1 {
    top: -15px;
}

.obj_img-text.nanometers .sp2,
.obj_img-text.nanometers .sp3,
.obj_img-text.nanometers .sp4 {
    width: 80px;
    top: 220px;
    left: 10px;
    text-align: center;
}

.obj_img-text.nanometers .sp3 {
    width: 145px;
    left: 90px;
}

.obj_img-text.nanometers .sp4 {
    width: 260px;
    left: 235px;
}

.obj_img-text.nanometers .sp5 {
    left: 8px;
    bottom: 0;
    padding: 6px;
    background: #c9e4e7;
}

.obj_img-text.nanometers .sp6 {
    left: 230px;
    top: 305px;
}


/* Dictionary css ends*/


/*  ------------- Integrated Skincare > - Calculator page css ----------------- */

body.pg_calculator {
    font-size: 11px;
}

.pg_calculator div.main {
    background: #fff;
}

    .pg_calculator div.main article {
        max-width: 960px;
        margin: 0 auto;
        padding: 35px 0;
    }

    .pg_calculator div.main .intro {
        font: 1.545454em 'FuturaBT-Medium', arial !important;
        color: #007da4;
        text-transform: uppercase;
        margin-bottom: 17px;
    }

    .pg_calculator div.main .obj_int-skincare {
        margin-bottom: 34px;
    }

    .pg_calculator div.main h1 {
        color: #007da4;
        font: 1.818181em 'FuturaBT-Heavy', arial;
        text-transform: uppercase;
        padding-top: 30px;
        /*font-weight: bold; */
    }

.pg_calculator #content.main p,
.pg_calculator #content.main li {
    font: 1.363636em 'FuturaBT-Book', arial;
}

.pg_calculator #content.main li {
    font-size: 1.25em;
}

    .pg_calculator #content.main li.error {
        color: #ad5151;
    }

.pg_calculator legend {
    text-transform: uppercase;
    font: 1.454545em 'FuturaBT-Medium', arial;
    color: #007da4;
}

.pg_calculator .obj_benchmarks h2 {
    text-transform: uppercase;
    font: 24px 'FuturaBT-Medium', arial;
    color: #007da4;
}

.pg_calculator fieldset fieldset legend {
    color: #555;
    margin-bottom: 5px;
}

.pg_calculator form > fieldset > legend {
    margin-bottom: 36px;
}

.pg_calculator .obj_form > fieldset {
    width: 48%;
    float: left;
}

    .pg_calculator .obj_form > fieldset + fieldset {
        float: right;
    }

.pg_calculator div.main .obj_form .num {
    position: relative;
}

    .pg_calculator div.main .obj_form .num span {
        position: absolute;
        left: 0;
    }

.pg_calculator div.main .obj_form label.num span {
    left: -22px;
}

.pg_calculator div.main .obj_form p,
.pg_calculator div.main .obj_form ul {
    padding-left: 22px;
    clear: both;
    margin-bottom: 20px;
}

.pg_calculator div.main .obj_form ul {
    margin-top: -4px;
}

.pg_calculator div.main .obj_form li {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    opacity: .8;
}

.pg_calculator div.main .obj_form input {
    display: block;
    width: 60px;
    text-align: center;
    margin-top: 5px;
}

.pg_calculator div.main .obj_form .ctn_bt {
    text-align: center;
    padding: 30px 0 40px;
}

.pg_calculator .obj_int-skincare.equation .icone {
    width: 155px;
}

.pg_calculator .int-skincare-title {
    width: 77%;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 20%;
    padding: 0 35px;
    box-sizing: border-box;
}

.pg_calculator .obj_form {
    margin-top: 30px;
}

.pg_calculator .obj_benchmarks h2 {
    position: relative;
    padding-bottom: 7px;
}

.pg_calculator .obj_benchmarks .ctn_bt {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    height: 28px;
    font-size: .857142em;
    font-family: arial;
}

.pg_calculator .obj_benchmarks .ctn_title {
    position: relative;
    border-bottom: 1px solid #dfdfdf;
}

.pg_calculator .obj_benchmarks .ctn_table {
    overflow: hidden;
    height: 0;
}

.pg_calculator .obj_benchmarks table {
    clear: both;
    width: 100%;
    color: #555;
    background: #e9e6e6;
}

.pg_calculator .obj_benchmarks td:first-child,
.pg_calculator .obj_benchmarks th:first-child {
    min-width: 90px;
    text-align: right;
}

.pg_calculator .obj_benchmarks th {
    text-align: center;
    font: 14px 'FuturaBT-Heavy', arial;
    text-transform: uppercase;
    padding: 5px 20px 3px;
}

.pg_calculator .obj_benchmarks .l2:nth-child(even) {
    background: #f0f0f0;
    font-size: 1.2em;
}

.pg_calculator .obj_benchmarks .l2:nth-child(odd) {
    background: #e9e6e6;
    font-size: 1.2em;
}

.pg_calculator .obj_benchmarks td:first-child,
.pg_calculator .obj_benchmarks th:first-child {
    min-width: 90px;
    text-align: right;
}

.pg_calculator .obj_benchmarks td {
    padding: 2px 10px 2px 10px;
}

    .pg_calculator .obj_benchmarks td + td + td {
        text-align: center;
    }

.pg_calculator .int-skincare-plus:last-child {
    display: none;
}

.obj_benchmarks td[data-th]:before {
    content: attr(data-th);
    display: none;
    margin-right: 5px;
}


/* -------------------------------
 *  OBJ LIVE CALCULATOR
 * ---------------------------- */

.obj_live-calculator {
    color: #464747;
    margin-top: 50px;
}

    .obj_live-calculator > div {
        padding: 25px 10px 10px 10px;
        -webkit-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, .2);
        -moz-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, .2);
        box-shadow: inset 3px 3px 5px rgba(0, 0, 0, .2);
        background: #f7f8f9;
    }


    /* row */

    .obj_live-calculator .top {
        -webkit-border-top-left-radius: 25px;
        -moz-border-top-left-radius: 25px;
        border-top-left-radius: 25px;
        -webkit-border-top-right-radius: 25px;
        -moz-border-top-right-radius: 25px;
        border-top-right-radius: 25px;
        margin-bottom: 19px;
    }

    .obj_live-calculator .bottom {
        padding-top: 10px;
        padding-bottom: 25px;
        -webkit-border-bottom-left-radius: 25px;
        -moz-border-bottom-left-radius: 25px;
        border-bottom-left-radius: 25px;
        -webkit-border-bottom-right-radius: 25px;
        -moz-border-bottom-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }


    /* col */

    .obj_live-calculator > div > div {
        float: left;
    }

    .obj_live-calculator .top .col-01 {
        width: 9.77653%;
    }

    .obj_live-calculator .top .col-02 {
        width: 21.97392%;
    }

    .obj_live-calculator .top .col-03 {
        width: 31.26070%;
    }

    .obj_live-calculator .top .col-04 {
        width: 36.43016%;
    }

    .obj_live-calculator caption,
    .obj_live-calculator .top > div > * {
        border-left: 1px solid #77a4b4;
    }

    .obj_live-calculator .top .col-01 > *,
    .obj_live-calculator .top .col-01 caption,
    .obj_live-calculator .bottom caption {
        border: none;
    }

    .obj_live-calculator .week,
    .obj_live-calculator .top .result caption {
        border-top: 3px solid #77a4b4;
    }

    .obj_live-calculator .bottom .col-01 {
        width: 31.75045%;
    }

    .obj_live-calculator .bottom .col-02 {
        width: 68%;
    }


    /* col */

    .obj_live-calculator .bottom .col-01 p {
        padding: 46px 30px 0 0;
        text-align: right;
        color: #2d9ebd;
        font: 1.90909em/1.761904em 'FuturaBT-Heavy', arial !important;
        /* 21/11 37 */
        text-transform: uppercase;
    }


    /* inner */

    .obj_live-calculator caption {
        text-align: center;
        color: #2d9ebd;
        font: 1.181818em 'FuturaBT-Medium', arial;
        /* 13/11 */
        text-transform: uppercase;
    }

        .obj_live-calculator caption strong {
            font-family: 'FuturaBT-Bold', arial;
        }

    .obj_live-calculator th {
        vertical-align: bottom;
    }

    .obj_live-calculator .middle {
        text-align: center;
        vertical-align: middle;
        padding-bottom: 10px !important;
    }


    /* week */

    .obj_live-calculator .week {
        padding: 8px 5px;
        color: #464747;
        font: 1.181818em 'FuturaBT-Medium', arial;
        /*13/11*/
        text-transform: uppercase;
        border-bottom: 1px solid #77a4b4;
    }

        .obj_live-calculator .week label {
            display: inline-block;
            width: 124px;
        }


    /* data */

    .obj_live-calculator .data {
        position: relative;
    }

        .obj_live-calculator .data.plus:after {
            content: "";
            position: absolute;
            top: -5px;
            left: -13px;
            display: block;
            width: 28px;
            height: 28px;
            background: url('../images/i_plus.png') center center no-repeat;
        }

        .obj_live-calculator .data th {
            font-size: 10px;
            padding: 0 5px 10px;
            border-bottom: 1px solid #77a4b4;
            line-height: normal;
        }

        .obj_live-calculator .data .info {
            position: relative;
            z-index: 99;
            font-weight: bold;
            color: #007da4;
        }

            .obj_live-calculator .data .info:hover span {
                display: block;
            }

            .obj_live-calculator .data .info span {
                display: none;
                position: absolute;
                bottom: 10px;
                left: -10px;
                padding: 10px;
                width: 170px;
                color: #fff;
                font: 13px 'FuturaBT-Heavy', arial;
                background: #787878;
                background: rgba(120, 120, 120, .9);
                -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
                -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
                box-shadow: 0 0 20px rgba(0, 0, 0, .3);
            }

        .obj_live-calculator .data tr:first-child + tr td {
            padding-top: 10px;
        }

        .obj_live-calculator .data td {
            padding: 1px 10px 1px 10px;
            font: 11px 'FuturaBT-Book', arial;
        }

        .obj_live-calculator .data .row1 {
            vertical-align: middle;
            border-left: 1px dotted #a6a7a8;
            border-bottom: 1px solid #d3e0e5;
        }

        .obj_live-calculator .data .last td {
            padding-bottom: 10px;
            border-bottom: none;
        }

        .obj_live-calculator .week input,
        .obj_live-calculator .data input {
            width: 60px;
            padding: 0;
            height: 20px;
            line-height: 20px;
            text-align: center;
            -webkit-border-radius: 9px;
            -moz-border-radius: 9px;
            border-radius: 9px;
            border: 1px solid #d8d8d8;
            background: #fff;
            -webkit-appearance: none;
            appearance: none;
            display: inline-block;
            margin: 0;
        }

        .obj_live-calculator .data th input {
            width: 28px;
            font-size: 1em;
            /*10*/
            height: 12px;
            line-height: 12px;
            /* float: right;*/
        }


    /* resultat */

    .obj_live-calculator .result {
        width: 100%;
    }

        .obj_live-calculator .result caption {
            padding: 8px 15px;
            border-bottom: 1px solid #77a4b4;
        }

        .obj_live-calculator .result tr > * {
            padding: 10px 15px;
            border-bottom: 1px solid #d3e0e5;
        }

        .obj_live-calculator .result .last > * {
            border-bottom: none;
        }

        .obj_live-calculator .result th {
            padding-right: 5px;
            border-right: 1px dotted #a6a7a8;
            font: 1em 'FuturaBT-Heavy', arial;
            /*11*/
        }

        .obj_live-calculator .result em {
            font: 10px arial;
        }

        .obj_live-calculator .result .last th,
        .obj_live-calculator .result td {
            font: 1.272727em 'FuturaBT-Heavy', arial;
            /*14/11*/
            text-transform: uppercase;
        }

        .obj_live-calculator .result td {
            text-align: right;
        }

        .obj_live-calculator .result .last td {
            color: #3399cc;
            font: 1.818181em 'FuturaBT-Light', arial;
            /*20/11*/
        }


    /* modification responsive */

    .obj_live-calculator .col-02.bottom-col {
        clear: left;
        padding-left: 9.77653%;
    }

.pg_calculator fieldset {
    border: none;
}


/* ////////////////////////////////////////
 *
 * $ 11 - PAGE VIDEO
 *
 * //////////////////////////////////////// */


/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */

.pg_videoLibrary {
    height: auto;
    /*padding-bottom:100px;*/
}

    .pg_videoLibrary > div {
        position: relative;
    }

        .pg_videoLibrary > div:first-child {
            min-height: 240px;
        }

    .pg_videoLibrary .bt_video {
        position: absolute;
        top: 6px;
        right: 62px;
        width: 380px;
        height: 232px;
    }

        .pg_videoLibrary .bt_video a {
            display: block;
            height: 100%;
            text-indent: -10000px;
            background: url('/images/v_video-library.png') left top no-repeat;
            background-size: 100% auto;
        }

.video-library {
    padding-top: 50px;
}

.pg_videoLibrary h1 {
    font-size: 60px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
}

.pg_videoLibrary .ctn_video-list {
    padding: 0;
    max-width: 1140px;
    width: auto;
    padding-bottom: 100px;
}

    .pg_videoLibrary .ctn_video-list ul {
        margin: 0;
    }

        .pg_videoLibrary .ctn_video-list ul li {
            position: relative;
            float: left;
            overflow: hidden;
            margin: 10px 7px 0 0;
            background: #333;
        }

            .pg_videoLibrary .ctn_video-list ul li.last {
                margin-right: 0;
            }

            .pg_videoLibrary .ctn_video-list ul li a {
                position: relative;
                display: block;
                z-index: 2;
                width: 230px;
                height: 129px;
                background: url('/images/b_play-banner-video-thumb.png') center 32px no-repeat;
            }

                .pg_videoLibrary .ctn_video-list ul li a:hover {
                    color: inherit;
                }

            .pg_videoLibrary .ctn_video-list ul li img {
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -87px 0 0 -115px;
                width: 230px;
                z-index: 1;
            }

            .pg_videoLibrary .ctn_video-list ul li a span {
                display: block;
                height: 0;
                overflow: hidden;
                padding: 0 10px;
                background: #fff;
                font-family: 'FuturaBT-Light', arial;
                -ms-filter: �progid: DXImageTransform.Microsoft.Alpha(Opacity=80)�;
                filter: alpha(opacity=80);
                opacity: 0.8;
            }

                .pg_videoLibrary .ctn_video-list ul li a span strong {
                    display: block;
                    color: #77A3B6;
                    font-family: 'FuturaBT-Medium', arial;
                }


/* ===========================================
 *	$ =	OBJECT
 * ======================================== */


/* -------------------------------------
 *   obj_sorting
 * ------------------------------------- */

.pg_videoLibrary .obj_sorting {
    margin: 35px auto 32px auto;
    padding: 0;
    width: 1140px;
}

    .pg_videoLibrary .obj_sorting .str_top {
        border-bottom: 1px solid #e8e6e6;
    }

        .pg_videoLibrary .obj_sorting .str_top p {
            float: left;
            margin: 0 10px 0 0;
            height: 28px;
        }

    .pg_videoLibrary .obj_sorting h5 {
        float: left;
        color: #333;
        font-family: 'FuturaBT-Book', arial;
        font-size: 12px;
        text-transform: uppercase;
        /* line-height: 28px; */
    }

    .pg_videoLibrary .obj_sorting .str_bottom {
        position: relative;
        clear: both;
        height: 0;
        overflow: hidden;
    }

        .pg_videoLibrary .obj_sorting .str_bottom ul {
            float: left;
            width: 800px;
            margin: 8px 0 0 20px;
        }

        .pg_videoLibrary .obj_sorting .str_bottom li {
            float: left;
            margin: 0 10px 10px 0;
            padding: 0 0 0 10px;
            border-left: 1px solid #b7cdd4;
        }

            .pg_videoLibrary .obj_sorting .str_bottom li:first-child {
                border: none;
                padding: 0;
            }

            .pg_videoLibrary .obj_sorting .str_bottom li a {
                font-size: 12px;
                color: #666;
            }

                .pg_videoLibrary .obj_sorting .str_bottom li a:hover {
                    color: #2e9ebe;
                }

                .pg_videoLibrary .obj_sorting .str_bottom li a.on {
                    color: #000;
                    font-weight: bold;
                    cursor: default;
                }

        .pg_videoLibrary .obj_sorting .str_bottom p {
            position: absolute;
            top: 8px;
            right: 8px;
            font-size: 12px;
            color: #333;
        }


/* ////////////////////////////////////////
 *
 * $ 7 - INTEGRATED SKINCARE
 *
 * //////////////////////////////////////// */


/* ========================================
 *	$ =	STRUCUTRE
 * ======================================== */

.pg_integrated-skincare div.main {
    /*	padding-top:147px;*/
    padding-bottom: 50px;
}

    .pg_integrated-skincare div.main p,
    .pg_integrated-skincare div.main #content li {
        font-size: 14px;
        font-family: 'FuturaBT-Book', arial;
    }


/* ========================================
 *	$ =	ARTICLE
 * ======================================== */

.pg_integrated-skincare #content {
    background: url(/images/f_hero-pro.jpg) center top no-repeat #fff;
    padding-bottom: 50px;
    padding-top: 200px;
}

.pg_integrated-skincare {
    height: auto;
    min-height: 800px;
}

    .pg_integrated-skincare .main-center {
        width: auto;
        max-width: 960px;
    }

        .pg_integrated-skincare .main-center > .str_left {
            width: 38.020833%;
            /* 365px */
            border-top: 1px solid #bbc2c5;
            padding: 15px 0 20px 0;
        }

            .pg_integrated-skincare .main-center > .str_left h2 {
                border: none;
                color: #77a4b4;
                font-size: 14px;
                font-weight: normal;
                font-family: 'FuturaBT-Medium', arial;
            }

                .pg_integrated-skincare .main-center > .str_left h2 b {
                    display: block;
                    color: #333;
                    line-height: 25px;
                    font-size: 26px;
                    font-weight: normal;
                    font-family: 'FuturaBT-Light', arial;
                }

.obj_int-skincare.equation > * .result b {
    color: #77a4b4;
    line-height: 18px;
    font-size: 14px;
    font-weight: normal;
    font-family: 'FuturaBT-Medium', arial;
}

.pg_integrated-skincare .main-center > .str_right {
    width: 58.333333%;
    /* 560px */
    padding: 0 0 20px 0;
}

    .pg_integrated-skincare .main-center > .str_right p {
        color: #333;
    }

        .pg_integrated-skincare .main-center > .str_right p b {
            color: #000;
            font-weight: normal;
            text-transform: uppercase;
        }

.pg_integrated-skincare strong {
    font-family: 'FuturaBT-Heavy', arial;
}

p strong {
    font-weight: bold;
}


/* shadow-box */

.pg_integrated-skincare .obj_shadow-box {
    clear: both;
    width: 100%;
    padding: 72px 0 0 0;
}

    .pg_integrated-skincare .obj_shadow-box .sb-bottom {
        padding-bottom: 92px;
    }

        .pg_integrated-skincare .obj_shadow-box .sb-bottom > div {
            background: url('/images/f_complementing.jpg') center 89px no-repeat;
        }

    .pg_integrated-skincare .obj_shadow-box .main-center {
       /* width: 480px;*/
        padding-right: 480px;
    }

    .pg_integrated-skincare .obj_shadow-box h2 {
        clear: both;
        border: none;
        border-top: 1px solid #cccccc;
        color: #77a3b5;
        font-size: 16px;
        font-family: 'FuturaBT-Medium', arial;
        padding: 23px 0 0;
        margin: 30px 0 16px;
    }

        .pg_integrated-skincare .obj_shadow-box h2:first-child {
            border: none;
            margin-top: 0;
            padding-top: 0;
        }

    .pg_integrated-skincare .obj_shadow-box .sb-bottom .str_left,
    .pg_integrated-skincare .obj_shadow-box .sb-bottom .str_right {
        border: none;
        width: 48%;
        padding: 0;
    }

    .pg_integrated-skincare .obj_shadow-box p,
    .pg_integrated-skincare .obj_shadow-box li {
        line-height: 1.2em;
    }

    .pg_integrated-skincare .obj_shadow-box ul {
        padding: 0 0 0 15px;
        color: #666;
    }

.pg_integrated-skincare #contetn.main p,
.pg_integrated-skincare #content.main li {
    font-size: 14px;
    font-family: 'FuturaBT-Book', arial;
}

.pg_integrated-skincare .obj_shadow-box li {
    list-style-type: disc;
}


/* surcharge obj_faq */

.pg_integrated-skincare .obj_faq {
    width: 1140px;
    padding: 0;
}

    .pg_integrated-skincare .obj_faq > header {
        padding-bottom: 10px;
        border-bottom: 1px solid #d5d5d5;
    }

    .pg_integrated-skincare .obj_faq h1 {
        text-transform: uppercase;
        font: 26px/30px 'FuturaBT-Light', arial;
        margin: 0;
        color: #000;
    }

    .pg_integrated-skincare .obj_faq header p {
        font-family: 'FuturaBT-Heavy', arial;
        margin-bottom: 10px;
        color: #333;
    }

    .pg_integrated-skincare .obj_faq h2 {
        margin: 0;
    }

.obj_faq article header h3 a:hover {
    color: #2e9ebe;
}

.pg_integrated-skincare .obj_faq .content > :first-child {
    margin-top: 20px;
}

.pg_integrated-skincare .obj_faq .content {
    position: relative;
}

    .pg_integrated-skincare .obj_faq .content .ctn_texte {
        min-height: 290px;
        padding: 0 0 20px 0;
        padding-right: 400px;
        position: relative;
        background: url('/images/f_faq.jpg') right 0px no-repeat;
    }

.pg_integrated-skincare .obj_faq h4 {
    color: #77a3b5;
    margin: 26px 0 5px;
    font-size: 14px;
}

.pg_integrated-skincare .obj_faq h5 {
    margin: 35px 0 5px;
    font-family: 'FuturaBT-Heavy', arial;
    font-size: 14px;
    color: #666;
}

.pg_integrated-skincare .obj_faq h4 + p {
    margin-top: 0;
}

.pg_integrated-skincare .obj_faq p.size01 {
    font-size: 13px;
    max-width: 490px;
    padding-right: 75px;
    color: #070707;
    line-height: normal;
}

.pg_integrated-skincare .content table.obj_table-01 td {
    line-height: normal;
}

a#benchmarks {
    font-size: 15px;
}

.pg_integrated-skincare .obj_faq .content p {
    margin: 0 0 8px;
    padding: 0;
}

.pg_integrated-skincare .obj_faq .b_link {
    color: #666;
}

    .pg_integrated-skincare .obj_faq .b_link:hover {
        color: #2e9ebe;
    }

.pg_integrated-skincare .obj_faq .b_link-02 {
    font-size: 11px;
    /*color: #666;
    font-family: 'FuturaBT-Medium';*/
}

    .pg_integrated-skincare .obj_faq .b_link-02:hover {
        color: #2e9ebe;
    }

.pg_integrated-skincare .obj_faq .obj_table-01 {
    width: 100%;
}

    .pg_integrated-skincare .obj_faq .obj_table-01 ul li,
    .pg_integrated-skincare .obj_faq .obj_table-01 p {
        font-size: 12px;
        line-height: 1.2em;
    }

.pg_integrated-skincare .obj_faq .content ul {
    margin-top: 0;
}


/* surcharge download-box */

.pg_integrated-skincare .obj_faq .obj_download-box {
    padding: 15px 0 0 0;
}

    .pg_integrated-skincare .obj_faq .obj_download-box h5 {
        font-family: 'FuturaBT-Medium', arial;
        font-size: 10px;
        margin: 0 0 5px 0;
    }

    .pg_integrated-skincare .obj_faq .obj_download-box ul {
        margin-top: 0;
    }

    .pg_integrated-skincare .obj_faq .obj_download-box li {
        margin: 0 0 2px 0;
        font-size: 11px;
        color: #2e9ebe;
    }


/* -------------------------------------
 *   obj table-01
 * ------------------------------------- */

.pg_integrated-skincare span.int-skincare-plus:nth-child(6) {
    display: none;
    border: 1px solid red;
}

.obj_table-01 {
    font-family: 'FuturaBT-Heavy', arial;
}

.ie .obj_table-01 {
    border: 1px solid #ccc;
}

.content table.obj_table-01 th,
.content table.obj_table-01 tr:first-child td {
    color: #666;
    font-size: 12px;
    padding: 25px 5px 12px 12px;
    background: #eeecec;
}

.content table.obj_table-01 strong {
    display: block;
    font-size: 16px;
    font-family: 'FuturaBT-Heavy', arial;
    font-weight: 500;
}

.content table.obj_table-01 th,
.content table.obj_table-01 td {
    vertical-align: text-top;
    border-width: 1px 0 0 1px;
    border-color: #b6b5b5;
    border-style: solid;
    width: 200px;
}

.content table.obj_table-01 tr:first-child th {
    font-family: 'FuturaBT-Medium', arial;
    border-top-width: 0;
}

.content table.obj_table-01 tr th:first-child {
    padding-top: 20px;
    border-left-width: 0;
}

.content table.obj_table-01 td {
    padding: 20px 10px 18px 12px;
    border-color: #bebebe;
}

    .content table.obj_table-01 td > div {
        position: relative;
        width: 100%;
        padding-bottom: 40px;
		height:auto !important;
    }

.content table.obj_table-01 ul {
    padding: 0 0 0 15px;
}

.obj_table-01 li {
    list-style-type: disc;
}

div.container table.obj_table-01 li,
div.container table.obj_table-01 p {
    font-family: 'FuturaBT-Heavy', arial;
}

.container .obj_table-01 .ctn_link {
    position: absolute;
    font-size: 12px;
    width: 100%;
    bottom: 0;
    margin: 0;
}


/* ctn_table-01 */

.ctn_table-01 {
    position: relative;
    margin: 23px 0 19px;
    -webkit-box-shadow: 10px 10px 25px rgba(0, 0, 0, .25);
    -moz-box-shadow: 10px 10px 25px rgba(0, 0, 0, .25);
    box-shadow: 10px 10px 25px rgba(0, 0, 0, .25);
}

    .ctn_table-01 p.ctn_print {
        position: absolute;
        right: 5px;
        top: -67px;
        width: auto;
    }


/* -------------------------------------
 *   obj table-02
 * ------------------------------------- */

.obj_table-02 {
    width: 100%;
}

    .obj_table-02 th {
        padding: 15px;
        text-align: right;
        text-transform: uppercase;
        color: #fff;
        font: 1.285714em/1em 'FuturaBT-Medium', arial;
        border: 1px solid #fff;
        background: #008ab0;
        vertical-align: middle;
    }

    .obj_table-02 tr:first-child th {
        text-align: center;
    }

    .obj_table-02 td {
        border: 1px solid #fff;
        background: #c9e5e9;
        padding: 15px 1.5625%;
        /* 15px 15px */
        width: 42.708333%;
        /* 410px */
    }

    .obj_table-02 .empty {
        border: none;
        background: none;
    }

.content table.obj_table-01 tr:first-child td {
    border-top: none;
}

.content .obj_table-01 li {
    list-style-type: disc;
}

.pg_integrated-skincare table.obj_table-01 li,
.pg_integrated-skincare table.obj_table-01 p {
    font-family: 'FuturaBT-Heavy', arial;
}

    .pg_integrated-skincare table.obj_table-01 li a:hover {
        color: #2e9ebe;
    }

.pg_integrated-skincare table .b_link-02 {
    padding-left: 19px;
}

.obj_faq article .content ul {
    margin: 20px 0 10px 0;
}

.pg_integrated-skincare p > .b_link-02 {
    padding-left: 0;
}

.obj_calculator {
    padding: 15px 0 0 65px;
   min-height: 75px;
    background: url(/images/i_calculator.png) left top no-repeat;
}

a.b_link-02 {
    color: #007da4;
    font-family: 'FuturaBT-Heavy', arial;
    text-transform: uppercase;
}

.pg_integrated-skincare .b_link-02 {
    font-size: 16px;
    padding-left: 68px;
}

.calc {
    margin-top: -20px;
}

.obj_faq > header h2 {
    color: #77a3b6;
    font-family: 'FuturaBT-Book', arial;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 0;
}


/* -------------------------------------
 *   obj_filter
 * ------------------------------------- */

.obj_filter {
    position: relative;
    z-index: 2;
    float: left;
    margin: 0 10px 0 0;
    width: 185px;
    height: 28px;
}

    .obj_filter > div {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        height: 28px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border: 1px solid #ccc;
        background: url('/images/b_filter.gif') left top repeat-x #f5f5f5;
    }

    .obj_filter p a {
        display: block;
        height: 28px;
        line-height: 28px;
        padding: 0 28px 0 10px;
        font-family: 'FuturaBT-Medium';
        background: url('/images/b_fleche.gif') right top no-repeat;
        font-size: 12px;
    }

        .obj_filter p a:hover {
            color: #666;
            background-position: right -28px;
        }

        .obj_filter p a.open {
            background-position: right -56px;
        }

            .obj_filter p a.open:hover {
                background-position: right -84px;
            }

    .obj_filter p.mention {
        color: #666;
        font-size: 10px;
        margin: 0 10px 5px 10px;
        padding: 10px 0 0 0;
        border-top: 1px solid #d2d2d2;
    }

    .obj_filter ul {
        padding: 0px 10px 10px 10px;
    }

    .obj_filter li {
        color: #666;
        margin: 0 0 5px 0;
        font-size: 12px;
    }


/* -------------------------------------
 *   obj_popin
 * ------------------------------------- */

.obj_popin {
    display: none;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    background: #fff;
}

    .obj_popin > .close {
        position: absolute;
        right: 0px;
        top: 0;
    }

    .obj_popin .content {
    }

.ctn_popin-zone {
    display: none;
}


/* popin obj_form */

.obj_popin .obj_form {
    padding: 50px;
}

.obj_popin .guest-message,
.pg_calendar .obj_popin .message {
    padding: 40px;
}

    .pg_calendar .obj_popin .message p {
        text-align: left;
        font-size: 12px;
        font-family: arial;
    }

.obj_popin .obj_form h3 {
    color: #333;
    font-size: 14px;
    font-family: 'FuturaBT-Medium', arial;
    margin: 0 0 30px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e8e6e6;
}

.obj_popin .obj_form p {
    color: #666;
    margin-bottom: 10px;
}

.obj_popin p.error {
    color: #ad5151;
}


/* popin add review */

.obj_popin .obj_form.add-review {
    width: auto;
}
    .obj_popin .obj_form.add-review .error {
        color: #ad5151;
    }
    .obj_popin .obj_form.add-review .str_left {
        width: 160px;
    }

        .obj_popin .obj_form.add-review .str_left .obj_select {
            width: 100%;
            margin: 0 0 10px 0;
        }

        .obj_popin .obj_form.add-review .str_left .ctn_age {
            margin: 0 0 30px 0;
        }

            .obj_popin .obj_form.add-review .str_left .ctn_age input {
                width: 40px;
            }

    .obj_popin .obj_form.add-review .str_right {
        width: 400px;
    }

    .obj_popin .obj_form.add-review input[type=text] {
        width: 175px;
        color: #666 !important;
    }

    .obj_popin .obj_form.add-review textarea {
        /*width:380px;*/
        width: 580px;
        height: 130px;
        resize: vertical;
        font-family: 'arial', sans-serif;
        color: #666 !important;
    }

    .obj_popin .obj_form.add-review .ctn_radio {
        margin: 0 0 20px 0;
    }

        .obj_popin .obj_form.add-review .ctn_radio .obj_radio {
            margin: 0 0 0 15px;
        }

        .obj_popin .obj_form.add-review .ctn_radio .obj_radio {
        }

    .obj_popin .obj_form.add-review .cgu {
        color: #000;
        font-size: 11px;
    }

    .obj_popin .obj_form.add-review .validation {
        float: right;
    }

        .obj_popin .obj_form.add-review .validation li:first-child {
            margin: 0 0 10px 0;
        }

        .obj_popin .obj_form.add-review .validation li {
            text-align: center;
        }

#rateReviewForm p.customError label {
    display: block;
}

#rateReviewForm p.customError .error {
    color: #ad5151;
}


/* popin register */

.obj_popin .obj_form.register,
.obj_popin .obj_form.register * {
    box-sizing: border-box;
}

.obj_popin .obj_form.register {
    width: 610px;
}

    .obj_popin .obj_form.register .str_left {
        width: 100%;
        max-width: 250px;
    }

        .obj_popin .obj_form.register .str_left input {
            width: 100%;
        }

        .obj_popin .obj_form.register .str_left .ctn_bt {
            text-align: right;
        }

            .obj_popin .obj_form.register .str_left .ctn_bt .b_gradient {
                margin: 5px 0 0 10px;
            }

    .obj_popin .obj_form.register .str_right {
        width: 100%;
        max-width: 230px;
    }

        .obj_popin .obj_form.register .str_right p:first-child {
            line-height: 28px;
        }

            .obj_popin .obj_form.register .str_right p:first-child span {
                line-height: 12px;
            }

        .obj_popin .obj_form.register .str_right p {
            height: 28px;
        }


/* popin message */

.obj_popin .message {
    /*width:440px;*/
    padding: 50px 30px 10px 30px;
}

    .obj_popin .message p {
        font-size: 14px;
        font-family: 'FuturaBT-Book', arial;
        text-align: center;
        margin: 0 0 20px 0;
    }

        .obj_popin .message p .b_gradient {
            margin: 0 5px;
            text-decoration: none;
        }
        .obj_popin .message p .b_gradient:hover {
            cursor: pointer;
        }

/* player */

.obj_popin .ctn_player {
    position: relative;
    z-index: 1;
    width: 711px;
    height: 400px;
    overflow: hidden;
}

    .obj_popin .ctn_player iframe {
        width: 711px;
        height: 400px;
    }


/* popin call to action - Achat */

.obj_popin .ctn_popin_achat p {
    margin-bottom: 20px;
    line-height: 17px;
}

.obj_popin .ctn_popin_achat h3 strong {
    font-family: "FuturaBT-Bold", Arial;
}

.obj_popin .ctn_popin_achat h4 {
    margin-bottom: 8px;
    font-family: futurabt-book;
    font-size: 16px;
    text-transform: uppercase;
    color: #77a3b6;
}

.obj_popin .ctn_popin_achat .obj_form {
    padding: 50px;
    height: 158px;
}

.obj_popin .ctn_popin_achat .str_left {
    padding-right: 35px;
    margin-right: 0;
    width: 283px;
    border-right: 1px solid #e8e6e6;
}

.obj_popin .ctn_popin_achat .str_right {
    margin-left: 35px;
    width: 290px;
}

.obj_popin .ctn_popin_achat .str_left input {
    padding: 0 10px;
    width: 225px;
}

.obj_popin .ctn_popin_achat .dermacenter {
    display: inline-block;
    height: 17px;
    width: 160px;
    margin-left: 5px;
    text-indent: -10000px;
    background: url("/images/f_logo-dermacenter.gif") no-repeat scroll center 0;
}

.obj_popin .ctn_popin_achat .str_right .b_gradient span {
    margin-left: 4px;
}

.obj_popin .store_locator {
    display: block;
    float: left;
    margin-right: 10px;
}

    .obj_popin .store_locator a {
        width: 26px;
        height: 21px;
        padding: 5px 0 0 0;
    }


/* event-register */

.obj_popin .event-register {
    font-family: 'FuturaBT-Book', arial;
    font-size: 12px;
}

    .obj_popin .event-register p h3 {
        margin-top: 30px;
    }

    .obj_popin .event-register p.text {
        max-width: 350px;
        padding-right: 20px;
    }

        .obj_popin .event-register p.text input {
            width: 100%;
        }

    .obj_popin .event-register ul {
        margin-bottom: 15px;
    }

    .obj_popin .event-register li {
        margin-bottom: 5px;
    }

    .obj_popin .event-register p.error {
        text-align: center;
    }

    .obj_popin .event-register .ctn_bt {
        text-align: center;
        margin-top: 30px;
    }

    .obj_popin .event-register .b_gradient {
        color: #333;
    }

a.b_monochrome {
    display: inline-block;
    color: #fff;
    height: 28px;
    padding: 0 0 0 28px;
    background: url('/images/b_monochrome.gif') left top no-repeat #333333;
    font-size: 12px;
	opacity:1;
}
.close:focus,.close:hover{
	opacity:1;
}
.filtered {
    display: none !important;
}


/*Loader css starts here*/

body.loading {
    pointer-events: none;
}

    body.loading:after {
        /* with no content, nothing is rendered */
        content: "";
        position: fixed;
        /* element stretched to cover during rotation an aspect ratio up to 1/10 */
        top: -500%;
        left: -500%;
        right: -500%;
        bottom: -500%;
        z-index: 9999;
        pointer-events: none;
        /* to block content use: all */
        /* background */
        background-color: rgba(0, 0, 0, 0.1);
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAFztJREFUeNrsXfmzHNV1Pv1mhCQEaEUIISGBkIgkFhWbzWqzRDYOIXb2xU6cxSknqVSSH/JL/oX8kMpeWZzFWZ29nDiV2BiXcVhisAWOwWCMkJBAaHsSetql9zr3aE4z/fp19927Z/m+qlPT090z783c8813zl3OTdI0JRckSUJAJbrKrlZ2ldgqsRXKlitbpmyxsnXKXle2Q9n/KPuCsr34+uLD1O8TEMQbm5Rdr2yj2AZl1ypbk31Vxa+u4pjxjLK/VPYpbkN8tSDIsGGJspvFblJ2g7KtohimJDC59ptik3DldgnSxVdV/zug7A5ltyu7Tdmtog5F505LnN0Hvy6PvwEladkBoCBzcJmyu8XeK+ajDHX36e79pLI/hZsixGobC5W9T+weZdsiksLm2tPKfgyJOwjSFjhsekDsroCkCEUQfv4JZX8Gl0YO0mQI9QFl28WWlH1/OWd1yS9C5iT3giDtYZwIcp2yh5V9SNmdEZw6dKKeYRvcFASJCe6OfUTZo9Qbrxg2XAs3BUFigH95PyzEWO8ZJpkct600AAhihC3Kvl/ZR5RdY+CYvg4fGzvhpiBICPCcpx8U22JBikHH83BTEMT3M/ywsh+h3uBeyATblkgxCPkVuCkI4gruAuWBtB8KmD/YhmIxVeopZZ+Hm4IgtuCp4x9V9uPK1o5w+/DMXoyigyBW4LGMjyl7yFEtfI6bBM/m/RRcFASxUY2fVPZT1Ft45JMTuKIp4mTT3TGTFwQxAk8i/LioR4jcIrRahCLO04QFUyCIBdjRfkZsg6OTtu30dTiubBdhyS0I4oD1yn5O2c8GdNzQxNHhgLLdyvYoe0tsv7JDyg4rew4uCIK4gNdk8DTv7R4hkg0ZXImTv/c7yl4Se0XsNWVTcDMQJCR4JJxX0m2JFNqEIs6rogA7xF5QdhIuBYLExC8IOVZEUI4QKvKU2DNi78CFQJAmwIuWflHZLw1gSMVEeCJnAAjSKLh+1C8r+wmNszZBhuw69yR9Udlj8ojQCQRpBZuEHB8OkDDbkqjs+rPK/kvsJbgH0CZBblT2K9RbHx4r1zAlBqvEfyj7HPW6YAGgVYLwar9fpV41ER81cA21MvBM2c8q+zdlp+AOwCAQhMnxa8ruN3DykCqRByfb/6Lsn5FfAINEkCysej/FmT2re58Xlf2Dsn+k3ig3MDzIt+tIEiRLyB8IFEbZEIzHKz6j7O+UfRO+NrTkyI7TUSMId+XyGMf23IdrKiH/krK/Ufbv8LOhJ0fjJGmCINkg4KMBk3ATYvBkwE8r+yvqTRIERoMcjYZbTRDk56m3bjxEEq47zh45Ced1FZ+Dj40sORohSbcBcnySwvZU6UbbebHRn1NvJi0wWmFV40oSkyBcuO0TNUQIkYfkz/Fef1zkGftpjAc5svNsM7FIEosgXByaFzota0A9+BwvVf1jQomccSNHdCWJQRDe3fWnlW02IIIvMfgcj4L/kbJvwL/GkhxU4k8DSxD+Rz9OvbEOUyL4hFUcUv2Bsn3wr7ElR4aJGKFWaIJ8TIwMcw3bPCTDOWW/L4Y5VCBHkiMJCVEGjiBcF/ejlgrhoh4nlP2uKAcw3uRIahL3dJAIspJ6C57WVzh+CPXgY54y8tuEioPjRA6XUItChVsTgT7sj9LsUqB5UqQ1CVRqcXxU2W+BHCCHYagVxLdDvMlDQhAbIqSWJOECa79DvQFAYPiRRgi1khLfnmibIBxa8d4cyyOqx3llvwflGFmSJB4k0BFpgjzLRvkShPfluM9SIWzVg5PxP4Q/IfxqI9TyefF7lf1AhLAqzR3/Bcgx8iqSOuYmjYRaTi9MkqRDvblWV2o+sAsxsue8foNHyDHOMZ6hlktIVeXjzRJE4fuov74j1aiHLTEY/6vsT5S9Df+BkjioRvF8Ryw+QZR6rBJymKiFSy7C1dB5CgmWxo4nQULmIEVfT6ITROERZXcYqgU5kIYXOj0Gnxl7FQmtJk4qYkUQpR6bhCCpQ+5hoiafFoIA44kZ6s+jCpWD5M93bFXEVkF4C7SNmtzDdcDwSWV/DR+BktQ4uq+aJLYqYkwQpR5bhSA6dTAJq4rPucDC31JvVSAAgsxECLOya10bv7dREC7Zs8YzrKpSl78nrAYE5oZaNmGWjhiJi4oYEUSpx2bq17QKnX9wBZLPwCeAmnzERDVswrKO8umJYARReFCjHkRuvVm8f98/EcY7AH2oFTLMmjBVES1BFNPWCUFCqUf+OReQ/m/4AmAQaoUgRlJQkcSbINQrNL3BQD1sifKysn+FDwAaTJN+lN0lzJoggwWDExr1uIT6ldh1pLAlymeFJACgC7WmKUw3b/GaVkV0CnKvslssSWFCFN4YE8WkgVgJu3GYpctFdBJzX4W82Z4rPv9PwlZngL2KTDiEWLprzIHz1gqilIc3u7nbQS10CsLduigqDbjkIjOeilEVZnVcQixeEHWpBymqiMK9VljjAbiSxDTEMiVN7cBht0I95lOvvm7R2YtyZRJW5c89SejWBfxVpBMwxCJREUrT1FhBeDr7tpwClIVLpmFV/hxPYz+NdgYCqYhPiJW/3q0SiyqC3F6RKPmEWs8rexztCwRSEd8Qq3i9Y0QQGfu4zUApUstzX1Z2BO0LeCItUREbtahMN8rGRMpkhcc9NlXkHzY5SP4cV19/Am0LBFSR1JAUZHg9GxM5rwuxtlnmGibhFifnr6JdgUCYof7oeqgQq1QwJgrhFb/o5hrnt0nWi6sFAaDtZF2nNt1ilFVkzA3KbqL6yWGmYVV2/gXqbZEGADGS9Y5jeEUViXonT74iQW6sUA/yyEGeJQwMAvGS9Y4nKcrCrEqCbCF95W3bhP2raEsgEjihnu9JiOK9ndIQS8VePK1ks0ZBbMmyQ9lzaEcgYpg1XRJmJRaEmKMgnIunMqyeV5Drqbes1jSkMlGQHWhDoAEVMa13ZXJPthz3fJEgm2piPRtS5M+/gPYDGlCRxJMUxfu6ZQTZSGY7/5jkIIw3CHuXA80QZIb6QxY+4VWGTlmSvsFSPXTXufj0FNoPiIy0Ig9xTdTnEkTlJFcLQWwJUaci30LbAQ2qiA8hkpJEvaPy9OlMQdYZhFO2KoKCDMCg5CEuinJhwDBPEF9C5K/vUfYK2g1oKQ/xUZPsNZ18DrJWE+OZhlUZXiMsjAIGKw+xVZNZBLmK6svO25JmJ9oMaDkP8VWSiXeTESGIjYLoQq9daC+gRYK47o2eFBL1CwrCew5ebqkgOuLsRnsBDWOGwo2mZwrS6Qo5dPGdzR+blCQdANpM1JMA7znR1aiH7g+Vve4tZSfRXkALiXpK7r1WlQRZ5qEgZW++H20FtKgi3QAJ+iyCLDcggU0ucgDtBLSoIkmg90qyHGSxxR83eVMUpQbaTNRDJenvKshlhs5vmpNMop2AFgmSBHy/JCOIrYzVAcXhgEFWEBs1uRBiLbJUEN2bH0M7ASOQg7yrIAs9/pkyHEc7AUOiIEYEWeCoIFXAGAjQpoLYJuK1STqPOs4L/E9iFi8wUiFWN7CCnEU7AQOAJBRBJsh+omIdptE2wIgoiHaX2xTfOTDOyOr/dAO+55w9FgCgwbAqpIKkExGc+SK0EzBKCnKG9AWAbcDdxujqBdrARAwFCdEtm980ZyHaCWgxxAqa9Hfl1z5kMn4J2gkYQgUp48AME+SE55sUcSnaCWiRIEHVhwlyLLCCLEY7AS3BdBsE0x/8mYwgvqqRx1K0EzAkCpKYEOSop4IUX7sc7QS0hK6B09v4+gWCHAmoHowVaCegxRDLVzXyvn+hePWkAxFSEAQYMgWx9fEkU5BDgZQje81K6o2FYOtnoOn8Y56HcpT5/PkJIUhasLo3qbIMS5StRnsBLahH1otVZiaKUbRpJgjXsTpoSQIdadaivYCGcRHpN/O0Ic/5CwrC20ypg30e6lF2zxq0F9Aw5tUQwUk9eKv0rN94nyURSHPP1WgvYIAUxCXsmrUN9F5NCGWaoOcJwjOEz6DdgAaQUH+ZRWLhw3U9XueyzJ/xpoEqkOE9/PxKZdei3YCGMN9BQXSEm0UQ3s9j2oEMVHN9A9oNaJAgtmTQ3dMniEpGWEF2eapH8fx1aDegISzwJEPxnnOKE7MUhKh8X0GTHquqa0yQRWg7IDImNAriEnKdzb95htc9CVG8xhuDXo/2AyJjoRCkytlNc4/8PaUE2WlBCDIky2a0H9AAQeqc3SXcOlNFkH0OyXjZeRAEaJIgiYeCFK+fKyWISkq4KvurDiFV3TkmyA1oQyASLhYLqSBnFRdmyhSEhCA2+YcJgUAQICZBbAhBBtdnVfkpVlR8JefgVUgNz1GOIBhVB0KDf9wX5Ry7auuDtECGOr9NigQpKsi3lX0roHowNim7Ge0JBMaiQoLuoiBl6lFNkJSnLxK9bJl76HISxja0JxAYl1Q4f+JBltM9ClQrCOOlAKQonmMFwQxfIBTm09wChSHIcrIsjisjyM4ApMif40ont6BdgUDg4oTzSN+1a6MePDh4SksQJTHMohctFMQ0zGKCXIa2BTzRFYL4kKJUPfLdu3UKwvg/x1yj7J7seKOy29C+QAD1uNghrNKdL92RoI4gLzuGVXXPb6ewWy0A4wX218UaYuhUpew8h1YnjAmipIbjsecDhFXF6zcpuwPtDDhiMc0tjm6iIDr1OJEWu680CsL4hrDKJ6wqu/89UBHAQz10JCDLc9NUs8NBJUEUoXjaydcNFcTkeXbMYyJ3or0BS3C9tcsMiGFLFFaPU9YEEezwyDfq1OROwjYJgDm452ppCRFChFrHdbJVh68bJuu2YRbP8r0b7Q4YYhn1BwbzDu4aVmXnWDmmnAkiYyLPeeQbdWpyF2F0HdBjYU49qhTElShTZWMfNgrC+Br162aFDLO4POm9aH9AA56FcXGFk/vkH9xTq9s8Sk8QxTBeZfhVz0S9ijT3UG9sBACqEvNlNWTwSdSPyXCGH0EEzyrbH0hB8scLREWwbRtQBBeCW0Fz9/ywIUYVUXhZ7Tsm/4QRQRTTduVUxDe0Kp7nBVXvhz8ABTA5FgciRvH5O8qnTwcjiOAZUZEQoVXxnvsIs32BPjiiWOmQc5g8N1YPK4Ioxr0uJAkRWhWPeQDofmVXwDfGHhx2X14RWiUG+Qhp8g/etPZUcIIInqZej1YoYuSPeWzkAfjH2GMl9SckmiTnNvnHGSEIRSGIUhEucv2UZWhlepyKijwIHxlbcASxypIMNmEW7+h8OhpBBE9Sv7BDSAXJwCqCIg/jmXesqiAAGapJXdh1guq3PA9DEKUik0ISXU+Vi4JkvRcPKVsHnxkbLBJyLKhwcldi5K9NSoIelyA5FXkqgoLkSwU9RBgfGQfweMeVJXmHS85Rde2Ii3o4E0Q2/vyKssOeClJFkmz14XdTf2stYPTA/se7AFxeoRqmOUcdac6KeqSNEUTA1U+esEzWdeMhxfs4ad8OPxpZrBH1qMo7fHqwKBdaTfkw2Adfpt7KQ9NQy1RB8tc+CJKMLDnW1Di+KTGo5hpPRjzkK3E+OCokOeYRUlENSbIP+gFRE2A0sFrIkWgIYdKbVdWte17Ica5NgjB4UdWXyK4r10RB8se8hv1hZe+Db40EOXgdUNdBNUxDLsZBshwUjEWQLNTaESEHyZ/jhTMfIkxsHGZwQs7d9/McVcM0FzkqBKFBIQj/Q49TfzKjKSF04VUZSb6Hel3AwHCBF8itLyGHiWrYJOk8Un7AN7QKTRAG92p90ZIQNuTIHi8SkjxM6AIeBnSEGNfkwqrEI7SqUpjs+QEyWCnYBkFIcpHHLdTClhxpIXF/hHqrzoDBBOeO1wpBEg05XEOr/Ov20+wlGQNHEHbgx5S9QGaj5i7kyD/eKyRZA18cOHAFxA1k1pUbopuXw/y3Q3+IiQhfzEEJtfY6qEXqQBJeaPWosq3wyYEBz6e7jmZPPiwLiUKR5KSQ48wwEITBtbS+UIgFQ4VXZY8bhCT3wDcHIhnnuXTLDEKqECThZHxfyLxjFnsravbqX5gkJrfxCPhHPPIR20euccSTKJ+kQN18gDG4NM/VuZDKtu1szuWf71b2lnUuYOj3sQlCQpDt5N616/LIdYV59eM34beN4AohxjJHIpiSpHjMYfwbTsmyod93G/jyPk+98Yt7AigIVfyKFJ9n8S9PhONqLO/Ah6NgAfXnVF0k33+ieSzmH8Vrdefyx/tdlGPQQqwMXB3ve6lfJM73V8WkRyx75L3fn4WaBMcqIcZyT8V3OXdQQivnpHyQQqwMVwpJbopADh1ZuIoFzxn7miR0gDu4As1VQo5OoLDY5twhCatO+nyIQSQISRLH86m2NpCPlJ3jrkCeM8a7Zx2Hr1thvhCD7VJy65a3vad4fVLI4d12g0oQxjohyZYGkvUqsrxGvXUsvBfjWfh+LTpCitUSToVqF1uSHJGwairEhxpkgmQk+aAoiQspio5PFr9o+WPOT14UOwcuzCHGagmNV1p8rzFCrMmQ5BgGgjB4QInnU90YONRyuYe7hXmy5cu+se2IhFKrhByXB/iuffLNLOfYHTokHgaCZD0hPEZyS8MhVtU5Loz3bbEDY5h8rxJbGoAMIchyQHKOE6E/7LAQhMGDS7y+485I5DBp4OIxj5t8R3KVnSMcfnUlfLpCbGEApXBNyIuPbwk5Tsf44MNEEAZPU+CKig865B0u+YjNuT0i8bvkcRSwUsKnlVQ9+h0ytLINsXbL9x7th2nYCJLhfrFFgUMuG/Wou86/aHtzdmZICHGR9ECtyJnp528yxDor3/Ebsb+QYSUI41bqrTtf3WCoZUOc7PiwhAE8trKfAi7zDBQ6LRVbTrN3iQ1NilCqMSXEeLuJL2iYCcLguVS8qc4Wg1DLpavXhRi665PS43JYjJ8fpfjjLLzGmwfuFkuizY9LhBC+ny+0ilRdy0bHjzT1CzLsBCH55eMVg3dHDrVcwi/T45OS8E9JN+Vx6ZE5JcnnGVEdNi7nmm1JzOt0OuL88yRE4u7XBZJIL5S8bZHYAvKrhxyKDC4J+h4hxylqEKNAkAt/hnr7qd9F+j75pkMtW7L4ki0UcW3DrFgJ+kkhxp42YtBRIUiGjdTrBt5K7nW1mshLYh6HJkVo9bB5PCDEONxWkjZI60FC4FVJhHkm7ntyCafuF0v7PXmcaxpV6yNs7rE9l3h+9uL7nMv1BA5FD+CwKEgerCK8ruT6FkOt0OFXzOO2EvIy1dhLAzJDYdQUJI8XRZ6ZJLeSe10sn1/G1OJ6G+qTBPi7oVTktBBjDw3PuNFQK0geXM2E53Fto2YGEmMpRxOva0M13hRyHB40xx9lBcmD50rx/u07hSTXWCpA6ngthio1pSR1imCyjtwEk0KMNwfwOxkrBcmDB8h4d1xe0muyfiGkivj+0sfOL5pSjSkhBs8wODXIjj9q3bw24FmpN4otcXSIYSFLyKTchzAnRS3epICLmkCQuFgtPV48XWUpxVlsNYgEajLnOCFqwXaUhgggSB+8ZHSzsu+i2bNY2wq9YhCkadXgMp/7hBhDWXMMBJkLntvFNWN5/GStp5M0fS7W/6J7z+L5/Azmoa4KA4JUgyf98dSV68TmRyDGIBLEVS3OCiEyG4nVlSCIGbicDXcN8yYvayI4WhMECa0a+eqFPOrNU3wmacQAgtiBx4PWU68cEdtKR4cMGfaEVAZTohwRUmQ2TSMKEMQvBFsrllUSbLJ7OGboVLVY6ZAoxkEak/pgIEg4rKZ+ATUuibO4oV/2WOHUFPVXPR4WcowdQJA4WCDhV1YVJF8AoW2ClN2Tlew8Ko+T8jj25VZBkObAg5DLqF8kIVsbfkmEkKzu2glRBzYemziWewRAkIECrym/VEiSrRvnNeQLJcdh43Xm86SDoCOvyb7UabHz1F+zfkbstBjPdTopxuQ4TkM+MXAQCfL/AgwA5RiTZrxUXwcAAAAASUVORK5CYII=);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50px 50px;
        /* animation */
        -webkit-animation-name: linearRotate;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: linearRotate;
        -moz-animation-duration: 1s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -o-animation-name: linearRotate;
        -o-animation-duration: 1s;
        -o-animation-iteration-count: infinite;
        -o-animation-timing-function: linear;
        animation-name: linearRotate;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

@-webkit-keyframes linearRotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*Loader css ends here*/

.pg_mediaRessources .obj_media_ressources {
    padding: 65px 0 60px 0;
}

    .pg_mediaRessources .obj_media_ressources .ctn_navigation_media {
        padding: 0 25px;
    }

        .pg_mediaRessources .obj_media_ressources .ctn_navigation_media h1 {
            font: normal 62px/1em 'FuturaBT-Book', Arial;
            color: #77a3b6;
            text-align: center;
        }

        .pg_mediaRessources .obj_media_ressources .ctn_navigation_media ul {
            clear: both;
            margin: 50px 0 50px 0;
            text-align: center;
        }

        .pg_mediaRessources .obj_media_ressources .ctn_navigation_media li {
            display: inline-block;
            margin: 0 3.729166%;
            /* 0 55px */
            font: 21px/1em 'FuturaBT-Heavy', Arial;
            width: 25%;
            position: relative;
        }

            .pg_mediaRessources .obj_media_ressources .ctn_navigation_media li a {
                display: block;
                width: 14em;
                /* 205px */
                height: 10.25em;
                line-height: 9.5em;
                color: #fff;
                text-transform: uppercase;
                opacity: 1;
                filter: alpha(opacity=100);
                transition: opacity 0.2s linear;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 99.024390% auto;
            }

.media-tv .obj_media_ressources .ctn_navigation_media li a,
.media-print .obj_media_ressources .ctn_navigation_media li a,
.media-digital .obj_media_ressources .ctn_navigation_media li a {
    opacity: 0.4;
}

    .media-tv .obj_media_ressources .ctn_navigation_media li a.tv,
    .media-print .obj_media_ressources .ctn_navigation_media li a.print,
    .media-digital .obj_media_ressources .ctn_navigation_media li a.digital {
        opacity: 1;
    }

    .media-print .obj_media_ressources .ctn_navigation_media li a:hover,
    .media-digital .obj_media_ressources .ctn_navigation_media li a:hover,
    .media-tv .obj_media_ressources .ctn_navigation_media li a:hover {
        opacity: 1;
    }

.pg_mediaRessources .obj_media_ressources .ctn_navigation_media ul:hover a,
.pg_mediaRessources.pg_active .obj_media_ressources .ctn_navigation_media ul a,
.pg_mediaRessources.pg_active .obj_media_ressources .ctn_navigation_media ul.active a {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.pg_mediaRessources .obj_media_ressources .ctn_navigation_media ul li a:hover,
.pg_mediaRessources.media-print .obj_media_ressources .ctn_navigation_media li a.print,
.pg_mediaRessources.media-digital .obj_media_ressources .ctn_navigation_media li a.digital,
.pg_mediaRessources.media-tv .obj_media_ressources .ctn_navigation_media li a.tv {
    opacity: 1;
    filter: alpha(opacity=100);
}

.pg_mediaRessources .obj_media_ressources .ctn_navigation_media li a.print {
    color: #0ca0bc;
    background-image: url("../images/b_media_print.png");
}

.pg_mediaRessources .obj_media_ressources .ctn_navigation_media li a.digital {
    background-image: url("../images/b_media_digital.png");
}

.pg_mediaRessources .obj_media_ressources .ctn_navigation_media li a.tv {
    background-image: url("../images/b_media_tv.png");
}


/* intro media */

.pg_mediaRessources .obj_media_ressources .ctn_intro_media {
    padding: 0 25px;
    margin-bottom: 130px;
}

    .pg_mediaRessources .obj_media_ressources .ctn_intro_media img {
        float: left;
        margin: 0 25px 0 -30px;
        width: 53.854166%;
        /* 517px */
    }

    .pg_mediaRessources .obj_media_ressources .ctn_intro_media p {
        padding: 180px 0 0;
        font: 21px/30px 'FuturaBT-Book', Arial;
        float: right;
        width: 46.4583333%;
        /* 446px */
    }

.pg_integrated-skincare .obj_int-skincare.equation .icone {
   /* width: 140px;*/
    width: 170px;
    margin: 0;
}

.pg_integrated-skincare .int-skincare-title {
    width: 77%;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 20%;
    /*padding: 0 35px;*/
	padding: 0 26px;
    box-sizing: border-box;
}


/* -------------------------------------
 *   obj_paging / navpages
 * ------------------------------------- */

.downloadable .obj_paging li,
.downloadable .obj_navpages li {
    display: inline;
}

.downloadable .obj_paging li,
.downloadable .obj_paging a,
.downloadable .obj_navpages li,
.downloadable .obj_navpages a {
    padding: 0 2px 0 0;
    display: inline-block;
    font: 12px 'FuturaBT-Medium', arial;
    color: #333333;
}

    .downloadable .obj_paging.on,
    .downloadable .obj_paging li.inactive,
    .downloadable .obj_paging a:hover,
    .downloadable .obj_navpages.on,
    .downloadable .obj_navpages li.inactive,
    .downloadable .obj_navpages a:hover {
        color: #77a3b6;
    }

.downloadable .obj_paging .b_prev,
.downloadable .obj_paging .b_next,
.downloadable .obj_navpages .prev,
.downloadable .obj_navpages .next {
    margin: 0 5px 0 0;
    line-height: 10px;
    width: 6px;
    height: 10px;
    text-indent: -10000px;
    background: url('/images/b_fleche-left-6x10.png') center center no-repeat;
}

.downloadable .obj_paging .b_next,
.downloadable .obj_navpages .next {
    margin: 0 0 0 5px;
    background-image: url('/images/b_fleche-right-6x10.png');
}

.downloadable .obj_paging .disabled,
.MyOrdersPagination .obj_paging .disabled {
    display: none;
}

.pg_mediaRessources .ctn_intro_media img {
    float: left;
    margin: 0 25px 0 -30px;
    width: 53.854166%;
}

.pg_mediaRessources .ctn_intro_media p {
    padding: 180px 0 0;
    font: 21px/30px 'FuturaBT-Book', Arial;
    float: right;
    width: 40%;
}

.pg_mediaRessources .ctn_intro_media {
    padding: 0 25px;
    margin-bottom: 130px;
}

span.media-header-title {
    position: absolute;
    z-index: 999;
    top: 18%;
    color: #fff;
    left: 22%;
    text-transform: uppercase;
    font-size: 18px;
}

.ctn_navigation_media li:first-child span.media-header-title {
    color: #0ca0bc;
}

.ctn_navigation_media li:last-child span.media-header-title {
    left: 31%;
}

.pg_mediaRessources .main-center {
    width: 1140px;
    margin: 0 auto;
}

.pg_mediaRessources .obj_coverflip .popin-container a.button {
    display: inline-block;
    border-radius: 15px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    font-size: 10px;
    text-transform: uppercase;
    color: #3e4143;
    background: url(/images/pg_mediaressources_bg_button.png) repeat-x center center;
    cursor: pointer;
}

.obj_coverflip .popin figure {
    float: left;
    width: 37.671232%;
    overflow: hidden;
    border: 1px solid #e6e6e6;
}

.pg_mediaRessources .obj_coverflip .popin-container figure.couv {
    width: 28.205128%;
    -webkit-box-shadow: 0 0 10px rgba(150, 150, 150, 1);
    -moz-box-shadow: 0 0 10px rgba(150, 150, 150, 1);
    -o-box-shadow: 0 0 10px rgba(150, 150, 150, 1);
    box-shadow: 0 0 10px rgba(150, 150, 150, 1);
}

.obj_coverflip .popin figure img {
    display: block;
    width: 100%;
}

.pg_mediaRessources .obj_coverflip .popin-container figure.produit {
    border: none;
    width: 23.076923%;
    margin-left: 2.564102%;
}

.obj_coverflip .popin .content {
    float: right;
    width: 56.164383%;
    font-family: 'FuturaBT-Book', Arial;
}

.pg_mediaRessources .obj_coverflip .popin-container div.content {
    width: 42.307692%;
}

.obj_coverflip .popin .content h3 {
    font-size: 21px;
    color: #333;
}

.obj_coverflip .popin .content p {
    margin: 0 0 15px 0;
    font-size: 16px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: inherit;
    font-family: inherit;
}


/* -------------------------------------
 *   obj_coverflip
 * ------------------------------------- */

.obj_coverflip .ui-jcoverflip {
    position: relative;
    z-index: 1;
    height: 405px;
}

.obj_coverflip .ui-jcoverflip--item {
    position: absolute;
    display: block;
}

.obj_coverflip ul {
    height: 405px;
}

    .obj_coverflip ul .ui-jcoverflip--title {
        position: absolute;
        bottom: -30px;
        width: 100%;
        text-align: center;
        color: #555;
    }

    .obj_coverflip ul li {
        background: #000;
    }

.pg_print ul img {
    display: block;
    border: 0;
    outline: none;
}

.pg_print ul a {
    outline: none;
}


/* media-over */

.pg_print .over {
    display: none;
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 230px;
    padding: 20px;
    background: url('/images/pix_alpha90.png');
}


/* media-popin */

.pg_print .popin-container {
    display: none;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: 25px;
    width: 704px;
    margin: 0 0 0 -352px;
}

.pg_print .ui-slider {
    margin: 0;
}

.pg_print .popin {
    display: none;
    background: #fff;
    position: relative;
    padding: 60px 60px 60px;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 1);
    -o-box-shadow: 0 0 40px rgba(0, 0, 0, 1);
    box-shadow: 0 0 40px rgba(0, 0, 0, 1);
}

    .pg_print .popin .b_monochrome.close {
        position: absolute;
        right: 0;
        top: 0;
    }

    .pg_print .popin figure {
        float: left;
        width: 37.671232%;
        /* 220px */
        overflow: hidden;
        border: 1px solid #e6e6e6;
        margin: 0;
    }

        .pg_print .popin figure img {
            display: block;
            width: 100%;
        }

    .pg_print .popin .content {
        float: right;
        width: 56.164383%;
        /* 328px */
        font-family: 'FuturaBT-Book', Arial;
    }

        .pg_print .popin .content h3 {
            font-size: 21px;
            color: #333;
        }

    .pg_print .popin time {
        font-size: 12px;
        text-transform: uppercase;
        color: #77a3b6;
    }

    .pg_print .popin .content p {
        margin: 0 0 15px 0;
        font-size: 16px;
    }


/* scrollbar */

.pg_print .ctn_scrollbar {
    position: relative;
    z-index: 2;
    top: -75px;
    margin: 70px auto -150px;
    max-width: 702px;
    padding: 35px 0;
}

.pg_print .scrollbar {
    height: 9px;
    padding: 1px 0 0 0;
    border: 1px solid #666;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    box-sizing: content-box;
    -webkit-box-sizing:content-box;
}

    .pg_print .scrollbar > div {
        position: relative;
    }

    .pg_print .scrollbar .ui-slider-handle {
        background: #ccc;
        position: absolute;
        z-index: 2;
        height: 8px;
        border-radius: 0;
        width: 20px !important;
        height: 9px !important;
        top: -1px;
    }

        .pg_print .scrollbar .ui-slider-handle:hover {
            background: #fff;
        }

.pg_mediaRessources .obj_coverflip .over {
    bottom: 0;
}

.pg_print .ui-slider-handle.handleFixed {
    width: 700px !important;
}

.obj_coverflip .over {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 230px;
    padding: 20px;
    background: #fff url(/images/pix_alpha90.png);
}

    .obj_coverflip .over h3 {
        font-family: 'FuturaBT-Medium', arial;
        color: #333;
        font-size: 14px;
        text-transform: uppercase;
    }

.pg_mediaRessources .popin-container {
    width: 900px;
    margin-left: -450px;
}

.obj_coverflip .popin-container {
    display: none;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: 25px;
    width: 704px;
    margin: 0 0 0 -352px;
    top: 15%;
}

.obj_coverflip .popin {
    display: none;
    background: #fff;
    position: relative;
    padding: 60px 60px 60px;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 1);
    -o-box-shadow: 0 0 40px rgba(0, 0, 0, 1);
    box-shadow: 0 0 40px rgba(0, 0, 0, 1);
}

    .obj_coverflip .popin .b_monochrome.close {
        position: absolute;
        right: 0;
        top: 0;
    }

    .obj_coverflip .popin figure img {
        display: block;
        width: 100%;
    }

    .obj_coverflip .popin .content {
        float: right;
        width: 56.164383%;
        font-family: 'FuturaBT-Book', Arial;
    }

.pg_mediaRessources.pg_print * {
    box-sizing: initial;
}

.pg_mediaRessources .popin-container {
    width: 900px;
    margin-left: -450px;
}

.obj_coverflip .popin .b_monochrome.close {
    position: absolute;
    right: 0;
    top: 0;
}

.obj_coverflip .popin .content h3 {
    font-size: 21px;
    color: #333;
    text-transform: uppercase;
}


/* -------------
 * inner page
 * ---------- */

.pg_mediaRessources .media.active,
.pg_mediaRessources.pg_print .media.print,
.pg_mediaRessources.pg_digital .media.digital,
.pg_mediaRessources.pg_tv .media.tv {
    height: auto;
}

.pg_mediaRessources .media.ctn_coverflip .str_top {
    position: relative;
    max-width: 1020px;
    background: #000 url("/images/bg_mediaressources_carrousel.jpg") repeat top center;
    background-size: cover;
    padding: 20px 0 70px 0;
    margin: 0 auto;
}

.pg_print .media.ctn_coverflip .str_top header {
    margin: 10px;
}

.pg_print .media.ctn_coverflip .str_top h2 {
    padding: 0 40px;
    color: white;
    font-size: 20px;
}

.pg_mediaRessources .media.ctn_coverflip .str_top h2 {
    padding: 0 40px;
    color: white;
    font-size: 20px;
}

.pg_print .media.ctn_coverflip .obj_coverflip .ctn_scrollbar {
    top: 0;
    padding-right: 30px;
    padding-left: 30px;
}

.pg_print .obj_coverflip .over {
    bottom: 0;
    /*width: auto;*/
}

.pg_print .popin-container {
    width: 900px;
    margin-left: -450px;
}

    .pg_print .popin-container figure.couv {
        width: 28.205128%;
        /* 220px */
        -webkit-box-shadow: 0 0 10px rgba(150, 150, 150, 1);
        -moz-box-shadow: 0 0 10px rgba(150, 150, 150, 1);
        -o-box-shadow: 0 0 10px rgba(150, 150, 150, 1);
        box-shadow: 0 0 10px rgba(150, 150, 150, 1);
    }

    .pg_print .popin-container figure.produit {
        border: none;
        width: 23.076923%;
        /* 220px */
        margin-left: 2.564102%;
        /* 20px */
    }

    .pg_print .popin-container div.content {
        width: 42.307692%;
        /* 330px */
    }

    .pg_print .popin-container a.button {
        display: inline-block;
        border-radius: 15px;
        border: 1px solid #ccc;
        padding: 5px 10px;
        font-size: 10px;
        text-transform: uppercase;
        color: #3e4143;
        background: url("../images/pg_mediaressources_bg_button.png") repeat-x center center;
        cursor: pointer;
    }

        .pg_print .popin-container a.button:hover {
            background: #77a3b6;
            color: white;
        }

.pg_print .ui-widget-content {
    background: none;
    border: none;
}

.pg_print .ui-slider.ui-widget-content {
    border: none;
}


/* ===========================================
 *	$ =	SURCHARGE TRAINING LANDING
 * ======================================== */

a.b_round.larg,
.b_round.larg {
    font-size: 14px;
    font-family: 'FuturaBT-Heavy', arial;
    line-height: 40px;
    height: 40px;
    padding: 0 25px;
}

.training #content {
    padding-top: 20px;
}

.training div.main {
    background: url('../../include/images/f_resources.jpg') center 147px no-repeat;
}

.training.downloadable {
    padding-top: 147px;
}

    .training.downloadable .top {
        padding: 0;
    }

        .training.downloadable .top header {
            position: relative;
            height: 560px;
            margin-bottom: 18px;
            background: url('/images/f_header-traning.jpg') center top;
			background-size: 100% 100%;
			background-repeat: no-repeat;
			margin-top:30px;
        }

            .training.downloadable .top header div {
                position: absolute;
                bottom: 25px;
                left: 25px;
                width: 530px;
                padding: 30px 40px;
                background: #fff;
                background: rgba(255, 255, 255, .75);
                overflow: hidden;
                height: 400px;
            }

            .training.downloadable .top header h1 {
                color: #77a3b6;
                font: 34px 'FuturaBT-Light', arial;
                margin-bottom: 10px;
            }

            .training.downloadable .top header p {
                line-height: 1.666666em;
                /* 30px */
                margin: 0;
            }

.training .ctn_bt-result {
    margin-bottom: 12px;
}

    .training .ctn_bt-result .b_round:hover {
        background: #000;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .training .ctn_bt-result span {
        margin-left: 10px;
        font: 12px 'FuturaBT-Medium', arial;
        color: #008ab0;
    }

.training.downloadable .str_left ul {
    margin-left: 0;
}

.training.downloadable .str_right {
    padding-left: 196px;
}

.training.downloadable .ctn_products {
    left: 0;
    margin-bottom: 30px;
}

    .training.downloadable .ctn_products .item {
        position: relative;
        border: 1px solid #e8e8e8;
        margin: 0 0 20px 20px;
        /*width: 232px;*/
        padding: 0 0 34px;
    }

.training.downloadable .item > a {
    display: block;
    height: 144px;
}

.training.downloadable .item .figure {
    font-size: 0;
    height: 144px;
    line-height: 144px;
    text-align: center;
    background: #fff;
}

    .training.downloadable .item .figure img {
        display: inline-block;
        margin: 0 auto;
        vertical-align: middle;
    }

.training.downloadable .completed img {
    opacity: .85;
}

.training.downloadable .item .content {
    padding: 15px 15px 25px;
}

.training.downloadable .item h4 {
    font-size: 12px;
    font-family: 'FuturaBT-Bold', arial;
    margin: 0;
	    word-break: break-word;
}

.training.downloadable .item h5 {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 10px;
    font-size: 9px;
    line-height: 9px;
    font-family: 'FuturaBT-Medium', arial;
    text-transform: uppercase;
    color: white;
    background: #008ab0;
    border-bottom-left-radius: 3px;
}

.training.downloadable .item p {
    margin: 0;
}

.training.downloadable .item .bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 33px;
    border-top: 1px solid #e8e8e8;
}

    .training.downloadable .item .bottom p {
        height: 33px;
        line-height: 33px;
        padding: 0 0 0 43px;
        font-size: 13px;
        color: #008ab0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .training.downloadable .item .bottom a:hover p {
        opacity: 0.6;
    }

.training.downloadable .item.completed .bottom p a {
    color: #b8b8b8;
}

.training.downloadable .item.training .bottom p {
    background: url('/images/i_training.png') no-repeat 15px bottom / 21px auto;
}

.training.downloadable .item.completed .bottom p {
    color: #b8b8b8;
}

.training.downloadable .item.training.completed .bottom p {
    background: url('/images/i_training.png') no-repeat 15px top / 21px auto;
}

.training.downloadable .item.video .bottom p {
    background: url('/images/i_video.png') no-repeat 15px bottom / 21px auto;
}

.training.downloadable .item.video.completed .bottom p {
    background: url('/images/i_video.png') no-repeat 15px top / 21px auto;
}

.training.downloadable .item.image .bottom p {
    background: url('/images/i_image.png') no-repeat 15px bottom / 21px auto;
}

.training.downloadable .item.image.completed .bottom p {
    background: url('/images/i_image.png') no-repeat 15px top / 21px auto;
}

.training.downloadable .item.pdf .bottom p {
    background: url('/images/i_pdf.png') no-repeat 15px bottom / 21px auto;
}

.training.downloadable .item.pdf.completed .bottom p {
    background: url('/images/i_pdf.png') no-repeat 15px top / 21px auto;
}

.training.downloadable .item.powerpoint .bottom p {
    background: url('/images/i_powerpoint.png') no-repeat 15px bottom / 21px auto;
}

.training.downloadable .item.powerpoint.completed .bottom p {
    background: url('/images/i_powerpoint.png') no-repeat 15px top / 21px auto;
}

.training.downloadable .ctn_products .item ul {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    bottom: 33px;
    right: 15px;
    margin: 5px 0;
    text-align: right;
}

    .training.downloadable .ctn_products .item ul li {
        display: inline-block;
        margin: 0;
    }

        .training.downloadable .ctn_products .item ul li a {
            display: inline-block;
            color: #668fa0;
            margin: 0 0 0 5px;
            padding: 0 0 0 15px;
            font-size: 12px;
            font-family: 'FuturaBT-Medium', arial;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .training.downloadable .ctn_products .item ul li a:hover {
                opacity: 0.6;
            }

        .training.downloadable .ctn_products .item ul li.download a {
            background: transparent url("/images/i_download_HD.png") no-repeat scroll left 2px / 11px auto;
        }

        .training.downloadable .ctn_products .item ul li.view a {
            background: transparent url("/images/i_view.png") no-repeat scroll left 2px / 11px auto;
        }

.training.downloadable .b_liked {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    z-index: 20;
}

.b_liked {
    display: inline-block;
    border: none;
    width: 25px;
    height: 20px;
    text-indent: -10000px;
    cursor: pointer;
    background: url('/images/b_like.png') left top no-repeat;
    box-shadow: none;
}

    .b_liked.active {
        background-position: left -20px;
    }

button.b_liked:hover {
    background: url('/images/b_like.png') left top no-repeat;
    border: none;
}

button.b_liked.active:hover {
    background: transparent;
    border: none;
    background: url(/images/b_like.png) left top no-repeat;
    background-position: left -20px;
}

.ctn_btn_back {
    margin: 81px auto 60px;
    text-align: right;
    width: 940px;
}

.educationModulePage .ctn_btn_back {
    margin-bottom: 10px;
    width: auto;
    margin-top: 20px;
}

.ctn_btn_back a {
    padding: 9px 7px;
    background-color: #308297;
    border-radius: 5px;
    font-family: "FuturaBT-Bold", Arial;
    font-size: 10px;
    text-transform: uppercase;
    color: #ffffff;
}


/*******Our history Timeline css Starts***************/

.timeline section {
    margin-bottom: 30px;
}

.left-1 {
    float: left;
    margin: 0 20%;
    width: 800px;
    background-repeat: no-repeat;
}

.right-1 {
    float: right;
    margin: 0 10%;
    padding-right: 12%;
    width: 800px;
    background-repeat: no-repeat;
}

    .left-1 [class*="grid"],
    .right-1 [class*="grid"] {
        margin-left: 0;
    }

.y17 {
    margin-left: 10%;
}

.timeline section a {
    color: #2e9ebe;
}

.no-margin .col-2 {
    margin-left: -6%;
}

.story .nav a {
    font-size: 14px;
    font-family: 'FuturaBT-Medium', arial;
    text-decoration: none;
    color: #666;
}

    .story .nav a:hover {
        color: #2e9ebe;
        text-decoration: none;
    }

.y15.left-1 {
    width: 1080px;
}

.y16 {
    position: absolute;
    top: 52%;
    left: 27%;
    z-index: -1;
}

.y15 .y16 {
    left: 96%;
}

.y13 .y16 {
    top: 40%;
}

.wid16 .col-2 {
    width: 390px;
}

.y97 .col-2 {
    width: 300px;
    margin-left: -3%;
}

.y2k1 .col-1 {
    width: 400px;
    text-align: right;
    margin-right: 1%;
}

.y2k1 .col-2 img {
    cursor: pointer;
}

.y2k4 .str_left {
    width: 380px;
    padding-top: 35px;
}

.left-1.y2k8 {
    width: auto;
}

.y2k12 .y16 {
    left: 50%;
    margin-top: -21%;
    position: relative;
}

.y2k12 .sun-protection {
    width: 300px;
}

.y2k4 ul {
    padding: 75px 45px 75px 0;
    width: 110px;
    float: left;
    background: url(/images/i_2004.gif) no-repeat 110px top;
}

    .y2k4 ul li {
        margin: 0 auto 20px auto;
        font-family: 'FuturaBT-Bold', arial;
        font-size: 15px;
        color: #35788c;
        text-transform: uppercase;
        text-align: center;
    }

.y2k8 .str_left {
    margin: 0 50% 0 0%;
}


/************Our history timline css ends*-********/


/*********Prdouct Category************ starts*/

.cat-bg-image {
    background-position: right center;
    background-repeat: no-repeat;
    height: 485px;
}

    .cat-bg-image .col-1 {
        padding: 150px 0 0 0;
        width: 415px;
    }

        .cat-bg-image .col-1 h1 {
            margin: 0 0 20px 0;
            text-transform: uppercase;
            font-family: 'FuturaBT-Light', arial;
            color: #77a3b6;
            font-size: 48px;
            line-height: 1em;
        }

        .cat-bg-image .col-1 h2 {
            font-size: 14px;
            font-family: 'FuturaBT-Book', arial;
            text-transform: uppercase;
            color: #000;
            border-bottom: 1px solid #d4d5d5;
            padding: 0 0 10px 0;
            margin: 0 0 10px 0;
        }

        .cat-bg-image .col-1 p {
            color: #070707;
            font-size: 13px;
            font-family: 'FuturaBT-Book', arial;
        }

.product-category .obj_sorting {
    clear: both;
    margin: 0 0 30px 0;
    border-top: 1px solid #e8e6e6;
}

    .product-category .obj_sorting .more_options {
        height: 0;
        overflow: hidden;
        position: relative;
        z-index: 20;
        background: url(/images/pix_light-gray.gif) left bottom repeat-x;
    }

        .product-category .obj_sorting .more_options h5 {
            margin: 0 20px 10px 0;
        }

    .product-category .obj_sorting h5 {
        color: #333;
        font-family: 'FuturaBT-Book', arial;
        font-size: 12px;
        text-transform: uppercase;
        float: left;
        line-height: 25px;
    }
    .sbs-brand .product-category .obj_sorting h5 {
        font-size:14px !important;
        font-family: "GTAmericaTrialCompRegular", Helvetica,Roboto, Arial, sans-serif !important;	
    }
    .product-category .obj_sorting .obj_filter {
        margin-bottom: 10px;
    }

.obj_filter {
    position: relative;
    z-index: 2;
    float: left;
    margin: 0 10px 0 0;
    width: 185px;
    height: 28px;
}

.product-category .obj_sorting .obj_filter > div {
    width: 183px;
}

.obj_filter > div {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 28px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #ccc;
    background: url(/images/b_filter.gif) left top repeat-x #f5f5f5;
}


/*.product-category .obj_checkbox::before {
    background: url(/images/b_checkbox.png) left top no-repeat;
    content: "";
    height: 13px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 13px;
}
*/

.product-category .obj_sorting .str_left p {
    float: left;
    margin: 0 10px 0 0;
}

.product-category .obj_sorting h5 {
    color: #333;
    font-family: 'FuturaBT-Book', arial;
    font-size: 12px;
    text-transform: uppercase;
    float: left;
    line-height: 28px;
	margin:0px;
}

.product-category .obj_sorting .str_right ul {
    float: left;
    margin: 2px 0 0 20px;
}

.product-category .obj_sorting .str_right li {
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    float: left;
    border-left: 1px solid #b7cdd4;
    margin-top: 3px !important;
}

    .product-category .obj_sorting .str_right li:first-child {
        border: none;
        margin: 0;
        padding: 0;
    }

.product-category .obj_sorting .more_options > div {
    padding: 40px 0 31px 0;
}

.product-category .obj_sorting .str_right li a {
    font-size: 11px;
}

    .product-category .obj_sorting .str_right li a.on {
        color: #000;
        font-weight: bold;
        /*  cursor: default;*/
    }

.obj_product {
    width: 160px;
    margin: 0 40px 50px 0;
    float: left;
    display: inline-block;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.favorites .obj_product {
    float: left;
}

.obj_product.last {
    margin: 0 0 50px 0;
}

.obj_product .content {
    position: relative;
    z-index: 1;
    margin: 0 0 10px 0;
}

.favorites .obj_product.thumb img {
    width: 80px;
    height: 100px;
    margin: 0 auto;
}

.obj_product img {
    display: block;
    width: 160px;
    height: 240px;
}

.obj_product .info {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 160px;
    height: 0;
    overflow: hidden;
    width: 160px;
    height: 0px;
    transition: height .25s;
    /*background-color: rgba(60, 60, 60, 0.4);*/
    border-radius: 25px;
}

.obj_product p {
    margin: 0 0 15px 0;
}

.obj_product .info p:first-child {
    font-size: 12px;
    color: #666666;
}

.obj_product p.link {
    color: #2e9ebe;
    cursor: pointer;
}

.obj_product .masque {
    display: block;
    position: absolute;
    z-index: 2;
    top: -20px;
    left: -10px;
    width: 180px;
    height: 260px;
    background: #fff;
    opacity: 0;
    /* transition: opacity .25s;*/
}

.obj_product header a {
    position: relative;
    display: block;
    padding-top: 33px;
}

.obj_product header .pPhilosophy {
    position: absolute;
    top: 0;
    left: 0;
}

p.pPhilosophy {
    color: #2e9ebe;
    font-family: 'FuturaBT-Medium', arial;
    font-size: 9px;
    text-transform: uppercase;
}

.pPhilosophy span {
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #ededed;
    padding: 2px 5px;
}

.obj_product h2 {
    line-height: 16px;
    margin: 0 0 5px 0;
    font-family: 'FuturaBT-Book', Arial;
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
}

.obj_product .b_monochrome {
    position: absolute;
    top: 0;
    right: -28px;
    opacity: 0;
    transition: opacity .25s;
}


/* info-is-visible */

.onglet.favorites.current .masque {
    top: 40px;
}

.obj_product.info-is-visible .masque {
    opacity: .6;
}

.obj_product.info-is-visible .info {
    height: 240px;
}

.obj_product.info-is-visible .b_monochrome {
    opacity: 1;
}

a.b_remove {
    display: inline-block;
    text-indent: -10000px;
    width: 20px;
    height: 20px;
    background: url(/images/b_remove.png) left top no-repeat;
}

.obj_product.thumb .ctn_b_remove {
    text-align: center;
}

.obj_about-skinceuticals {
    position: relative;
    background: url('/images/pix_light-gray.gif') left top repeat-x;
}

    .obj_about-skinceuticals .ctn_bt {
        position: absolute;
        top: -28px;
        height: 28px;
        overflow: hidden;
    }

.ctn_about-skinceuticals {
    height: 0;
    overflow: hidden;
}

    .ctn_about-skinceuticals .str_right {
        width: 630px;
    }

    .ctn_about-skinceuticals h2 {
        float: left;
        text-indent: -5000px;
        width: 285px;
        height: 30px;
        margin: 10px 0;
        background: url(/images/v_logo-skinCeuticals-header-EU.png) left top no-repeat;
    }

.prevent-product,
.philosophy {
    height: 485px;
    background-position: center top;
}

    .prevent-product.cat-bg-image .col-1 h1 {
        margin: 0 0 20px 0;
        text-transform: uppercase;
        font-family: 'FuturaBT-Light', arial;
        color: #77a3b6;
        font-size: 20px;
    }

.product-category .obj_sorting .more_options > div {
    padding: 40px 0 31px 0;
}

.product-category .obj_sorting .str_right li a {
    font-size: 11px;
}

.ctn_about-skinceuticals > div {
    padding: 20px 0 10px 0;
}

.ctn_about-skinceuticals p {
    font-size: 18px;
    font-family: 'FuturaBT-Book', Arial;
    margin: 0 0 20px 0;
}

.ctn_about-skinceuticals .str_right p {
    font-family: Arial;
    font-size: 12px;
    color: #808080;
    margin: 0 0 10px 0;
}

.obj_about-skinceuticals a.b_monochrome span {
    font-size: 12px;
}

.wrapper-bg #wrapper {
    background: url("/images/f_blue-gradient.gif") left 147px repeat-x;
}

p.legend {
    position: absolute;
    width: 200px;
    text-align: right;
    line-height: 14px;
}

    p.legend.legend3 {
        top: 443px;
        left: 680px;
        text-align: center;
        z-index: 1;
    }

    p.legend.legend2 {
        top: 143px;
        left: 350px;
    }

    p.legend.legend1 {
        top: 111px;
        left: 360px;
        z-index: 1;
    }

.skin-type .philosophy,
.skin-condition {
    background-position: right center;
}

    .skin-condition p.legend.legend1 {
        top: 150px;
        left: 256px;
    }

    .skin-condition p.legend.legend2 {
        top: 207px;
        left: 281px;
    }

    .skin-condition p.legend.legend3 {
        top: 380px;
        left: 485px;
    }

.hyperpigmentation p.legend.legend2 {
    top: 392px;
    left: 510px;
}

.hyperpigmentation p.legend.legend1 {
    top: 115px;
    left: 317px;
}

.dehydrated p.legend.legend1 {
    top: 100px;
    left: 317px;
}

.dehydrated p.legend.legend2 {
    top: 155px;
    left: 317px;
}

.skin-condition {
    height: 484px;
}

.rosacea p.legend.legend1 {
    top: 108px;
    left: 380px;
}

.rosacea p.legend.legend2 {
    top: 194px;
    left: 340px;
}

.acne p.legend.legend1 {
    top: 108px;
}

.acne p.legend.legend2 {
    left: 332px;
    top: 139px;
}

.acne p.legend.legend3 {
    top: 420px;
    left: 666px;
}

.cat-bg-image.rosacea .col-1 h2 {
    width: 270px;
}

.rosacea p.legend.legend3 {
    top: 423px;
}

.rosacea p.legend.legend4 {
    left: 332px;
    top: 230px;
}

.sensitized p.legend.legend1 {
    top: 143px;
    left: 256px;
}

.sensitized p.legend.legend2 {
    top: 203px;
    left: 340px;
}

.sensitized p.legend.legend3 {
    top: 250px;
    left: 407px;
}

.obj_form.register .titleDisable {
    opacity: 0.3 !important;
    pointer-events: none !important;
}

.cat-sub #content {
    padding-top: 150px;
}


/*********Prdouct Category************ ends*/


/***************Product description Css************/

.pg_productDetails #content {
    padding-top: 120px;
}

.pg_productDetails .overview {
    padding: 134px 0 20px 0;
    background: url('/images/f_productDetail-overview.jpg') center 60px no-repeat #eaf1f7;
    margin-top: -5%;
}

    .pg_productDetails .overview .main-center {
        position: relative;
    }

    .pg_productDetails .overview .ctn_product-picture {
        width: 37.5%;
        /* 360px */
        position: relative;
        z-index: 1;
        float: left;
    }

        .pg_productDetails .overview .ctn_product-picture .obj_stickers {
            left: 0;
            max-width: 50%;
            position: absolute;
            top: 0;
        }

            .pg_productDetails .overview .ctn_product-picture .obj_stickers img {
                max-width: 100%;
            }

        .pg_productDetails .overview .ctn_product-picture > img {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 100;
        }

    .pg_productDetails .overview figure {
        width: 100%;
    }

        .pg_productDetails .overview figure img {
            width: 100%;
            min-height: 300px;
        }

    .pg_productDetails .overview .str_left {
        width: 48.958333%;
        /* 470px */
    }

    .pg_productDetails .overview header .pPhilosophy {
        border-color: #d9e0e5;
        font-size: 11px;
        margin: 0 0 15px 0;
    }

    .pg_productDetails .overview h1 {
        font-family: 'FuturaBT-Light', arial;
        color: #77a3b6;
        font-size: 36px;
        text-transform: uppercase;
    }

    .pg_productDetails .overview h2 {
        font-family: arial;
        font-size: 12px;
        color: #666;
        text-transform: none;
    }


    /* ligne commentaires */

    .pg_productDetails .ctn_review {
        font-size: 12px;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #d4d4d5;
    }

        .pg_productDetails .ctn_review li {
            float: left;
            margin: 0 0 10px 10px;
            padding: 0 0 0 10px;
            border-left: 1px solid #b2b3b3;
            background: none;
        }

            .pg_productDetails .ctn_review li a {
                font-size: 12px;
            }

            .pg_productDetails .ctn_review li:first-child {
                border: none;
                margin: 0 0 10px 0;
                padding: 0;
            }

        .pg_productDetails .ctn_review .obj_rating-customers {
            margin: 0;
        }


    /* add to cart */

    .pg_productDetails .overview .obj_form {
        margin: 0 0 10px 0;
    }

        .pg_productDetails .overview .obj_form .obj_select {
            float: left;
            margin: 0 10px 0 0;
        }

            .pg_productDetails .overview .obj_form .obj_select p {
                padding: 0;
                margin: 0;
                float: none;
            }

        .pg_productDetails .overview .obj_form p {
            float: left;
            margin: 0 10px 0 0;
            padding: 12px 0 0 0;
        }

    .pg_productDetails .overview p.price {
        font-size: 21px;
        font-family: 'FuturaBT-Medium', Arial;
        color: #333;
        padding: 2px 0 0 0;
    }

    .pg_productDetails .overview .obj_form > ul {
        float: right;
    }

        .pg_productDetails .overview .obj_form > ul li:first-child {
            padding: 0;
            margin: 0;
        }

        .pg_productDetails .overview .obj_form > ul li {
            padding: 0;
            margin: 0 10px 0 0;
            float: left;
        }

            .pg_productDetails .overview .obj_form > ul li .b_link {
                display: block;
                margin-top: 10px;
                font-size: 12px;
            }

.pdp-artf1790833 {
    /* height: 100px !important;*/
}


/* surcharge sans e ecommerce */

.pg_productDetails .overview .obj_form ul:first-child {
    float: left;
}


/* texte */

.pg_productDetails .overview h3 {
    font-size: 16px;
    color: #333;
    margin: 0 0 10px 0;
    text-transform: none;
    font-family: 'FuturaBt-Book', arial;
}

.pg_productDetails .overview .ctn_article-content ul {
    padding-top: 15px;
}

.pg_productDetails .overview .obj_skin-icons .types {
    float: left;
    margin: 35px 25px 0 0;
}

.pg_productDetails .overview .obj_skin-icons .condition {
    float: left;
    margin-top: 35px;
}

.pg_productDetails .overview .obj_social-media {
    position: absolute;
    right: 0;
    top: 0;
}

.pg_productDetails .usage.video {
    background: url('/images/f_productDetail-use.jpg') center 150px no-repeat;
}

    .pg_productDetails .usage.video .str_right {
        padding: 0;
    }

    .pg_productDetails .usage.video .str_left > h2 {
        margin-top: 40px;
    }


/* without video */

.pg_productDetails .usage {
    /*padding: 197px 0 0 0;
    background: url('/images/f_productDetail-use-2.jpg') center 150px no-repeat;*/
    line-height: 1.5;
}

    .pg_productDetails .usage h2 {
        margin: 0 0 10px 0;
        font-size: 16px;
        color: #77a3b6;
    }

    .pg_productDetails .usage .main-center {
       width: 900px;
        padding: 27px 60px 40px 0;
    }

    .pg_productDetails .usage .str_top {
        width: 40%;
        /* 360px */
        min-height: 170px;
    }

    .pg_productDetails .usage .str_left {
        width: 40%;
        /* 360px */
        padding: 18px 0 0 0;
    }

    .pg_productDetails .usage .str_right {
        width: 55.555555%;
        /* 500px */
        padding: 18px 0 0 0;
    }

    .pg_productDetails .usage .ctn_video {
        margin: 0 0 20px 0;
    }

        .pg_productDetails .usage .ctn_video img {
            width: 100%;
        }

        .pg_productDetails .usage .ctn_video h4 {
            margin: 10px 0 0 0;
        }


    /* obj_download-box */

    .pg_productDetails .usage .obj_download-box {
        padding-top: 20px;
    }

        .pg_productDetails .usage .obj_download-box > div {
            padding: 0;
            margin-bottom: 20px;
        }

        .pg_productDetails .usage .obj_download-box .str_left {
            clear: left;
        }


    /* ingr�dients */

    .pg_productDetails .usage .ctn_ingredients {
        margin-top: 1px;
        padding: 15px;
        background: #e3f2f7;
        /* Old browsers */
        background: -moz-linear-gradient(top, #e3f2f7 0%, #ffffff 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3f2f7), color-stop(100%, #ffffff));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e3f2f7 0%, #ffffff 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e3f2f7 0%, #ffffff 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e3f2f7 0%, #ffffff 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #e3f2f7 0%, #ffffff 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e3f2f7', endColorstr='#ffffff', GradientType=0);
        /* IE6-9 */
    }

        .pg_productDetails .usage .ctn_ingredients h4 {
            margin: 0 0 5px 0;
        }

    .pg_productDetails .usage .obj_toggle-box {
        margin-top: 20px;
    }


/* -------------------------------------
 *   article media
 * ------------------------------------- */

.pg_productDetails .media {
    max-width: 1170px;
    margin: 0 auto;
    padding: 147px 0 0 0;
}

    .pg_productDetails .media .str_top {
        padding: 50px 0 10px 0;
    }


    /* ctn_coverflip */

    .pg_productDetails .media.ctn_coverflip {
        max-width: none;
    }

        .pg_productDetails .media.ctn_coverflip .str_top {
            position: relative;
            background: #000;
        }

            .pg_productDetails .media.ctn_coverflip .str_top header,
            .pg_productDetails .media.ctn_coverflip .str_top .obj_coverflip {
                margin: 0 auto;
                max-width: 960px;
            }

        .pg_productDetails .media.ctn_coverflip header h2 {
            color: #fff;
        }


    /* ctn_feature-shot */

    .pg_productDetails .media.ctn_feature-shot .str_top .lazyload img {
        width: 100%;
        height: 400px;
    }


/* review */

.pg_productDetails .obj_review {
    max-width: 1170px;
    margin: 0 auto;
    padding: 197px 0 50px 0;
}


/* -------------------------------------
 *   article media
 * ------------------------------------- */

.pg_productDetails .complete {
    padding: 197px 0 0 0;
    background: url('/images/f_productDetail-complete.jpg') center 147px no-repeat;
}

    .pg_productDetails .complete .main-center > header {
        margin: 0 0 85px 0;
    }


/* ========================================
 *	$ =	ARTICLES PRO
 * ======================================== */

.pg_productDetails .overview .ctn_product-picture {
    height: 540px;
    width: 41.666666%;
    /* 400px */
}

.pg_productDetails .overview figure {
    position: absolute;
    top: -5px;
    left: -35%;
    /* -140px */
    z-index: 10;
    width: 90%;
}

    .pg_productDetails .overview figure + figure {
        top: 0px;
        left: 17.5%;
        /* 70px */
        z-index: 20;
    }

    .pg_productDetails .overview figure figcaption {
        text-align: center;
        font-size: 10px;
        color: #333333;
        text-transform: uppercase;
        font-family: 'FuturaBT-Medium', arial;
    }

.pg_productDetails .overview .str_left {
    position: relative;
    z-index: 2;
}

.pg_productDetails .overview .ctn_details {
    margin: 0 0 10px 0;
}

    .pg_productDetails .overview .ctn_details > div {
        float: left;
        padding: 10px 4.255319% 10px 0;
        /* 10px 20px 10px 0 */
    }

    .pg_productDetails .overview .ctn_details .for-retail {
        width: 27.170212%;
        /* 170px */
        margin: 0 4.255319% 0 0;
        /* 0 20px 0 0 */
        background: url('/images/border.gif') right top repeat-y;
    }

    .pg_productDetails .overview .ctn_details .for-professional {
        /*width:55.319148%;/* 260 */
        /*padding-right:0 !important; commented for sample section*/
        width: 27.170212%;
        margin: 0 4.255319% 0 0;
        background: url(/images/border.gif) right top repeat-y;
    }

    .pg_productDetails .overview .ctn_details .for-sample {
        width: 27.170212%;
        padding: 0 !important;
    }

    .pg_productDetails .overview .ctn_details .inner-details > div {
        float: left;
        padding: 10px 4.255319% 10px 0;
    }

    .pg_productDetails .overview .ctn_details .clearfix {
        margin: 0 0 15px 0;
    }

.pg_productDetails .overview .price {
    float: left;
    line-height: 12px;
}

.pg_productDetails .overview .capacity {
    float: left;
    margin: 5px 0 0 10px;
    font-size: 11px;
}

.pg_productDetails .overview .ctn_article-content {
    margin: 0 0 10px 0;
    line-height: normal;
}


/* -------------------------------------
 *   usage
 * ------------------------------------- */

.pg_productDetails.usage .str_left figure {
    text-align: center;
}

.pg_productDetails.usage .str_left img {
    max-width: 100%;
}


/* -------------------------------------
 *   article marketing materials
 * ------------------------------------- */

.marketing {
    position: relative;
    /*margin: 197px 0 0;*/
    padding: 45px 25px 0;
    height:auto;
    /*min-height: 530px;
    background: url('/images/f_periodic-table.jpg') center bottom no-repeat;*/
}

    .marketing .obj_download-box {
        margin-bottom: 30px;
    }

        .marketing .obj_download-box .str_left,
        .marketing .obj_download-box .str_middle {
            width: 285px;
            margin: 0 10px 0 0;
        }

        .marketing .obj_download-box .str_right {
            width: 285px;
            float: left;
        }

        .marketing .obj_download-box h4 {
            font-size: 16px;
            font-family: 'FuturaBT-Book', arial;
            margin: 0 0 20px 0;
        }

        .marketing .obj_download-box .str_left ul {
            margin: 0 0 30px 0;
        }

        .marketing .obj_download-box .str_left label {
            color: #2e9ebe;
        }

        .marketing .obj_download-box > .obj_download-picture {
            float: left;
            clear: none;
        }

    .marketing .main-center > p {
        width: 285px;
        margin-left: 561px;
    }

        .marketing .main-center > p a {
            font-size: 12px;
        }


/* -------------------------------------
 *   article media pro
 * ------------------------------------- */

.pg_productDetails .media .str_top {
    padding: 0;
}

    .pg_productDetails .media .str_top header.clearfix {
        padding: 185px 0 0 0;
        height: 265px;
        background: url('/images/f_in-the-press-pro.jpg') 418px top no-repeat;
    }

        .pg_productDetails .media .str_top header.clearfix h2 {
            margin: 0 0 10px 0;
        }

        .pg_productDetails .media .str_top header.clearfix .str_left {
            width: 125px;
            margin: 0 20px 0 0;
        }

        .pg_productDetails .media .str_top header.clearfix > p {
            margin: 34px 0 0 0;
        }


/* surcharge */

.pg_productDetails .media.ctn_coverflip .str_top,
.pg_productDetails .media.ctn_feature-shot .str_top,
.pg_productDetails .media.ctn_default .str_top {
    padding-top: 50px;
}


/* --------------------
 * before after thermal
 * -------------------- */

.pg_productDetails .obj_before-after_thermal {
    position: relative;
    padding: 20px 0 20px 20px;
    background: black;
}

    .pg_productDetails .obj_before-after_thermal figure,
    .pg_productDetails .obj_before-after_thermal div {
        float: left;
    }

    .pg_productDetails .obj_before-after_thermal figure {
        width: 184px;
        width: 36%;
        margin-right: 18px;
    }

        .pg_productDetails .obj_before-after_thermal figure img {
            width: 100%;
        }

    .pg_productDetails .obj_before-after_thermal figcaption {
        margin-top: 5px;
        font: 10px/1em 'FuturaBT-Bold';
        text-transform: uppercase;
        color: white;
    }

    .pg_productDetails .obj_before-after_thermal .ctn_legend {
        position: relative;
        width: 27px;
        height: 184px;
        background: url('/images/v_legend-gradient.png') 0 0 / auto 100% no-repeat;
    }

        .pg_productDetails .obj_before-after_thermal .ctn_legend p {
            position: absolute;
            left: 35px;
            top: 0;
            margin-bottom: 0;
            width: 50px;
            font: 10px/1em 'FuturaBT-Bold';
            text-transform: uppercase;
            color: white;
            word-break: break-all;
        }

            .pg_productDetails .obj_before-after_thermal .ctn_legend p + p {
                top: auto;
                bottom: 0;
            }

.obj_skin-icons h4 {
    font-family: 'FuturaBt-Medium', arial;
    font-size: 11px;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.obj_skin-icons li:first-child {
    margin: 0;
}

.obj_skin-icons li {
    float: left;
    margin: 0 0 0 7px;
}

    .obj_skin-icons li a {
        position: relative;
        z-index: 1;
        display: block;
        width: 34px;
        height: 34px;
        background: url(/images/i_skin.png) left top no-repeat;
    }

}

/* types */
.obj_skin-icons li .normal {
    background-position: left top;
}

.obj_skin-icons li .oily {
    background-position: -34px top;
}

.obj_skin-icons li .combination {
    background-position: -68px top;
}

.obj_skin-icons li .dry {
    background-position: -102px top;
}

.obj_skin-icons li .sensitive {
    background-position: -136px top;
}

/* condition */
.obj_skin-icons li .aging {
    background-position: left -34px;
}

.obj_skin-icons li .acne {
    background-position: -34px -34px;
}

.obj_skin-icons li .dehydrated {
    background-position: -68px -34px;
}

.obj_skin-icons li .hyperpigmentation {
    background-position: -102px -34px;
}

.obj_skin-icons li .rosacea {
    background-position: -136px -34px;
}

.obj_skin-icons li .sensitized {
    background-position: -170px -34px;
}

.obj_skin-icons li a span {
    display: none;
    position: absolute;
    z-index: 2;
    top: 39px;
    left: 0;
    padding: 5px 10px 0 10px;
    height: 22px;
    line-height: 22px;
    color: #fff;
    background: url('/images/f_gray-bulle.gif') -363px top no-repeat;
}

.obj_skin-icons li a:hover span {
    display: inline-block;
}

.obj_skin-icons li a span.t_aging {
    display: block;
    position: absolute;
    top: 18px;
    left: 23px;
    padding: 0;
    height: auto;
    width: 12px;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    color: #39737c;
    background: none;
    z-index: 3;
}

.obj_skin-icons p {
    clear: both;
    padding: 10px 0 0 0;
    margin: 0;
}

    .obj_skin-icons p a {
        font-size: 12px;
    }

/* -------------------------------------
 *   obj_rating-customers
 * ------------------------------------- */
.obj_rating-customers {
    font-family: 'FuturaBT-Medium';
    font-size: 12px;
    color: #333;
    margin: 0 0 10px 0;
}

    .obj_rating-customers span {
        display: inline-block;
        height: 14px;
        width: 82px;
        font-family: arial;
        text-indent: -5000px;
        margin: 0 10px 0 0;
        background: url('/images/v_stars-82x14.png') top left no-repeat;
    }

.ie7 .obj_rating-customers span {
    display: block;
    float: left;
}

.obj_rating-customers span.r00 {
    background-position: left 0px;
}

.obj_rating-customers span.r05 {
    background-position: left -14px;
}

.obj_rating-customers span.r10 {
    background-position: left -28px;
}

.obj_rating-customers span.r15 {
    background-position: left -42px;
}

.obj_rating-customers span.r20 {
    background-position: left -56px;
}

.obj_rating-customers span.r25 {
    background-position: left -70px;
}

.obj_rating-customers span.r30 {
    background-position: left -84px;
}

.obj_rating-customers span.r35 {
    background-position: left -98px;
}

.obj_rating-customers span.r40 {
    background-position: left -112px;
}

.obj_rating-customers span.r45 {
    background-position: left -126px;
}

.obj_rating-customers span.r50 {
    background-position: left -140px;
}

.obj_rating-customers.xl {
    font-size: 24px;
}

    .obj_rating-customers.xl span {
        height: 21px;
        width: 122px;
        background: url('/images/v_stars-122x21.png') top left no-repeat;
    }

        .obj_rating-customers.xl span.r00 {
            background-position: left 0px;
        }

        .obj_rating-customers.xl span.r05 {
            background-position: left -21px;
        }

        .obj_rating-customers.xl span.r10 {
            background-position: left -42px;
        }

        .obj_rating-customers.xl span.r15 {
            background-position: left -63px;
        }

        .obj_rating-customers.xl span.r20 {
            background-position: left -84px;
        }

        .obj_rating-customers.xl span.r25 {
            background-position: left -105px;
        }

        .obj_rating-customers.xl span.r30 {
            background-position: left -126px;
        }

        .obj_rating-customers.xl span.r35 {
            background-position: left -147px;
        }

        .obj_rating-customers.xl span.r40 {
            background-position: left -168px;
        }

        .obj_rating-customers.xl span.r45 {
            background-position: left -189px;
        }

        .obj_rating-customers.xl span.r50 {
            background-position: left -210px;
        }

.pg_productDetails article header {
    margin: 0 0 20px 0;
}

.obj_download-box h4 {
    margin: 0 0 10px 0;
}

.obj_download-box li {
    margin: 0 0 10px 0;
}

    .obj_download-box li .obj_checkbox {
        margin: 0 0 2px 0;
    }

.obj_download-box p {
    margin: 0;
    padding: 0 0 0 15px;
}

.obj_download-box li p a {
    color: #2e9ebe;
    font-size: 12px;
}

    .obj_download-box li p a:hover {
        color: #77a3b6;
    }

.obj_download-box p + h4 {
    padding: 0;
    margin-top: 20px;
}

.obj_download-picture {
    clear: both;
    margin: 0 0 25px 0;
}

    .obj_download-picture img {
        float: left;
        margin: 0 13px 0 0;
        padding: 0 7px 8px 0;
        background: url('/images/f_pdf.png') right bottom no-repeat;
        height: 100px;
    }

    .obj_download-picture > div {
        float: left;
        width: 195px;
    }

    .obj_download-picture h6 {
        font-size: 12px;
        font-weight: bold;
        color: #666;
        text-transform: uppercase;
    }

    .obj_download-picture > div p {
        padding: 0;
        margin: 0 0 5px 0;
    }

    .obj_download-picture li {
        float: left;
        padding: 0 5px 0 0;
        margin: 0 5px 0 0;
        border-right: 1px solid #666;
    }

        .obj_download-picture li.last-child {
            margin: 0;
            padding: 0;
            border: none;
        }

    .obj_download-picture a {
        color: #2e9ebe;
        font-size: 12px;
    }

/* -------------------------------------
 *   obj_regimen
 * ------------------------------------- */
.obj_regimen div {
    position: relative;
}

    .obj_regimen div + div {
        margin: 15px 0 0 0;
        padding: 25px 0 0 0;
        border-top: 1px solid #e8e6e6;
    }

.obj_regimen h4 {
    position: absolute;
    top: 5px;
    left: 0;
    /*width:52px;
	height:51px;*/
    margin: 0;
    text-indent: -5000px;
    /*background:url('/images/i_regimen.gif') left top no-repeat;*/
}

.day {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 52px;
    height: 51px;
    float: left;
    width: 52px;
}

.obj_regimen div + div h4 {
    top: 30px;
}

.obj_regimen .night {
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 52px;
    height: 51px;
    width: 52px;
    float: left;
}

/* vesrion UL */
.obj_regimen ul {
    padding-left: 70px;
}

    .obj_regimen ul li {
        margin: 0 0 10px 0;
        padding: 0 10px;
        font-family: 'FuturaBT-Book', arial;
        font-size: 12px;
        text-transform: uppercase;
        color: #000;
    }

        .obj_regimen ul li.on {
            font-family: 'FuturaBT-Medium', arial;
            padding: 5px 10px;
            background: #e8f0f2;
        }

/* vesrion P */
.obj_regimen p {
    padding-left: 70px;
    line-height: 26px;
    font-family: 'FuturaBT-Book', arial;
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
}

    .obj_regimen p b,
    .obj_regimen p strong {
        position: relative;
        left: -10px;
        font-family: 'FuturaBT-Medium', arial;
        font-weight: normal;
        padding: 5px 10px;
        background: #e8f0f2;
    }

.obj_toggle-box {
    border-top: 1px solid #b4b4b4;
}

    .obj_toggle-box > div {
        margin-top: -1px;
        overflow: hidden;
        height: 0;
        border-bottom: 1px solid #b4b4b4;
    }

/* -------------------------------------
 *   obj_review
 * ------------------------------------- */
.obj_review > p {
    height: 28px;
    overflow: hidden;
    text-align: right;
}

.obj_review .str_left {
    width: 16.666666%;
    /* 160 */
    margin: 0 4.166666% 20px 0;
    /* 40 */
}

.obj_review > header h4 {
    margin: 0 0 10px 0;
    font-size: 12px;
    font-family: 'FuturaBT-Light', arial;
    text-transform: uppercase;
    color: #2e9ebe;
}

.obj_review header .obj_rating-customers {
    margin: 0 0 15px 0;
}

.obj_review .str_middle {
    margin: 0 0 20px 0;
    height: auto !important;
}

.obj_review header .str_middle h3 {
    font-family: 'FuturaBT-Medium', arial;
    font-size: 14px;
    color: #333;
    margin: 0 0 15px 0;
    text-transform: none;
}

.obj_review header .str_middle p {
    font-family: 'FuturaBT-Book', arial;
    font-size: 18px;
}

.obj_review .str_right {
    margin: 0 28px 20px 0;
}

.obj_review .ctn_review {
    clear: both;
    height: 0;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #b4b4b4;
}

    .obj_review .ctn_review > p {
        height: 28px;
        overflow: hidden;
        text-align: right;
    }

/* article */
article.review {
    padding: 0px;
    border-bottom: 1px solid #e8e6e5;
}

    article.review header {
        float: left;
        width: 16.666666%;
        /* 160px */
        border-right: 1px solid #e8e6e5;
        padding: 20px 0;
        margin: 0 4.166666% 0 0;
        /* 0 40px 0 0 */
    }

    article.review .str_middle {
        width: 54.166666%;
        /* 520px */
        padding: 20px 4.166666% 20px 0;
        /* 20px 40px 20px 0 */
        margin: 0;
        /*border-right:1px solid #e8e6e5;*/
    }

    article.review footer {
        float: right;
        padding: 20px 0;
        width: 16.666666%;
        /* 160px */
    }

    article.review h4 {
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        margin: 18px 0 0 0;
    }

    article.review header ul {
        font-size: 12px;
        color: #666;
    }

    article.review .str_middle p:first-child {
        margin: 0;
    }

    article.review .str_middle h5 {
        font-size: 14px;
        color: #333;
        font-family: 'FuturaBt-Medium', arial;
        margin: 0 0 5px 0;
    }

    article.review .str_middle p.obj_rating-customers {
        margin: 0 0 15px 0;
    }

    article.review .str_middle p b {
        color: #000;
    }

    article.review .str_middle ul {
        margin: 20px 0 0 0;
        padding: 8px 15px;
        background: #efefef;
    }

    article.review .str_middle li:first-child {
        margin: 0;
        padding: 0;
        border: none;
        color: #2e9ebe;
    }

    article.review .str_middle li {
        float: left;
        margin: 0 0 0 10px;
        padding: 0 0 0 10px;
        border-left: 1px solid #919191;
        font-family: arial;
        font-size: 11px;
        line-height: normal;
    }

        article.review .str_middle li a {
            font-family: arial;
            font-size: 11px;
            line-height: normal;
        }

    article.review footer h6 {
        font-family: 'FuturaBT-Medium', arial;
        font-size: 12px;
        color: #333;
        margin: 0 0 10px 0;
    }

        article.review footer h6:first-child {
            margin: 17px 0 10px 0;
        }

    article.review footer ul.toggle {
        margin: 0 0 25px 0;
    }

    article.review footer .toggle li {
        float: left;
        margin: 0 10px 0 0;
    }

    article.review footer p {
        margin: 0 0 20px 0;
    }

    article.review .obj_social-media li {
        display: none;
    }

    article.review .obj_social-media .facebook,
    article.review .obj_social-media .twitter {
        display: block;
    }

    article.review .obj_social-media .info-bulle {
        bottom: 0;
        left: -33px;
        right: auto;
    }

.
/*obj_rating-customers span,
	.obj_evaluation label{
		background-size:82px 154px;
		background-image:url('/images/v_stars-82x14_HD.png');
		}
	.obj_rating-customers.xl span,
	.obj_evaluation.xl label{
		background-size:122px 231px;
		background-image:url('/images/v_stars-122x21_HD.png');
		}*/
.obj_evaluation.xl label:hover,
.obj_evaluation.xl label.over,
.obj_evaluation.xl label.on {
    background-position: -49px -126px;
}

.obj_evaluation label input {
    position: absolute;
    left: -100000px;
}

/* -------------------------------------
 *   obj_evaluation
 * ------------------------------------- */
.obj_evaluation p {
    float: left;
    margin: 0 5px 0 0;
}

.obj_evaluation label {
    display: block;
    float: left;
    position: relative;
    width: 14px;
    height: 14px;
    text-indent: -10000px;
    padding: 0 2px 0 0;
    background: url('/images/v_stars-82x14.png') left top no-repeat;
}

    .obj_evaluation label:hover,
    .obj_evaluation label.over,
    .obj_evaluation label.on {
        cursor: pointer;
        background-position: left -28px;
    }

    .obj_evaluation label input {
        position: absolute;
        left: -100000px;
    }

/* xl */
.obj_evaluation.xl p {
    line-height: 19px;
}

.obj_evaluation.xl label {
    width: 20px;
    height: 20px;
    background: url('/images/v_stars-122x21.png') left top no-repeat;
}

    .obj_evaluation.xl label:hover,
    .obj_evaluation.xl label.over,
    .obj_evaluation.xl label.on {
        cursor: pointer;
        background-position: left -42px;
    }

.pg_productDetails .science-default .ctn_science {
    float: right;
    width: 54.166666%;
    margin: 0 40px 0 0;
}

.pg_productDetails .science-default .ctn_clinical {
    float: left;
    width: 37.5%;
    padding: 0 0 240px 0;
}

.pg_productDetails .ctn_clinical p.focus {
    color: #070707;
}

.pg_productDetails .science-default header h2,
.pg_productDetails .science-results header h2,
.pg_productDetails .science-only header h2 {
    margin-bottom: 10px;
    padding-bottom: 0px;
}

.ctn_pictures-and-icons .obj_before-after {
    float: left;
    margin: 0 25px 30px 0;
}

.obj_before-after > div {
    margin: 0 0 10px 0;
}

.pg_productDetails .science-default {
    position: relative;
        padding: 100px 0 0 0;
    /*background: url(/images/v_science-default.jpg) center bottom no-repeat;*/
    clear: both;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.ce-ferulic.pg_productDetails .science-default {
    max-width: 960px;
    min-height: 465px;
    padding: 197px 0 40px 0;
    margin: 0 auto;
    background-position: left 200px;
    background-size: 37.8125% auto;
    clear: both;
}

.pg_productDetails article header h3 {
    font-family: 'FuturaBT-Book', arial;
    color: #666;
    font-size: 18px;
    text-transform: none;
}

.usage h3.puces + p {
    margin-top: 20px;
    line-height: normal;
}

.usage h3.puces {
    line-height: normal;
}

/* -------------------------------------
 *   obj_tabs_detail
 * ------------------------------------- */
.obj_tabs_detail {
    margin: 50px auto 0;
    border-top: 1px solid #e8e6e6;
}

    .obj_tabs_detail .ctn_tabs_detail {
        max-width: 1140px;
        position: relative;
        margin: 0 auto;
    }

    .obj_tabs_detail .b_monochrome {
        width: auto !important;
        position: absolute;
        top: -28px;
        right: 0;
    }

        .obj_tabs_detail .b_monochrome span {
            /*display:block;
    opacity:1;*/
        }

    .obj_tabs_detail .more_details {
        overflow: hidden;
        height: 0;
    }

        .obj_tabs_detail .more_details h2 {
            padding: 0 0 30px;
            font-size: 25px;
            color: #22799f;
            font-family: 'FuturaBT-Medium', arial;
            border: none;
            margin: 0;
        }

        .obj_tabs_detail .more_details p {
            font-size: 14px;
            line-height: 1.42em;
            font-family: 'FuturaBT-Book', arial;
        }

        .obj_tabs_detail .more_details .head_detail {
            display: table;
            padding: 80px 0 30px;
            width: 100%;
            box-sizing: border-box;
        }

            .obj_tabs_detail .more_details .head_detail .ctn_txt {
                display: table-cell;
                vertical-align: top;
                width: 60%;
            }

                .obj_tabs_detail .more_details .head_detail .ctn_txt p {
                    width: 66%;
                }

            .obj_tabs_detail .more_details .head_detail section {
                padding: 0;
            }

            .obj_tabs_detail .more_details .head_detail .ctn_visuel {
                display: table-cell;
                vertical-align: top;
                text-align: right;
            }

                .obj_tabs_detail .more_details .head_detail .ctn_visuel img {
                    max-width: 306px;
                }

        .obj_tabs_detail .more_details .obj_faq.section_detail {
            padding: 0;
            margin: 0;
            padding-bottom: 30px;
            max-width: 840px;
        }

        .obj_tabs_detail .more_details article {
            padding: 20px 0;
            border-bottom: 1px solid #e8e6e6;
        }

        .obj_tabs_detail .more_details header {
            margin: 0;
        }

            .obj_tabs_detail .more_details header h3 {
                font-size: 15px;
                text-transform: none;
            }

                .obj_tabs_detail .more_details header h3 strong {
                    font-family: 'FuturaBT-Heavy', sans-serif;
                }

                .obj_tabs_detail .more_details header h3 a {
                    position: relative;
                    color: #666;
                    font-size: 15px;
                }

                    .obj_tabs_detail .more_details header h3 a:hover {
                        color: #2e9ebe;
                    }

.more_details .obj_faq.section_detail article header h3 a {
    background: none;
}

.obj_tabs_detail .more_details header h3 a:after {
    display: inline-block;
    content: "";
    width: 25px;
    height: 10px;
    background: url(/images/b_faq-close.gif) center center no-repeat;
}

.obj_tabs_detail .more_details header h3 a.open:after {
    transform: rotate(180deg);
}

.obj_tabs_detail .more_details article .content {
    overflow: hidden;
    height: 0;
}

.obj_tabs_detail .more_details .content a {
    color: #2e9ebe;
    font-size: 14px;
}

.obj_tabs_detail .more_details .content p:first-child {
    padding-top: 10px;
}

.obj_tabs_detail .more_details .video-retinol {
    position: relative;
    display: block;
    width: 564px;
    height: auto;
    border: 1px solid #707271;
}

    .obj_tabs_detail .more_details .video-retinol::before {
        content: "";
        position: absolute;
        transform: translate(-50%);
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        top: 50%;
        left: 50%;
        display: block;
        width: 77px;
        height: 76px;
        margin-top: -38px;
        background: url("/images/i_play.png") no-repeat scroll center top / 77px auto;
        opacity: 0.5;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

.obj_tabs_detail .more_details article .video-retinol img {
    width: 100%;
}

.cat-retinol .ctn_popin_video {
    font-size: 0;
    border: 0;
}

    .cat-retinol .ctn_popin_video iframe {
        width: 560px;
        height: 315px;
    }

/* -----
/***************Product description Css ends************/
*=======================================* $ OBJECTS *=======================================*/
/* -------------------------------------
 *   obj_certificat // print
 * ------------------------------------- */
.obj_certificat {
    position: relative;
    width: 19cm;
    top: 7.67cm;
    margin-left: 1cm;
}

.obj_certificat img {
    position: relative;
    z-index: 1;
    width: 100%;
}

.obj_certificat p {
    position: absolute;
    z-index: 2;
    top: 2.9cm;
    left: 1.4cm;
    font-size: 14px;
}

.obj_certificat .p1 {
    font-weight: bold;
    color: #008bb0;
}

.obj_certificat .p2 {
    top: 6.45cm;
    left: 3.8cm;
}

.obj_certificat .p3 {
    top: 7.45cm;
    left: 3.8cm;
}

.obj_certificat .p4 {
    top: 8.45cm;
    left: 2.8cm;
}

/* -------------------------------------
 *   obj_before-after
 * ------------------------------------- */
.obj_before-after {
    margin: 0 0 30px 0;
}

    .obj_before-after > div {
        margin: 0 0 10px 0;
    }

    .obj_before-after figure img {
        width: 242px;
        height: 242px;
        max-width: none;
    }

    .obj_before-after figcaption {
        position: absolute;
        z-index: 100;
        width: 100px;
        bottom: 10px;
        left: 10px;
        color: #fff;
        font-family: 'FuturaBT-Light', arial;
        font-size: 12px;
    }

    .obj_before-after figure + figure figcaption {
        width: 100px;
        right: 10px;
        left: auto;
        text-align: right;
    }

    .obj_before-after p {
        font-family: 'FuturaBT-Medium', arial;
        color: #333;
        font-size: 12px;
        margin: 0;
    }

    .obj_before-after li {
        color: #666;
        font-size: 12px;
    }

/******************Home PAge Css*****/
.home #content {
    padding-top: 0px;
}

.home .clinical-study {
    max-width: 960px;
    padding-top: 70px;
    margin: 127px auto 0px auto;
    border-top: 1px solid #ccd0d2;
    clear: both;
}

.carousel {
    border: none;
}

.home section h1 {
    margin: 0;
    font-family: 'FuturaBT-Book', arial;
    font-size: 16px;
    color: #77a3b6;
    text-transform: uppercase;
}

.home .clinical-study h3 {
    font-family: 'FuturaBT-Book', arial;
    font-size: 16px;
    color: #77a3b6;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.home .clinical-study h1 {
    margin: 0 0 10px 0;
}

.clinical-study .ctn_focus {
    margin: 0 0 30px 0;
}

.push_dyn {
    position: relative;
    min-height: 135px;
    padding: 0 0 0 170px;
    width: auto;
    margin: 0 0 10px;
}

.ctn_education b {
    margin: -35px 0 35px 0;
    font-size: large;
    font-family: FuturaBT-Book, arial;
    text-transform: uppercase;
    color: #77a3b6;
    margin-top: -37px;
}

.push_dyn .ctn_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    text-align: center;
}

.ctn_education h2 {
    color: #77a3b6;
    border: none;
    padding: 0;
}

.carousel {
    padding: 0;
}

.obj_links-skinExplained {
    float: left;
    width: 41.666666%;
}

    .obj_links-skinExplained .push_dyn {
        position: relative;
        min-height: 135px;
        padding: 0 0 0 170px;
    }

    .obj_links-skinExplained > div {
        width: auto;
        margin: 0 0 10px;
    }

    .obj_links-skinExplained .push_dyn .ctn_img {
        position: absolute;
        left: 0;
        top: 0;
        width: 160px;
        text-align: center;
    }

.home .str_right {
    width: 52.083333%;
    padding: 24px 0 0 0;
}

.ctn_education {
    /*max-width: 960px;*/
    padding-top: 70px;
    margin: 127px auto 0px auto;
    border-top: 1px solid #ccd0d2;
    margin: 40px auto 0px auto;
    overflow: hidden;
}

    .ctn_education h1 {
        margin: -35px 0 35px 0;
    }

.home .str_right .ctn_img img {
    width: 100%;
}

.home .str_right .ctn_img {
    margin: 0 0 10px 0;
}

.home h3 {
    font-family: 'FuturaBT-Medium', arial;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
}

.home p {
    padding: 0;
}

.mission header {
    padding: 30px 0 0 0;
    width: 47.916666%;
    float: left;
}

    .mission header h2,
    .calendar h2 {
        color: #77a3b6;
        font-size: 16px;
        padding: 0;
        border: none;
    }

.mission .ctn_info .edit a {
    color: #008BB0;
}

.mission .ctn_info h3 {
    text-transform: none;
    font-size: 16px;
    margin: 0 0 3px 0;
}

.mission .ctn_info .str_right {
    width: 40.506329%;
    padding: 0;
}

    .mission .ctn_info .str_right h4,
    .mission .ctn_info .str_right h3 {
        font-size: 12px;
        font-family: arial;
        color: #333;
        margin: 0 0 10px 0;
    }

    .mission .ctn_info .str_right h3 {
        font-weight: bold;
        margin: 0 0 2px 0;
        text-transform: none;
    }

    .mission .ctn_info .str_right li {
        margin: 0 0 2px 0;
        font-size: 12px;
        line-height: 1;
        word-break: break-word;
    }

        .mission .ctn_info .str_right li b {
            font-weight: normal;
            color: #333;
        }

.mission .ctn_info {
    position: relative;
    left: 36px;
    float: right;
    width: 43.5%;
    padding: 30px 5.208333% 50px;
    background: url(/images/f_shadow-box-445.png) center bottom no-repeat;
    background-size: 100% 1200px;
}

.mission .obj_links-skinExplained {
    clear: both;
    max-width: 420px;
    float: none;
    width: auto;
}

.obj_links-skinExplained .calendar {
    min-height: 114px;
    /* margin-top: 215px;*/
}

.mission {
    position: relative;
    z-index: 2;
    margin: 197px auto 0px auto;
    margin-top: 0;
    border-top: 1px solid #ccd0d2;
    margin-bottom: 20px;
}

    .mission header {
        margin: 0 0 20px 0;
    }

.calendar p {
    margin: 0 0 10px 0;
    line-height: 1.4;
}

.calendar h2 {
    margin: 0 0 10px 0;
}

.mission .ctn_info .str_left {
    width: 50.632911%;
    padding: 0 3.797468% 0 0;
    background: url(/images/border.gif) right top repeat-y;
}

.mission .ctn_info .edit {
    font-size: 11px;
    text-align: right;
    margin: 0 0 10px 0;
}

.obj_links-skinExplained .calendar {
    min-height: 144px;
    background: url("/images/v_calendar-thumb.png") 28px 10px no-repeat;
}

.obj_links-skinExplained > div {
    /*width: 240px;*/
    min-height: 110px;
    padding: 20px 0 0 160px;
}

.mission .ctn_info:before {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: -25px;
    height: 25px;
    width: 100%;
    background: url(/images/f_shadow-box-445.png) center top no-repeat;
    background-size: 100% 1200px;
}

/******Carousl css****/
.home .obj_carrousel.wide {
    height: 594px;
    z-index: 1;
}

.obj_carrousel.wide {
    height: 695px;
    /*padding-top: 135px;*/
}

.obj_carrousel.wide {
    width: 100%;
    margin: 0;
    height: 485px;
}

.obj_carrousel {
    position: relative;
}

    .obj_carrousel.wide .masque {
        height: 100%;
        /* padding: 0 32px; */
        margin: 0 auto;
    }

    .obj_carrousel .items {
        /*  z-index: 1;*/
    }

    .obj_carrousel.wide .items {
        width: 150000px;
    }

    .obj_carrousel.wide .item {
        height: 485px;
        float: left;
    }

        .obj_carrousel.wide .item.item1 {
            height: 550px;
            background-position: center bottom;
            background-repeat: no-repeat;
            background-color: #1d182e;
        }

    .obj_carrousel.wide .items .item1 .banner {
        width: auto;
        max-width: 960px;
        margin: 0 auto;
        padding: 0;
    }

.banner .ctn_header .str_left {
    display: block;
    width: 50%;
    margin-top: 50px;
}

.item1 .banner .ctn_header h1 {
    display: inline-block;
    padding: 0 0 15px;
    margin: 88px 0 15px;
    font: 76px/58px "FuturaBT-Light", Arial;
    letter-spacing: 1px;
    color: #4db3ce !important;
    text-transform: uppercase;
    border-bottom: 1px solid #4db3ce;
}

.obj_carrousel.wide .nav.pro {
    bottom: -20px;
}

.obj_carrousel .nav {
    z-index: 2;
}

.obj_carrousel.wide .nav {
    position: absolute;
    left: 50%;
    bottom: 30px;
}

.obj_carrousel .nav.round li {
    float: left;
    margin: 0 2px;
}

.obj_carrousel .nav.round a.on {
    cursor: default;
}

.obj_carrousel .nav.round a.on,
.obj_carrousel .nav.round a:hover {
    background-position: left bottom;
}

.obj_carrousel .nav.round a {
    display: block;
    width: 14px;
    height: 14px;
    text-indent: -5000px;
    background: url(/images/b_round-nav.png) left top no-repeat;
}

.obj_carrousel.wide .item h2 {
    font-size: 14px;
    font-family: 'FuturaBT-Book', arial;
    text-transform: uppercase;
    color: #000;
    border-bottom: 1px solid #d4d5d5;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

/*****************Slide 1****************/
.item1 .banner .ctn_header h1 span {
    font: 45px/45px "FuturaBT-Book", Arial;
}

.item1 .banner .ctn_header h2 {
    font: 24px/28px "FuturaBT-Light", Arial;
    letter-spacing: 0.5px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.item1 .banner .ctn_header ul {
    position: relative;
    margin: 30px 0 45px;
}

    .item1 .banner .ctn_header ul li:first-child {
        padding: 0px;
    }

    .item1 .banner .ctn_header ul li {
        display: block;
        position: relative;
        padding: 0px;
        font: 16px/26px "FuturaBT-Book", Arial;
        color: #fff;
        text-transform: uppercase;
    }

        .item1 .banner .ctn_header ul li::before {
            content: "| ";
            position: relative;
        }

        .item1 .banner .ctn_header ul li strong {
            font-family: "FuturaBT-Bold";
        }

.item1 .banner .ctn_header .b_gradient {
    min-width: 116px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    border: 1px solid #cbd4d8;
    background: #f5f5f5;
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #e9eef0 50%, #dde4e7 51%, #f7f8f9 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%, #e9eef0 50%, #dde4e7 51%, #f7f8f9 100%);
}

.item1 .banner .ctn_header .b_gradient {
    margin: 0 25px 0 0;
}

.item1 .banner .ctn_header .str_right {
    position: relative;
    width: 50%;
    display: block;
}

.item1 .banner .ctn_header h2 em {
    display: inline-block;
    width: 88px;
    height: 40px;
    margin: 5px 0 0 5px;
    text-indent: -100000px;
    overflow: hidden;
    background: url(/images/v_30.png) no-repeat left top;
}

.item1 .banner .ctn_header .str_right p {
    margin: 0;
    height: 65px;
    width: 76px;
    position: absolute;
    top: 160px;
    left: 250px;
    font: 20px/65px "FuturaBT-Medium", Arial;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: url(/images/i_new.png) no-repeat center center / 76px auto;
}

/****************slide 2**********************/
.slide2 {
    position: relative;
    height: 460px !important;
    width: 860px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center top;
}

.home .slide2 {
    height: 560px !important;
}

.obj_carrousel.wide .item.slide2 .banner {
    padding: 18px 0;
    width: 860px;
}

.slide2 header {
    width: 100%;
    margin-left: -5px;
    margin-bottom: 50px;
}

.obj_carrousel.wide .item.slide2 header h1 {
    margin: 0 0 40px 0;
    font: 111px/111px "FuturaBT-Light", arial;
    color: #007799;
}

.obj_carrousel.wide .item.slide2 header h2 {
    margin: 0;
    padding: 0;
    border: 0;
    font: 34px/34px "FuturaBT-Heavy", arial;
    letter-spacing: 2.8px;
    color: #007799;
    width: 100%;
}

.slide2 .ctn_text p,
.slide2 .ctn_text li {
    position: relative;
    margin: 0 0 9px;
    padding-left: 13px;
    font: 14px/15px "FuturaBT-Medium", arial;
    letter-spacing: 1px;
    color: black;
}

.slide2 header p {
    margin: 0;
    padding: 0;
    border: 0;
    font: 15px/16px "FuturaBT-Medium", arial;
    text-transform: uppercase;
    letter-spacing: 1.9px;
}

.slide2 .ctn_text li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 8px;
    border-color: transparent transparent transparent #000000;
}

.slide2 .ctn_text p strong,
.slide2 .ctn_text li strong {
    font: 14px/15px "FuturaBT-Bold", arial;
    letter-spacing: 1px;
}

.slide2 .ctn_text .t_ashtag {
    margin: 40px 0 0 -6px;
    padding: 0;
    font-size: 19px;
    letter-spacing: 0.3px;
}

.slide2 .ctn_text .t_link {
    background: linear-gradient(to bottom, #edf0f2 0%, #f0f3f5 50%, #dce2e5 100%) repeat scroll 0 0;
    border: 1px solid #dfe4e7;
    border-radius: 25px;
    display: inline-block;
    font: 10px/10px "FuturaBT-Bold", arial;
    letter-spacing: 0;
    margin: 30px 0 0 -2px;
    padding: 5px 9px;
}

/****************Slide 3*****************/
.slide3 {
    height: 622px !important;
    background-image: none !important;
}

    .slide3 a {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

.obj_carrousel.wide .item.slide3 .banner {
    position: relative;
    width: 984px;
    margin: 0 auto;
    padding: 7px 55px;
    background: #fff url("/-/media/Feature/SkincPro/Carousel/b_banner_shield.jpg") no-repeat scroll right bottom;
}

.slide3 header {
    margin: 0 0 146px;
    width: 50%;
}

    .slide3 header h2 em {
        display: inline-block;
        height: 20px;
        font-size: 20px;
        line-height: 45px;
        vertical-align: top;
        font-style: normal;
    }

.obj_carrousel.wide .item.slide3 header h1 {
    margin: 0;
    font: 144px/144px "FuturaBT-Light", arial;
    letter-spacing: -13px;
    color: #22799f;
}

.obj_carrousel.wide .item.slide3 header h2 {
    margin: -5px 0 0 10px;
    font: 29px/29px "FuturaBT-Medium", arial;
    text-transform: uppercase;
    letter-spacing: 0px;
    color: #22799f;
    border: medium none;
    width: auto;
}

.slide3 .ctn_text {
    margin-left: 10px;
    width: 50%;
}

    .slide3 .ctn_text h3 {
        margin-bottom: 1px;
        font: 21px/21px "FuturaBT-Medium", arial;
        letter-spacing: -0.6px;
        text-transform: uppercase;
        margin: 0 0 3px 0;
    }

    .slide3 .ctn_text p {
        font: 18px/20px "FuturaBT-Book", arial;
        letter-spacing: -0.6px;
    }

    .slide3 .ctn_text .t_ashtag {
        margin-top: 29px;
        font: 17px/17px "FuturaBT-Book", arial;
        letter-spacing: -0.6px;
        color: #22799f;
    }

.slide3 .ctn_product {
    position: absolute;
    right: 70px;
    top: 0;
    width: 547px;
    height: 229px;
    padding-top: 310px;
}

    .slide3 .ctn_product figure {
        position: absolute;
        display: block;
        width: 50%;
    }

    .slide3 .ctn_product .v_Phlorentin {
        left: 0;
    }

    .slide3 .ctn_product figcaption {
        font: 17px/19px "FuturaBT-Book", arial;
        letter-spacing: -0.6px;
        color: #22799f;
    }

    .slide3 .ctn_product .v_Phlorentin figcaption {
        padding-right: 150px;
        text-align: right;
    }

    .slide3 .ctn_product figcaption strong {
        font: 17px/19px "FuturaBT-Medium", arial;
    }

    .slide3 .ctn_product .v_Mineral {
        right: 0;
    }

        .slide3 .ctn_product .v_Mineral figcaption {
            padding-left: 160px;
            text-align: left;
        }

/************************slide 4 *********************/
.slide4 {
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0px auto;
    padding: 50px 0px;
    height: 550px !important;
}

    .slide4 .ctn_header h3 {
        display: block;
        height: 75px;
        width: 355px;
        text-indent: -9999px;
        background: transparent url(/images/v_banner_01.png) no-repeat 0px 0px;
    }

.obj_carrousel.wide .item.slide4 .ctn_header h1 {
    margin-top: 50px;
    font: 32px/32px "FuturaBT-Heavy", Arial;
    letter-spacing: 2px;
    color: #008ab0;
    text-transform: uppercase;
}

.obj_carrousel.wide .item.slide4 .ctn_header h2 {
    margin-top: 15px;
    font: 16px/16px "FuturaBT-Medium", Arial;
    letter-spacing: 2px;
    color: #000000;
    text-transform: uppercase;
    border: medium none;
}

.slide4 .ctn_header h4 {
    margin-top: 40px;
    font: 14px/16px "FuturaBT-Medium", Arial;
    color: #000000;
    text-transform: uppercase;
}

.slide4 .ctn_header ul {
    position: relative;
    left: 0px;
    margin-top: 20px;
}

    .slide4 .ctn_header ul li {
        display: inline-block;
        position: relative;
        padding: 0px 10px 0px 20px;
        font: 12px/30px "FuturaBT-Medium", Arial;
        color: #000000;
        text-transform: uppercase;
        background-color: #f4f6f1;
        box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.20);
        -moz-box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.20);
        -webkit-box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.20);
    }

        .slide4 .ctn_header ul li::after {
            content: "";
            position: absolute;
            top: 0px;
            right: -10px;
            height: 0px;
            width: 0px;
            border-style: solid;
            border-width: 15px 0 15px 10px;
            border-color: transparent transparent transparent #f4f6f1;
        }

        .slide4 .ctn_header ul li:first-child {
            padding-left: 60px;
            z-index: 10;
        }

    .slide4 .ctn_header ul li {
        z-index: 5;
    }

        .slide4 .ctn_header ul li:last-child {
            z-index: 0;
        }

.obj_carrousel.wide .item.slide4 .banner {
    width: 960px;
    padding: 0;
}

.slide4 .ctn_header ul li strong {
    font-family: "FuturaBT-Bold";
}

/***********slide5**************/
.slide5 {
    background-position: center 3px;
    background-repeat: no-repeat;
    height: 695px !important;
    background-attachment: scroll;
}

.obj_carrousel.wide .item.slide5 > div {
    width: 960px;
    height: 520px;
    padding: 54px 0 0;
    position: relative;
}

.slide5 header {
    width: 560px;
    margin: 0 0 65px;
}

.obj_carrousel.wide .item.slide5 h1 {
    color: #007da4;
    font: 42px/46px "FuturaBT-Light", arial !important;
    letter-spacing: 2.7px;
	margin-top:20px;
}

.slide5 h1 strong {
    font: 100px/90px "FuturaBT-Light", arial;
}

.slide5 .obj_header {
    width: 560px;
}

.obj_carrousel.wide .item.slide5 .obj_header h2 {
    border-bottom: 0 none;
    color: #007da4;
    font: 32px/32px "FuturaBT-Medium", arial;
    letter-spacing: 2.5px;
    margin: 0;
    padding: 0;
}

.slide5 .obj_header p {
    font: 16px/24px "FuturaBT-Light", arial;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.slide5 .obj_legende {
    position: absolute;
    top: 498px;
    right: 280px;
    width: 430px;
    height: 64px;
    padding: 13px 35px;
    background: url(/images/b_txt_banner_reveal.png) no-repeat scroll left top;
}

    .slide5 .obj_legende p {
        font: 14px/22px "FuturaBT-Medium", arial;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

/****************Slide 7 *********/
.slide7 {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #fff;
    height: 800px !important;
}

    .slide7 .content {
        position: relative;
        z-index: 2;
        margin: 10px 0 0 0;
        width: 415px;
        padding: 20px 0 0 0;
    }

    .slide7 header {
        position: relative;
        z-index: 2;
        /* width: 51.041666%; */
    }

    .slide7 .banner {
        padding-top: 120px;
        position: relative;
        width: 960px;
        padding-right: 0;
    }

.obj_carrousel.wide .item.slide7 h1 {
    color: #008aaf;
    font: 42px/1.2em "FuturaBT-Book", arial;
}

.slide7 p {
    font-family: "FuturaBT-Book", arial;
    font-size: 16px;
    margin-bottom: 38px;
}

.slide7 a.b_link {
    font-size: 16px;
}

.slide7 figure {
    position: absolute;
    z-index: 1;
    top: 50px;
    right: 17.708333%;
    max-width: 270px;
    width: 28.125%;
}

    .slide7 figure img {
        width: 100%;
    }

/*************slide 6*************/
.slide6 {
    height: 595px !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}

    .slide6 .banner div {
        width: 60%;
        display: block;
        float: left;
    }

    .slide6 .banner {
        padding-top: 5px !important;
    }

    .slide6 header {
        width: 570px;
        margin: 0 0 70px;
    }

.obj_carrousel.wide .item.slide6 h1 {
    margin: 0 0 4px;
    font-family: FuturaBT-Medium, "arial";
    font-size: 59px;
    color: #007da4;
    letter-spacing: 4px;
    line-height: 63px;
}

.obj_carrousel.wide .item.slide6 header h2 {
    width: 570px;
    border: 0;
    font-family: FuturaBT-Medium, "arial";
    font-size: 20px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

.slide6 li {
    padding-left: 17px;
    margin: 0 0 21px;
    font-family: FuturaBT-Book, 'arial';
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 1.4px;
    color: #000000;
    background: url(/images/banner_physical-matte-uv-defense_fleche.gif) no-repeat scroll left 4px;
}

    .slide6 li strong {
        font-family: FuturaBT-Bold, 'arial';
        text-transform: uppercase;
        letter-spacing: 1.2px;
    }

.slide6 figure {
    display: block;
    float: left;
    text-align: center;
    width: 40%;
}

.slide6 a {
    position: relative;
    display: block;
    margin: 40px auto 0;
    width: 980px;
}

ul.matte {
    color: #666;
    font-size: 12px;
    margin: 0 0 10px 0;
}

.home .obj_carrousel.wide .items {
    display: none;
}

/******Carousl css****/

/******************Home PAge Css Ends*****/

/**********************Triple Lipid***********/
.landing-hai #content {
    padding-top: 177px;
}

.triple-lipid #content {
    padding-top: 143px;
}

.triple-lipid .business {
    padding-left: 0;
}

.triple-lipid section:first-child {
    padding: 0;
}

#Hero-triplelipid .banner {
    width: auto;
    max-width: 960px;
    margin: 0px auto;
    padding: 50px 60px;
    height: 550px;
    background: #ffffff url(/images/bg_banner.jpg) no-repeat center top;
}

    #Hero-triplelipid .banner .ctn_header h3 {
        display: block;
        font: 80px/70px "FuturaBT-Light", Arial;
        letter-spacing: 0px;
        color: #008ab0;
        text-transform: uppercase;
    }

    #Hero-triplelipid .banner .ctn_header h1 {
        margin-top: 50px;
        font: 32px/32px "FuturaBT-Heavy", Arial;
        letter-spacing: 2px;
        color: #008ab0;
        text-transform: uppercase;
    }

    #Hero-triplelipid .banner .ctn_header h2 {
        margin-top: 15px;
        font: 16px/16px "FuturaBT-Medium", Arial;
        letter-spacing: 2px;
        color: #000000;
        text-transform: uppercase;
    }

    #Hero-triplelipid .banner .ctn_header h4 {
        margin-top: 40px;
        font: 14px/16px "FuturaBT-Medium", Arial;
        color: #000000;
        text-transform: uppercase;
    }

        #Hero-triplelipid .banner .ctn_header h4 strong {
            font: 14px/16px "FuturaBT-Bold", Arial;
            color: #000000;
            text-transform: uppercase;
        }

    #Hero-triplelipid .banner .ctn_header ul {
        position: relative;
        left: -60px;
        margin-top: 20px;
    }

        #Hero-triplelipid .banner .ctn_header ul li {
            display: inline-block;
            position: relative;
            padding: 0px 10px 0px 20px;
            font: 12px/30px "FuturaBT-Medium", Arial;
            color: #000000;
            text-transform: uppercase;
            background-color: #f4f6f1;
            box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.20);
            -moz-box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.20);
            -webkit-box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.20);
        }

            #Hero-triplelipid .banner .ctn_header ul li:first-child {
                padding-left: 60px;
                z-index: 10;
            }

        #Hero-triplelipid .banner .ctn_header ul li {
            z-index: 5;
        }

            #Hero-triplelipid .banner .ctn_header ul li strong {
                font-family: "FuturaBT-Bold";
            }

            #Hero-triplelipid .banner .ctn_header ul li::after {
                content: "";
                position: absolute;
                top: 0px;
                right: -10px;
                height: 0px;
                width: 0px;
                border-style: solid;
                border-width: 15px 0 15px 10px;
                border-color: transparent transparent transparent #f4f6f1;
            }

            #Hero-triplelipid .banner .ctn_header ul li:last-child {
                z-index: 0;
            }

.triple-lipid #Section_02 {
    background: transparent url(/images/bg_section_02.jpg) no-repeat center bottom;
}

    .triple-lipid #Section_02 article .content p {
        padding-right: 75px;
    }

    .triple-lipid #Section_02 article .content figure {
        position: relative;
        height: 480px;
        width: 960px;
        margin: 20px auto 0px auto;
    }

        .triple-lipid #Section_02 article .content figure figcaption h4 {
            position: absolute;
            top: 30%;
            margin: 0px;
            font: 20px/20px "FuturaBT-Medium", Arial;
            color: #bcb6a7;
        }

            .triple-lipid #Section_02 article .content figure figcaption h4.t_left {
                right: 80%;
            }

            .triple-lipid #Section_02 article .content figure figcaption h4.t_right {
                left: 82%;
            }

        .triple-lipid #Section_02 article .content figure figcaption h5 {
            position: absolute;
            bottom: 5%;
            left: 50%;
            width: 100%;
            transform: translate(-50%);
            -ms-transform: translate(-50%);
            -webkit-transform: translate(-50%);
            font-size: 0px;
            text-align: center;
        }

            .triple-lipid #Section_02 article .content figure figcaption h5 strong {
                font: 80px/80px "FuturaBT-Medium", Arial;
            }

            .triple-lipid #Section_02 article .content figure figcaption h5 span {
                display: inline-block;
                width: 150px;
                font: 20px/20px "FuturaBT-Medium", Arial;
                color: #bcb6a7;
                text-transform: uppercase;
                text-align: center;
                text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.20);
            }

                .triple-lipid #Section_02 article .content figure figcaption h5 span.t_points {
                    width: auto;
                    position: absolute;
                    top: 0px;
                    transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    -webkit-transform: translateX(-50%);
                }

        .triple-lipid #Section_02 article .content figure img {
            width: 100%;
        }

.triple-lipid section article header h2 {
    font: 20px/30px "FuturaBT-Medium", Arial;
    color: #008ab0;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.triple-lipid section article .content h3 {
    font: 16px/24px "FuturaBT-Medium", Arial;
    color: #000000;
}

.triple-lipid section article .content p {
    margin: 0px 0px 25px;
    font: 14px/24px "FuturaBT-Light", Arial;
    color: #666666;
}

#trip-Section_01 article .content ul {
    margin-bottom: 15px;
}

    #trip-Section_01 article .content ul li {
        position: relative;
        float: left;
        height: 195px;
        width: 205px;
        margin: 0px 25px 25px 0px;
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
        cursor: pointer;
    }

        #trip-Section_01 article .content ul li span {
            display: block;
            position: absolute;
            top: 10px;
            left: 10px;
            height: 175px;
            width: 185px;
            padding: 20px;
            font: 18px/18px "FuturaBT-Medium", Arial;
            color: #008ab0;
            text-transform: uppercase;
            background-color: rgba(255, 255, 255, 0.65);
            opacity: 0;
            transition: all ease 0.3s;
        }

        #trip-Section_01 article .content ul li:hover span {
            opacity: 1;
        }

.triple-lipid * {
    box-sizing: border-box;
}

.triple-lipid section {
    padding-top: 120px;
    max-width: 960px;
    margin: 0px auto 0px auto;
    padding: 100px 0px 40px 0px;
    border-bottom: 8px solid #e1eeef;
}

.triple-lipid .business,
#comprehensive {
    border-bottom: 0;
}

    .triple-lipid .business h2 {
        border: none;
    }

.triple-lipid .content .b_link {
    font: 14px/24px "FuturaBT-Medium", Arial;
    text-transform: uppercase;
}

/*#trip-Section_01 article .content ul li.li_01 { background: transparent url("./images/v_section_01_01.jpg") no-repeat 0px 0px; }
#trip-Section_01 article .content ul li.li_02 { background: transparent url("./images/v_section_01_02.jpg") no-repeat 0px 0px; }
#trip-Section_01 article .content ul li.li_03 { background: transparent url("./images/v_section_01_03.jpg") no-repeat 0px 0px; }
#trip-Section_01 article .content ul li.li_04 { background: transparent url("./images/v_section_01_04.jpg") no-repeat 0px 0px; }*/

/* ============================== */

/*  Section_03
/* ============================== */
.triple-lipid #Section_03 article .content .ctn_left {
    margin-top: 20px;
    float: left;
}

.triple-lipid #Section_03 article .content .ctn_right {
    margin: 40px 120px 0px 0px;
    float: right;
}

.triple-lipid #Section_03 article .content .ctn_left .obj_before-after {
    height: auto;
    width: 335px;
    margin: 0px;
}

    .triple-lipid #Section_03 article .content .ctn_left .obj_before-after:last-child {
        margin-top: 20px;
    }

    .triple-lipid #Section_03 article .content .ctn_left .obj_before-after > div,
    .triple-lipid #Section_03 article .content .ctn_left .obj_before-after figure img {
        height: 335px;
        width: 335px;
    }

    .triple-lipid #Section_03 article .content .ctn_left .obj_before-after figure figcaption {
        width: 150px;
        font: 14px/14px "FuturaBT-Heavy", Arial;
        text-transform: uppercase;
    }

    .triple-lipid #Section_03 article .content .ctn_left .obj_before-after p {
        font: 12px/12px "FuturaBT-Medium", Arial;
        color: #008bb0;
        font-style: italic;
    }

.triple-lipid #Section_03 article .content .ctn_right ul li {
    height: 135px;
    width: 410px;
    padding: 40px 0px 40px 50px;
    font: 18px/18px "FuturaBT-Light", Arial;
    color: #000000;
    text-transform: uppercase;
    background: transparent url("/images/v_section_03_03.gif") no-repeat 0px 0px;
}

    .triple-lipid #Section_03 article .content .ctn_right ul li span {
        position: relative;
        left: -5px;
        font: 35px/35px "FuturaBT-Light", Arial;
        color: #008bb0;
    }

    .triple-lipid #Section_03 article .content .ctn_right ul li span {
        font: 28px/28px "FuturaBT-Light", Arial;
    }

.triple-lipid #Section_03 article .content .ctn_right ul li {
    height: 90px;
    width: 280px;
    padding: 20px 0px 20px 35px;
    font: 14px/14px "FuturaBT-Light", Arial;
    background-size: 100%;
}

    .triple-lipid #Section_03 article .content .ctn_right ul li strong {
        font-family: "FuturaBT-Bold";
        font-weight: normal;
    }

.triple-lipid section article .content {
    position: relative;
}

.triple-lipid #Section_03 article .content .t_mentions {
    position: absolute;
    bottom: 40px;
    width: 55%;
    font: 12px/12px "FuturaBT-Light", Arial;
    font-style: italic;
}

.triple-lipid section article .content h4 {
    font: 14px/14px "FuturaBT-Bold", Arial;
    color: #666666;
    text-transform: uppercase;
}

#comprehensive {
    /*height: 850px;*/
    padding-bottom: 0px;
    border-bottom: none;
}

    #comprehensive article .content .ctn_left {
        position: absolute;
        top: 35px;
        left: 15px;
        width: 200px;
    }

    #comprehensive article .content .ctn_center {
        position: absolute;
        top: 170px;
        left: 310px;
        width: 270px;
    }

    #comprehensive article .content .ctn_right {
        position: absolute;
        top: 20px;
        right: 135px;
        width: 190px;
    }

    #comprehensive article .content .ctn_left,
    #comprehensive article .content .ctn_center,
    #comprehensive article .content .ctn_right {
        z-index: 10;
    }

    #comprehensive article .content .t_tag {
        margin: 0px;
        font: 11px/16px "FuturaBT-Bold", Arial;
        color: #008bb0;
        text-transform: uppercase;
    }

        #comprehensive article .content .t_tag span {
            display: inline-block;
            margin-right: 5px;
            padding: 0px 6px;
            font: 8px/16px "FuturaBT-Bold", Arial;
            letter-spacing: 1px;
            color: #ffffff;
            border-radius: 3px;
            background-color: #008bb0;
        }

    #comprehensive article .content h4 {
        margin-top: 5px;
    }

    #comprehensive article .content p {
        margin-top: 20px;
    }

    #comprehensive article .content .ctn_products .v_00 {
        position: absolute;
        top: 80px;
        left: 0px;
    }

    #comprehensive article .content .ctn_products .v_01,
    #comprehensive article .content .ctn_products .v_03 {
        display: block;
        float: left;
        width: 30%;
        padding-top: 240px;
    }

    #comprehensive article .content .ctn_products .v_02 {
        display: block;
        float: left;
        width: 40%;
        padding-top: 240px;
    }

    #comprehensive article .content .ctn_products .v_01 img,
    #comprehensive article .content .ctn_products .v_03 img {
        display: block;
        max-width: 288px;
        width: 100%;
    }

    #comprehensive article .content .ctn_products .v_02 img {
        display: block;
        max-width: 384px;
        width: 100%;
    }

    #comprehensive .content .b_link {
        display: block;
    }

/*************Ozone landing************/
.business .main-center {
    border-top: 7px solid #e1eeef;
}

.business section .main-center {
    position: relative;
    top: 0;
}

section .main-center > div {
    padding: 30px 0px 30px 0;
}

.business .main-center > div > h2 {
    display: block;
    margin: 0 0 45px 0;
    border: none;
}

.obj_recommend h2 {
    margin-bottom: 50px;
    font: 20px/30px "FuturaBT-Medium", Arial;
    color: #008ab0;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.main-center > div > h2 {
    margin-bottom: 20px;
    font: 21px/21px 'FuturaBT-Book', arial;
    color: #008ab0;
}

.ozone-pollution section.metacell {
    padding: 0 ;
	padding-left: 15px;
}

.business .main-center > div > h2 {
    display: block;
    margin: 0 0 45px 0;
}

.obj_recommend .obj_produit {
    display: inline-block;
    width: 33%;
    margin-bottom: 20px;
}

.business .obj_produit {
    float: left;
    min-height: 145px;
    width: 300px;
    margin-right: 25px;
    margin-bottom: 25px;
}

    .business .obj_produit figure {
        width: 90px;
        text-align: left;
        display: table-cell;
        vertical-align: middle;
    }

.obj_recommend .obj_produit figure {
    width: 100px;
    margin-right: 12px;
    /* padding: 0px 20px;*/
	padding-right:20px;
}

    .obj_recommend .obj_produit figure img {
        max-height: 125px;
        max-width: 100px;
    }

.business .obj_produit .t_produit {
    display: table-cell;
    vertical-align: top;
}

.obj_recommend .obj_produit .t_produit {
    width: 160px;
}

.business .obj_produit h3 {
    font: 14px/14px 'FuturaBT-Heavy';
}

.obj_recommend .obj_produit .t_produit h3 {
    color: #666;
    line-height: 16px;
}

.business .obj_produit p {
    line-height: 25px;
    font-size: 14px;
}

.obj_recommend .obj_produit .t_produit p {
    margin-top: 5px;
}

.obj_recommend .obj_produit .t_produit a {
    font-size: 13px;
    color: #2e9ebe;
}

.business .obj_produit.last {
    margin: 0;
}

.ozone-pollution * {
    box-sizing: border-box;
}

.ozone-pollution section {
    padding-top: 197px;
    padding: 100px 0px 40px 15px;
}

    .ozone-pollution section.ctn_science {
        height: 380px;
        margin: 50px auto;
        padding: 45px 0 50px 15px;
        overflow: hidden;
        border-top: 1px solid #7f7f7f;
        border-bottom: 1px solid #7f7f7f;
        background-repeat: no-repeat;
        background-position: right top;
    }

        .ozone-pollution section.ctn_science header {
            width: 47.30%;
            float: left;
        }

.ozone-pollution .ctn_science header h2 {
    margin: 0px;
    font: 20px/24px "FuturaBT-Medium", Arial;
    text-transform: uppercase;
    color: #008AB0;
}

.ozone-pollution .ctn_science header p {
    margin: 0px 0px 25px;
    font: 14px/24px "FuturaBT-Book", Arial;
    color: #666;
}

.ozone-pollution section.ctn_science header strong {
    color: #008AB0;
    text-transform: uppercase;
    font-family: "FuturaBT-Medium", Arial;
}

.ozone-pollution section.ctn_science .ctn_products {
    width: 52.70%;
    float: right;
    padding: 23px 80px 0 0;
    text-align: center;
}

    .ozone-pollution section.ctn_science .ctn_products figure {
        display: inline-block;
        width: 125px;
        margin: 0;
    }

        .ozone-pollution section.ctn_science .ctn_products figure img {
            width: 100%;
        }

    .ozone-pollution section.ctn_science .ctn_products .ctn_bt {
        margin-top: 15px;
        font: 11px/11px "FuturaBT-Bold", arial;
        text-transform: uppercase;
        color: #2e9ebe;
    }

.ozone-pollution .Section_01 header {
    width: 760px;
    margin-bottom: 40px;
}

    .ozone-pollution .Section_01 header p {
        margin: 0;
        font: 20px/20px "FuturaBT-Medium", Arial;
        text-transform: uppercase;
        color: #008AB0;
    }

    .ozone-pollution .Section_01 header h2 {
        font: 42px/42px "FuturaBT-Medium", Arial;
        color: #008AB0;
    }

        .ozone-pollution .Section_01 header h2 u {
            font-size: 25px;
            top: 3px;
            text-decoration: none;
        }

.ozone-pollution .Section_01 article .content {
    width: 600px;
}

.ozone-pollution .Section_01 p strong {
    font: 14px/24px "FuturaBT-Bold", Arial;
}

.ozone-pollution .ctn_question .ctn_toggle {
    overflow: hidden;
    height: 0px;
}

.ozone-pollution .Section_01 figure {
    position: relative;
    margin: 0 0 40px;
}

    .ozone-pollution .Section_01 figure legend .title_01 {
        position: absolute;
        top: 174px;
        left: 50%;
        transform: translate(-50%);
        font: 16px/20px "FuturaBT-Medium", Arial;
        letter-spacing: -1px;
        text-transform: uppercase;
        color: #0085b7;
    }

    .ozone-pollution .Section_01 figure legend .t_01 {
        position: absolute;
        top: 190px;
        left: 35px;
        font: 10px/11px "FuturaBT-Bold", Arial;
        color: #0085b7;
        text-transform: uppercase;
    }

    .ozone-pollution .Section_01 figure legend .title_02 {
        position: absolute;
        top: 228px;
        left: 50%;
        transform: translate(-50%);
        font: 16px/20px "FuturaBT-Medium", Arial;
        letter-spacing: -1px;
        text-transform: uppercase;
        color: #ba3b18;
    }

        .ozone-pollution .Section_01 figure legend .title_02 u {
            position: relative;
            top: 4px;
            text-decoration: none;
        }

    .ozone-pollution .Section_01 figure legend .t_02 {
        position: absolute;
        top: 265px;
        left: 35px;
        font: 10px/11px "FuturaBT-Bold", Arial;
        text-transform: uppercase;
        color: #ba3b18;
    }

    .ozone-pollution .Section_01 figure legend .t_03 {
        position: absolute;
        top: 355px;
        left: 25px;
        font: 10px/11px "FuturaBT-Bold", Arial;
        text-transform: uppercase;
        color: #fff;
    }

.ozone-pollution .Section_01 .ctn_question {
    margin: 10px 0;
}

.ozone-pollution .Section_01 .t_title-p {
    font: 14px/24px "FuturaBT-Bold", Arial;
    margin: 0;
}

    .ozone-pollution .Section_01 .t_title-p u {
        position: relative;
        font-size: 12px;
        top: 3px;
        text-decoration: none;
    }

.ozone-pollution .Section_01 .content {
    width: 600px;
}

.ozone-pollution .Section_01 .t_title-p a {
    padding: 0px 40px 0px 0px;
    background: transparent url("/images/b_faq-close.gif") no-repeat scroll right center;
    color: #666;
    text-decoration: none;
}

    .ozone-pollution .Section_01 .t_title-p a:hover {
        color: #2e9ebe;
    }

.ozone-pollution section .content p {
    margin: 0px 0px 25px;
    font: 14px/24px "FuturaBT-Light", Arial;
    color: #666666;
}

.ozone-pollution .Section_01 .t_title-p a.open {
    background-image: url("/images/b_faq-open.gif");
}

.ozone-pollution .Section_01 .ctn_ozone {
    padding: 90px 0 0;
}

    .ozone-pollution .Section_01 .ctn_ozone div {
        position: relative;
    }

        .ozone-pollution .Section_01 .ctn_ozone div p {
            position: absolute;
            top: -90px;
            width: 176px;
            height: 75px;
            padding: 10px;
            box-sizing: border-box;
            font: 11px/12px "FuturaBT-Light", Arial;
            background: #F2F2F3;
            box-shadow: -1px 2px 8px 2px rgba(0, 0, 0, 0.3) inset;
        }

.ozone-pollution .Section_01 .ctn_01 {
    display: inline-block;
    width: 176px;
    height: 176px;
    line-height: 176px;
    background: transparent url(/images/v_circle_01.jpg) no-repeat center bottom;
}

    .ozone-pollution .Section_01 .ctn_01 h4 {
        margin: 0;
        font: 22px/176px "FuturaBT-Bold", Arial;
        text-align: center;
        text-transform: uppercase;
    }

.ozone-pollution .Section_01 .ctn_02 h4,
.ozone-pollution .Section_01 .ctn_03 h4 {
    margin: 0;
    font: 22px/176px "FuturaBT-Bold", Arial;
    text-align: center;
    color: #fff;
    text-transform: none;
}

.ozone-pollution .Section_01 .ctn_02 .i_line,
.ozone-pollution .Section_01 .ctn_03 .i_line {
    position: absolute;
    left: 50%;
    top: -16px;
}

.ozone-pollution .Section_01 .ctn_02 {
    display: inline-block;
    width: 176px;
    height: 176px;
    line-height: 176px;
    background: transparent url(/images/v_circle_02.jpg) no-repeat center bottom;
}

.ozone-pollution .Section_01 .ctn_03 {
    display: inline-block;
    width: 176px;
    height: 176px;
    line-height: 176px;
    background: transparent url(/images/v_circle_03.jpg) no-repeat center bottom;
}

.ozone-pollution .Section_01 .ctn_ozone .plus_01,
.ozone-pollution .Section_01 .ctn_ozone .plus_02 {
    margin: 0 5px;
}

.ozone-pollution .Section_01 .ctn_result {
    height: 130px;
    width: 100%;
    text-align: center;
    margin: 40px auto;
}

    .ozone-pollution .Section_01 .ctn_result h5 {
        width: 318px;
        height: 80px;
        margin: 30px auto 0;
        padding: 22px 0 0;
        text-transform: uppercase;
        font-size: 19px;
        line-height: 19px;
        font-family: "FuturaBT-Bold", Arial;
        color: #BA3B18;
        box-shadow: -1px 2px 8px 5px rgba(0, 0, 0, 0.1) inset;
        background: #b74228;
        background: -moz-linear-gradient(top, #b74228 0%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #b74228 0%, #ffffff 100%);
        background: linear-gradient(to bottom, #b74228 0%, #ffffff 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b74228', endColorstr='#ffffff', GradientType=0);
    }

        .ozone-pollution .Section_01 .ctn_result h5 em {
            font-size: 15px;
            color: #a75236;
        }

.ozone-pollution .Section_01 .ctn_skins {
    margin: 20px 0 0;
}

    .ozone-pollution .Section_01 .ctn_skins div {
        float: left;
        width: 212px;
        height: 201px;
        margin: 0 40px 30px 0;
        line-height: 201px;
        text-align: center;
        background: url("/images/v_arrow-01.jpg") no-repeat center top;
    }

    .ozone-pollution .Section_01 .ctn_skins h5 {
        display: inline-block;
        font: 18px/20px "FuturaBT-Medium", Arial;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        vertical-align: middle;
    }

        .ozone-pollution .Section_01 .ctn_skins h5 em {
            font: 14px/14px "FuturaBT-Medium", Arial;
        }

    .ozone-pollution .Section_01 .ctn_skins .fleche-02 {
        padding: 0 0;
    }

    .ozone-pollution .Section_01 .ctn_skins div.fleche-04 {
        margin-top: 25px;
        line-height: 150px;
        background: url("/images/v_arrow-02.jpg") no-repeat center top;
    }

/* ============================== */

/*  CTN PROTECTION CARROUSELS
/* ============================== */
section.ctn_protection {
    height: auto;
    max-width: 1400px;
    margin: 0 auto 50px;
    padding: 50px 25px 100px;
    overflow: hidden;
}

.ctn_protection .masque {
    position: relative;
    max-width: 900px;
    height: 442px;
    padding: 0 0 0 0;
    overflow: hidden;
}

.ctn_protection .items {
    height: 100%;
    position: absolute;
    width: 100000px;
    z-index: 1;
}

.ctn_protection .obj_carrousel.products .item {
    float: left;
    min-width: 180px;
    text-align: center;
}

    .ctn_protection .obj_carrousel.products .item .obj_product {
        display: inline-block;
        float: none;
        margin: 0 auto;
        max-width: 240px;
        width: auto;
        text-align: center;
    }

        .ctn_protection .obj_carrousel.products .item .obj_product .pPhilosophy {
            left: 0;
            right: 0;
            top: 0;
        }

        .ctn_protection .obj_carrousel.products .item .obj_product figure a {
            display: block;
        }

.ctn_protection .obj_carrousel.products .nav {
    position: absolute;
    z-index: 30;
    top: 170px;
    width: 952px;
    margin: 0 auto;
}

    .ctn_protection .obj_carrousel.products .nav button {
        display: block;
        width: 22px;
        height: 40px;
        border: 0;
        margin: 0;
        padding: 0;
        text-indent: -99999px;
        overflow: hidden;
        cursor: pointer;
        opacity: 0.7;
    }

        .ctn_protection .obj_carrousel.products .nav button:hover {
            opacity: 1;
        }

    .ctn_protection .obj_carrousel.products .nav .b_prev {
        position: absolute;
        left: 0px;
        background: transparent url("/images/b_prev.gif") no-repeat left top / 22px auto;
    }

    .ctn_protection .obj_carrousel.products .nav .b_next {
        position: absolute;
        right: 0px;
        background: transparent url("/images/b_next.gif") no-repeat left top / 22px auto;
    }

    .ctn_protection .obj_carrousel.products .nav button.disabled {
        opacity: 0;
    }

.ctn_protection header {
    width: 1140px;
    margin: 0 auto;
}

    .ctn_protection header h2 {
        margin: 0px;
        font: 20px/24px "FuturaBT-Medium", Arial;
        text-transform: uppercase;
        color: #008AB0;
    }

    .ctn_protection header p {
        margin: 0px 0px 25px;
        font: 14px/24px "FuturaBT-Book", Arial;
        color: #666;
    }

.ctn_protection > div {
    width: 1140px;
    height: 550px;
    overflow: hidden;
    margin: 0 auto 40px;
    padding: 50px 75px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 2px 2px 40px #d5d5d6;
}

.ctn_protection div header {
    margin-bottom: 16px;
}

    .ctn_protection div header h3 {
        color: #449ebb;
        font: 48px/22px "FuturaBT-Light", arial;
        text-transform: uppercase;
    }

.ctn_protection .obj_product img {
    display: block;
    height: 320px;
    width: auto;
}

.ctn_protection .obj_product header {
    margin: 0 auto;
    padding: 14px 0 0;
    width: auto !important;
    text-align: center;
}

.ctn_protection .obj_product .pPhilosophy span {
    /*width: 45px; height: 12px; */
    border: 0 none;
    border-radius: 3px;
    display: inline-block;
    padding: 2px 5px;
    background-color: #008ab0;
    font: 9px/12px "FuturaBT-Bold", arial;
    text-align: center;
    color: #ffffff;
}

.ctn_protection .obj_product header a {
    padding-top: 26px;
}

.ctn_protection .obj_product h3 {
    margin-bottom: 10px;
    color: #000;
    font: 12px/14px "FuturaBT-Bold", arial;
}

.ctn_protection .ctn_bt {
    font: 10px/10px "FuturaBT-Bold", arial;
    text-transform: uppercase;
    color: #2e9ebe;
}

    .ctn_protection .ctn_bt span {
        font: 10px/10px "FuturaBT-Light", arial;
    }

.ozone-pollution #content {
    padding-top: 143px;
}

.ozone-pollution .ozonelanding {
    margin: 0px;
}

.ozone-pollution .ozonelanding {
    position: relative;
    width: auto;
    max-width: 1025px;
    margin: 0px auto !important;
    padding: 50px 0 0 32px;
    height: 620px;
    background-color: #fff;
    background-repeat: no-repeat !important;
    background-position: right top !important;
}

    .ozone-pollution .ozonelanding .banner {
        /*position:relative;
	width: auto;
	max-width:1025px;
	margin: 0px auto;
	padding: 50px 0 0 32px;
	height:620px;
	background: #fff url('images/b_banner_shield.jpg') no-repeat right top;*/
    }

        .ozone-pollution .ozonelanding .banner .ctn_header h3 {
            display: block;
            height: 75px;
            width: 355px;
            text-indent: -9999px;
            background: transparent url("images/v_banner_01.png") no-repeat 0px 0px;
        }

        .ozone-pollution .ozonelanding .banner .ctn_header h1 {
            margin: 0px;
            font: 100px/100px "FuturaBT-Light", Arial;
            color: #008ab0;
            text-transform: uppercase;
            border: none;
        }

        .ozone-pollution .ozonelanding .banner .ctn_header h2 {
            margin-top: 15px;
            font: 27px/27px "FuturaBT-Medium", Arial;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #008AB0;
        }

            .ozone-pollution .ozonelanding .banner .ctn_header h2 u {
                position: relative;
                font-size: 20px;
                top: 5px;
                text-decoration: none;
            }

        .ozone-pollution .ozonelanding .banner .ctn_header h4 {
            width: 326px;
            margin-top: 180px;
            font: 17px/20px "FuturaBT-Book", Arial;
            color: #000;
        }

            .ozone-pollution .ozonelanding .banner .ctn_header h4 u {
                position: relative;
                font-size: 12px;
                top: 3px;
                text-decoration: none;
            }

            .ozone-pollution .ozonelanding .banner .ctn_header h4 strong {
                font: 20px/20px "FuturaBT-Medium", Arial;
                color: #000;
                text-transform: uppercase;
            }

        .ozone-pollution .ozonelanding .banner .ctn_header .hashtag {
            margin-top: 40px;
            color: #008AB0;
            font: 15px/15px "FuturaBT-Book", Arial;
        }

            .ozone-pollution .ozonelanding .banner .ctn_header .hashtag strong {
                font: 15px/15px "FuturaBT-Bold", Arial;
                color: #008AB0;
            }

        .ozone-pollution .ozonelanding .banner .ctn_header .t_anti {
            position: absolute;
            right: 495px;
            top: 390px;
            display: inline-block;
            text-align: right;
        }

        .ozone-pollution .ozonelanding .banner .ctn_header .t_anti,
        .ozone-pollution .ozonelanding .banner .ctn_header .t_sun {
            font: 16px/18px "FuturaBT-Book", Arial;
            color: #008AB0;
            text-transform: uppercase;
        }

            .ozone-pollution .ozonelanding .banner .ctn_header .t_anti strong,
            .ozone-pollution .ozonelanding .banner .ctn_header .t_sun strong {
                font: 17px/20px "FuturaBT-Medium", Arial;
                color: #008AB0;
            }

        .ozone-pollution .ozonelanding .banner .ctn_header .t_sun {
            position: absolute;
            right: 105px;
            top: 390px;
            text-align: left;
            display: inline-block;
        }

        .ozone-pollution .ozonelanding .banner .ctn_header .t_prod {
            display: block;
            position: absolute;
            bottom: 0;
            height: 400px;
            width: 130px;
            text-indent: -9999em;
            text-align: left;
        }

            .ozone-pollution .ozonelanding .banner .ctn_header .t_prod.var_anti {
                right: 360px;
            }

            .ozone-pollution .ozonelanding .banner .ctn_header .t_prod.var_sun {
                right: 200px;
                height: 480px;
            }

/************************Ozone Landing************/

/*********Inner page---------phytocorrective *****/
.phytocorrective #content {
    /*padding-top: 0;*/
}

.obj_CalmCool {
    height: 535px !important;
}

.obj_carrousel.wide .item.obj_CalmCool .banner {
    position: relative;
    height: 460px;
    width: 960px;
    margin: 0 auto;
    padding: 18px 0px;
}

.obj_CalmCool header {
    margin-bottom: 20px;
    margin-left: -5px;
    width: 100%;
}

.obj_carrousel.wide .item.obj_CalmCool header h1 {
    margin: 0 0 9px;
    font: 111px/111px "FuturaBT-Light", arial;
    color: #007799;
}

.obj_CalmCool header p {
    margin: 0 0 12px 5px;
    font: 16px/24px "FuturaBT-Book", arial;
}

    .obj_CalmCool header p strong {
        font: 16px/16px "FuturaBT-Heavy", arial;
        color: #328c42;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }

.obj_CalmCool .ctn_text ul {
    width: 66%;
    margin-bottom: 20px;
}

.obj_CalmCool .ctn_text li {
    display: inline-block;
    position: relative;
    margin-right: 15px;
    width: 31%;
    height: 107px;
    font: 17px/17px "FuturaBT-Medium", arial;
    color: #328c42;
    text-align: center;
    text-transform: uppercase;
    line-height: 107px;
}

    .obj_CalmCool .ctn_text li span {
        z-index: 3;
        position: relative;
        display: inline-block;
        width: 60%;
        vertical-align: middle;
        line-height: normal;
    }

    .obj_CalmCool .ctn_text li strong {
        display: block;
        font: 30px/30px "FuturaBT-Light", arial;
    }

    .obj_CalmCool .ctn_text li:last-child {
        margin: 0;
    }

    .obj_CalmCool .ctn_text li:before {
        z-index: 0;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 55px;
        height: 100%;
        background: url("/images/b_banner_CalmCool_left.png") no-repeat scroll left top;
    }

    .obj_CalmCool .ctn_text li:after {
        z-index: 0;
        position: absolute;
        right: 0;
        top: 0;
        content: "";
        width: 55px;
        height: 100%;
        background: url("/images/b_banner_CalmCool_right.png") no-repeat scroll right top;
    }

.obj_CalmCool .ctn_product {
    position: relative;
    padding-top: 33px;
    width: 35%;
}

    .obj_CalmCool .ctn_product figure img {
        position: absolute;
        right: -80%;
        top: 0;
    }

    .obj_CalmCool .ctn_product figcaption {
        font: 19px/19px "FuturaBT-Light", arial;
        color: #007799;
        text-transform: uppercase;
        letter-spacing: 1.3px;
    }

.obj_CalmCool .ctn_text .t_link {
    display: inline-block;
    margin: 30px 0 0 -2px;
    padding: 5px 9px;
    font: 10px/10px "FuturaBT-Bold", arial;
    letter-spacing: 0;
    border: 1px solid #dfe4e7;
    border-radius: 25px;
    background: #edf0f2;
    background: -moz-linear-gradient(top, #edf0f2 0%, #f0f3f5 50%, #dce2e5 100%);
    background: -webkit-linear-gradient(top, #edf0f2 0%, #f0f3f5 50%, #dce2e5 100%);
    background: linear-gradient(to bottom, #edf0f2 0%, #f0f3f5 50%, #dce2e5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#edf0f2', endColorstr='#dce2e5', GradientType=0);
}

#Reactivity {
    margin-bottom: 63px;
    padding: 56px 48px;
    background-color: #fafafa;
    box-shadow: 0 3px 3px #cccccc;
}

    #Reactivity header {
        margin: 0 0 30px;
    }

        #Reactivity header h2 {
            color: #007799;
            font: 28px/28px "FuturaBT-Medium", arial;
            letter-spacing: 1.4px;
            text-transform: uppercase;
        }

    #Reactivity .ctn_action.left {
        position: relative;
        /*padding: 113px 0 0 41.7%;*/
		padding: 93px 0 0 35%;
        /*height: 181px;*/
		height:305px;
    }

    #Reactivity .ctn_action.right {
        position: relative;
       /* padding: 112px 0 0 0;*/
	   padding: 92px 0 0 100px;
        /*height: 181px;*/
		height:305px;
    }

    #Reactivity .ctn_action h3 {
        color: #328c42;
        font: 24px/24px "FuturaBT-Medium", arial;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        margin-bottom: 8px;
        padding-bottom: 15px;
        padding-top: 0;
    }

    #Reactivity .ctn_action h3 {
        color: #328c42;
        font: 24px/24px "FuturaBT-Medium", arial;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        margin-bottom: 8px;
        padding-bottom: 15px;
        padding-top: 0;
    }

    #Reactivity .ctn_action.left h3 {
       /* background: url("/images/v_bordure_left_titre.gif") no-repeat scroll right bottom;*/
		        background: url("/images/v_bordure_left_titre.gif") no-repeat scroll left bottom;
    }

    #Reactivity .ctn_action.right h3 {
        padding-left: 40px;
        background: url("/images/v_bordure_right_titre.gif") no-repeat scroll left bottom;
    }

    #Reactivity .ctn_action p {
        margin: 0 0 20px;
        font: 19px/21px "FuturaBT-Light", arial;
        letter-spacing: 0.4px;
    }

    #Reactivity .ctn_action.right > p {
        padding-left: 40px;
    }

    #Reactivity .ctn_action p a {
        margin: 0;
        font: 14px/14px "FuturaBT-Bold", arial;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    #Reactivity .ctn_action p span {
        color: #007799;
    }

    #Reactivity .ctn_schema {
        position: absolute;
        text-align: center;
        top: 0;
        /*width: 27%;*/
		width: 35%;
        height: 303px;
    }

        #Reactivity .ctn_schema p {
            position: absolute;
            margin: 0;
            padding-top: 65px;
            width: 100px;
            font: 16px/19px "FuturaBT-Medium", arial;
            color: #ffffff;
        }

    #Reactivity .ctn_schema_left {
        left: 0;
        padding: 22px 71px 0;
        background: url("/images/v_background_hexa_left.jpg") no-repeat scroll left top;
    }

    #Reactivity .ctn_schema_right {
        right: 0;
        padding: 22px 60px 0;
        background: url("/images/v_background_hexa_right.jpg") no-repeat scroll right top;
    }

    #Reactivity .ctn_schema_right {
        right: 0;
    }

    #Reactivity .ctn_action .cas_01 {
        right: 106px;
        top: 21px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center top;
    }

    #Reactivity .ctn_action .cas_02 {
        left: 47px;
        top: 105px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center top;
    }

    #Reactivity .ctn_action .cas_03 {
        right: 106px;
        top: 166px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center top;
    }

    #Reactivity .ctn_action .cas_04 {
        right: 86px;
        top: 21px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center top;
    }

    #Reactivity .ctn_action .cas_05 {
        padding-top: 45px;
        left: 47px;
        top: 105px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center top;
    }

    #Reactivity .ctn_action .cas_06 {
        right: 86px;
        top: 166px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center top;
    }

    #Reactivity .ctn_action .cas_07 {
        right: 106px;
        top: 21px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center top;
    }

    #Reactivity .ctn_action .cas_08 {
        left: 47px;
        top: 105px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center top;
    }

    #Reactivity .ctn_action .cas_09 {
        right: 106px;
        top: 166px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center top;
    }

#PostProcedure {
    margin-bottom: 45px;
}

    #PostProcedure header {
        margin: 0 0 2px 0;
    }

        #PostProcedure header h2 {
            color: #007799;
            font: 28px/28px "FuturaBT-Medium", arial;
            letter-spacing: 1.4px;
            text-transform: uppercase;
        }

    #PostProcedure > div div {
        margin-bottom: 40px;
    }

    #PostProcedure > div h3 {
        margin-bottom: 10px;
        font: 21px/21px "FuturaBT-Medium", arial;
        letter-spacing: 1.4px;
        text-transform: uppercase;
    }

    #PostProcedure > div div p span {
        display: block;
        float: left;
        height: 30px;
        width: 89px;
        margin-right: 6px;
        line-height: 100px;
        overflow: hidden;
    }

    #PostProcedure > div div .Pourcent_01 span {
        background: url("/images/Pourcent_01.gif") no-repeat scroll center top;
    }

    #PostProcedure > div div .Pourcent_02 span {
        background: url("/images/Pourcent_02.gif") no-repeat scroll center top;
    }

    #PostProcedure > div div .Pourcent_03 span {
        background: url("/images/Pourcent_03.gif") no-repeat scroll center top;
    }

    #PostProcedure > div div p {
        margin: 0 0 13px;
        font: 19px/43px "FuturaBT-Light", arial;
        letter-spacing: 1.2px;
    }

    #PostProcedure .ctn_infrarouge {
        height: 335px;
        width: 765px;
        margin-bottom: 12px;
        padding: 26px 0 0 26px;
        background-color: #000000;
    }

        #PostProcedure .ctn_infrarouge figure {
            float: left;
            margin: 0 34px 0 0;
            width: 267px;
        }

        #PostProcedure .ctn_infrarouge figcaption {
            margin-top: 9px;
            font: 14px/16px "FuturaBT-Bold", arial;
            letter-spacing: 0;
            text-transform: uppercase;
            color: #ffffff;
        }

        #PostProcedure .ctn_infrarouge .ctn_legende_infrarouge {
            position: relative;
            margin: 0;
            width: 115px;
        }

            #PostProcedure .ctn_infrarouge .ctn_legende_infrarouge .t_legende_infrarouge_1 {
                position: absolute;
                top: 0;
                right: 0;
                margin: 0;
                width: 65px;
            }

            #PostProcedure .ctn_infrarouge .ctn_legende_infrarouge .t_legende_infrarouge_2 {
                position: absolute;
                bottom: 0;
                right: 0;
                margin: 0;
                width: 65px;
            }

    #PostProcedure .t_legende {
        font: italic 13px/16px "FuturaBT-Light", arial;
        height: auto;
        width: 80%;
    }

    #PostProcedure > div p a {
        margin: 0;
        font: 13px/14px "FuturaBT-Bold", arial;
        letter-spacing: 0;
        text-transform: uppercase;
    }

        #PostProcedure > div p a span {
            color: #007799;
        }

#Discovermasques {
    margin: 0 auto 50px;
    padding: 30px 0 0 50px;
    box-shadow: 0 3px 3px #cccccc;
}

    #Discovermasques header {
        margin-bottom: 70px;
    }

        #Discovermasques header h2 {
            font: 45px/45px 'FuturaBT-Light';
            color: #007799;
            padding-left: 75px;
        }

    #Discovermasques .product div {
        padding-left: 75px;
        margin-bottom: 13px;
    }

    #Discovermasques .product .tag {
        display: inline-block;
        margin: 0 0 11px 0;
        height: 17px;
        background-color: #2e9ebe;
        border-radius: 4px;
        color: #fff;
        font: 9px/17px "FuturaBT-Bold", arial;
        letter-spacing: 1px;
        padding: 0 5px;
        text-transform: uppercase;
    }

    #Discovermasques .product h3 {
        margin: 0;
        font: 17px/20px "FuturaBT-Bold", Arial, Helvetica, sans-serif;
        letter-spacing: 0.3px;
        color: #007799;
        text-transform: uppercase;
    }

    #Discovermasques .product p {
        margin: 0 0 16px;
        font: 16px/18px "FuturaBT-Light", arial;
        letter-spacing: 0.6px;
    }

    #Discovermasques .product .t_lien {
        margin: 0;
        font: 12px/12px "FuturaBT-Bold", arial;
        letter-spacing: 0;
        text-transform: uppercase;
    }

        #Discovermasques .product .t_lien span {
            color: #007799;
        }

    #Discovermasques .product.product-1 {
        float: left;
        margin-top: 55px;
        width: 38%;
    }

        #Discovermasques .product.product-1 figure {
            margin-left: 15px;
        }

    #Discovermasques .product.product-2 {
        float: left;
        margin-top: 0;
        width: 30%;
    }

        #Discovermasques .product.product-2 div {
            padding-left: 20px;
            margin-bottom: 23px;
        }

    #Discovermasques .product.product-3 {
        float: left;
        margin-top: 125px;
        width: 32%;
    }

        #Discovermasques .product.product-3 div {
            padding-left: 0;
        }

        #Discovermasques .product.product-3 figure {
            position: relative;
            margin-left: -70px;
        }

    #Discovermasques .product figcaption {
        position: absolute;
        right: 0;
        top: 30px;
        text-align: left;
        text-indent: -10000px;
    }

        #Discovermasques .product figcaption br {
            display: none;
        }

    #Discovermasques .product.product-1 figcaption {
        background: url("/images/b_produit_01.png") 0 0 / 109px auto no-repeat;
        height: 53px;
        width: 109px;
    }

    #Discovermasques .product.product-2 figcaption {
        right: 50px;
        width: 98px;
        height: 46px;
        background: url("/images/b_produit_02.png") 0 0 / 98px auto no-repeat;
    }

    #Discovermasques .product.product-3 figcaption {
        right: 60px;
        top: 27px;
        height: 42px;
        width: 87px;
        background: url("/images/b_produit_03.png") 0 0 / 87px auto no-repeat;
    }

    #Discovermasques .product figure {
        position: relative;
        margin: 0 0 -3px 0;
    }

    #Discovermasques a:hover {
        color: #333;
    }

.artf1768561 {
    padding-top: 260px !important;
}

.clean-landing #content {
    padding-top: 120px;
}

.coorective-creams.cat-bg-image .col-1,
.serums.cat-bg-image .col-1 {
    width: 500px;
}

.ctn_protocol .content,
.OurPromise .content,
.science-landing .content p.focus {
    line-height: normal;
}

.research p {
    font-size: 14px;
    font-family: 'FuturaBT-Book', arial;
    color: #333;
    line-height: 1.7142em;
    margin-bottom: 14px;
}

.understanding-landing #content {
    padding-top: 110px;
}

.clinical-landing #content {
    padding-top: 130px;
}

section.skincube > header p {
    color: #666;
}

.topic .ctn_header header h2 {
    padding-bottom: 0;
}

.doctor-profile p {
    line-height: normal;
}

span.priceperapp {
    margin-left: 5px;
}

/*  ------------- Business Building > - Media Print page css ----------------- */
.pg_print div.main {
    background: url("/images/f_blue-gradient.gif") repeat-x left 147px;
}

.pg_mediaRessources.pg_print * {
    box-sizing: initial;
}

.pg_print header.main,
.pg_print footer.main {
    display: block;
}

/**************** css by Perumal***************/

/*my account*/
body {
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

/*protocol page starts here*/
.ctn_protocol {
    /*padding: 150px 0 0;*/
	 padding-top: 150px;
    /*background-position: center 517px;*/
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: -35px;
}

.pg_protocols .obj_hero {
    position: relative;
    height: auto;
    margin-bottom: 30px;
    /*background: url(../../include/images/f_banner_protocols.jpg) center 150px no-repeat;*/
    margin-top: 35px;
}

.obj_hero {
    /* padding: 147px 0 0 0;*/
    height: 690px;
}

.obj_hero {
    height: 485px;
}

    .obj_hero > div,
    .obj_carrousel.wide .item > div {
        /*width: 415px;*/
        width:51%;
        padding: 150px 545px 0 0;
        margin: 0 auto;
    }

.pg_protocols .obj_hero h1 {
    font-size: 60px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
}

.obj_hero h1,
.obj_carrousel.wide .item h1 {
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-family: 'FuturaBT-Light', arial;
    color: #77a3b6;
    font-size: 20px;
}

.pg_protocols .obj_hero section {
    /*max-width: 960px;*/
    /* margin: 60px auto 10px;*/
}

    .pg_protocols .obj_hero section header {
        border-bottom: 2px solid #d5d5d5;
        padding-bottom: 10px;
        margin: 0;
    }

.pg_protocols article header {
    margin: 0 0 20px 0;
}

.pg_protocols .obj_hero section h1 {
    margin: 0;
    padding-bottom: 5px;
    font-size: 18px;
    font-family: 'FuturaBT-Medium';
    border-bottom: none;
}

.pg_protocols .ctn_detail-protocol {
    padding: 30px 0 0;
    border-bottom: 1px solid #d5d5d5;
}

    .pg_protocols .ctn_detail-protocol .ctn_top {
        padding-bottom: 30px;
    }

.clearfix {
    display: block;
}

.pg_protocols .ctn_detail-protocol .ctn_top h2 {
    position: absolute;
    left: 0;
    top: 50%;
    width: 200px;
    margin: -10px 0 0;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    border-bottom: none;
    font-family: 'FuturaBT-Medium';
}

.pg_protocols .ctn_detail-protocol .ctn_top p {
    margin: 0;
}

.pg_protocols .obj_hero p {
    font-family: 'FuturaBT-Book', arial;
    font-size: 13px;
}

.pg_protocols .ctn_detail-protocol .ctn_top a {
    position: relative;
    display: block;
    padding: 0 76px 0 210px;
    /*max-width: 590px;*/
    background: url(/images/b_faq-close02.gif) right center no-repeat;
}

.pg_protocols a:hover {
    color: #2e9ebe;
    text-decoration: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.pg_protocols .ctn_liste-protocol {
    position: relative;
    padding: 25px 150px 25px 30px;
    margin: 10px 0 0 210px;
    background: #f2f7f9;
}

    .pg_protocols .ctn_liste-protocol .ctn_left {
        padding-right: 20px;
        border-style: solid;
        border-color: #dfe1e2;
        border-width: 0 1px 0 0;
    }

    .pg_protocols .ctn_liste-protocol h3 {
        text-transform: none;
        margin-bottom: 10px;
    }

.pg_protocols article h3,
.generique h3 {
    font-family: 'FuturaBT-Medium', arial;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
}

.pg_protocols .obj_hero p {
    font-family: 'FuturaBT-Book', arial;
    font-size: 13px;
}

.pg_protocols .obj_skin-icons {
    margin-top: 25px;
}

.pg_protocols .ctn_liste-protocol .ctn_left {
    padding-right: 20px;
    border-style: solid;
    border-color: #dfe1e2;
    border-width: 0 1px 0 0;
}

.pg_protocols .ctn_liste-protocol .ctn_right {
    position: absolute;
    right: 30px;
    top: 50%;
    width: 120px;
}

    .pg_protocols .ctn_liste-protocol .ctn_right ul {
        margin: 0;
    }

.pg_protocols article ul {
    color: #666;
    font-size: 12px;
    margin: 0 0 10px 0;
}

.pg_protocols .ctn_liste-protocol .ctn_right li:first-child {
    margin: 0;
}

.pg_protocols .ctn_liste-protocol .ctn_right li {
    margin-top: 10px;
}

.pg_protocols .ctn_liste-protocol .ctn_right a {
    display: block;
    padding-left: 20px;
    font-size: 11px;
    line-height: 13px;
    font-family: 'FuturaBT-Medium';
}

    .pg_protocols .ctn_liste-protocol .ctn_right a span {
        color: #77A3B6;
    }

.ctn_right ul li {
    list-style: none;
}

.ctn_protocol div header h1 {
    font-size: 60px;
    /*padding-bottom: 10px;*/
    border-bottom: 1px solid #d5d5d5;
}

.pg_protocols .obj_skin-icons li {
    margin: 0 5px 5px 0;
}

.obj_skin-icons li:first-child {
    margin: 0;
}

.obj_skin-icons li {
    float: left;
    margin: 0 0 0 7px;
}

    .obj_skin-icons li a:hover span {
        display: inline-block;
    }

    .obj_skin-icons li a span {
        display: none;
        position: absolute;
        z-index: 2;
        top: 39px;
        left: 0;
        font-size: 12px;
        padding: 5px 10px 0 10px;
        height: 22px;
        line-height: 22px;
        color: #fff;
        font-family: arial, sans-serif;
        background: url('/images/f_gray-bulle.gif') -363px top no-repeat;
    }

    .obj_skin-icons li a {
        /* position: relative;
    z-index: 1;
    display: block;          commented for artf1790581 --> grey border issue widy & height varies
    width: 30px;
    height: 30px;*/
    }

.content ul li,
.rich-text ul li {
    list-style: none;
}

.pg_protocols .obj_skin-icons li {
    margin: 0 5px 5px 0;
}

.obj_skin-icons li a span.t_aging {
    display: block;
    position: absolute;
    top: 18px;
    left: 17px;
    padding: 0;
    height: auto;
    width: 12px;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    color: #39737c;
    background: none;
    z-index: 3;
}

.pg_protocols .ctn_liste-protocol .ctn_right a {
    display: block;
    padding-left: 20px;
    font-size: 11px;
    line-height: 13px;
    font-family: 'FuturaBT-Medium';
    font-weight: normal;
}

.pg_protocols a:link,
.pg_protocols a:visited {
    color: #333;
    text-decoration: none;
}

.pg_protocols a:hover {
    color: #2e9ebe;
    text-decoration: none;
}

.pg_protocols .obj_hero p {
    font-family: 'FuturaBT-Book', arial;
    font-size: 13px;
}

.pg_protocols article p,
.generique p {
    color: #070707;
}

.pg_protocols .ctn_top a {
    font-weight: normal;
}

.pg_protocols .obj_skin-icons h4 {
    font-family: 'FuturaBt-Medium', arial;
    font-size: 11px;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.pg_protocols .condition h4 {
    font-weight: normal;
}

.pg_protocols .ctn_liste-protocol.last {
    margin-bottom: 30px;
}

.pg_protocols .ctn_liste-protocol:last-child {
    margin-bottom: 30px;
}

.obj_hero h2 {
    color: #000;
}

.ctn_protocol .content,
.OurPromise .content {
    font-family: 'FuturaBT-Book', arial;
    font-size: 13px;	
}

.SkinCeuticals .readmore a,
.science .readmore a,
.antioxidant-auth .readmore a {
    font-family: 'FuturaBT-Medium';
    font-size: 13px !important;
}

.science .content {
    /*font-size: 18px;font-family: 'FuturaBT-Book',arial;*/
}

.science h2 {
    font-family: 'FuturaBT-Light', arial;
    color: #77a3b6;
    font-size: 16px;
}

/* ////////////////////////////////////////
 *
 * $ 8 - PAGE PROTOCOLS
 *
 * //////////////////////////////////////// */

/* ===========================================
 *  $ = STRUCUTRE
 * ======================================== */
.pg_protocols div.main {
    background: none;
}

.pg_protocols .obj_hero {
    position: relative;
    height: auto;
    margin-bottom: 30px;
    /*background:url('/images/f_banner_protocols.jpg') center 150px no-repeat;*/
}

    .pg_protocols .obj_hero:after {
        /* responsive - affichage en mobile */
        display: none;
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 50%;
        margin-left: -320px;
        width: 640px;
        height: 300px;
        background: url('/images/f_banner_protocols.jpg') -160px 30px no-repeat;
        background-size: auto 300px;
    }

    .pg_protocols .obj_hero h1 {
        font-size: 60px;
        padding-bottom: 10px;
        border-bottom: 1px solid #d5d5d5;
    }

    .pg_protocols .obj_hero p {
        font-family: 'FuturaBT-Book', arial;
        font-size: 13px;
    }

    .pg_protocols .obj_hero section {
        /*max-width: 960px;*/
        margin: 60px auto 10px;
    }

        .pg_protocols .obj_hero section header {
            border-bottom: 2px solid #d5d5d5;
            padding-bottom: 10px;
            margin: 0;
        }

        .pg_protocols .obj_hero section h1 {
            margin: 0;
            padding-bottom: 5px;
            font-size: 18px;
            font-family: 'FuturaBT-Medium';
            border-bottom: none;
        }

.pg_protocols .ctn_detail-protocol {
    padding: 30px 0 0;
    border-bottom: 1px solid #d5d5d5;
}

    .pg_protocols .ctn_detail-protocol.last {
        border-bottom: none;
    }

    .pg_protocols .ctn_detail-protocol .ctn_top {
        padding-bottom: 30px;
    }

        .pg_protocols .ctn_detail-protocol .ctn_top a {
            position: relative;
            display: block;
            padding: 0 76px 0 210px;
            /*max-width: 590px;*/
            background-size: 26px 12px;
            background: url("/images/b_faq-close02.gif") right center no-repeat;
        }

            .pg_protocols .ctn_detail-protocol .ctn_top a.open {
                background-size: 26px 12px;
                background-image: url("/images/b_faq-open02_HD.gif");
            }

            .pg_protocols .ctn_detail-protocol .ctn_top a:hover h2 {
                color: #77A3B6;
            }

        .pg_protocols .ctn_detail-protocol .ctn_top h2 {
            position: absolute;
            left: 0;
            top: 50%;
            width: 200px;
            margin: -10px 0 0;
            padding: 0;
            font-size: 13px;
            line-height: 18px;
            border-bottom: none;
            font-family: 'FuturaBT-Medium';
        }

        .pg_protocols .ctn_detail-protocol .ctn_top p {
            margin: 0;
        }

    .pg_protocols .ctn_detail-protocol .content {
        height: 0;
        overflow: hidden;
        position: relative;
    }

.pg_protocols .ctn_liste-protocol {
    position: relative;
    padding: 25px 150px 40px 30px;
    margin: 10px 0 0 210px;
    background: #f2f7f9;
}

    .pg_protocols .ctn_liste-protocol:first-child {
        margin-top: 0;
    }

    .pg_protocols .ctn_liste-protocol.last {
        margin-bottom: 30px;
    }

    /* left */
    .pg_protocols .ctn_liste-protocol .ctn_left {
        padding-right: 20px;
        border-style: solid;
        border-color: #dfe1e2;
        border-width: 0 1px 0 0;
    }

    .pg_protocols .ctn_liste-protocol h3 {
        text-transform: none;
        margin-bottom: 10px;
    }

        .pg_protocols .ctn_liste-protocol h3 span {
            position: relative;
            top: 4px;
            font-size: 8px;
        }

.pg_protocols .obj_skin-icons {
    margin-top: 25px;
}

    .pg_protocols .obj_skin-icons li {
        margin: 0 5px 5px 0;
    }

/* right */
.pg_protocols .ctn_liste-protocol .ctn_right {
    position: absolute;
    right: 30px;
    top: 50%;
	/*top: 19%;*/
    width: 120px;
}

    .pg_protocols .ctn_liste-protocol .ctn_right ul {
        margin: 0;
    }

    .pg_protocols .ctn_liste-protocol .ctn_right li {
        margin-top: 10px;
    }

        .pg_protocols .ctn_liste-protocol .ctn_right li:first-child {
            margin: 0;
        }

    .pg_protocols .ctn_liste-protocol .ctn_right a {
        display: block;
        padding-left: 20px;
        font-size: 11px;
        line-height: 13px;
        font-family: 'FuturaBT-Medium';
    }

        .pg_protocols .ctn_liste-protocol .ctn_right a span {
            color: #77A3B6;
            padding-left: 3px;
        }

.ctn_link a span,
a.b_link-02 span {
    padding-left: 3px;
}

.pg_protocols .content li,
.pg_protocols .rich-text li {
    font-size: 13px;
    margin-left: 0px;
}

/*our charter starts here*/
.charters {
    height: 492px;
    margin-bottom: 50px;
    padding: 144px 0px 0 0px;
    border-bottom: 1px solid #cdd2d2;
    margin-top: -38px;
    background-repeat: no-repeat;
}

.generique-02 section h2 {
    margin-bottom: 8px;
    font-family: 'FuturaBT-Medium', arial;
}

.research .content h2 {
    margin-bottom: 8px;
    font-size: 16px;
    color: #77a3b6;
    text-transform: uppercase;
    margin: 0;
    /*font-weight:bold;*/
    border-bottom: none;
    font-family: 'FuturaBT-Medium', arial;
}

.research .grid-6 .content p {
    font-size: 14px;
    font-family: 'FuturaBT-Book', arial;
    color: #333;
    line-height: 1.7142em;
    margin-bottom: 14px;
}

.research .grid-6 .readmore a {
    font-family: 'FuturaBT-Medium';
    color: #333;
}

    .research .grid-6 .readmore a:hover {
        color: #2e9ebe;
    }

.charters .content p.focus {
    line-height: 1.6666em;
    padding: 20px 0px 0px 70px;
    background: #fff;
    background: rgba(255, 255, 255, .6);
    font-size: 18px;
    margin-right: 80px;
	    width: 80%;
}

.research {
    margin-bottom: 39px;
}

    .research .col-1 img {
        /* min-height: 234px; */
        background-size: 37.5% auto;
        background-repeat: no-repeat;
        background-position: left top;
    }

.charters .content h1 {
    margin-bottom: 8px;
    padding-left: 70px;
    text-transform: uppercase;
    color: #070707;
}

    .charters .content h1 strong {
        display: block;
        padding-top: 10px;
        font-size: 55px;
        font-family: 'FuturaBt-Light', arial;
        color: #77a3b6;
        line-height: 1.054em;
        font-weight: normal;
    }

/*our charters ends here*/

/*our history starts here*/

/*.cosmeceticals #wrapper #content .row {
    height: 2700px;
    background-size: 1693px 2811px;
    background: url(/images/f_cosmeceuticals.jpg) center 0px no-repeat;
}
 .cosmeceutical-container header h1 {
    letter-spacing: 5.9px;
    font-size: 43px;
	margin:0px;
 }
  .cosmeceutical-container section header h1 {
    letter-spacing: 5.9px;
    font-size: 43px;
	margin:0px;
 }
  .cosmeceutical-container header h2 {
border-bottom: none;
    font-size: 25px;
    letter-spacing: 0.85px;
    font-family: 'FuturaBT-Light',arial;
    color: #77a4b4;
    text-transform: uppercase;
    letter-spacing: 1px;
 }

 .cosmeceutical-container .content p {
    font-size: 16px;
	font-family: 'FuturaBT-Book',arial;
    color: #333;
}

.cosmeceutical-container .grid-7{
	width: 53%;
	margin-left: 48px !important;
	margin-top: 140px;
} 	*/
.story {
    background-repeat: no-repeat;
    height: 437px;
    padding-left: 45px;
    overflow: visible;
}

    .story .grid-12 .content .story-content {
        width: 54%;
        float: left;
    }

    .story .grid-12 .content .nav {
        width: 13.966480%;
        float: right;
        position: absolute;
        right: 10px;
        top: 0px;
    }

        .story .grid-12 .content .nav li {
            border-top: 1px solid #77a4b4;
            padding: 5px 0;
            text-align: center;
        }

        .story .grid-12 .content .nav h2 {
            text-transform: uppercase;
            color: #77a4b4;
            font-size: 14px;
            font-family: 'FuturaBT-Medium', arial;
            text-align: center;
            margin: 0 0 -5px 0;
            border-bottom: none;
        }

    .story .content h1 {
        font-size: 20px;
        font-family: 'FuturaBT-Book', arial;
        color: #77a4b4;
        text-transform: uppercase;
        margin: 0 0 10px 0;
    }

        .story .content h1 b {
            display: block;
            line-height: 1em;
            font-size: 60px;
            font-weight: normal;
            font-family: 'FuturaBT-Light', arial;
        }

    .story .content .story-content .border {
        width: 85.263157%;
        padding: 10px 0 0 0;
        margin: 0 0 10px 0;
        border-top: 1px solid #d5d5d5;
    }

    .story .content .story-content p {
        width: 76.842105%;
        font-family: 'FuturaBT-Book', arial;
        font-size: 13px;
        line-height: 18px;
        color: #333;
    }

/*.story  + .revolutionary-container{
	height: 407px;
    background-repeat: no-repeat;
	position: relative;
    left: -300px;
	}
	.revolutionary-container .grid-12 .content{ width:50%;float: right;
    margin: 150px 0px 0px 0px;}
.revolutionary-container .grid-12 .content h2,.multi-faced-container .grid-12 .content h2,.multi-corrective .grid-12 .content h2,.break-through .grid-12 .content h2 {
    margin: 0 0 5px;
    line-height: 44px;
    font-size: 57px;
    font-family: 'FuturaBT-Light',arial;
    letter-spacing: 2px;
	    color: #77a3b6;
}
.revolutionary-container .grid-12 .content h3,.multi-faced-container .grid-12 .content h3,.multi-corrective .grid-12 .content h3,.break-through .grid-12 .content h3{
    text-transform: none;
    margin: 0;
    font-size: 13px;
    font-family: 'FuturaBT-Bold',arial;
}
.revolutionary-container .grid-12 .content p,.multi-faced-container .grid-12 .content p,.multi-corrective .grid-12 .content p,.break-through .grid-12 .content p {
    margin: 0 0 18px 0;
    font-size: 13px;
    line-height: 15px;
    font-family: 'FuturaBT-Book',arial;
}

.multi-faced-container{background-repeat: no-repeat; position: relative;right: -185px; margin-top:20px;}
.multi-faced-container .grid-12 .content,.multi-corrective .grid-12 .content,.break-through .grid-12 .content{width: 50%;padding-left: 290px;}

.multi-faced-container .grid-12 .content img{
position: relative;
    top: -230px;
    float: right;
    right: -145px;
	z-index:-1;
}
.multi-corrective .grid-12 .content img{
position: relative;
    top: -120px;
    float: right;
    right: -145px;
	z-index:-1;
}
.sun-protection{/*width:71%}

.multi-corrective{background-repeat: no-repeat; position: relative; left: -200px; margin-top: -240px;}

.multi-corrective .grid-12 .content p {
    padding-right: 100px;
}

.break-through{background-repeat: no-repeat;position: relative;margin-top: -70px;height: 600px;left: 220px;}*/

/*our history ends here*/

/*clinical study starts here*/
.clinical {
   /* padding: 150px 0 50px;*/
	padding: 110px 0 0px;
    margin: 0 auto;
    background: url("/images/f_common.jpg") center top no-repeat #fff;
}

    .clinical .entete {
        position: relative;
        /*max-width: 960px;*/
		max-width: 1140px;
        margin: 0 auto 30px auto;
    }

.entete header {
    padding-bottom: 8px;
    margin: 0 440px 25px 0;
    border-bottom: 1px solid #bbc5cb;
}

.clinical .entete h1 {
    text-transform: uppercase;
    font-family: 'FuturaBT-Light', arial;
    color: #77a3b6;
    font-size: 60px;
    margin: 0;
}

.clinical .entete .str_left {
    float: none;
    margin-right: 440px;
}

.clinical .entete p {
    font-family: 'FuturaBT-Book';
    color: #333;
    font-size: 13px;
}

.clinical .entete .str_right {
    position: absolute;
    top: 100px;
    right: 0;
    float: right;
}

    .clinical .entete .str_right .bt_video a {
        background: url("/images/b_video-clinical-pro.jpg") -28px -10px no-repeat;
    }

    .clinical .entete .str_right .bt_video a {
        display: block;
        text-indent: -10000px;
        /*height: 205px;*/
		height:auto;
        /* background: url("/images/b_video-clinical-pro.jpg") -28px -5px no-repeat;*/
    }

    .clinical .entete .str_right .bt_video {
        position: relative;
        right: -28px;
        width: 364px;
        padding: 5px 28px 0;
        margin: 0 auto;
        height: 295px;
        background: url("/images/b_video-clinical.jpg") left top no-repeat;
        background-size: 100% auto;
		cursor:pointer;
    }

    .clinical .entete .str_right .bt_video {
        top: -5px;
        padding-top: 10px;
        height: 280px;
        background-image: url("/images/b_video-clinical-pro.jpg");
    }

.topic {
    margin-top: -210px;
    padding-bottom: 0px !important;
}

    .topic .ctn_header header {
        border-bottom: 1px solid #d5d5d5;
        padding-bottom: 8px;
        margin: 0 440px 25px 0;
    }

        .topic .ctn_header header h2 {
            font-family: 'FuturaBT-Bold', arial;
            font-size: 16px;
            color: #77a3b6;
            text-transform: uppercase;
            margin: 0;
        }

    .topic .ctn_header .clearfix .str_left {
        width: 45.3125%;
        padding: 0 2.6041666% 0 0;
        margin-bottom: 0px;
    }

    .topic .ctn_header .clearfix .str_right {
        width: 52.083333%;
    }

    .topic .ctn_header h3 {
        position: relative;
        /*left: -5px;*/
        padding: 0 0 0 30px;
        margin: 0 0 12px 0;
        height: 34px;
        max-width: 345px;
        line-height: 35px;
        color: #fff;
        font-family: 'FuturaBT-Bold', arial;
        font-size: 13px;
        background: url("/images/f_clinical-title.png") left center no-repeat;
        background-size: 100% 34px;
    }

    .topic .ctn_header ul {
        padding: 0 0 0 17px;
    }

    .topic .ctn_header li {
        text-transform: uppercase;
        font-family: 'FuturaBT-Book';
        color: #000;
        margin: 0 0 15px 0;
        list-style-type: disc;
        font-size: 14px;
    }

.box {
    padding: 80px 0 0;
    margin: 133px 0 0 0;
    background: url("/images/f_box-clinical-studies.png") center top no-repeat;
    border: none;
    box-shadow: none;
}

    .box > div {
        background: url("/images/f_box-clinical-studies.png") center bottom no-repeat;
    }

    .box .main-center {
        position: relative;
        max-width: 1075px;
        min-height: 265px;
        padding: 0 25px 40px 120px;
    }

    .box .str_left {
        float: none;
        padding-right: 361px;
    }

    .box header {
        margin: 0 0 20px 0;
    }

        .box header p {
            position: absolute;
            top: -60px;
            right: -50px;
            width: 480px;
            padding: 0 70px 0 0;
            height: 65px;
            color: #fff;
            text-align: right;
            line-height: 28px;
            text-transform: uppercase;
            font-family: 'FuturaBT-Medium', arial;
            background: url("/images/f_box-clinical-studies-title.png") right top no-repeat;
        }

    .box h3 {
        text-transform: uppercase;
        color: #000;
        font-size: 15px;
        font-family: 'FuturaBT-Bold', arial;
    }

    .box h4 {
        font-family: 'FuturaBT-Light', arial;
        font-size: 15px;
        font-style: italic;
    }

    .box p {
        font-family: 'FuturaBT-Book', arial;
        font-size: 15px;
    }

    .box li {
        margin-top: 10px;
    }

    .box .b_link {
        font-size: 11px;
        font-family: 'FuturaBT-Bold', arial;
    }

        .box .b_link span {
            margin: 0 0 0 5px;
            color: #77a4b4;
        }

    .box .str_right {
        position: absolute;
        right: 24px;
        top: 0;
        width: 310px;
        float: none;
    }

        .box .str_right ul {
            padding: 25px 0 0 0;
            text-align: center;
        }

        .box .str_right li:first-child {
            margin: 0;
        }

        .box .str_right li {
            display: inline-block;
            margin: 0 0 0 20px;
        }

    .box .b_pdf {
        height: 200px;
        background: url("/images/b_clinical-pdf.png") left top no-repeat;
    }

    .box .b_video {
        display: inline-block;
        text-indent: -10000px;
        width: 140px;
    }

    .box .b_pdf {
        display: inline-block;
        text-indent: -10000px;
        width: 140px;
    }

    .box .str_left header h3 {
        margin-bottom: 20px;
    }

    .box .b_video {
        height: 95px;
        background: url("/images/b_clinical-video.png") left top no-repeat;
    }

    .box .str_right li .b_video {
        position: relative;
        top: 65px;
    }

/*clinical study ends here*/

/*insights volume|| starts here*/
header.principal {
    position: relative;
    z-index: 2;
    max-width: 750px;
    height: 120px;
    margin: 0 auto;
    background: url("/images/bg_main-title.png") center 20px no-repeat;
}

    header.principal h1 {
        width: 350px;
        height: 20px;
        margin: 0 auto;
        text-indent: -10000px;
        background: url("/images/t_title-insights_small.gif") left top no-repeat;
    }

    header.principal h3 {
        margin-top: 20px;
        color: #000;
        text-align: center;
        text-transform: uppercase;
        font: 12px/1em 'FuturaBT-Book', arial;
    }

        header.principal h3 span {
            padding: 0 10px;
            background: #fff;
        }

    header.principal h2 {
        margin-top: 10px;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        color: #333;
        font: 15px/1em 'FuturaBT-Medium', arial;
    }

section.block_shadow {
    position: relative;
    z-index: 1;
    max-width: 635px;
    padding-bottom: 46px;
    margin: -0px auto 0;
    background: url("/images/bg_blockShadow-bottom.png") center bottom no-repeat;
    top: -45px;
}

    section.block_shadow > div {
        min-height: 340px;
    }

    section.block_shadow header {
        margin-bottom: 20px;
    }

    section.block_shadow h1 {
        padding: 50px 0 0 50px;
        text-transform: uppercase;
        color: #007da4;
        font: 19px/1em 'FuturaBT-Bold', arial;
    }

    section.block_shadow .content {
        text-align: justify;
        margin-left: 50px;
    }

.block_shadow .col-left {
    width: 245px;
}

    .block_shadow .col-left p,
    .block_shadow .col-right p {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 15px;
    }

.block_shadow .col-right {
    width: 260px;
    margin-left: 25px;
}

section .bt_more a {
    font: 13px/1em 'FuturaBT-Medium', arial;
    color: #000;
}

    section .bt_more a span,
    .pg_insights-article section .bt_more a:hover {
        color: #007da4;
    }

.block_shadow img {
    margin-top: 10px;
}

section.block_shadow .ctn_col {
    float: left;
}

.block_shadow img {
    width: auto;
}

.spotlight {
    position: relative;
    top: 0;
    left: 0;
}

.spotlight {
    position: relative;
    max-width: 585px;
    margin: 0 auto;
    padding-bottom: 10px;
}

    .spotlight .content header h2 {
        display: inline-block;
        margin: 0;
        height: auto;
        padding: 0;
        font-size: 14px;
        color: #007da4;
        background: none;
        border-radius: none;
        box-shadow: none;
        font-family: 'FuturaBT-Bold', arial;
    }

    .spotlight .content header h1 {
        line-height: 1em;
        text-transform: uppercase;
        color: #007da4;
        font-size: 19px;
        font-family: 'FuturaBT-Medium', arial;
        margin: 0px;
    }

    .spotlight .content p {
        font-family: 'FuturaBT-Light', arial;
        font-size: 13px;
        color: #000;
        line-height: 16px;
        /*margin-bottom:47px;*/
    }

.img-position .content p {
    margin-bottom: 47px;
}

.content-space .content p {
    margin: 0px;
}

.spotlight .content em {
    font-style: italic;
    color: #007da4;
}

.spotlight .content .bt_more a {
    font: 13px/1em 'FuturaBT-Medium', arial;
    color: #000;
}

    .spotlight .content .bt_more a:hover {
        color: #007da4;
    }

.separateur {
    height: 101px;
    width: 100%;
    /*margin-top: -86px;*/
    margin-top: -50px;
    margin-bottom: -10px;
    background: url("/images/bg_separateur.png") no-repeat center center;
}

.spotlight .content p strong {
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'FuturaBT-Medium', arial;
}

section.img-position .grid-5 img {
    position: relative;
    top: 43px;
}

.spotlight .content p a.bt_more {
    font: 13px/1em 'FuturaBT-Medium', arial;
    color: #000;
}

.content-space + .separateur {
    margin-top: 0px;
}

.v_2 {
    margin: -20px 0 30px 0;
    height: 50px;
    background-image: url("/images/bg_separateur_2.png");
}

.understanding-aging #wrapper #content .row .grid-12 .main section.block_shadow {
    padding-bottom: 37px !important;
}

/*.understanding-aging #wrapper #content .row .grid-12 .main section.block_shadow {
    padding-bottom: 24px !important;
}
*/
.spotlight .grid-7 .content h2 {
    display: inline-block;
    margin: 0;
    height: auto;
    padding: 0;
    font-size: 14px;
    color: #007da4;
    background: none;
    border-radius: none;
    box-shadow: none;
    font-family: 'FuturaBT-Bold', arial;
    border: none;
}

.block_shadow .content p {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 14px;
    line-height: 1.2em;
    color: #000;
    font-family: FuturaBT-Light;
}

.feature-product .grid-12 .content header h2 {
    display: inline-block;
    margin-bottom: 7px;
    height: 18px;
    padding: 0 10px;
    color: #fff;
    font: 9px/18px 'FuturaBT-Bold', arial;
    background: #008ab0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.feature-product .grid-12 .content header h1 {
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #007da4;
    font-family: 'FuturaBT-Medium', arial;
    font-size: 13px;
    margin-bottom: 10px;
}

.feature-product .grid-12 .content .grid-5 {
    margin-left: 0px;
}

.feature-product .grid-12 .content .grid-7 p {
    clear: both;
    width: 333px;
    padding-top: 5px;
    font-size: 13px;
    line-height: 1.2em;
    color: #000;
    font-family: FuturaBT-Light;
}

.feature-product + .product-divider {
    z-index: 1;
    margin-top: 8px;
    padding-top: 12px;
    background: url(/images/v_line01.png) center top no-repeat;
    height: auto;
    margin-bottom: 8px;
}

.feature-product .radio-frequency {
    float: left;
    width: 170px;
}

.color-change .grid-12 .content .grid-7 p {
    color: #000;
}

.product-divider2 {
    max-width: 700px;
    margin: -13px auto 0 auto;
    /*padding-top: 65px;*/
    background: url(/images/v_line02.png) center top no-repeat;
}

/*.feature-product .grid-12 .content .grid-6 {
    width: 46%;
}
.feature-product .grid-12 .content .grid-4 {
    width: 28%;
}*/
.feature-product .regimen-width {
    width: 28%;
}

.feature-product .change-width {
    width: 46%;
}

.feature-product .sunscreen-width {
    width: 62%;
}

.feature-product .grid-12 .content .grid-7 > img:nth-child(2) {
    margin-left: 4px;
}

.feature-product p.t_mention {
    font-size: 10px !important;
    line-height: 10px;
    color: #959595 !important;
}

.feature-product p.mention-position {
    margin: -45px 0 0 0;
    text-align: right;
}

.img-top-position > img {
    margin: -37px 0 0 65px;
}

.feature-product .grid-12 .content .first-img-position img {
    float: left;
    width: 175px;
}

.feature-product .grid-12 .content .seconds-img-position img {
    float: right;
    width: 175px;
}

.feature-product .grid-12 .content figcaption {
    padding-top: 20px;
    width: 215px;
}

.feature-product .grid-12 .content figcaption {
    clear: both;
    width: 333px;
    padding-top: 5px;
    font-size: 11px;
    line-height: 13px;
    color: #007da4;
    font-style: italic;
    font-family: 'FuturaBT-Book', arial;
}

.floating-image {
    position: relative;
    right: -11px;
    /* top: 250px; */
    float: right;
    bottom: 80px;
}

.feature-product + .divider-alignment {
    margin-top: -140px;
}

.img-top-placement > img {
    /*position: absolute;
    bottom: 10px;
    right: 15px;*/
}

.feature-product.cite p {
    margin-left: 22px;
}

.feature-product p.t_cite {
    text-indent: 10px;
    /*margin-top: -8px;*/
    padding: 10px 0 0 20px;
    background: url(/images/v_quote01.png) left top no-repeat;
}

    .feature-product p.t_cite span {
        display: block;
        padding: 0 30px 10px 0;
        background: url(/images/v_quote02.png) bottom right no-repeat;
    }

        .feature-product p.t_cite span img {
            float: left;
            margin-right: 15px;
            margin-left: 15px;
        }

.feature-product .grid-12 .content ul li {
    font-size: 13px;
    line-height: 16px;
    color: #000;
    font-family: 'FuturaBT-Light', arial;
}

.feature-product p {
    /*background-position: 98px 5px !important;    */
}

.feature-product li b {
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'FuturaBT-Bold';
}

.t_color {
    color: #007DA4 !important;
    font-style: italic;
    font-family: 'FuturaBT-Medium', arial;
}

.dark-spots .block_shadow .content {
    background-image: url(/images/v_illus_sept01.jpg);
    background-repeat: no-repeat;
}

.dark-spots #content .grid-12 .col-left {
    width: 210px;
    padding-left: 100px;
}

.dark-spots #content .grid-12 .col-right {
    width: 210px;
}

.change-position {
    position: relative;
    top: -173px;
    z-index: 999;
}

    .change-position header,
    .change-position .grid-5 {
        position: relative;
        top: 153px;
    }

.divider-top-position {
    margin-top: -150px !important;
}

.feature-product ol li {
    list-style-type: none;
    margin-bottom: 10px;
}

.feature-product ol li {
    padding-left: 30px;
    background: url(/images/i_number01.png) left 4px no-repeat;
}

    .feature-product ol li + li {
        background: url(/images/i_number02.png) left 4px no-repeat;
    }

        .feature-product ol li + li + li {
            background: url(/images/i_number03.png) left 4px no-repeat;
        }

.pigment-position {
    position: relative;
    top: -153px;
    z-index: 999;
}

    .pigment-position header,
    .pigment-position .grid-7 {
        position: relative;
        top: 125px;
    }

.pigment-divider {
    margin-top: -160px !important;
}

.volumelist {
    width: 50%;
    padding-top: 27px;
    border-top: 1px solid #d5d5d5;
}

/*voume ends here*/

/*.loating-image{}*/

/* ===========================================
downladable resource ends here
 * ======================================== */
.pg_downloadable div.main {
    background-image: none;
}

.downloadable {
    /* position:relative;
    padding-top:50px;
    max-width:960px;
    margin:0 auto;*/
}

    .downloadable .top {
        /*padding-left: 20px;*/
        margin: 0 auto;
       /* width: 960px;*/
	   width:1140px;
        /*    margin-top: 20px;*/
    }

        .downloadable .top header {
            margin-bottom: 4px;
        }

        .downloadable .top h1 {
            font: 27px 'FuturaBT-Book', arial;
            text-transform: uppercase;
        }

    .downloadable .mention {
        font: 11px 'FuturaBT-Medium', arial;
        color: #666;
        padding-bottom: 10px;
    }

.container-bottom {
    margin: 0 auto;
  /*width: 960px;*/
	width:1140px;
}

.downloadable .middle {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 5px 0 5px 0px;
    margin: 0 auto;
    /*width: 960px;*/
	width:1140px;
    margin-bottom: 26px;
}

    .downloadable .middle h3 {
        float: left;
        line-height: 30px;
        margin: 0 10px 0 0;
        /* padding-left: 216px;*/
    }

    .downloadable .middle > p {
        float: right;
        margin: 7px 0 0 0;
        text-transform: uppercase;
    }

    .downloadable .middle .obj_select {
        float: left;
    }

.downloadable .container-bottom .str_left {
    float: none;
    position: absolute;
    width: 196px;
    padding-bottom: 28px;
    margin-bottom: 20px;
}

/* button affich� seulement en mobile */
.downloadable .str_left .b_monochrome {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
}

/*.downloadable .ctn_filter {
    margin: 0 0 0 20px;
}*/

    .downloadable .ctn_filter h3 {
        margin-bottom: 7px;
        color: #77a3b6;
    }

    .downloadable .ctn_filter ul {
        padding-left: 3px;
        font-family: 'FuturaBt-Medium', arial;
        color: #333;
    }

    .downloadable .ctn_filter li {
        margin-bottom: 9px;
    }

    .downloadable .ctn_filter > li {
        margin-bottom: 19px;
    }

.downloadable .str_right {
    float: none;
    padding-left: 216px;
}

    .downloadable .str_right > h3 {
        float: left;
        margin-bottom: 30px;
    }

.downloadable .obj_paging {
    float: right;
}

.downloadable .ctn_products {
    clear: both;
    position: relative;
    left: -7px;
}

.downloadable article {
    position: relative;
    float: left;
    width: 228px;
    margin: 0 7px 50px !important;
    padding: 0 0 90px;
	height: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.ctn_details .shopping .obj_select.select-3.pdpsize {
    width: 100px;
}

/*  */
.downloadable article .ctn_picto,
.downloadable article figure {
    line-height: 241px;
    margin: 0 auto 0px;
    text-align: center;
}

.downloadable article figure {
    height: 240px;
}

    .downloadable article figure img {
        line-height: normal;
        vertical-align: bottom;
    }

.downloadable article .ctn_picto img {
    line-height: normal;
    vertical-align: middle;
}

.downloadable article header {
    margin: 0 0 5px;
}

.downloadable article h1 {
    text-transform: uppercase;
    font: 12px 'FuturaBT-Medium', arial;
}

.downloadable article p {
    font-family: 'FuturaBT-Medium', arial;
}

.downloadable article ul {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 71px;
    text-align: center;
}

    .downloadable article ul li {
        margin-bottom: 10px;
    }

.downloadable article .b_link {
    color: #668fa0;
}

.downloadable h3 {
    font-family: 'FuturaBT-Medium', arial;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
}

.obj_select.select-3 {
    min-width: 200px;
}

.str_left ul {
    color: #666;
    font-size: 12px;
    margin: 0 0 10px 0;
}

.obj_checkbox {
    cursor: pointer;
    display: inline-block;
    padding: 0 0 0 15px;
    position: relative;
    background: url(/images/b_checkbox.png) left top no-repeat;
}

    .obj_checkbox.checkbox-3 {
        background: url(/images/b_checkbox-3.png) left top no-repeat;
    }

.obj_select.select-3 > div p a {
    text-transform: uppercase;
    background-image: url(/images/b_fleche-3.png);
}

.downloadable .ctn_products {
    clear: both;
    position: relative;
    left: -7px;
}

.downloadable article .ctn_picto,
article.downloadable article img {
    line-height: 240px;
    margin: 0 auto 30px;
    text-align: center;
}

.downloadable article.downloadable article img {
    height: 240px;
}

.downloadable article .ctn_picto,
article.downloadable article img {
    line-height: 240px;
    margin: 0 auto 30px;
    text-align: center;
}

.downloadable article ul {
    position: absolute;
       bottom: 18px;
    width: 100%;
    height: 71px;
    text-align: center;
}

.downloadable a.b_bloc {
    display: block;
    text-align: center;
    font: 12px 'FuturaBT-Medium', arial;
    color: #333;
    padding: 0 15px;
    background: #f0f0f0;
}

    .downloadable a.b_bloc .download {
        padding-left: 17px;
        background: url(/images/i_download.png) left center no-repeat;
    }

    .downloadable a.b_bloc span {
        display: inline-block;
        padding: 15px 0;
    }

.downloadable .obj_paging li,
.downloadable .obj_paging a,
.downloadable .obj_navpages li,
.downloadable .obj_navpages a,
.MyOrdersPagination .obj_paging li,
.MyOrdersPagination .obj_paging a {
    padding: 0 2px 0 0;
    display: inline-block;
    font: 12px 'FuturaBT-Medium', arial;
    color: #333333;
}

.downloadable .str_right {
    float: none;
    padding-left: 216px;
}

.downloadable .main {
    background: none;
}

.obj_paging li.active {
    color: #77a3b6;
}

/*checkbox enable*/
.obj_checkbox.checked {
    background-position: left -200px !important;
}

/*checkbox enable*/
.middle .obj_select.select-3 > div {
    background: #fff;
}

    .middle .obj_select.select-3 > div .jQueryScroll .jspContainer {
        overflow-y: hidden;
        overflow-x: hidden;
        position: relative;
    }

.middle .obj_select div .jQueryScroll ul {
    float: none;
    padding: 5px 5px 5px 10px;
}

    .middle .obj_select div .jQueryScroll ul li a {
        font-weight: normal;
        font-size: 12px;
        color: #666;
    }

.downloadable .container-bottom .str_right .ctn_products .wrapper article img {
    margin: 0 auto 20px !important;
    display: inline-block;
    max-height: 240px;
    height: 144px;
}

/*downladable resource ends here*/

/*Events pages starts here*/

/* ////////////////////////////////////////
 *
 * $ 18 - CALENDAR
 *
 * //////////////////////////////////////// */

/* ===========================================
 *	$ =	STRUCUTRE
 * ======================================== */
.pg_calendar #wrapper #content {
    background: url('/images/f_events.jpg') center top no-repeat;
}

.pg_calendar .generique-02 header {
    position: relative;
    height: auto;
    min-height: 460px;
    margin-bottom: 0px;
    padding: 100px 70px 0 50px;
    border-bottom: none;
}

    .pg_calendar .generique-02 header > * {
        width: 43.020833%;
        /* 413 */
    }

    .pg_calendar .generique-02 header h1 {
        color: #77a3b6;
        padding: 0 0 10px;
        margin: 0 0 10px;
        font-size: 20px;
        border-bottom: 1px solid #c1c8cd;
        font-family: 'FuturaBT-medium', arial;
    }

        .pg_calendar .generique-02 header h1 strong {
            padding: 0;
            font-size: 60px;
        }

    .pg_calendar .generique-02 header p {
        font: 13px/1.615384em 'FuturaBT-Book', arial;
        padding: 0;
        background: none;
    }
.filter-label {
    float: left;
    margin-left: 35px;
}
.story {
    width: 1140px;
    margin: 0 auto;
}
    .pg_calendar .generique-02 header .calendar {
        position: absolute;
        top: 75px;
        right: 0;
        display: block;
        width: 370px;
        height: 392px;
        font: 32px/5.6875em 'FuturaBT-Bold', arial;
        text-indent: 20px;
        color: #fff;
        text-transform: uppercase;
        background: url('/images/v_calendar.png') center center no-repeat;
        background-size: 100% auto;
    }

.pg_calendar .obj_upcoming {
    padding-top: 147px;
    margin-top: -198px;
}

.obj_upcoming {
    margin-bottom: 45px;
}

.pg_calendar .obj_upcoming .content {
    width: auto;
    padding: 25px 4px 1px;
    margin-bottom: 0;
    background: #e0e1e2;
    border-top: 2px solid #bcbdbe;
}

.pg_calendar .obj_upcoming h2 {
    padding-left: 15px;
    margin-bottom: 24px;
    color: #008bb0;
    font-size: 16px;
    border: none;
    font-family: 'FuturaBT-medium', arial;
}

.pg_calendar .obj_upcoming .content ul {
    margin: 0 auto;
}



.pg_calendar .obj_upcoming .content li {
    float: left;
    position: relative;
    width: 295px !important;
    padding: 18px 15px 62px 25px;
    margin: 0 7px 14px;
    text-align: right;
    font: 18px 'FuturaBT-Light', arial;
    background: #fff;
}

.pg_calendar .obj_upcoming .content .place {
    display: inline-block;
    color: #787878;
    min-height: 46px;
}

.pg_calendar .obj_upcoming .content .date {
    font: 2.055555em/37px 'FuturaBT-Medium', arial;
    color: #008bb0;
    min-height: 105px;
}

.pg_calendar .obj_upcoming .content .theme {
    font-size: 1.388888em;
    line-height: 25px;
    color: #333333;
    margin: 0 0 10px;
}

.pg_calendar .obj_upcoming .content .info {
    position: absolute;
    right: 15px;
    bottom: 8px;
    font-size: 12px;
    color: #008bb0;
    text-align: right;
    line-height: 1.300em;
    font-family: 'FuturaBT-Book', arial;
    font-style: italic;
    margin: 0;
}

.pg_calendar .obj_upcoming .content .register {
    position: absolute;
    bottom: 32px;
    left: 25px;
    margin: 0;
}

.pg_calendar a.b_round,
.pg_calendar .b_round {
    display: inline-block;
    color: #fff;
    font: 10px 'FuturaBT-Medium', arial;
    text-transform: uppercase;
    padding: 4px 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: #008ab0;
    text-decoration: none;
   /* height: 14px;*/
}

    .pg_calendar a.b_round.register.disabled,
    .pg_calendar a.guest.disabled {
        background: #aaa !important;
        text-decoration: none;
        pointer-events: none;
        font: 10px "FuturaBT-Medium", arial;
    }

.pg_calendar .guest {
    position: absolute;
    left: 25px;
    bottom: 10px;
    margin: 0px;
    background: #008ab0 none repeat scroll 0 0;
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    font: 10px "FuturaBT-Medium", arial;
    padding: 4px 10px;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
   /* height: 14px;*/
}

    .pg_calendar .obj_upcoming .content .register,
    .pg_calendar .guest.lead {
        bottom: 36px;
    }

    .pg_calendar .guest.lead {
        position: absolute;
        bottom: 35px;
        left: 110px;
    }

        .pg_calendar .guest.lead:hover {
            color: #fff;
        }

a.guest.disabled {
    font-size: 9px;
}

.pg_calendar section.bck_medecins .ctn_top {
    margin-bottom: 0;
}

.pg_calendar section.bck_medecins .ctn_top {
    background-image: url(/images/v_medecins.jpg);
    padding: 0 9.895833% 0 41.666666%;
    margin-bottom: 39px;
    /*background-size: 37.5% auto;*/
    background-repeat: no-repeat;
    background-position: left top;
}

.pg_calendar .ctn_top a {
    background: url(/images/b_faq-close02.gif) no-repeat scroll right center;
    padding-right: 50px;
}

.pg_calendar .obj_upcoming .content span.register {
    background: #aaa;
}

.pg_calendar .obj_upcoming .content li span {
    display: block;
    text-align: left;
    margin: 0 0 10px;
}

.pg_calendar .obj_upcoming .nav {
    padding-top: 8px;
    margin-bottom: 8px;
}

    .pg_calendar .obj_upcoming .nav .ctn_next {
        float: right;
    }

    .pg_calendar .obj_upcoming .nav .b_link {
        font-family: 'FuturaBT-Heavy', arial;
        text-transform: uppercase;
        font-size: 12px;
    }

    .pg_calendar .obj_upcoming .nav .ctn_next a.b_link span {
        margin: 0 0 0 5px;
        color: #77a4b4;
    }

/* Select Month */
.pg_calendar .generique-02 header .obj_calendar-select {
    box-sizing: border-box;
    position: absolute;
    top: 110px;
    right: 105px;
    display: block;
    width: 313px;
    height: 311px;
    padding-top: 44px;
    text-transform: uppercase;
    background: url('/images/v_calendar-select.png') 0 0 no-repeat;
}

    .pg_calendar .generique-02 header .obj_calendar-select h1 {
        margin-top: 5px;
        font: 23px/16px 'FuturaBT-Book', arial;
        text-align: center;
        color: #afd6e2;
        border: none;
    }

    .pg_calendar .generique-02 header .obj_calendar-select h2 {
        margin-top: 75px;
        padding: 0 25px;
        font: 24px/30px 'FuturaBT-Light', arial;
        text-align: center;
        color: #666;
    }

    .pg_calendar .generique-02 header .obj_calendar-select h3 {
        margin-top: 5px;
        font: 16px/16px 'FuturaBT-Book', arial;
        text-align: center;
        color: #3493b0;
    }

    .pg_calendar .generique-02 header .obj_calendar-select .ctn_form-element {
        text-align: center;
    }

    .pg_calendar .generique-02 header .obj_calendar-select select[aria-hidden="true"] {
        display: none;
    }

    .pg_calendar .generique-02 header .obj_calendar-select span[role=combobox] {
        box-sizing: border-box;
        display: block;
        width: 200px;
        padding: 10px;
        font: 12px/1em 'FuturaBT-Book', arial;
        text-align: left;
        border: 1px solid #ccc;
        background: url('/images/b_select.png') right center no-repeat white;
        cursor: pointer;
    }

        .pg_calendar .generique-02 header .obj_calendar-select span[role=combobox]:after {
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -3px;
            width: 10px;
            height: 6px;
            background: url('/images/b_calendar-select.png') left top / 10px auto no-repeat;
            content: '';
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

        .pg_calendar .generique-02 header .obj_calendar-select span[role=combobox][aria-expanded="true"]:after {
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
        }

        .pg_calendar .generique-02 header .obj_calendar-select span[role=combobox].error {
            color: #d95f6d;
        }

        .pg_calendar .generique-02 header .obj_calendar-select span[role=combobox]:hover {
            background-color: #efefef;
        }

        .pg_calendar .generique-02 header .obj_calendar-select span[role=combobox]:focus {
            background-color: #efefef;
        }

        .pg_calendar .generique-02 header .obj_calendar-select span[role=combobox] + div {
            position: absolute;
            top: 28px;
            left: -10000px;
            width: 100%;
        }

        .pg_calendar .generique-02 header .obj_calendar-select span[role=combobox][aria-expanded=true] + div {
            left: 0;
        }

        .pg_calendar .generique-02 header .obj_calendar-select span[role=combobox] + div .border {
            border: 1px solid #C6CCCF;
            background: #fff;
        }

        .pg_calendar .generique-02 header .obj_calendar-select span[role=combobox] + div .jQueryScroll {
            margin: 5px;
            max-height: 200px;
        }

    .pg_calendar .generique-02 header .obj_calendar-select li[role=option] {
        padding: 5px;
        font-size: 11px;
        text-align: left;
        cursor: pointer;
    }

        .pg_calendar .generique-02 header .obj_calendar-select li[role=option]:hover {
            cursor: pointer;
            color: #000;
            background: #efefef;
        }

        .pg_calendar .generique-02 header .obj_calendar-select li[role=option][aria-selected=true] {
            background: #efefef;
        }

/*Event Filter CSS */
.pg_calendar .filter-container .ctn_form-element {
    text-align: center;
}

.pg_calendar .filter-container select[aria-hidden="true"] {
    display: none;
}

.pg_calendar .filter-container span[role=combobox] {
    box-sizing: border-box;
    display: block;
    width: 200px;
    padding: 10px 20px 10px 10px;
    font: 12px/1em 'FuturaBT-Book', arial;
    text-align: left;
    border: 1px solid #ccc;
    background: url('/images/b_select.png') right center no-repeat white;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .pg_calendar .filter-container span[role=combobox]:after {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -3px;
        width: 10px;
        height: 6px;
        background: url('/images/b_calendar-select.png') left top / 10px auto no-repeat;
        content: '';
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

    .pg_calendar .filter-container span[role=combobox][aria-expanded="true"]:after {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .pg_calendar .filter-container span[role=combobox].error {
        color: #d95f6d;
    }

    .pg_calendar .filter-container span[role=combobox]:hover {
        background-color: #efefef;
    }

    .pg_calendar .filter-container span[role=combobox]:focus {
        background-color: #efefef;
    }

    .pg_calendar .filter-container span[role=combobox] + div {
        position: absolute;
        top: 28px;
        left: -10000px;
        width: 100%;
    }

    .pg_calendar .filter-container span[role=combobox][aria-expanded=true] + div {
        left: 0;
    }

    .pg_calendar .filter-container span[role=combobox] + div .border {
        border: 1px solid #C6CCCF;
        background: #fff;
    }

    .pg_calendar .filter-container span[role=combobox] + div .jQueryScroll {
        margin: 5px;
        max-height: 200px;
        overflow-y: scroll;
    }

.pg_calendar .filter-container li[role=option] {
    padding: 5px;
    font-size: 11px;
    text-align: left;
    cursor: pointer;
}

    .pg_calendar .filter-container li[role=option]:hover {
        cursor: pointer;
        color: #000;
        background: #efefef;
    }

    .pg_calendar .filter-container li[role=option][aria-selected=true] {
        background: #efefef;
    }

/* ------------
 * detail
 * --------- */
.pg_calendar .ctn_detail-protocol .content {
    min-height: 0;
    overflow: hidden;
    position: relative;
}

/* top */
.pg_calendar section.bck_medecins .ctn_top {
    margin-bottom: 0;
}

.pg_calendar .ctn_top a {
    background: url("/images/b_faq-close02.gif") no-repeat scroll right center;
    padding-right: 50px;
}

.pg_calendar section.bck_medecins .ctn_top a h2 {
    margin-bottom: 8px;
    font-size: 16px;
    color: #77a3b6;
    text-transform: uppercase;
    margin: 0;
    font-weight: bold;
    border: none;
}

.pg_calendar section.bck_medecins .ctn_top p {
    font-size: 14px;
    font-family: 'FuturaBT-Book', arial;
    color: #333;
    line-height: 1.7142em;
    margin-bottom: 14px;
}

.pg_calendar .ctn_top a p {
    margin: 0;
}

/* content */
.pg_calendar .ctn_detail-workshop .content {
    position: relative;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin-bottom: 29px;
}

.pg_calendar .generique-02 .ctn_liste-workshop {
    margin-bottom: 10px;
}

    .pg_calendar .generique-02 .ctn_liste-workshop div {
        margin: 0;
        padding: 10px 20px 10px 230px;
        min-height: 110px;
        background-repeat: no-repeat;
        background-color: #f2f7f9;
    }

.pg_calendar .generique-02 .content .bck_reunion {
    border-top: 2px solid #d5d5d5;
    margin-top: 30px;
    padding-top: 30px;
}

.pg_calendar .generique-02 .ctn_liste-workshop p {
    line-height: normal;
}

.pg_calendar .generique-02 .content .bck_reunion div {
    background-image: url("/images/v_reunion_2.jpg");
}

.pg_calendar .generique-02 .content .bck_pause-cafe div {
    background-image: url("/images/v_workshop.jpg");
}

.pg_calendar .generique-02 .content .bck_product div {
    background-image: url("/images/v_protect_workshop.jpg");
}

.pg_calendar .generique-02 section.bck_soins {
    border-top: 2px solid #d5d5d5;
    padding-top: 30px;
}

.pg_calendar .obj_skinc-center {
    background-image: url("/images/v_logo_skin_education.gif");
    background-position: center top;
    background-repeat: no-repeat;
    height: 206px;
    text-indent: -5000px;
    margin: 120px 0 150px;
}

.pg_calendar section.bck_soins {
    border-top: 2px solid #d5d5d5;
    padding-top: 30px;
}

    .pg_calendar section.bck_soins > div {
        background-image: url(/images/v_soins.jpg);
        background-repeat: no-repeat;
        /* min-height: 234px; */
        padding: 0 9.895833% 0 41.666666%;
        margin-bottom: 39px;
        /*background-size: 37.5% auto;*/
        background-repeat: no-repeat;
        background-position: left top;
    }

.pg_calendar .ctn_detail-workshop .ctn_top a.open {
    background-image: url(/images/b_faq-open02.gif);
}

.pg_calendar .generique-02 .ctn_liste-workshop {
    margin-bottom: 10px;
    border-top: 2px solid #d5d5d5;
    margin-top: 30px;
    padding-top: 30px;
}

.pg_calendar .content .bck_reunion {
    border-top: 2px solid #d5d5d5;
    margin-top: 30px;
    padding-top: 30px;
}

    .pg_calendar .content .bck_reunion div {
        background-image: url(/images/v_reunion_2.jpg);
        background-color: #f2f7f9;
    }

.pg_calendar .content .bck_pause-cafe div {
    background-image: url(/images/v_workshop.jpg);
}

.pg_calendar .bck_reunion div h2,
.pg_calendar .bck_pause-cafe div h2,
.pg_calendar .bck_product div h2 {
    margin-bottom: 8px;
    font-size: 16px;
    color: #77a3b6;
    text-transform: uppercase;
    margin: 0;
    font-weight: bold;
    border: none;
}

.pg_calendar .bck_reunion div p,
.pg_calendar .bck_pause-cafe div p,
.pg_calendar .bck_product div p {
    font-size: 14px;
    font-family: 'FuturaBT-Book', arial;
    color: #333;
    line-height: 1.7142em;
    margin-bottom: 14px;
}

.pg_calendar .ctn_liste-workshop {
    margin-bottom: 10px;
}

    .pg_calendar .ctn_liste-workshop div {
        margin: 0;
        min-height: 110px;
        background-repeat: no-repeat;
        padding: 10px 20px 0px 230px;
        /*background-color: #f2f7f9;*/
    }

        .pg_calendar .ctn_liste-workshop div h2 {
            margin-bottom: 8px;
            font-size: 16px;
            color: #77a3b6;
            text-transform: uppercase;
            margin: 0;
            font-weight: bold;
            border: none;
            padding: 0px;
        }

        .pg_calendar .ctn_liste-workshop div p {
            font-size: 14px;
            font-family: 'FuturaBT-Book', arial;
            color: #333;
            line-height: 1.7142em;
            margin-bottom: 14px;
        }

.pg_calendar .generique-02 h1 strong {
    display: block;
    padding-top: 10px;
    font-size: 55px;
    font-family: 'FuturaBt-Light', arial;
    color: #77a3b6;
    line-height: 1.054em;
}

.pg_calendar .obj_skinc-center {
    background-image: url(/images/v_logo_skin_education.gif);
    background-position: center top;
    background-repeat: no-repeat;
    height: 206px;
    text-indent: -5000px;
    margin: 120px 0 150px;
}

.pg_calendar .obj_skinc-center {
    text-align: center;
    font: 20px 'FuturaBT-Medium', arial;
}

    .pg_calendar .obj_skinc-center b {
        font-family: 'FuturaBT-Medium', arial;
        letter-spacing: 0.16em;
    }

.pg_calendar .bck_soins div p {
    font-size: 14px;
    font-family: 'FuturaBT-Book', arial;
    color: #333;
    line-height: 1.7142em;
    margin-bottom: 14px;
}

.pg_calendar .bck_soins div h2 {
    margin-bottom: 8px;
    font-size: 16px;
    color: #77a3b6;
    text-transform: uppercase;
    margin: 0;
    font-weight: bold;
    border: none;
}

.ctn_detail-workshop .content > div:nth-child(1) {
    border-top: 2px solid #d5d5d5;
    margin-top: 30px;
    padding-top: 30px;
}

    .ctn_detail-workshop .content > div:nth-child(1) div {
        background-color: #f2f7f9;
    }

.pg_calendar .obj_upcoming .nav .ctn_prev {
    float: left;
}

div#popinSkinCeuticalsContent .ctn_player {
    width: auto;
    height: auto;
}

    div#popinSkinCeuticalsContent .ctn_player .obj_form form h3 {
        color: #333;
        font-size: 14px;
        font-family: 'FuturaBT-Medium', arial;
        margin: 0 0 15px 0;
        padding: 0 0 5px 0;
        border-bottom: 1px solid #e8e6e6;
    }

    div#popinSkinCeuticalsContent .ctn_player .obj_form form p.text {
        max-width: 350px;
        padding-right: 20px;
        margin-bottom: 0px;
        padding: 1px 0px;
    }

.text.error input {
    padding: 0 9px;
    border: 1px solid #bb6767;
}

div#popinSkinCeuticalsContent .ctn_player .event-register p.error {
    text-align: center;
    color: #ad5151;
    padding: 0px;
}

/*Events pages ends here*/

/*font-fixing starts here*/
.business-building #content p {
    font-size: 14px;
    font-family: 'FuturaBT-Book', arial;
    color: #333;
    line-height: 1.7142em;
    margin-bottom: 14px;
}

.business h1 {
    font-size: 55px;
    color: #77a3b6;
    line-height: 1.054em;
    margin-bottom: 8px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

    .business h1 strong {
        font-weight: normal;
    }

.business p.focus {
    font-size: 18px;
    font-family: 'FuturaBT-Book', arial;
    text-transform: none;
    color: #070707;
    padding: 10px 20px 10px 0px;
    background: rgba(255, 255, 255, .6);
}

.readmore a {
    font-family: 'FuturaBT-Medium';
    font-size: 14px !important;
}

.insight p {
    font-size: 14px;
}

.OurPromise p {
    font-size: 13px;
    font-family: 'FuturaBT-Book', arial;
    line-height: 1.2em;
    color: #070707;
}

.OurPromise h2 {
    font-size: 14px;
    font-family: 'FuturaBT-Book', arial;
    border-bottom: 1px solid #d4d5d5;
    color: #070707;
}

.skinc-rewards .focus {
    color: #666;
}

.skinc-rewards .image-description + h1 + h2 {
    width: 350px;
}

.skincube h1 {
    margin: 0px;
}

.obj_filter ul li,
.obj_filter p.mention {
    text-transform: uppercase;
}

.pg_understanding .obj_filter ul li a {
    text-transform: capitalize;
    font-size: 12px;
    /*font-family: 'FuturaBT-Medium';*/
    color: #666;
}

.pg_understanding .obj_filter p.mention {
    text-transform: uppercase;
    font-size: 12px;
    /*font-family: 'FuturaBT-Medium'*/
    ;
    color: #666;
}

.pg_understanding .obj_filter p a {
    font-family: arial;
}

.obj_skinbox dl a span {
    font-size: 12px;
}

.Ourcharters h1,
.antioxidant-auth h1,
.science h1 {
    margin-bottom: 10px !important;
}

/*font-fixing ends here*/

/*insights landing page starts here*/
.volumes .ctn_bottom {
    margin-top: 0px;
    /*padding-top: 27px;
    border-top: 1px solid #d5d5d5;*/
}

.volumes h2 {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 18px;
    font-family: 'FuturaBT-Bold', arial;
}

.volumes h3 {
    font-family: 'FuturaBT-Medium', arial;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
}

/*.volumes .volumelist h3{text-transform: capitalize;}*/
.volumes ul li {
    margin-bottom: 10px;
    line-height: 1;
}

.volumelist ul li a {
    text-transform: uppercase;
    font: 13px/1em 'FuturaBT-Book';
}

/*insights landing page ends here*/
.downloadable .middle > p {
    font-size: 14px;
}

/*my education cart page starts here*/
.report-container {
    max-width: 960px;
    margin: 0 auto;
   /* margin-top: -50px;*/
}

.obj_table-reports .percent {
    /* width: 90%;*/
    text-align: right;
}

    .obj_table-reports .percent:after {
        content: "";
        display: none;
        width: 15px;
        height: 15px;
        margin-left: 10px;
        background: url(/images/i_ticks.png) left top;
        display: inline-block;
    }

    .obj_table-reports .percent.invalid:after {
        display: inline-block;
        background-position: left bottom;
    }

.myskinceuticals.report-container .obj_table-reports .back td {
    vertical-align: middle;
    width: 25%;
}

.myskinceuticals.report-container .obj_table-reports tr.listHeader th {
    width: 22.5%;
}

.shoppingCartTable thead {
    display: table;
    width: 100%;
    overflow: hidden;
}

.titles-container {
    float: left;
    width: 100%;
}

    .titles-container .left {
        width: 40%;
        font-size: 24px;
        font-weight: bold;
        float: left;
    }

    .titles-container .right {
        float: right;
    }

        .titles-container .right span {
            font-size: 14px;
            margin-right: 10px;
            margin-left: 10px;
            color: #0000ff;
        }

.top-margins {
    margin-top: 15px;
}

.img-width {
    width: 100%;
}

/*my education cart page end here*/

/*media page starts here*/
.media.ctn_coverflip .str_top {
    position: relative;
    max-width: 1020px;
    background: #000 url(/images/bg_mediaressources_carrousel.jpg) repeat top center;
    background-size: cover;
    padding: 20px 0 70px 0;
    margin: 0 auto;
}

/*media page ends here*/

/*cart page starts here*/
.hanging-container {
    width: 310px;
    padding: 0px 0px 15px 0px;
    overflow: hidden;
    clear: both;
    position: absolute;
    right: -6px;
    top: 20px;
    display: none;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 999;
    height: 300px;
    overflow-y: scroll;
}

.img-containers img {
    width: auto;
    height: 100%;
}

.hanging-container ul li {
    list-style: none;
    float: left;
    margin-right: 5px;
    width: 70px;
    font-size: 14px;
    height: 160px;
    background: none;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
}

.img-containers {
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.show-carts:hover .hanging-container {
    display: block;
}

.show-carts {
    position: relative;
}

.cart-listing img {
    float: left;
    margin-right: 5px;
    margin-top: -5px;
}

.insight .readmore a:hover {
    color: #2e9ebe;
}

.cart-details {
    padding: 10px 15px 5px 15px;
}

    .cart-details span {
        padding: 5px 0px;
        display: block;
        font-size: 14px;
        font-weight: bold;
    }

        .cart-details span a {
            font-size: 14px;
            font-weight: bold;
            color: #000 !important;
        }

.img-width img {
    width: auto;
    height: 75px;
}

.hanging-container::-webkit-scrollbar {
    width: 0.5em;
}

.hanging-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.hanging-container::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

/*.shoppingCartTable tr.listHeader{position: fixed;z-index: 999;width: 50.3%;}
.shoppingCartTable tr th:nth-child(1){width:19%;}
.shoppingCartTable tr th:nth-child(2){width:2%;}
.shoppingCartTable tr th:nth-child(3){width:8%;}
.shoppingCartTable tr th:nth-child(4){ width:5%;}
.shoppingCartTable tr th:nth-child(5){width:7%;}
.shoppingCartTable tr:nth-child(2) td div.img-width{margin-top:30px;}*/
.noProducts ul li {
    width: 100%;
    border-bottom: none;
}

.hanging-container .productDetails a {
    text-decoration: underline;
}

/*cart page ends here*/

/*bug fixes*/
.pg_productDetails .overview h1 {
    margin-bottom: 5px;
}

.skin-type .philosophy,
.skin-condition {
    margin-top: -32px;
}

.marketing .main-center > p {
    width: auto;
}

    .marketing .main-center > p a {
        width: 38%;
        display: block;
        float: right;
    }

.training .top {
    margin-top: -15px;
}

/*#footer .row{position:relative;bottom:-18px;}*/
.forgotpassword h2 {
    margin-bottom: 15px;
}

.ctn_protocol02 .ctn_detail-protocol:last-child {
    border-bottom: none;
}

.description figure img {
    margin: 30px auto !important;
}

.ctn_details .inner-details {
    width: 100%;
}

    .ctn_details .inner-details .for-retail {
        float: left;
    }

    .ctn_details .inner-details .for-professional {
        float: right;
    }

.shopping {
    width: 100%;
    float: left;

}
/*.downloadable .shopping{
		    margin-top: 50px;
}*/
    .shopping label {
        float: left;
        margin-right: 10px;
        font-size: 16px;
        color: #333;
        font-family: 'FuturaBt-Book', arial;
        position: relative;
        top: 6px;
        width: 30%;
    }

        .shopping label.errorMsg {
            color: #ad5151;
            width: 100%;
        }

    .shopping .obj_select.select-3 {
        min-width: 65%;
        float: left;
        /*margin-right: 10px;*/
        margin-bottom: 13px;
    }

    .shopping .obj_select div .jQueryScroll ul {
        top: 0;
        text-align: left;
    }

    .shopping .obj_select.select-3 .jQueryScroll .jspContainer {
        /*overflow-y: hidden;*/
    }

    .shopping input[type=text] {
        width: 25px;
        float: left;
        margin-right: 10px;
        margin-top: 0px;
        margin-bottom: 15px;
        background: #fff;
        border: 1px solid #ccc;
    }
    .shopping.productComments textarea {
        float: left;
    }
    .shopping.productComments .cartCommentSec {
        width: 75%;
        float: left !important;
    }

    .shopping.productComments .cartCommentSec .cls_notes_count_wrapper {
        float: left !important;
    }

    .shopping.productComments .cartCommentSec textarea{
        width: 95% !important;
        margin-bottom: 5px;
    }

    .po-number-wrapper .po-number {
        margin-top: 20px;
        width: 150px;
        display: inline-block;
    }

    .orderform-clsCreditCardWrapper .po-number-order {
        width: 150px;
    }

    .cls_notes_count_wrapper {
        padding-top: 5px;
        font-size: 12px !important;
    }

    .cls_notes_count_sec {
        float: left;
    }

.pg_productDetails .science-default {
    background-repeat: no-repeat !important;
	/*background-position: left !important;*/
	background-position: left bottom !important;
}

.obj_product.thumb img {
    width: auto;
    height: 200px;
}

.obj_table-reports tr.listHeader th:nth-child(5) {
    padding: 0px 4% !important;
}

.obj_form.register .str_left #formOubliMDP .ctn_bt {
    float: left;
    width: auto;
}

p#successMessage a {
    text-decoration: underline;
}

p.urlexpiry {
    margin-top: 5px !important;
}

    p.urlexpiry a {
        text-decoration: underline;
        font-size: 14px;
        margin-top: 5px;
        display: block;
    }

.ctn_player .message p.ctn_bt,
.ctn_player .guest-message p.ctn_bt {
    text-align: center !important;
}

.product-category .obj_sorting .more_options .obj_filter ul li {
    text-transform: capitalize;
}

.business-building section:first-child {
    /*padding-top: 70px;*/
}

.obj_popin .message p {
    margin: 0 0 10px 0 !important;
}

section.obj_faq article:last-child a.b_link-02 {
    color: #666;
}

section.obj_faq article:last-child ul li a.b_link {
    font-weight: normal;
    font-size: 14px;
}

.obj_product.thumb .ctn_b_remove {
    text-align: left;
    padding-left: 32px;
}

.navigation.skinc-navigation-mobile .rel-level1 {
    margin-right: 45px;
    font-size: 12px;
    letter-spacing: 1px;
}

.article-resume .obj_table-info tr td {
    word-break: break-word;
}

body {
    bottom: -5px;
}

#footer {
    margin-top: 0px;
}

.training.downloadable .top header div {
    height: auto;
}

.more_options .obj_filter .obj_checkbox.checkbox-3 {
    background: url(/images/b_checkbox.png) left top no-repeat;
    line-height: 14px;
}

.insight h1 {
    background-size: 100% 100%;
}

.navigation.navigation-main > div > ul {
    padding: 0 0 0 5px;
	/*display: -webkit-inline-box;*/
    display:block;
    list-style: none;
}

.header-top {
    /*height: 33px;*/
    padding-top: 2px;
}

.science-landing .content p {
    margin: 0px;
}

.SkinCeuticals .readmore,
.sheldon .readmore {
    margin: 0px;
}

/*font-issue*/
.ourHistory h2,
.community-relations h2 {
    font-family: 'FuturaBT-Book', arial;
    font-size: 16px !important;
    border-bottom: none;
    margin: 25px 0 10px 0;
}

.ourHistory .content h3,
.contact-us-container h3 {
    font-size: 14px;
}

.ourHistory .readmore a {
    font-family: 'FuturaBT-Medium';
    font-size: 12px !important;
    margin-top: 7px;
    display: block;
}

.ourHistory .content p {
    margin: 0px;
}

.ourHistory .readmore span,
.business-building .readmore span {
    margin: 0 0 0 0px;
}

.ourHistory p.focus {
    margin: 0 0 20px 0 !important;
}

.community-relations .content p.focus {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #d5d5d5;
}

.community-relations .content p {
    margin: 0px 0 10px 0;
    padding: 0px;
    line-height: 1.3em;
}

.community-relations a.b_link {
    margin: 0px 0 25px 0;
    display: block;
}

.top-question.obj_faq article header h3 a {
    color: #666;
}

    .top-question.obj_faq article header h3 a:hover {
        color: #2e9ebe;
    }

.skinceuticals .top-question.obj_faq article header h3 a {
    font-size: 14px;
    /*font-family: 'FuturaBT-Book', arial !important;*/
}

.top-question.obj_faq a.b_link {
    font-weight: normal;
    margin-top: -3px;
    display: block;
}

.contact-us-container .str_left > p {
    margin: 0px 0 20px 0;
}

.OurPromise {
    height: auto;
    margin-bottom: 0px;
    margin-top: 60px;
}

.community-relations {
    margin-top: 180px;
}

.middle .obj_select div .jQueryScroll ul li a {
    font-weight: normal;
    font-size: 12px;
    color: #666;
    text-transform: capitalize;
}

.obj_int-skincare.equation .result b {
    letter-spacing: 0px;
}

.pg_integrated-skincare .main-center > .str_left h2 {
    border: none;
    color: #77a4b4;
    font-size: 14px;
}

.pg_integrated-skincare .obj_faq .b_link-02 {
    font-size: 11px;
    font-family: 'FuturaBT-Medium';
}

.pg_integrated-skincare .obj_faq h5 {
    margin: 35px 0 0px;
}

.pg_integrated-skincare .obj_faq .content ul {
    margin-top: 0px 0 10px 0;
    padding-top: 0px;
}

.pg_integrated-skincare .obj_faq h4 {
    margin: 26px 0 0px;
}

.pg_integrated-skincare .obj_faq article header h3 a {
    font-size: 14px;
    font-family: 'FuturaBT-Book', arial;
	color:#333;
}

.pg_calendar .generique-02 header .obj_calendar-select h3 {
    text-transform: uppercase;
}

.pg_calendar section.bck_medecins .ctn_top a h2,
.pg_calendar .ctn_liste-workshop div h2,
.pg_calendar .bck_soins div h2 {
    font-weight: normal;
    font-family: 'FuturaBT-Medium', arial;
}

.pg_calendar .ctn_liste-workshop div p {
    line-height: normal;
}

.rewards-content p {
    font-size: 13px;
    font-family: 'FuturaBT-Book', arial;
}

p.focus a.b_link {
    font-size: 18px;
    font-family: 'FuturaBT-Medium';
    color: #333;
}

.ctn_info p span {
    color: #2e9ebe;
}

span.media-header-title {
    font-size: 16px;
    font-family: 'FuturaBT-Heavy', Arial;
}

.quinconce p.titile-fonts {
    font-size: 16px;
    font-family: 'FuturaBT-Book', arial;
    line-height: 1.3em;
}

.cosmeceuticals .section05 {
    top: 0px;
}

/*.obj_form.register {padding-top: 15px !important;}*/

/*.pg_productDetails .usage .str_left {width: auto;}*/
.pg_productDetails .usage .obj_download-box .str_left a.b_link {
    font-family: 'FuturaBT-Medium';
    color: #333 !important;
}

    .pg_productDetails .usage .obj_download-box .str_left a.b_link:hover {
        color: #2e9ebe !important;
    }

.obj_select.select-3 > div p a {
    text-transform: capitalize !important;
    font-family: arial;
}

.pg_productDetails .overview .ctn_details .for-sample {
    padding-top: 10px !important;
}

ul.options li {
    margin: -3px 0 0 10px;
    background: url(/images/f_header-ctn_register-li.gif) left top no-repeat;
}

p#successEmailContent,
._passwordSuccessMesage h3 {
    margin-top: 10px;
}

.resetpassword {
    margin-bottom: 10px;
}

.reset-pwd .str_left {
    width: 100%;
}

    .reset-pwd .str_left .url-expire {
        text-align: right;
        margin-top: 15px;
    }

.Hyaluronic-acid-in-skin .readmore a {
    font-family: 'FuturaBT-Medium';
    font-size: 14px !important;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px 494px 60px 60px;
    position: relative;
    top: -40px;
}

/*.pg_productDetails .ctn_article-content {line-height: 1.3em;}*/
ul.addCartList li {
    background: none;
}

.puces li a {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.puces li ul li a {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

.generique.lastArticle h3 a {
    font-family: 'FuturaBT-Medium', arial;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
}

.pg_sitemap article.generique {
    padding-top: 50px;
}

.pg_sitemap .generique h3 {
    margin: 20px 0 0px 0;
}

.home .str_right {
    padding: 0px 0 0 0;
}

.science .col-1 img {
    margin-top: 0px !important;
}

.science-landing .OurPromise {
    height: 735px;
}

.science-landing h1 {
    font-size: 16px;
}

.OurPromise.science h1 {
    font-weight: normal;
    font-size: 60px;
    line-height: 60px;
}

.SkinCeuticals .readmore a,
.science .readmore a,
.antioxidant-auth .readmore a,
.Ourcharters .readmore a {
    font-family: 'FuturaBT-Medium';
    font-size: 12px !important;
}

.insight {
    padding-top: 37px;
}

.clinical-landing .clinical {
    padding-top: 165px;
}

.skinTandC {
    margin-top: 13px;
}

.pg_mediaRessources #content {
    min-height: 300px;
    width: 100%;
    background: url(/images/f_blue-gradient.gif) left 147px repeat-x;
    padding-top: 150px;
}

.pg_videoLibrary #content {
    padding-top: 200px;
}

.mission .obj_links-skinExplained .calendar {
    margin-left: -30px;
}

.cat-bg-image .col-1 p {
    font-size: 12px;
    font-family: arial;
}

/*bug fixes*/

/*certificate page starts here*/
.certificate {
    background: #eee;
}

    .certificate .page {
        position: relative;
        width: 21cm;
        min-height: 29.7cm;
        margin: 1cm auto;
        background: #fff;
    }

    .certificate .obj_certificat {
        position: relative;
        width: 19cm;
        top: 7.67cm;
        margin-left: 1cm;
    }

.obj_certificat p {
    position: absolute;
    z-index: 2;
    top: 2.9cm;
    left: 1.4cm;
    font-size: 14px;
}

.obj_certificat .p1 {
    font-weight: bold;
    color: #008bb0;
}

.obj_certificat .p2 {
    top: 6.45cm;
    left: 3.8cm;
}

.obj_certificat .p3 {
    top: 7.45cm;
    left: 3.8cm;
}

.obj_certificat .p4 {
    top: 8.45cm;
    left: 2.8cm;
}

.certificate #footer {
    border: none;
}

.separator-position {
    margin-top: -78px;
}

.feature-product .grid-4 {
    margin-left: 0px;
}

/*certificate page ends here*/

/*home page inner page starts here*/
.Hero-container {
    height: 550px;
    /* padding-top: 147px;*/
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    margin-bottom: -110px;
    margin: -37px 0 20px 0;
}

.lhabanner {
    background: #1d182e;
}

.Hero-container .banner {
    width: auto;
    max-width: 960px;
    height: 550px;
    margin: 0px auto;
    padding: 0;
}

    .Hero-container .banner .ctn_header .str_left {
        display: block;
        width: 50%;
        height: 550px;
        float: left;
        margin-top: 0px;
    }

    .Hero-container .banner .ctn_header h1 {
        display: inline-block;
        padding: 0 0 15px;
        margin: 88px 0 15px;
        font: 76px/58px "FuturaBT-Light", Arial;
        letter-spacing: 1px;
        color: #4db3ce;
        text-transform: uppercase;
        border-bottom: 1px solid #4db3ce;
    }

        .Hero-container .banner .ctn_header h1 span {
            font: 45px/45px "FuturaBT-Book", Arial;
        }

    .Hero-container .banner .ctn_header h2 {
        font: 24px/28px "FuturaBT-Light", Arial;
        letter-spacing: 0.5px;
        color: #fff;
        text-transform: uppercase;
    }

        .Hero-container .banner .ctn_header h2 em {
            display: inline-block;
            width: 88px;
            height: 40px;
            margin: 5px 0 0 5px;
            text-indent: -100000px;
            overflow: hidden;
            background: url(/images/v_30.png) no-repeat left top;
        }

    .Hero-container .banner .ctn_header ul {
        position: relative;
        margin: 30px 0 45px;
    }

        .Hero-container .banner .ctn_header ul li {
            display: block;
            position: relative;
            padding: 0px 10px 0px 0;
            font: 16px/26px "FuturaBT-Book", Arial;
            color: #fff;
            text-transform: uppercase;
        }

            .Hero-container .banner .ctn_header ul li::before {
                content: "| ";
                position: relative;
            }

            .Hero-container .banner .ctn_header ul li strong {
                font-family: "FuturaBT-Bold";
            }

    .Hero-container .banner .ctn_header .b_gradient {
        min-width: 116px;
        height: 32px;
        line-height: 32px;
        padding: 0;
        border: 1px solid #cbd4d8;
        background: #f5f5f5;
        background: -moz-linear-gradient(top, #f5f5f5 0%, #e9eef0 50%, #dde4e7 51%, #f7f8f9 100%);
        background: -webkit-linear-gradient(top, #f5f5f5 0%, #e9eef0 50%, #dde4e7 51%, #f7f8f9 100%);
        background: linear-gradient(to bottom, #f5f5f5 0%, #e9eef0 50%, #dde4e7 51%, #f7f8f9 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f7f8f9', GradientType=0);
    }

    .Hero-container .banner .ctn_header .b_gradient {
        margin: 0 25px 0 0;
    }

a.b_gradient {
    display: inline-block;
    text-align: center;
    border: 1px solid #d9d9d9;
    padding: 6px 24px 5px 24px;
    font-size: 12px;
    font-family: 'FuturaBT-Medium', Arial;
    background: url(/images/b_gradient-h.gif) left center repeat-x;
}

.Hero-container .banner .ctn_header .str_right a {
    position: relative;
    height: 550px;
    width: 378px;
    display: block;
}

    .Hero-container .banner .ctn_header .str_right a::before {
        content: "";
        position: absolute;
        transform: translate(-50%);
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        top: 43%;
        left: 23%;
        display: block;
        width: 77px;
        height: 76px;
        background: url(/images/i_play.png) no-repeat scroll center top / 77px auto;
        opacity: 0.5;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

    .Hero-container .banner .ctn_header .str_right a span {
        display: block;
        height: 65px;
        width: 76px;
        position: absolute;
        top: 160px;
        left: 40%;
        font: 20px/65px "FuturaBT-Medium", Arial;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        background: url(/images/i_new.png) no-repeat center center / 76px auto;
    }

.ctn_popin-zone {
    display: none;
}

.clearfix {
    display: block;
}

.ctn_popin_video iframe {
    width: 560px;
    height: 315px;
}

.Hyaluronic-acid-in-skin {
    height: 494px;
    /*padding: 60px 494px 60px 60px;*/
    background: #1d182e;
    background-repeat: no-repeat;
    background-position: right top;
}

    .Hyaluronic-acid-in-skin header {
        padding: 60px 494px 0px 60px;
    }

    .Hyaluronic-acid-in-skin .content {
        padding: 0px 494px 60px 60px;
    }

    .Hyaluronic-acid-in-skin header h2 {
        font: 22px/30px "FuturaBT-Bold", Arial;
        border: none;
        color: #008ab0;
    }

        .Hyaluronic-acid-in-skin header h2 strong {
            font: 28px/30px "FuturaBT-Bold", Arial;
            font-weight: normal;
        }

    .Hyaluronic-acid-in-skin .content {
        position: relative;
    }

        .Hyaluronic-acid-in-skin .content p {
            font: 16px/20px "FuturaBT-Light", Arial;
            color: #fff;
        }

        .Hyaluronic-acid-in-skin .content .t_02 {
            margin: 0 0 40px;
            font: 18px/22px "FuturaBT-Medium", Arial;
            letter-spacing: 0.5px;
        }

        .Hyaluronic-acid-in-skin .content .b_link {
            font: 14px/24px "FuturaBT-Bold", Arial;
            text-transform: uppercase;
            color: #fff;
        }

            .Hyaluronic-acid-in-skin .content .b_link::after {
                position: relative;
                top: -1px;
                display: inline-block;
                margin-left: 5px;
                color: #6c92a3;
                content: '>';
            }

.section-tab-content-carrousel {
    background: none;
    margin: 100px auto -160px auto;
    overflow: hidden;
}

    .section-tab-content-carrousel article header h2 {
        padding: 0 0 14px;
        font: 22px/16px "FuturaBT-Bold", Arial;
        color: #008ab0;
        letter-spacing: 0;
        text-transform: uppercase;
        border-bottom: 1px solid #d1d3d4;
    }

    .section-tab-content-carrousel .obj_carrousel {
        position: relative;
    }

        .section-tab-content-carrousel .obj_carrousel .masque {
            height: 360px;
            overflow: hidden;
            position: relative;
        }

        .section-tab-content-carrousel .obj_carrousel .items {
            width: 100000px;
            height: 100%;
            left: 0;
            top: 0;
        }

        .section-tab-content-carrousel .obj_carrousel .items {
            position: absolute;
        }

        .section-tab-content-carrousel .obj_carrousel .item {
            float: left;
        }

    .section-tab-content-carrousel .str_tab-content figure {
        margin: 0 30px 0 0;
        float: left;
    }

        .section-tab-content-carrousel .str_tab-content figure img {
            border: 1px solid #a8a8a8;
            box-sizing: border-box;
            display: block;
        }

    .section-tab-content-carrousel .str_tab-content h3 {
        padding: 0 0 30px;
        font: 22px/22px "FuturaBT-Light", Arial;
        color: #007298;
    }

    .section-tab-content-carrousel .str_tab-content p {
        margin: 0;
        font: 16px/20px "FuturaBT-Light", Arial;
        color: #231f20;
    }

    .section-tab-content-carrousel .str_tab-content {
        position: relative;
        height: 330px;
        max-width: 960px;
        width: 100%;
        padding: 30px 0 0 0;
    }

        .section-tab-content-carrousel .str_tab-content h3 {
            padding: 0 0 7px;
            font: 22px/22px "FuturaBT-Light", Arial;
            color: #007298;
        }

    .section-tab-content-carrousel article .content p {
        padding-right: 75px;
    }

    .section-tab-content-carrousel .str_tab-content p {
        margin: 0;
        font: 16px/20px "FuturaBT-Light", Arial;
        color: #231f20;
    }

    .section-tab-content-carrousel .obj_carrousel .nav_carrousel-mobile {
        display: none;
    }

    .section-tab-content-carrousel .str_tab-menu {
        padding: 0;
    }

        .section-tab-content-carrousel .str_tab-menu ul {
            display: block;
            width: 465px;
            position: absolute;
            top: 180px;
            right: 0;
            margin-right: 198px;
        }

            .section-tab-content-carrousel .str_tab-menu ul li:hover,
            #Section_02 .str_tab-menu ul li.on {
                padding: 8px;
                background: #999999;
            }

            .section-tab-content-carrousel .str_tab-menu ul li {
                float: left;
                position: relative;
                display: block;
                width: 132px;
                height: 132px;
                margin: 0 30px 0 0;
                padding: 0;
                box-sizing: border-box;
                z-index: 9;
            }

        .section-tab-content-carrousel.str_tab-menu .li_01 a {
            background: #999999 url(images/v_proxylane-small.jpg) no-repeat center center;
        }

        .section-tab-content-carrousel .str_tab-menu ul li a {
            display: block;
            width: 100%;
            height: 100%;
            font-size: 0;
            box-sizing: border-box;
        }

        .section-tab-content-carrousel .str_tab-menu ul li.on {
            padding: 8px;
            background: #999999;
        }

    .section-tab-content-carrousel .b_link {
        position: absolute;
        top: 340px;
        left: 510px;
        color: #333333;
        font: 14px/24px "FuturaBT-Bold", Arial;
    }

    .section-tab-content-carrousel a.b_link span {
        margin: 0 0 0 5px;
        color: #77a4b4;
    }

    .section-tab-content-carrousel .str_tab-menu ul li:nth-child(3) {
        margin: 0;
    }
.section-tab-content-carrousel .obj_carrousel .str_tab-content.hidden{
  display: block !important;
}

/**/
.Section_03 {
    background: none;
    margin: 60px auto -110px auto;
    overflow: visible;
}

#comparebanner.Section_03 header {
    margin-bottom: 20px;
}

.Section_03 article header h2 {
    padding: 0 0 14px;
    font: 22px/16px "FuturaBT-Bold", Arial;
    color: #008ab0;
    letter-spacing: 0;
    text-transform: uppercase;
    border-bottom: 1px solid #d1d3d4;
}

.Section_03 ul {
    margin: 0 0 30px;
}

    .Section_03 ul li:first-child {
        padding-left: 0;
        border: 0;
    }

    .Section_03 ul li {
        display: inline-block;
        width: 150px;
        padding-left: 15px;
        font: 16px/20px "FuturaBT-Light", Arial;
        border-left: 1px solid #007298;
        color: #000;
    }

        .Section_03 ul li strong {
            font: 22px/22px "FuturaBT-Bold", Arial;
            color: #007298;
        }

.Section_03 article .content .obj_before-after {
    height: auto;
    width: 298px;
    margin: 0 33px 0 0;
    float: left;
}

    .Section_03 article .content .obj_before-after .ctn_before-after,
    .Section_03 article .content .obj_before-after figure img {
        height: 180px;
        width: 298px;
        margin: 0 0 20px;
    }

    .Section_03 article .content .obj_before-after figure figcaption {
        width: 150px;
        font: 14px/14px "FuturaBT-Heavy", Arial;
        text-transform: uppercase;
    }

.obj_before-after figcaption {
    position: absolute;
    z-index: 100;
    width: 100px;
    bottom: 10px;
    left: 10px;
    color: #fff;
    font-family: 'FuturaBT-Light', arial;
    font-size: 12px;
}

.Section_03 article .content .obj_before-after h3 {
    position: relative;
    width: 298px;
    margin: 0 0 20px;
    margin-right: 30px;
    font: 16px/20px "FuturaBT-Book", Arial;
    color: #008bb0;
    text-transform: uppercase;
}

.Section_03 article .content .obj_before-after a {
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 26px;
    height: 11px;
    background: url(/images/bt_drop-down.png) 0 0 / 26px auto no-repeat;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

    .Section_03 article .content .obj_before-after a.open {
        transform: translateY(-50%) rotate(180deg);
        -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
    }

.Section_03 article .content .obj_before-after h3 span {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    padding: 10px;
    font: 12px/1em 'FuturaBT-Book';
    color: black;
    text-transform: none;
    background: white;
    border: 1px solid black;
    z-index: 999;
}

.Section_03 article .content .obj_before-after h3:hover span {
    display: block;
}

.Section_03 article .content .obj_before-after .ctn_detail {
    position: relative;
}

.Section_03 article .content figure.magnitude img {
    height: auto;
}

.Section_03 article .content .obj_before-after_03 {
    margin: 0;
}

.Section_02 .str_tab-menu {
    padding: 0;
}

/**/
.apply-like-an-expert {
    height: 420px;
    padding-bottom: 0;
    margin-top: 150px;
    /*margin-bottom: -150px;*/
    height: 420px;
    padding: 55px;
    width: 1140px;
    box-sizing: border-box;
   /* margin-left: 15%;*/
}

    .apply-like-an-expert article {
        height: 420px;
        padding: 55px;
        background: #1a112e url(/images/f_section-04.jpg) no-repeat right top;
        box-sizing: border-box;
    }

    .apply-like-an-expert header {
        float: left;
    }

    .apply-like-an-expert h1 {
        font: 21px/24px "FuturaBT-Bold", Arial;
        color: #3a9cbd;
        border: 0;
    }

    .apply-like-an-expert .content {
        float: right;
    }

    .apply-like-an-expert .video-link::before {
        content: "";
        position: absolute;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        display: block;
        width: 77px;
        height: 76px;
        background: url(/images/i_play.png) no-repeat scroll center top / 77px auto;
        opacity: 0.5;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

.section-skinctab {
    margin: 80px auto 50px;
}

    .section-skinctab article header h2 {
        padding: 0 0 14px;
    }

    .section-skinctab .str_tab-menu-regimen {
        height: 58px;
        padding: 0;
    }

    .section-skinctab h3:hover,
    .section-skinctab5 h3.on {
        background: #1d0f46;
    }

    .section-skinctab h3 {
        float: left;
        position: relative;
        display: block;
        width: 33%;
        height: 58px;
        line-height: 58px;
        margin: 0 0.5% 0 0;
        padding: 0;
        box-sizing: border-box;
        vertical-align: middle;
        border-radius: 20px 20px 0 0;
        border: 1px solid #1d0f46;
        background: #fff;
        transition: all ease 0.2s;
    }

        .section-skinctab h3:hover a,
        .section-skinctab h3.on a {
            font: 16px/20px "FuturaBT-Bold", Arial;
            color: #2e9ebe;
        }

        .section-skinctab h3 a {
            display: inline-block;
            width: 100%;
            font-size: 0;
            box-sizing: border-box;
            color: #1d0f46;
            font: 16px/20px "FuturaBT-Light", Arial;
            text-transform: uppercase;
            text-align: center;
            vertical-align: middle;
            text-decoration: none;
        }

        .section-skinctab h3:nth-child(3) {
            margin: 0;
        }

    .section-skinctab .str_tab-content {
        position: relative;
        height: 542px;
        padding: 40px 0 0 0;
        box-sizing: border-box;
        background: #1d0f46;
    }

        .section-skinctab .str_tab-content .ctn_figure {
            position: relative;
            display: block;
            width: 25%;
            height: 440px;
            float: left;
        }

        .section-skinctab .str_tab-content figure {
            position: absolute;
            bottom: 0;
            margin: 0;
            text-align: center;
            left: 50%;
            transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
        }

        .section-skinctab .str_tab-content .ctn_figure:after {
            content: "";
            position: absolute;
            top: 50%;
            right: -16px;
            display: block;
            width: 33px;
            height: 33px;
            background: url(/images/i_plus2.png) left center / 33px auto;
        }

        .section-skinctab .str_tab-content figure img {
            display: inline-block;
            margin: 0 auto;
        }

        .section-skinctab .str_tab-content figure figcaption {
            height: 40px;
            padding: 30px 0 0;
            font: 16px/20px "FuturaBT-Light", Arial;
            text-transform: uppercase;
            text-align: center;
            color: #fff;
            vertical-align: text-bottom;
        }

    .section-skinctab .b_gradient {
        display: none;
        height: 32px;
        line-height: 32px;
        padding: 0 25px;
        margin-top: 20px;
        border: 1px solid #cbd4d8;
        background: #f5f5f5;
        background: -webkit-linear-gradient(top, #f5f5f5 0%, #e9eef0 50%, #dde4e7 51%, #f7f8f9 100%);
        background: linear-gradient(to bottom, #f5f5f5 0%, #e9eef0 50%, #dde4e7 51%, #f7f8f9 100%);
    }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.section-skinctab .str_tab-content .ctn_figure {
    position: relative;
    display: block;
    width: 25%;
    height: 440px;
    float: left;
}

.section-skinctab .str_tab-content figure {
    position: absolute;
    bottom: 0;
    margin: 0;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.section-skinctab .str_tab-content {
    position: relative;
    height: 542px;
    padding: 40px 0 0 0;
    box-sizing: border-box;
    background: #1d0f46;
}

.section-skinctab h3:hover,
.section-skinctab h3.on {
    background: #1d0f46;
}

.section-skinctab h3:nth-child(3) a {
    height: 100%;
    line-height: 58px;
}

.section-skinctab article header h2 {
    padding: 0 0 14px;
    font: 22px/16px "FuturaBT-Bold", Arial;
    color: #008ab0;
    letter-spacing: 0;
    text-transform: uppercase;
    border-bottom: 1px solid #d1d3d4;
    margin-bottom: 20px;
}

.section-skinctab .str_tab-content .ctn_figure:last-child:after {
    background: none;
}

/*home page inner page ends here*/
/*.obj_product header a:hover h2 {
    color: #2e9ebe;
}*/

/* a:hover {
    color: #2e9ebe;
    text-decoration: none !important;
} */

.spotlight li a,
.retinol a {
    font-family: 'FuturaBT-Medium', arial;
    color: #000;
    font-size: 13px;
}

    .spotlight li a span {
        color: #007da4;
    }

/******UAT changes*****/
.hanging-container.obj_table-reports::-webkit-scrollbar {
    width: 12px;
}

.hanging-container.obj_table-reports::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.hanging-container.obj_table-reports::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.obj_product.info-is-visible {
    cursor: auto;
}

.pg_myskinceuticals_success .generique h3 {
    margin: 20px 0 10px 0;
}

.pg_myskinceuticals .generique h3 {
    margin: 20px 0 10px 0;
}

.myskinceuticals.report-container .noitem {
    margin: 20px 0;
    float: left;
    width: 100%;
    font-family: 'FuturaBT-Medium', arial;
}

#invalidSap {
    color: #ad5151;
    margin: 0 10px;
}

.sapError {
    width: 170%;
}

#tabcontentcarrousel .obj_carrousel .nav_carrousel-mobile button.disabled {
    display: none;
}

.account .b_border-gradient:hover,
a#calculate:hover {
    color: #000;
}

.obj_popin .message a.b_gradient:hover {
    color: #222;
}

.obj_form.register a.b_gradient:hover {
    color: #333;
}

.shopping textarea {
    width: 75%;
    height: auto;
}

.myOrders h3 {
    margin-bottom: 20px;
    font-size: 27px;
    font-family: 'FuturaBT-Book', arial;
}

.order_history {
    border: 1px solid #ccc !important;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

    .order_history tr {
        border: 1px solid #ddd !important;
        padding: 5px;
    }

    .order_history th,
    .order_history td {
        padding: 10px !important;
        text-align: center;
    }

    .order_history th {
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 1px;
        font-family: FuturaBT-Medium, arial;
    }

    .order_history img {
        vertical-align: middle;
        width: 100px;
        height: auto;
    }

ul.obj_paging.light-theme.simple-pagination {
    float: right;
}

div.MyOders-BtnContainer {
    text-align: center;
    margin: 20px 0;
}

.MyOders-BtnContainer button {
    float: none;
    border: 1px solid #ccc;
}

.myorders {
    padding-bottom: 25px;
}

.orderhistoryerror {
    display: none;
    text-align: center;
}

.shopping-successmessage p:first-child,
.cookiesNotEnabled {
    width: 300px;
}

    .cookiesNotEnabled .message {
        padding: 30px;
    }

/* Quick view popup css */
.product-popup-container {
    width: 600px;
    height: 300px;
    /*border:1px solid #ccc;*/
    margin: auto;
    padding: 25px;
}

    .product-popup-container .image-container img {
        width: 90px;
        height: auto;
        float: left;
        margin-top: 10% !important;
    }

    .product-popup-container .product-description-container {
        float: right;
        width: 75%;
    }

        .product-popup-container .product-description-container h5 {
            color: #2e9ebe;
            font-family: 'FuturaBT-Book', arial;
            text-transform: uppercase;
			font-size:9px;
        }

        .product-popup-container .product-description-container h2 {
            color: #77A3B6;
            font-family: 'FuturaBT-Book', arial;
            text-transform: uppercase;
            font-size: 27px;
            margin-bottom: 30px;
        }

        .product-popup-container .product-description-container .varient-container,
        .product-popup-container .product-description-container .select-container {
            width: 100%;
            float: left;
            margin-bottom: 25px;
        }

            .product-popup-container .product-description-container .varient-container label {
                width: 20%;
                float: left;
            }

            .product-popup-container .product-description-container .varient-container select {
                width: 75%;
                float: left;
            }

            .product-popup-container .product-description-container .select-container div {
                width: 46%;
                float: left;
                margin-right: 15px;
            }

                .product-popup-container .product-description-container .select-container div label {
                    width: auto;
                    float: left;
                    margin-top: 8px;
                }

                .product-popup-container .product-description-container .select-container div select {
                    width: 67%;
                    float: left;
                    margin-left: 10px;
                }

            .product-popup-container .product-description-container .select-container:last-child {
                margin-right: 0px;
            }

    .product-popup-container .clearfix {
        clear: both;
    }

    .product-popup-container ul {
        list-style: none;
        padding: 0px;
        margin-top: 40px;
    }

        .product-popup-container ul li {
            margin-right: 48px;
            float: left;
        }

            .product-popup-container ul li:last-child {
                margin-right: 0px;
            }

.quickbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #2e9ebe;
    font-weight: bold;
    border: 1px solid #2e9ebe;
    background: #fff;
    text-shadow: none;
}

    .quickbtn:hover {
        background: #11b2e0;
        color: #fff;
        border: 0 !important;
    }

.product-popup-container ul li input[type='button'] {
    padding: 5px 5px;
}

.product-popup-container ul li span {
    font-size: 10px;
    margin-left: 10px;
}

.filter-container form {
    width: 200px;
    float: left;
    margin-left: 14px;
    float: left;
}

.filter-container {
    border-bottom: 1px solid #ccc;
    /* float: left; */
    padding-bottom: 70px;
    /*width: 100%;*/
    margin-bottom: 0px;
}

    .filter-container label {
        float: left;
        margin-top: 6px;
        margin-right: 10px;
    }

.pg_calendar .obj_upcoming {
    padding-top: 0px;
    margin-top: 0px;
}

/*Quick view Css starts*
a.btn {
    background: #333;
	color:#fff;
	padding:10px 12px;
    display: none;
    left: 22%;
    position: absolute;
    top: 50%;
    z-index: 1;
    border-radius: 0;
    height: auto;
}
a.btn:hover{color:#fff;}
.product-category  .info, .product-category  a.b_monochrome.close{display:none;}
.obj_product:hover a.btn {
    display: inline;
}
.product-category .obj_product.info-is-visible .masque {opacity:1;background: transparent;}*/
.reports h2 {
    font-size: 27px;
    font-family: 'FuturaBT-Book', arial;
}

.report-detail-container {
    float: left;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 10px 0px;
}

    .report-detail-container .left-side {
        width: 50%;
        float: left;
        line-height: 38px;
        font-size: 14px;
    }

    .report-detail-container .right-side {
        width: 20%;
        text-align: center;
        float: right;
        background: #ccc;
        padding: 12px 0px;
        cursor: pointer;
        font-size: 14px;
    }

        .report-detail-container .right-side span {
            background: url(/images/i_download.png) left center no-repeat;
            width: 12px;
            height: 12px;
            display: inline-block;
            margin-right: 5px;
        }

#Reports hr {
    display: none;
}

.clearfloat {
    clear: both;
}

/*  Skinc Order Details */
.orders-details table {
    width: 100%;
    border-collapse: collapse;
    /*table-layout:fixed;*/
}

.orders-details table,
.orders-details th,
.orders-details td {
    border: 1px solid black;
    padding: 5px;
}

.orders-details .order-cost {
    margin-top: 25px;
    float: left;
    width: 50%;
}
/* .order-cost.table-responsive.summary-total .po-number-order {
    margin-top: 10px;
    float: right;
    width: 150px;
    margin-right: 100px;
} */
    .orders-details .order-cost .row-width {
        width: 45%;
    }

    .orders-details .order-cost .text-center,
    .orders-details .products .heading .text-center,
    .marketing .order-cost .text-center,
    .marketing .credit-card .text-center {
        text-align: center;
    }

.orders-details header img {
    margin-bottom: 30px;
}

.orders-details .bg-color {
    background: #000;
    color: #fff !important;
}

.orders-details .bg-color1 {
    background: #ccc;
    color: #000;
}

.orders-details .products tr.bg-color td{
	color:#fff !important;
}

.orders-details .products {
    margin-top: 25px;
    width: 100%;
    float: left;
}

    .orders-details .products .heading td {
        background: #504e4e;
        color: #fff !important;
        text-align: center;
        height: 35px;
    }

    .orders-details .products tr td {
        text-align: center;
        vertical-align: middle;
    }

        .orders-details .products tr td .obj_select {
            width: auto;
        }

        .orders-details .products tr td:first-child {
            text-align: left;
            width: 300px;
        }

.orders-details .no-borders {
    border: 0px !important;
}

.orders-details header p {
    margin: 5px;
}

.orders-details .products .row-color,
.orders-details .order-cost .row-color {
    background: #45a8f1d9;
}

.orders-details .text-right {
    text-align: right !important;
}

.orders-details select.quantity,
.marketing select.quantity {
    width: 100%;
    padding: 5px 0px;
}

.quantity .pdp-sizeDropdown p {
    margin-bottom: 0px;
}

.orders-details .marketing .order-cost {
    width: 30%;
    float: left;
}

.orders-details .marketing .credit-card {
    width: 30%;
    float: left;
    margin-left: 15px;
}

.orders-details .marketing .order-details-header {
    width: 100%;
}

.orders-details .marketing {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

    .orders-details .marketing .products {
        width: 100%;
    }

.orders-details .dermablend .products tr td:nth-child(5) {
    width: 300px;
}

.orders-details .nav-tabs.retail-tabs {
    border-bottom: none;
    margin: 25px 0px;
}

.orders-details .retail-tabs li a {
    background: #dadada;
    color: #000;
    text-align: center;
}

.orders-details .retail-tabs li {
    width: 25%;
}

.orders-details .nav-tabs.retail-tabs > li.active > a,
.nav-tabs.retail-tabs > li.active > a:focus,
.nav-tabs.retail-tabs > li.active > a:hover {
    background: #90959D;
    color: #fff;
}

/***Global Search***/
#eventlist {
    float: left;
    position: relative;
    width: 100%;
    padding: 18px 0px 62px 0px;
    margin-left: 0px;
    text-align: right;
    font: 18px 'FuturaBT-Light', arial;
    /* background: #D3D3D3; */
    list-style: none;
}

.place {
    display: inline-block;
    color: #787878;
    min-height: 46px;
    margin-right: 15px;
}

.date {
    font: 2.055555em/37px 'FuturaBT-Medium', arial;
    color: #008bb0;
    min-height: 105px;
    display: block;
    text-align: left;
    margin: 0 0 10px;
    margin-left: 15px;
}

.theme {
    font-size: 1.388888em;
    line-height: 25px;
    color: #333333;
    margin: 0 0 10px;
    display: block;
    text-align: left;
    margin-left: 15px;
}

.clearfix {
    display: block;
}

a.b_link {
    font-family: 'FuturaBT-Medium';
    color: #333;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
}

a.b_bloc {
    display: block;
    text-align: center;
    font: 12px 'FuturaBT-Medium', arial;
    color: #333;
    padding: 0 15px;
    background: #f0f0f0;
}

.search-container {
    width: 100%;
    /*border:1px solid red;*/
    margin: 0 auto;
}

    .search-container h1 {
        text-transform: uppercase;
        font-size: 36px;
        font-family: 'FuturaBT-Medium', arial;
        color: #737070;
    }

.MarketingMaterial article header {
    height: 30px;
}

.search-container .inner-container {
    width: 100%;
    border-top: 2px solid #fff;
    background: #f9f9f9;
    padding: 50px 0px 0px 0px;
    box-shadow: 5px 5px 50px #ccc;
    /*overflow: hidden;*/
	float:left;
}

    .search-container .inner-container .searching-container {
        width: 33%;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .search-container .inner-container input[type="text"] {
        padding: 0px 10px;
        background: #fff;
        color: #000;
        width: 66%;
        border: 1px solid #ccc;
        float: left;
        margin-right: 5px;
        height: 38px;
        margin: 0px 5px 0px 0px;
    }

/*#global_suggestions_search {
    width: 66%;
}*/

.search-container .inner-container input[type="submit"] {
    padding: 0px 10px;
    background: #000;
    color: #fff;
    width: 20%;
    border: 0;
    cursor: pointer;
    height: 40px;
}

.search-container .inner-container .tab-container {
    width: auto;
    float: left;
    margin-top: 8px;
}

    .search-container .inner-container .tab-container .products-tab,
    .search-container .inner-container .tab-container .article-tab,
    .search-container .inner-container .tab-container .event-tab {
        background-color: #F7F7F7;
        float: left;
        border: none;
        outline: 0;
        cursor: pointer;
        padding: 14px 34px;
        font-size: 14px;
        font-family: 'FuturaBT-Medium', arial;
        border-right: 1px solid #ddd;
    }

.search-container .clearfix {
    clear: both;
    padding: 25px 10px;
    text-align: center;
    font-size: 24px;
}

#noresultsfound {
    clear: both;
    padding: 25px 10px;
    text-align: center;
    font-size: 24px;
}

.search-container .product-list-container {
    width: 100%;
    float: left;
    margin: 10px 0px;
    background: #f9f8f8;
    box-shadow: 5px 5px 50px #ccc;
}

    .search-container .product-list-container .image-container {
        width: 200px;
        float: left;
        margin-right: 10px;
		height:250px;
    }

        .search-container .product-list-container .image-container img {
            width: auto;
			height: 200px;
			margin-top: 25px;
        }

    .search-container .product-list-container .description-container {
        padding: 25px;
    }

        .search-container .product-list-container .description-container h4 {
            font-size: 24px;
            text-transform: uppercase;
            color: #77a3b6;
            font-family: 'FuturaBT-Book', arial;
            margin: 25px 0px;
        }
        .search-container .product-list-container .description-container h4 a {
            font-weight: bold;
            font-family: 'FuturaBT-Light', arial;
            font-size: 24px;
            color: #77a3b6;
        }

        .search-container .product-list-container .description-container a {
            font-size: 16px;
            /* text-transform: uppercase; */
            color: #403f3f;
            text-decoration: none;
            width: 150px;
            margin: 10px auto auto auto;
            padding: 10px 0px;
        }

            .search-container .product-list-container .description-container a:hover {
                text-decoration: underline;
            }

.search-container .inner-container .tab-container .active {
    background: #7F838A !important;
    color: #fff !important;
}

.search-container #product-listing {
    float: left;
}

.list-active {
    display: none;
}

.inblo-active {
    display: inline-block;
}

.alpha {
    width: 20%;
    float: left;
}

.plain-html .component-content .container {
    /*overflow: hidden;*/
    padding-bottom: 15px;
}

.image.logo {
    width: 40%;
    float: left;
    /*margin: 0 0 0 13px;*/
	 margin: 0 0 0 0px;
}

.header-search-container {
    border: 1px solid #ccc;
    width: 310px;
    float: right;
    background: #fff;
    height: 29px;
    margin-top: 3px;
    margin-left: 0px;
}

    .header-search-container input[type='text'] {
        width: 86%;
        float: left;
        background: #fff;
        padding: 0px 5px;
        margin: 0;
        border: 0px;
        height: 27px;
        outline: 0;
    }

    .header-search-container button {
        float: right;
        width: 10%;
        background: #fff;
        border: 0;
        box-shadow: none;
        padding: 1px 0px;
        cursor: pointer;
        outline: 0;
        margin-top: 1px;
    }

        .header-search-container button img {
            position: relative;
            top: 3px;
        }

/***Global Search***/

.product-description-container .shopping label {
    width: auto;
}

.product-description-container .shopping .obj_select.select-3 {
    margin-right: 10px;
}

.ctn_details .shopping label {
    width: auto;
}

.ctn_details .shopping .obj_select.select-3 {
    min-width: 85px;
    margin-right: 10px;
}

/*header Popover*/
.header-popover {
    width: 390px;
    height: 175px;
    position: absolute;
    right: -30px;
    top: 35px;
    background: #333;
    z-index: 999;
    border-radius: 10px;
}

    .header-popover .arrow, .popover-container-body .arrow {
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 25px solid #333;
        position: absolute;
        right: 45px;
        top: -25px;
    }


    .header-popover .text-content, .popover-container-body {
        text-align: center;
        padding: 53px 25px;
    }

        .header-popover .text-content p, .popover-container-body .text-content p {
            font-size: 18px;
            color: #ccc;
        }

        .header-popover .text-content button, .popover-container-body .text-content button {
            width: 120px;
            background: #12DBF5;
            color: #fff;
            font-size: 15px;
            margin-top: 20px;
            border: 0;
        }

.popover-container, .popover-container-body {
    position: relative;
    display: none;
}
/*header Popover*/
.search-container .inner-container .searching-container p {
    padding-top: 10px;
    font-size: 14px;
    font-family: 'FuturaBT-Medium', arial;
}

/***Global Search***/
.report-error{
    display:none;
}

.cerave-video-popup .centerarrow{
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 38%;
	cursor:pointer;
}
.cerave-video-popup .centerarrow{
	width:100px;
	height:100px;
}
.cerave-video-popup .BrandMission{
	border-bottom: 1px solid #ccc;
}
.cerave-video-popup .centerimg{
	text-align: center;
	margin-bottom:30px;
}
.cerave-video-popup .BrandMission .grid-6 a[data-videourl]{
	cursor:default;
}

.cerave-video-popup .ctn_player a.pdflink{
	display: block;
	color: #0772ba;
	margin-top: 30px;
	width: 165px;
}
.cerave-video-popup .pdflink img{	
	margin-left: 10px;
}

.cerave-video-popup .pclose{		
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	z-index:2;
}
.cerave-video-popup .pclose img{
	width:20px;
	height:20px:
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 480px) {
	.cerave-video-popup div#popinSkinCeuticalsContent .ctn_player{
		width:auto !important;		
	}
}

@media only screen and (max-device-width: 480px) {
	.cerave-video-popup .centerarrow{
		width:50px;
		height:50px;
	}
}

.HPVideo{
	padding:0;
}
.HPVideo .HPVideobg{
	margin-top:30px;
	background-color:#F1F1F1;
	padding:20px 20px 40px 20px;
}
.HPVideobg .multiple-itemsw{
	overflow:hidden;
}
.HPVideobg .HPTitle{
	font-family: "Gill Sans";
	text-align:center;
	margin-bottom:30px;
}
.HPVideobg .HPTitle h2{
	font-family: "Gill Sans";
	font-size: 25px;
	text-transform:uppercase;
	line-height:30px;
	color:#012860;
	margin-bottom:10px;
}
.HPVideobg .HPTitle span{
	font-size:18px;
	line-height:12px;
	color:#012860;	
}
.HPVideobg .icon-arrow_right,.HPVideobg .icon-arrow_left,
.pharmacy.professional .education-credit .icon-arrow_right,
.pharmacy.professional .education-credit .icon-arrow_left{
	position: absolute;
    opacity: 1;
    top: 50%;
    z-index: 1;
    font-size: 3rem;
    color: #999;
    cursor: pointer;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s ease;
}
.pharmacy.professional .education-credit .icon-arrow_right,
.pharmacy.professional .education-credit .icon-arrow_left{
	top:25%;
}
.HPVideobg .icon-arrow_right,
.pharmacy.professional .education-credit .icon-arrow_right{
	right:0;
}
.HPVideobg .icon-arrow_left,
.pharmacy.professional .education-credit .icon-arrow_left{
	left:0;
}
.HPVideobg .slick-arrow.slick-disabled{
	opacity:0;
	display:none;
}
.HPVideobg .img-responsive{
	margin: 0 auto;
	opacity:0.8;
}
.HPVideobg .HPLogo{
	width:250px;
	margin-left:10px;
}
.HPVideobg .col-sm-2 .HPImage{
	box-shadow: inset 0 4px 8px 0 rgba(0, 0, 0, 42%);
	border: 2px solid #8A9AAA;
}
.HPVideobg .col-sm-2 a{
	outline:0;
}

.HPVideobg .col-xs-12.col-sm-2.slick-slide[aria-hidden="true"] {
    visibility: hidden;
}

.home div#popinSkinCeuticalsContent .ctn_player{
	padding:25px;
}

@media only screen and (min-width: 768px) {
	.HPVideobg .col-sm-2{
		width:20%;
		margin-bottom:20px;
	}
}
@media only screen and (max-width: 767px) {
	.HPVideobg .col-sm-2{
		margin-bottom:20px;
	}
	.HPVideobg .HPTitle h2{
		font-size:18px;
		line-height:20px;
	}
	.HPVideobg .HPTitle span{
		font-size: 14px;
	}
	.HPVideobg .HPLogo{
		margin-top:5px;
	}
	.HPVideo .HPVideobg{
		padding:20px;
	}
    /* .order-cost.table-responsive.summary-total .po-number-order {
        margin-top: 15px;
        margin-bottom: 15px;
    } */
    .cls_notes_count_wrapper {
        padding-bottom: 15px !important;
    }
}

@media only screen and (min-width: 961px) {
	.pg_videoLibrary #content{
		padding-top:240px;
	}
}

table.order_history thead tr th{
	font-weight: bold;
}

.nav-mobile .component.breadcrumb.initialized{
	display:none
}

a.b_monochrome.close span{
  text-shadow:none;		
}