.gum_ {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
}

.gum_.atg {
    max-width: 980px;
}

.gum_.atg .header img {
    max-width: 100%;
}

.gum_.atg .header .col_g,
.gum_.atg .header .col_d {
    flex-basis: 50%;
    width: 50%;
}

.gum_.atg h1 {
    color: #e2491a;
    font-size: 40px;
}

.gum_.atg .header h2 {
    font-size: 23px;
    line-height: 28px;
}

.gum_ #rub_1,
.gum_ #tab-container,
.gum_ #rub_3,
.gum_ #rub_4 {
    margin: 30px 0;
}

@font-face {
    font-family: 'Avalon-Book';
    src: url('https://static.sephora.fr/www/webmaster/fonts/Avalon-Book.otf') format('opentype'), url('https://static.sephora.fr/www/webmaster/fonts/avalon-book-webfont.eot?#iefix') format('embedded-opentype'), url('https://static.sephora.fr/www/webmaster/fonts/avalon-book-webfont.woff2') format('woff2'), url('https://static.sephora.fr/www/webmaster/fonts/avalon-book-webfont.woff') format('woff'), url('https://static.sephora.fr/www/webmaster/fonts/avalon-book-webfont.ttf') format('truetype'), url('https://static.sephora.fr/www/webmaster/fonts/avalon-book-webfont.svg#avalonregular') format('svg');
    font-weight: 700;
    /** Fonts Modif Elevate Design 04/02/2015 probleme bold sur Firefox **/
    font-style: normal;
}

@font-face {
    font-family: 'avalon-bold';
    src: url('https://static.sephora.fr/www/webmaster/fonts/avalon-bold.eot');
    src: url('https://static.sephora.fr/www/webmaster/fonts/avalon-bold.eot?#iefix') format('embedded-opentype'), url('https://static.sephora.fr/www/webmaster/fonts/avalon-bold.woff2') format('woff2'), url('https://static.sephora.fr/www/webmaster/fonts/avalon-bold.woff') format('woff'), url('https://static.sephora.fr/www/webmaster/fonts/avalon-bold.ttf') format('truetype'), url('https://static.sephora.fr/www/webmaster/fonts/avalon-bold.svg#avalon_mediumbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.gum_ h1,
.gum_ h2,
.gum_ h3,
.gum_ p span,
.gum_ .picto_ div p,
.gum_ .text_ p,
.gum_ .menu_ a,
.gum_ .button,
.gum_ .tire_,
.gum_ .ligne_ p,
.gum_ .slider_menu p,
.pt_sephorapages .content-description p {
    font-family: 'avalon-bold';
    font-weight: inherit;
    margin: 0 auto;
    padding: 0;
}

.gum_ .sephoco {
    margin-top: 50px;
}

.gum_ p {
    font-family: 'Avalon-Book';
    color: #000000;
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 10px 0;
    letter-spacing: 1px;
}

.gum_ h1 {
    color: #e2491a;
    font-size: 50px;
    text-transform: uppercase;
    line-height: 55px;
}

.gum_ h1 sup {
    font-size: 14px;
    vertical-align: super;
}

.gum_ .header h2 {
    color: #ffaf02;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 35px;
    text-align: left;
    margin: 10px 0;
}

.gum_ h2 {
    color: #000000;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 35px;
    text-align: center;
    margin: 0 0 30px auto;
    padding: 0;
    letter-spacing: 1px;
}

.gum_ h3 {
    font-weight: inherit;
    margin: 0;
    padding: 15px 0;
    color: #ff8204;
    font-size: 20px;
    letter-spacing: 1px;
}

.gum_ .header {
    align-items: end !important;
}

.gum_ .header p {
    width: 80%;
    margin: 20px 0;
}

.gum_ .header p span {
    display: block;
    font-size: 20px;
    line-height: 30px;
}

.gum_ .header .col_g {
    position: relative;
    text-align: left;
    flex-basis: 50%;
    width: 50%;
}

.gum_ .picto_ {
    width: 94%;
    padding-bottom: 30px;
}

.gum_ .picto_ div {
    flex-basis: 25%;
    width: 25%;
    text-align: center;
}

.gum_ .picto_ p {
    font-size: 13px;
    line-height: 14px;
}

.gum_ .menu_ {
    margin: 40px 10px !important;
    align-items: center;
    -webkit-box-align: center;
}

.gum_ .menu_ div {
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 30px 0;
    padding: 30px 20px;
    margin: 0 30px;
}

.gum_ .menu_ div:hover a {
    background-color: #e2491a;
    color: #ffffff;
}

.gum_ .menu_ a {
    font-size: 16px;
    padding: 5px 15px;
    font-size: 20px;
    text-transform: uppercase;
}

.gum_ .menu_ .menu_1 {
    background-image: url(LP/lp-beauty-gummies/menu_1.png?$staticlink$);
}

.gum_ .menu_ .menu_2 {
    background-image: url(LP/lp-beauty-gummies/menu_2.png?$staticlink$);
}

.gum_ .menu_ .menu_3 {
    background-image: url(LP/lp-beauty-gummies/menu_3.png?$staticlink$);
}

.gum_ .menu_ .menu_4 {
    background-image: url(LP/lp-beauty-gummies/menu_4.png?$staticlink$);
}

.gum_ #presentation {
    margin: 0;
}

.gum_ #bx-pager {
    width: 50%;
    margin: 0 auto;
}

