body, html{
    overflow-x:hidden;
    margin:0;
    padding:0;
}
.breadcrumb{
    display:none;
}
#main:not(.main-homepage) {
    padding-top: 0px;
}
.MyContent {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width:1250px;
    font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
    font-size:14px;
   line-height:1.4em;
 
}

 .MyContentWrapper {
        overflow: hidden;
        display: block;
        position: relative;
}

@media screen and (min-width:1250px){
    .MyContentWrapper {
        margin-left:calc(50% - 1000px);
        margin-right:calc(50% - 1000px);
    }
}

.MyContent * {
  /*  display: block;
    position: relative;*/
    margin: 0;
    box-sizing: border-box;
}
.MyContent img {
     max-width:100%;
     display:block;
}
.MyContent .QuickShopLinkContainer{
    display: none!important;
}
.MyContent .Blue {
    color:#00b9d8;
}
.MyContent .MainTitle {
    font-family: 'ClarinsRegular', 'Clarins';
    font-size:45px;
    line-height: 1em;
    font-weight: normal;
    margin:20px auto;
}

.MyContent .Title {
    font-family: 'ClarinsRegular', 'Clarins';
    font-size:35px;
    line-height: 1em;
    font-weight: normal;
    margin:20px auto;
}
.MyContent .Text{
    margin:0;
}
.MyContent .ColWrapper{
   position:relative;
}
.MyContent .WhiteBtnLink a,
.MyContent .WhiteBtnLink span {
    background-color: #fff;
    display: inline-block;
    color: #000;
    padding: 14px 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    line-height: 14px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    cursor:pointer;
    border:2px solid #e5e5e5;
    min-width:176px;
    box-sizing: border-box;
    text-align: center; font-weight:bold;
}
.MyContent .BtnLink a,
.MyContent .BtnLink span {
    background-color: #000;
    display: inline-block;
    color: #fff;
    padding: 16px 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    line-height: 18px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    cursor:pointer;
}
.MyContent .QuickShopLink a,
.MyContent .QuickShopLink span {
    background-color: #000;
    display: inline-block;
    color: #fff;
    padding: 16px 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    line-height: 18px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    cursor:pointer;
}

.MyContent .slick-dots  button{
   min-width:unset;
   border:0px!important;
   outline:0!important;
   padding:0!important;
   height:auto!important;
   font-size:0px;
}

.MyContent  *[data-expand] {
    position: relative;
    padding-bottom:40px!important;
}

.MyContent  *[data-expand="0"] {
    overflow: hidden;
}
.MyContent  *[data-expand] .CloseBtn::before,
.MyContent  *[data-expand] .OpenBtn::before{
	content:" ";
	display:block;
	height:1px;
	width:100%;
}
.MyContent  *[data-expand] .CloseBtn,
.MyContent  *[data-expand] .OpenBtn{
    display:block;  text-align: center;
    position: absolute;
    bottom:10px;
    width:100%;
    left:0;
}
.MyContent  *[data-expand] .CloseBtn span,
.MyContent  *[data-expand] .OpenBtn span{
	display:inline-block;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	border-bottom:1px solid #bfbfbf;
	line-height:1.2em;
	cursor:pointer;
	z-index:2;
    text-align:left;
    position:relative;
    font-weight:bold;
  
}
.MyContent  *[data-expand="0"]::after{
	content: " ";
	height:180px;
	width:100%;
	display:block;
	margin-top:-30px;
	background: linear-gradient(rgba(255,255,255,0) 0% ,rgba(255,255,255,1) 75%);
	position:absolute;
	bottom:0px;
	z-index:1;
}
.MyContent  *[data-expand="0"] .CloseBtn{
	display:none;
}
.MyContent  *[data-expand="1"] .OpenBtn{
	display:none;
}