.gum_ #tab-container {
    width: 70%;
    margin: 50px auto;
}

.gum_ .nosingredients {
    display: flex;
}

.gum_ .nosingredients div {
    background-color: #ff7a00;
    position: relative;
}

.gum_ .entete {
    width: 30px;
}

.gum_ .ligne_ p {
    font-size: 20px;
    text-transform: uppercase;
    margin: 15px 0 0;
}

.gum_ .nosingredients div .dot {
    width: 60%;
    color: #ffffff;
    position: absolute;
    top: 50%;
    z-index: 0;
    margin-top: -30%;
    margin-left: -30%;
    left: 50%;
}

.gum_ .titre__ {
    text-align: center;
    margin: 40px 0 20px;
}

.gum_ .titre__ div {
    max-width: 1000px;
    display: inline-block;
    background-image: url(LP/lp-beauty-gummies/backBt.png?$staticlink$);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
}

.gum_ .titre__ h2 {
    margin: 30px;
    padding: 6px;
    letter-spacing: 1px;
}

.gum_ .titre__ div {
    width: 80%;
    margin: 30px 0;
    display: inline-block;
    background-image: url(LP/lp-beauty-gummies/backBt.png?$staticlink$);
}

.gum_ .content_rub4 {
    width: 80%;
    margin: 0 auto;
}

.gum_ .titre_tab {
    width: 32px;
    text-align: center;
}

.gum_ .ligne_ a {
    width: 100%;
    height: 100%;
    display: block;
}

.gum_ #tab-container .ligne_ {
    align-items: center;
    border-top: 2px solid #fff;
}

.gum_ .ligne_ div img {
    padding: 0 5px;
}

.gum_ #tab-container ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

.gum_ #tab-container li {
    list-style: none;
    border-left: 2px solid #fff;
    flex-basis: 33%;
    text-align: center;
    padding: 3%;
}

.gum_ #tab-container li a p {
    color: #ffffff;
    text-transform: uppercase;
}

.gum_ a {
    text-decoration: none;
    letter-spacing: 1px;
}

.gum_ .slider_ {
    width: 90%;
    margin: 0 auto;
}

.gum_ .header,
.gum_ .picto_,
.gum_ .slider_content .content_,
.gum_ .menu_,
.gum_ .product_,
.gum_ .slider_content .col_d .padding_,
.gum_ #tab-container ul,
.gum_ .ligne_ {
    display: -webkit-box;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0;
    display: flex;
}

.gum_ .slider_content .col_d .padding_ {
    flex-wrap: wrap;
}

.gum_ .content_ div {
    flex-basis: 50%;
}

.gum_ .slider_content .col_d {
    flex-basis: 50%;
}

.gum_ .slick-slide img {
    width: auto;
    margin: 0 auto;
    display: inline;
}

.gum_ .col_d div {
    text-align: center;
    text-transform: uppercase;
}

.gum_ .col_g {
    position: relative;
    text-align: right;
}

.gum_ .text_ {
    position: absolute;
    top: 10%;
    left: 0;
    width: 60%;
    text-align: center;
}

.gum_ .text_ p {
    padding: 5px 10px;
    color: #ffffff;
    text-transform: uppercase;
    display: inline;
    font-size: 20px;
}

.gum_ .slider-nav .slider_menu_1 p {
    background-color: none;
    color: #ff8204;
}

.gum_ .slider-nav .slider_menu_2 p {
    background-color: none;
    color: #cf1135;
}

.gum_ .slider-nav .slider_menu_3 p {
    background-color: none;
    color: #57b031;
}

.gum_ .slider_1 .text_ p,
.gum_ .slick-current .slider_menu_1 p,
.gum_ .ligne_1,
.gum_ .menu_ a,
.gum_ #rub_1 h2,
.gum_ #tab-container h2,
.gum_ #rub_3 h2,
.gum_ #rub_4 h2 {
    background-color: #ff8204;
    color: #ffffff;
}

.gum_ .slider_2 .text_ p,
.gum_ .slick-current .slider_menu_2 p,
.gum_ .ligne_2 {
    background-color: #cf1135;
    color: #ffffff;
}

.gum_ .slider_3 .text_ p,
.gum_ .slick-current .slider_menu_3 p,
.gum_ .ligne_3 {
    background-color: #57b031;
    color: #ffffff;
}

.gum_ .slider_menu_1:hover p {
    background-color: #ff8204;
    color: #ffffff;
}

.gum_ .slider_menu_2:hover p {
    background-color: #cf1135;
    color: #ffffff;
}

.gum_ .slider_menu_3:hover p {
    background-color: #57b031;
    color: #ffffff;
}

.gum_ .ligne_1 li::after {
    border-right: 16px solid #ff8204;
    border-left: 16px solid #ff8204;
}

.gum_ .ligne_2 li::after {
    border-right: 16px solid #cf1135;
    border-left: 16px solid #cf1135;
}

.gum_ .ligne_3 li::after {
    border-right: 16px solid #57b031;
    border-left: 16px solid #57b031;
}

#tabs-1,
#tabs-2,
#tabs-7 {
    border: 2px solid #ff8204
}

#tabs-1 p,
#tabs-2 p,
#tabs-7 p {
    color: #ff8204;
}

#tabs-6,
#tabs-4,
#tabs-3 {
    border: 2px solid #cf1135
}

#tabs-6 p,
#tabs-4 p,
#tabs-3 p {
    color: #cf1135;
}

#tabs-5,
#tabs-8,
#tabs-9 {
    border: 2px solid #57b031
}

#tabs-5 p,
#tabs-8 p,
#tabs-9 p {
    color: #57b031;
}

.gum_ .text_ div.rot_15 {
    transform: rotate(-5deg);
}

.gum_ .text_ div {
    margin: 40px 0;
}

.gum_ .padding_ {
    padding: 10%;
}

.gum_ .slider_menu {
    text-align: center;
}

.gum_ .slider_menu div {
    display: inline-block;
    cursor: pointer;
}

.gum_ .slider_menu p {
    padding: 10px 15px;
    font-size: 18px;
    text-transform: uppercase;
}

.gum_ li {
    position: relative;
}

.gum_ li.active::after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 20px solid #ffffff;
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -16px;
}

.gum_ div.active {
    display: block;
    margin: 2px 0px 10px 25px;
    padding: 0;
}

.gum_ div.active p {
    margin: 20px;
    font-size: 18px;
    line-height: 23px;
    width: 90%;
}

.gum_ .blocimgright,
.gum_ .blocimgleft {
    width: 95%;
    margin: auto;
}

.gum_ .content_dev_50_50 {
    display: flex;
    text-decoration: none;
}

.gum_ .content_dev_50_50 div {
    flex-basis: 50%;
    width: 50%;
}

.gum_ .content_dev_50_50 .bloc_g {
    margin: 0 -30px 0 30px;
}

.gum_ .blocimgleft .col_d {
    background-color: #ffeab8;
}

.gum_ .blocimgleft .col_d {
    z-index: 1;
    margin: 30px 0 0 -30px;
    padding: 0;
    min-height: 400px;
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
}

.gum_ .blocimgleft .col_d .content_ {
    padding: 30px;
    width: 70%;
    flex-basis: 70%;
    margin: 0 auto;
}

.gum_ .content_dev_50_50 .col_g {
    background: url("LP/lp-beauty-gummies/conseil.jpg$staticlink$");
    border: none;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    background-position: center center;
    height: 400px;
}

.gum_ .content_dev_50_50 p {
    color: #ff8204;
    text-transform: initial;
    font-size: 18px;
    line-height: 22px;
}

.gum_ .content_dev_50_50 .tire_ {
    font-size: 28px;
    margin-bottom: 30px;
}

.gum_ .content_dev_50_50 .tire_ img {
    padding: 0 10px 0px;
    margin: 0 0 -10px;
}

.gum_ .slick-prev::before {
    content: '<';
}

.gum_ .slick-next::before {
    content: '>';
}

.gum_ .slick-prev::before,
.gum_ .slick-next::before {
    font-family: 'Avalon-Book';
    font-size: 28px;
    line-height: 1;
    opacity: .75;
    color: #000;
    line-height: 30px;
}

.gum_ .mention {
    width: 100%;
    text-align: center;
    color: #9f9f9f;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 40px;
}

.gum_ .menu_ a {
    display: block;
}

.gum_ p span {
    font-size: inherit;
    color: inherit;
}

.slider-with-static-text-block .content-text {
    background-color: #ffeab8;
    display: flex;
    align-items: center;
    text-align: center;
}