@media (min-width:762px){
    .MyContent #BLOCK-BRUME-HYDRA-02 *[data-expand="0"]::after,
    .MyContent #BLOCK-BRUME-HYDRA-03 *[data-expand="0"]::after,
    .MyContent #BLOCK-BRUME-HYDRA-05 *[data-expand="0"]::after,
    .MyContent #BLOCK-BRUME-HYDRA-06 *[data-expand="0"]::after,
    .MyContent #BLOCK-BRUME-HYDRA-08 *[data-expand="0"]::after{
        display:none;
    }
    .MyContent #BLOCK-BRUME-HYDRA-02 .OpenBtn,
    .MyContent #BLOCK-BRUME-HYDRA-02 .CloseBtn,
    .MyContent #BLOCK-BRUME-HYDRA-03 .OpenBtn,
    .MyContent #BLOCK-BRUME-HYDRA-03 .CloseBtn,
    .MyContent #BLOCK-BRUME-HYDRA-05 .OpenBtn,
    .MyContent #BLOCK-BRUME-HYDRA-05 .CloseBtn,
    .MyContent #BLOCK-BRUME-HYDRA-06 .OpenBtn,
    .MyContent #BLOCK-BRUME-HYDRA-06 .CloseBtn,
    .MyContent #BLOCK-BRUME-HYDRA-08 .OpenBtn,
    .MyContent #BLOCK-BRUME-HYDRA-08 .CloseBtn{
         display:none;
    }
    
    .MyContent #BLOCK-BRUME-HYDRA-04 *[data-expand="0"]{
        height:140px;
    }
    .MyContent #BLOCK-BRUME-HYDRA-09 *[data-expand="0"]{
        height:150px;
    }
}



.MyContent .Packshot{
    display: flex;
    justify-content: center;
    align-items: center;
}
.MyContent .ColWrapper .Packshot a{
    display: none;
}
.MyContent .ColWrapper .Packshot a[data-selected="1"]{
    display: block;
}
.MyContent .Texture{
   position:absolute;
}
.MyContent .Texture img{
    display: none;
}
.MyContent .Texture img[data-selected="1"]{
    display: block;
}
.MyContent .Mentions{
   font-size:10px;
   opacity:0.5;
}

/*---------------------------------------------------------------------------*/
.MyContent .SliderRoutine {
   max-width:970px;
   width:100%;
   margin:20px auto;
   position: relative;
}

.MyContent .SliderRoutine  .ProductRoutine{
    text-align: center;
    display:flex;
    flex-direction: column;
    height:550px;
    position: relative;
}

.MyContent  .SliderRoutine  .ProductRoutine .Title{
    color:#33688e;
    font-size:16px;
    font-weight:normal;
    line-height:1em;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    margin:0;
    padding:20px;
}

.MyContent .SliderRoutine .ProductRoutine .Packshot{
    height:340px;
    flex-basis:340px;
    width:290px;
    display:flex;
    justify-content: center;
    align-items: flex-end;
    margin:0 auto;
}

.MyContent .SliderRoutine  .ProductRoutine .ProductName{
    margin:0;
    padding-top:20px;
    font-size:14px;
    flex:1;
}

.MyContent .SliderRoutine  .ProductRoutine .ProductPrice{
    flex-basis:30px;
    padding:10px;
}
.MyContent .SliderRoutine  .ProductRoutine .QuickShopLink{
    flex-basis:60px;
}

.MyContent .Finder {
    max-width:900px;
    margin:0 auto;
    border-bottom:1px solid;
}

.MyContent .Step {
    margin:0 auto;
  
}
.MyContent .Finder .FinderTitle{
    margin:0;
    font-size:15px;
    text-transform: uppercase;
    color:#33688e;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    display:flex;
    text-align: center;
   justify-content: center;
   align-items: center;
   padding-bottom:28px;
   padding-top:40px;
   position: relative;    font-weight:bold;
}