.pt_sephorapages .content-description p {
    color: #ff8204;
}

.pt_sephorapages .content-description .tire_ {
    font-size: 28px;
    margin-bottom: 30px;
}

.pt_sephorapages .content-description .tire_ img {
    padding: 0 10px 0px;
    margin: 0;
}

.gum_ .content_rub4_ {
    width: 70%;
    margin: 0 auto;
}

.gum_ .slick-slide .col_d img {
    width: auto;
}

.gum_ .content_rub4 p span {
    font-size: 1.3em;
    line-height: 1.2em;
    display: block;
    margin: 20px 0 5px;
}

.gum_ .content_rub4 h3 {
    font-size: 1.5em;
    margin: 0;
    padding: 1.8em 0 0 0;
}

.gum_ .content_rub4 .first_ {
    padding: 0;
}

div.owl-stage {
    margin: 0 auto !important;
}

.content_rub4_mentions {
    margin-top: 100px;
}

@media only screen and (max-width: 1000px) {
    .gum_ .header {
        flex-direction: column-reverse;
    }
    .gum_ .picto_ div {
        flex-basis: 40%;
        width: 40%;
        text-align: center;
        padding: 3%;
    }
    .gum_ .col_d {
        text-align: center;
    }
    .gum_ .header .col_g {
        padding: 10% 10% 0 10%;
    }
    .gum_ .header .col_g,
    .gum_ .header .col_d,
    .gum_ .slider_ .content_ .col_g {
        flex-basis: 100% !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
    .gum_ #tab-container {
        width: 96%;
        margin: 50px auto;
        display: block;
    }
    .gum_ .slider_ {
        width: 80%;
    }
    .gum_ #tab-container {
        width: 96%;
        margin: 0 auto;
    }
    .gum_ .content_rub4 {
        width: 90%;
        margin: 0 auto;
    }
    .gum_ .content_rub4_ {
        width: 90%;
        margin: 0 auto;
    }
    .gum_ #bx-pager {
        width: 90%;
    }
    #tab-container .ligne_ p {
        white-space: initial;
        line-height: 15px;
    }
    .gum_ .menu_ {
        margin: 0 !important;
        padding: 0;
    }
    .gum_ .header p {
        width: 100%;
    }
    .gum_ .header .col_g,
    .gum_ .header .col_d,
    .gum_ .slider_ .content_ .col_g {
        flex-basis: 100% !important;
        width: 100% !important;
    }
    #bx-pager {
        width: 100%;
        margin: 0 auto;
    }
    .gum_ li.active::after {
        bottom: -11px;
    }
    .gum_ .product {
        flex-basis: 50%;
        padding: 0;
    }
    .gum_ .header,
    .gum_ .picto_,
    .gum_ .slider_content .content_,
    .gum_ .menu_,
    .gum_ .slider_content .col_d .padding_ {
        flex-wrap: wrap;
    }
    .gum_ #tab-container {
        width: 96%;
        margin: 50px auto;
    }
    .gum_ .content_ .padding_ div {
        flex-basis: 50%;
    }
    .gum_ .slick-slide img {
        width: 100%;
    }
    .gum_ .content_dev_50_50 {
        display: flex;
        text-decoration: none;
        flex-direction: column;
        width: 100%;
        flex-wrap: wrap;
    }
    .gum_ .content_ div {
        flex-basis: 100%;
    }
    .gum_ .slider_content .col_d {
        flex-basis: 100%;
    }
    .gum_ .ligne_ .titre_tab img {
        width: auto;
    }
    .gum_ #tab-container li a p {
        font-size: 12px;
    }
    .gum_ div.active {
        display: block;
        margin: 2px 0px;
    }
    .gum_ .text_ p {
        font-size: 12px;
    }
    .gum_ .text_ div {
        margin: 10px 0;
    }
    .gum_ .titre__ div {
        width: 90%;
        margin: 0 0 15px;
    }
    .gum_ h2 {
        font-size: 18px;
        line-height: 26px;
    }
    .gum_ #tab-container ul {
        -webkit-box-pack: left;
        justify-content: left;
    }
    .gum_ #tab-container li {
        list-style: none;
        border-left: 2px solid #fff;
        flex-basis: 210px;
        width: 210px;
        text-align: center;
        padding: 3%;
        display: inline-block;
        flex-shrink: 0;
    }
    .gum_ #tab-container .ligne_ ul {
        width: 100%;
        /* arbitary for demo only */
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .gum_ {
        overflow-x: hidden !important;
    }
    .gum_ #tab-container {
        width: 96%;
        margin: 50px auto;
    }
    .gum_ .titre__ {
        text-align: center;
        margin: 0 0 20px;
    }
}