.MyContent .Finder .StepTitle::before{
    content:" ";
    width:40px;
    height:40px;
    background-image: url(../img/arrow-title.png);
    background-size: 26px 15px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    right:0;
    top:0;
}
.MyContent .Finder .Step[data-open="1"] .StepTitle::before{
    transform: scaleY(-1);
}
.MyContent .Finder .StepTitle{
    font-size:15px;
    text-transform: uppercase;
    color:#000;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    font-weight:bold;
    border-bottom:1px solid;
    border-top:1px solid;
    display:flex;
    text-align: center;
    height:41px;
   justify-content: center;
   align-items: center;
   position: relative;
   cursor: pointer;
}
.MyContent .Finder .Step{
    overflow: hidden;
}
.MyContent .Finder .Step[data-open="1"]{
   height:auto;
}
.MyContent .Finder .Step[data-open="0"]{
    height:40px;
}
.MyContent .Finder .Content{
    padding:20px;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.MyContent .Finder .Content .Text{
 flex-basis: 100%;
 padding:20px;
 box-sizing: border-box;
 text-align: center;
 opacity:0.7;
}
.MyContent .Finder .Choice{
    width:244px;
    height:244px;
    margin:20px;
    overflow:hidden;
    border-radius: 50%;
    border:1px solid #33688e;
    position: relative;
    cursor:pointer;
    margin:0 auto;
}
.MyContent .Finder .Choice{
    width:244px;
    height:244px;
    margin:20px;
    overflow:hidden;
    border-radius: 50%;
    border:1px solid #33688e;
    position: relative;
    cursor:pointer;
    margin:0 auto;
}
.MyContent .Finder .Choice[data-step="1"] + .ChoiceText{
    font-size:14px;
    padding:10px;
}
.MyContent .Finder .Choice[data-step="1"][data-select="1"] + .ChoiceText{
    color:#33688e;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.MyContent .Finder .Choice[data-uv="0"][data-step="2"] .ChoiceText{
    position:absolute;
    top:70%;
    left:0;
    width:100%;
    text-align: center;
    color:#ffd46c;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
}
.MyContent .Finder .Choice[data-uv="1"][data-step="2"] .ChoiceText{
    position:absolute;
    top:70%;
    left:0;
    width:100%;
    text-align: center;
  color:#33688e;  
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
}


.MyContent .Finder .Choice[data-select="1"],
.MyContent .Finder .Choice:hover{
    border:4px solid #33688e;
}


.MyContent .Finder .Choice img{
    position: absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    transition: transform ease-in-out 0.5s;
}
.MyContent .Finder .Choice:hover img{
    transform:translateX(-50%) translateY(-50%) scale(1.2) ;
}


.MyContent .Finder .Step[data-step="1"] .SliderChoice{
    width:800px;
}
.MyContent .Finder .Step[data-step="2"] .SliderChoice{
    width:528px;
}
/*---------------------------------------*/
.MyContent #BLOCK-BRUME-HYDRA-01{
        margin-left:calc(50% - 800px);
        width:1600px;
}
@media (min-width:1250px){
    .MyContent #BLOCK-BRUME-HYDRA-01{
        margin-left:-175px;
        width:1600px;
    }
}

/*---------------------------------------*/
.MyContent #BLOCK-BRUME-HYDRA-02{
    text-align: center;
    background-color: #fff;
    position: relative;
    margin:0 auto;
    padding:40px;
    padding-bottom: 0;
 }


 .MyContent #BLOCK-BRUME-HYDRA-02 .TagTitle{
    font-size: 14px;
    line-height:1em;
    text-transform: uppercase;
    color:#be0f34;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
 .MyContent #BLOCK-BRUME-HYDRA-02 .Text{
    font-size: 14px;
    line-height:1.8em;
    padding:1em 0;
    max-width:870px;
    margin:0 auto;
}
@media (min-width:762px){
    .MyContent #BLOCK-BRUME-HYDRA-02{
        margin-top:-180px;
        max-width:1180px;
    }
}

@media (max-width:1249px){
    .MyContent #BLOCK-BRUME-HYDRA-02{
      margin-left:40px;
      margin-right:40px;
    }
}
.MyContent .HasIngredient::before{
    content:" ";
    position:absolute;
    background-repeat: no-repeat;
}

/*---------------------------------------*/
.MyContent #BLOCK-BRUME-HYDRA-03{
  display:flex;
  justify-content: center;
  align-items: flex-end;
  margin-top:40px;
  position: relative;
  z-index:2;
 }
 @media (max-width:1249px){
    .MyContent #BLOCK-BRUME-HYDRA-03{
        border: #000;
        margin:40px;
    }
}


 .MyContent #BLOCK-BRUME-HYDRA-03::before{
    background-image: url(../img/ingredient-1.jpg);
    width: 243px;
    height: 270px;
    left:calc(50% + 50vw - 130px);
    top: -150px;
}
.MyContent #BLOCK-BRUME-HYDRA-03 .ColoredBox{
    margin:25px;
    background-color: #fff;
    position: relative;
    max-width:860px;
    padding:0px 50px;
    padding-top:10px;
    padding-right:170px;
    text-align: left;
 }
 @media (max-width:1249px){
    .MyContent #BLOCK-BRUME-HYDRA-03 .ColoredBox{
        padding-right:100px;
     }

 }
 .MyContent #BLOCK-BRUME-HYDRA-03 .ColoredBox::before{
    content:" ";
    width:calc(100% + 50px);
    height:calc(100% + 50px);
    background-image: url(../img/degrade.png);
    position: absolute;
    left:-25px;
    top:-25px;
    z-index:-1;
    background-size: 100% 100%;
 }
 .MyContent #BLOCK-BRUME-HYDRA-03 .Text{
    font-size: 14px;
    line-height:1.8em;
    padding:1em 0 0 0;
    max-width:850px;
    margin:0 auto;
} 
.MyContent #BLOCK-BRUME-HYDRA-03 .ProductBlock{
   margin-left:-105px;
   padding-left:195px;
   text-align: center;
   position:relative;
}
.MyContent #BLOCK-BRUME-HYDRA-03 .ProductBlock .ProductPrice{
   padding-bottom:10px;
}
.MyContent #BLOCK-BRUME-HYDRA-03 .ProductBlock .Packshot{
  width:285px;
  position:absolute;
  bottom:0;
  left:0;
}
.MyContent #BLOCK-BRUME-HYDRA-03 .BoldText{
    margin-bottom:10px;
    margin-top:20px;
    font-weight: bold;
}
.MyContent #BLOCK-BRUME-HYDRA-03 .Mentions{
        margin-bottom: 40px;
        font-size: 12px;
        opacity: 1;
}
.MyContent #BLOCK-BRUME-HYDRA-03 .LastText{
     padding-left:165px;
}
.MyContent #BLOCK-BRUME-HYDRA-03 .IngredientName{
     font-size:12px;
     max-width:130px;
     position: absolute;
     bottom:40px;
     left:0px;
     line-height: 1.2em;
     padding-top:150px;
     background-image: url(../img/ingredient-2.jpg);
     background-position: top left;
     background-repeat: no-repeat;
}
.MyContent #BLOCK-BRUME-HYDRA-03 .ProductBlock .QuickShopLink{
  
}



/*---------------------------------------*/
.MyContent #BLOCK-BRUME-HYDRA-04{
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:80px;
    position: relative;
    z-index:1;
}
 @media (max-width:1249px){
    .MyContent #BLOCK-BRUME-HYDRA-04{
       margin-left:40px;
       margin-right:40px;
     }
   
 }
.MyContent #BLOCK-BRUME-HYDRA-04::before{
    background-image: url(../img/ingredient-3.png);
    width: 287px;
    height:328px;
    right: calc(50% + 50vw - 140px);
    top: 50px;
}  
.MyContent #BLOCK-BRUME-HYDRA-04 .Content{
    padding:100px;
    padding-top:80px;
    position: relative;
    margin-top:0px;
    background-color: #fff;
    max-width:680px;
}
@media (max-width:1249px){
     .MyContent #BLOCK-BRUME-HYDRA-04 .Content {
        padding: 80px 60px;
        padding-top: 40px;
        margin-top: 0px;
        max-width: 550px;
    }
 }
.MyContent #BLOCK-BRUME-HYDRA-04 .Content::before{
    content:" ";
    width:593px;
    height:593px;
    background-image: url(../img/gouttes.png);
    position: absolute;
    left:-150px;
    top:-150px;
    z-index:-1;
    background-size: 100% 100%;
}
.MyContent #BLOCK-BRUME-HYDRA-04 .Content .Text{
    font-size: 14px;
    line-height:1.8em;
    margin:0 auto;
}    
.MyContent #BLOCK-BRUME-HYDRA-04 .OrangeBox{
    padding:70px 45px;
    position: relative;
    background-color: #ff9772;
    max-width:400px;
    color:#fff;
    margin-left:0px;
    margin-top:100px;

    padding: 45px;
    padding-bottom: 25px;
}
.MyContent #BLOCK-BRUME-HYDRA-04 .OrangeBox .Title{
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: italic;
    line-height: 25px;
}
.MyContent #BLOCK-BRUME-HYDRA-04 .OrangeBox .Text{
   padding-bottom:20px;
  
   font-size: 14px;
   padding-right:60px;
}
.MyContent #BLOCK-BRUME-HYDRA-04 .OrangeBox::after{
    content: " ";
    background-image: url(../img/quote.png);
    position: absolute;
    width: 66px;
    height:52px;
    left: 20px;
    top: -30px;
}
.MyContent #BLOCK-BRUME-HYDRA-04 .OrangeBox::before{
    content: " ";
    position: absolute;
    background-image: url(../img/back.png);
    width:42px;
    height:41px;
    right: 40px;
    bottom: 40px;

    display:none;
}
/*---------------------------------------*/
.MyContent #BLOCK-BRUME-HYDRA-05{
    display:flex;
    justify-content:space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top:-100px;
    position:relative;
    z-index:3;
}
.MyContent #BLOCK-BRUME-HYDRA-05::before{
    background-image: url(../img/ingredient-4.png);
    width: 178px;
    height: 473px;
    left: calc(50% + 50vw - 70px);
    top: 50px;
}
@media (max-width:1249px){
    .MyContent #BLOCK-BRUME-HYDRA-05::before{
        display:none;
    }
}


.MyContent #BLOCK-BRUME-HYDRA-05 .Content{
    padding:100px;
    padding-top:80px;
    padding-bottom:30px;
    position: relative;
    margin: 0;
    background-color: #fff;
    max-width:700px;
    margin-top:100px;
    order:2;
    
}  
.MyContent #BLOCK-BRUME-HYDRA-05  .Text{
    font-size: 14px;
    line-height:1.8em;
    padding:1em 0 0 0;

    max-width:850px;
    margin:0 auto;
} 
.MyContent #BLOCK-BRUME-HYDRA-05 .Title{
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: italic;
}
.MyContent #BLOCK-BRUME-HYDRA-05 .Title::before{
    content:" ";
    width:78px;
    height:78px;
    position: absolute;
    left:130px;
    top:-30px;
    background-image: url(../img/tips.png);
}
.MyContent #BLOCK-BRUME-HYDRA-05 .TipsBox::before{
    content:" ";
    width:1000px;
    position: absolute;
    background: linear-gradient(90deg,#f5392e 50%,#feae3b 100%);
    height:100%;
    right:0;
    top:0;
    z-index:-1;
}
.MyContent #BLOCK-BRUME-HYDRA-05 .TipsBox{
    padding: 70px;
    color: #fff;
    position: relative;
    flex: 1;
    order:1;
}
.MyContent #BLOCK-BRUME-HYDRA-05 .TipsBox .Text{
    font-size: 16px;
    line-height:1.5em;
}

/*---------------------------------------*/
.MyContent #BLOCK-BRUME-HYDRA-06{
    background-color: rgb(109,196,232);
    
    color:#000;
    padding:160px 0;
    text-align: center;
    position: relative;
}
 @media (max-width:1249px){
    .MyContent #BLOCK-BRUME-HYDRA-06{
      padding-top:40px;
     }

 }
.MyContent #BLOCK-BRUME-HYDRA-06::before{
    background-image: url(../img/ingredient-4.png);
    width: 178px;
    height: 473px;
    right: calc(50% + 50vw - 128px);
    bottom: -380px;
    transform: scale(0.8) scaleX(-1);
    z-index: -1;
}
@media (min-width:1250px){
    .MyContent #BLOCK-BRUME-HYDRA-06{
        margin-left:-175px;
        width:1600px;
        margin-top:-75px;
     
    }
}
.MyContent #BLOCK-BRUME-HYDRA-06 .Content .MainTitle{
    margin:0 auto;
    margin-bottom: 30px;
  }
  .MyContent #BLOCK-BRUME-HYDRA-06 .Content .MainTitle .White{
    color:#fff;
    }
.MyContent #BLOCK-BRUME-HYDRA-06 .Content{
  max-width:910px;
  margin:0 auto;
  padding-bottom: 50px;
}
.MyContent #BLOCK-BRUME-HYDRA-06 .Text{
    font-size: 14px;
    line-height:1.8em;
    padding:1em 0 0 0;
    max-width:910px;
    margin:0 auto;
} 
/*---------------------------------------*/
.MyContent #BLOCK-BRUME-HYDRA-07{
   position: relative;
   margin-top:-145px;
   height:604px;
}
.MyContent #BLOCK-BRUME-HYDRA-07 .Photo{
    position: absolute;
   top:0;
   left:0;
   width:1600px;
  
   height:100%;
}


.MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs{
    color:#006990;
    position: relative;
    z-index:2;
    padding-top:20px;
    padding-bottom:20px;
    height:430px;
}
.MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs .Title{
    text-align:center;
    font-size: 40px;
    max-width:450px;
    margin-left:20px;
}
.MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul{
    display:flex;
    margin:0;
    padding:0;
    list-style: none;
    flex-direction: column;
    flex-wrap: wrap;
    height:341px;
    align-items: flex-start;
    width:450px;
    position: relative;
    justify-content: space-between;
    padding-top:20px;
}
.MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul::before{
    content:" ";
    width:1px;
    height:calc(100% + 60px);
    position: absolute;
    top:0;
    left:210px;
    background-color: #31688d;
}
.MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li{
    display:flex;
    flex-direction: column;
    justify-content:flex-end ;
    align-items: flex-end;
    margin:0;
    padding:0;
    flex-basis:80px;
    text-align: right;
    padding:0px 15px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    width:210px;
}
.MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li img{
    width:60px;
    height:60px;
    transition:transform ease-in-out 0.5s;
}
.MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li{
   opacity:0;
   transition: opacity ease-in-out 1.6s;
}
.MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs[data-anim="1"] ul li{
    opacity:1;
 }
 
 .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(1){
  transition-delay: 0s;
 }
 .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(2){
    transition-delay: 1.2s;
   }
   .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(3){
    transition-delay: 2s;
   }
   .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(4){
    transition-delay: 2.8s;
   }
   .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(5){
    transition-delay: 0.8s;
   }
   .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(6){
    transition-delay: 1.6s;
   }
   .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(7){
    transition-delay: 2.4s;
   }



.MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:hover img{
    transform: scale(1.1);
}
.MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(5){
   flex:1;
   text-align: left;
   width:240px;
   align-items: flex-start;
  justify-content:flex-start;
}
.MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(6){
   flex-basis:33%;
   text-align: left;
   width:240px;
   align-items: flex-start;
   justify-content:center;
}
.MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(7){
    flex:1;
    text-align: left;
    width:280px;
    align-items: flex-start;
    justify-content:flex-end;
 }
 .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(6) img{
  margin-left:-16px;
 }
 .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(7) img{
    margin-left:-16px;
  }


  @media (max-width:1024px){
    .MyContent #BLOCK-BRUME-HYDRA-07 {
        height: 554px;
    }
    .MyContent #BLOCK-BRUME-HYDRA-07 .Photo {
        width: 1100px;
    }
    .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul{
        height:320px;
        padding-top:0;
    }
    .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li img {
        width: 50px;
        height: 50px;
    }
    .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li {
        flex-basis: 25%;
    }
    .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(5) ,
    .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(6) ,
    .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li:nth-child(7) {
        flex-basis: 33%;
    }
    .MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul::before {
        height:100%;
    }
}
/*---------------------------------------*/
.MyContent #BLOCK-BRUME-HYDRA-08{
    display:flex;
    margin-top:120px;
    z-index:2;
    position: relative;
    align-items: flex-start;
 }


 @media (max-width:1249px){
    .MyContent #BLOCK-BRUME-HYDRA-08{

        margin-top:60px;

     }

 }
 .MyContent #BLOCK-BRUME-HYDRA-08 .Content{
    padding:60px;
    padding-top:40px;
    position: relative;
    margin: 0;
    background-color: #fff;
    max-width:680px;
    margin-top: -80px;
}  
@media (max-width:1250px){
    .MyContent #BLOCK-BRUME-HYDRA-08 .Content{
        margin-top: 0px;
    }

}
.MyContent #BLOCK-BRUME-HYDRA-08 .Content
.MyContent #BLOCK-BRUME-HYDRA-08 .Text{
    font-size: 14px;
    line-height:1.8em;
    padding:1em 0 0 0;
    max-width:850px;
    margin:0 auto;
} 
.MyContent #BLOCK-BRUME-HYDRA-08 .Text strong{
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
} 
.MyContent #BLOCK-BRUME-HYDRA-08 .Text a{
    color:#8cc3e6;
    text-decoration: underline;
} 
/*---------------------------------------*/
.MyContent #BLOCK-BRUME-HYDRA-09{
    position: relative;
    padding-top:170px;
    padding-bottom:120px;
    
}
@media (min-width:1024px){
    .MyContent #BLOCK-BRUME-HYDRA-09{
           margin-top:-130px;
    }

}
@media (min-width:1250px){
    .MyContent #BLOCK-BRUME-HYDRA-09{
        margin-left:-175px;
        width:1600px;
        margin-top:-130px;
        z-index:1;
    }
}
@media (max-width:1024px){
    .MyContent #BLOCK-BRUME-HYDRA-09{
        padding-top: 40px;
    }

}
.MyContent #BLOCK-BRUME-HYDRA-09 .Content{
    position: relative;
    /* left: 50%; */
    /* top: 270px; */
    background-color: #fff; 
    max-width: 723px;
    padding: 80px;
    padding-top: 60px;
    margin-left: 50%;
    z-index: 2;
    margin-top: 200px;

}

.MyContent #BLOCK-BRUME-HYDRA-09 .Content .Text{
    font-size: 14px;
    line-height:1.8em;
} 

.MyContent #BLOCK-BRUME-HYDRA-09 .Background {
    top:0;
    left:50%;
    transform: translateX(-50%);
    position: absolute;
    z-index:1;
    width:1600px;
}
    
@media (max-width:1024px){
    .MyContent #BLOCK-BRUME-HYDRA-09 .Background {
        width:1300px;
    }

}
/*---------------------------------------*/
.MyContent #BLOCK-BRUME-HYDRA-10{
    position: relative;
    background-color: #fff;
    z-index:2;
    text-align: center;
    padding:60px;
}
@media (min-width:1250px){
 
    .M.MyContent #BLOCK-BRUME-HYDRA-10{
        margin-top:-290px;
    }

}
.MyContent #BLOCK-BRUME-HYDRA-10 .BoldText{
   font-size:18px;
   margin-top:30px;
   font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
   font-weight:bold;
}

.MyContent #BLOCK-BRUME-HYDRA-10 .Mentions{
    font-size: 12px;
    font-style: italic;
   font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
   line-height:1.1em;
   padding-top:8px;
}
/*---------------------------------------*/
.MyContent #BLOCK-BRUME-HYDRA-11{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:2;
}
.MyContent #BLOCK-BRUME-HYDRA-11 a:hover{
  color:#000;
}

@media (max-width:1249px){
    .MyContent #BLOCK-BRUME-HYDRA-11{
        margin:0 20px;
        margin-bottom: 20px;
    }
}

.MyContent #BLOCK-BRUME-HYDRA-11::before{
    background-image: url(../img/ingredient-4.png);
    width: 178px;
    height: 473px;
    right: calc(50% + 50vw - 178px);
    top:-350px;
    transform:scaleX(-1);
    z-index: -1;
} 
@media (max-width:1249px){
    .MyContent #BLOCK-BRUME-HYDRA-11::before {
  
        width: 108px;
        right: calc(50% + 50vw - 108px);
        background-size: 100% auto;
    }

 }
.MyContent #BLOCK-BRUME-HYDRA-11 .Push {
  margin:40px;
  text-align: center;
  position: relative;
 
}
@media (max-width:1249px){
    .MyContent #BLOCK-BRUME-HYDRA-11 .Push {
        margin:20px;
    }
}
.MyContent #BLOCK-BRUME-HYDRA-11 .Push .Content{
    position:absolute;
    bottom:0;
    margin:25px;
    background-color: #fff;
    width:calc(100% - 50px);
    padding:40px 20px;
    padding-top: 20px;
}
.MyContent #BLOCK-BRUME-HYDRA-11 .Push .Title{
    font-size:50px;
    margin-top:30px;
    margin-bottom:10px;
} 
@media (max-width:1249px){
    .MyContent #BLOCK-BRUME-HYDRA-11 .Push .Title{
        font-size:35px;
    }
}
.MyContent #BLOCK-BRUME-HYDRA-11 .Push .Text{
    font-size:14px;

} 
.MyContent #BLOCK-BRUME-HYDRA-11 .Push .Link{
    font-size:14px;
    text-transform: uppercase;
   display:inline-block;
   border-bottom: 1px solid;
    margin-top:30px;
    line-height: 1em;

} 
/*---------------------------------------*/

/*DTW Edits*/
.MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul li{
    font-size:14px;
}
.MyContent #BLOCK-BRUME-HYDRA-07 .Facteurs ul{
    height: 372px;
}